@rt-tools/ui-kit-v2 0.34.4 → 0.35.0

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

@@ -1,11 +1,11 @@
 import { FocusTrapFactory } from "@angular/cdk/a11y";
 import { DOCUMENT } from "@angular/common";
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, DestroyRef, Injectable, InjectionToken, Injector, RendererFactory2, ViewEncapsulation, afterRenderEffect, booleanAttribute, computed, inject, input, output, signal, untracked, viewChild } from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injectable, InjectionToken, Injector, RendererFactory2, ViewEncapsulation, afterRenderEffect, booleanAttribute, computed, contentChildren, effect, inject, input, output, signal, untracked, viewChild } from "@angular/core";
 import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
 import { RtSpinnerComponent } from "@rt-tools/ui-kit-v2/spinner";
 import { Clipboard } from "@angular/cdk/clipboard";
-import { RT_KIT_LABELS, carryThemeScopeOfFocus, materialPresetClassesOfFocus, rtKitDefault, rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { BreakpointsService, RT_KIT_LABELS, carryThemeScopeOfFocus, materialPresetClassesOfFocus, rtKitDefault, rtKitLabel } from "@rt-tools/ui-kit-v2/core";
 import { RtButtonDirective } from "@rt-tools/ui-kit-v2/button";
 import { Overlay } from "@angular/cdk/overlay";
 import { ComponentPortal } from "@angular/cdk/portal";
@@ -815,7 +815,43 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 const BEM_BLOCK$1 = "rt-aside-footer";
+const PRIMARY_LOOK = {
+	appearance: "filled",
+	theme: "primary",
+	icon: null
+};
+function slotLook(host, dismissLook) {
+	if (host?.closest("[asideDismiss]")) return dismissLook;
+	if (host?.closest("[asidePrimary]")) return PRIMARY_LOOK;
+	return null;
+}
 var RtAsideFooterComponent = class RtAsideFooterComponent {
+	#phone;
+	#closeLabel;
+	constructor() {
+		this.#phone = inject(BreakpointsService).phone;
+		this.#closeLabel = rtKitLabel("uiClose");
+		this.buttons = contentChildren(RtButtonDirective, {
+			...ngDevMode ? { debugName: "buttons" } : /* istanbul ignore next */ {},
+			descendants: true
+		});
+		this.hosts = contentChildren(RtButtonDirective, {
+			...ngDevMode ? { debugName: "hosts" } : /* istanbul ignore next */ {},
+			descendants: true,
+			read: ElementRef
+		});
+		effect(() => {
+			const hosts = this.hosts();
+			const dismissLook = {
+				appearance: "outlined",
+				theme: "secondary",
+				...this.#phone() ? { label: this.#closeLabel() } : {}
+			};
+			this.buttons().forEach((button, index) => {
+				button.placeLook.set(slotLook(hosts[index]?.nativeElement, dismissLook));
+			});
+		});
+	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
@@ -828,15 +864,27 @@ var RtAsideFooterComponent = class RtAsideFooterComponent {
 	}
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
-			minVersion: "14.0.0",
+			minVersion: "17.2.0",
 			version: "22.2.2",
 			type: RtAsideFooterComponent,
 			isStandalone: true,
 			selector: "rt-aside-footer",
 			host: { classAttribute: "rt-aside-footer" },
+			queries: [{
+				propertyName: "buttons",
+				predicate: RtButtonDirective,
+				descendants: true,
+				isSignal: true
+			}, {
+				propertyName: "hosts",
+				predicate: RtButtonDirective,
+				descendants: true,
+				read: ElementRef,
+				isSignal: true
+			}],
 			ngImport: i0,
 			template: "<ng-container rtBlock=\"rt-aside-footer\">\n    <footer rtElem=\"content\" qa-dataid=\"aside-footer\">\n        <ng-content select=\"[asideDismiss]\" />\n        <ng-content select=\"[asidePrimary]\" />\n    </footer>\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-footer{--rt-aside-footer-border-width: var(--rt-border-width-thin);padding:var(--rt-aside-footer-inset, var(--rt-aside-inset) 0 0);margin:var(--rt-aside-footer-margin, var(--rt-aside-inset));border-block-start:var(--rt-aside-footer-border-width) solid var(--rt-color-border-subtle)}.rt-aside-footer__content{display:flex;flex-wrap:wrap;justify-content:var(--rt-aside-footer-justify, space-between);gap:var(--rt-aside-footer-gap, var(--rt-space-sm))}.rt-aside-footer:empty{display:none}}\n"],
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-footer{--rt-aside-footer-border-width: var(--rt-border-width-thin);padding:var(--rt-aside-footer-inset, var(--rt-aside-inset) 0 0);margin:var(--rt-aside-footer-margin, var(--rt-aside-inset));border-block-start:var(--rt-aside-footer-border-width) solid var(--rt-color-border-subtle)}.rt-aside-footer__content{display:flex;flex-wrap:nowrap;justify-content:var(--rt-aside-footer-justify, space-between);gap:var(--rt-aside-footer-gap, var(--rt-space-sm))}.rt-aside-footer:empty{display:none}}\n"],
 			dependencies: [{
 				kind: "directive",
 				type: BlockDirective,
@@ -867,9 +915,27 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [BlockDirective, ElemDirective],
 			host: { class: BEM_BLOCK$1 },
 			template: "<ng-container rtBlock=\"rt-aside-footer\">\n    <footer rtElem=\"content\" qa-dataid=\"aside-footer\">\n        <ng-content select=\"[asideDismiss]\" />\n        <ng-content select=\"[asidePrimary]\" />\n    </footer>\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-footer{--rt-aside-footer-border-width: var(--rt-border-width-thin);padding:var(--rt-aside-footer-inset, var(--rt-aside-inset) 0 0);margin:var(--rt-aside-footer-margin, var(--rt-aside-inset));border-block-start:var(--rt-aside-footer-border-width) solid var(--rt-color-border-subtle)}.rt-aside-footer__content{display:flex;flex-wrap:wrap;justify-content:var(--rt-aside-footer-justify, space-between);gap:var(--rt-aside-footer-gap, var(--rt-space-sm))}.rt-aside-footer:empty{display:none}}\n"]
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-footer{--rt-aside-footer-border-width: var(--rt-border-width-thin);padding:var(--rt-aside-footer-inset, var(--rt-aside-inset) 0 0);margin:var(--rt-aside-footer-margin, var(--rt-aside-inset));border-block-start:var(--rt-aside-footer-border-width) solid var(--rt-color-border-subtle)}.rt-aside-footer__content{display:flex;flex-wrap:nowrap;justify-content:var(--rt-aside-footer-justify, space-between);gap:var(--rt-aside-footer-gap, var(--rt-space-sm))}.rt-aside-footer:empty{display:none}}\n"]
 		}]
-	}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		buttons: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => RtButtonDirective), {
+				descendants: true,
+				isSignal: true
+			}]
+		}],
+		hosts: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => RtButtonDirective), {
+				descendants: true,
+				read: ElementRef,
+				isSignal: true
+			}]
+		}]
+	}
 });
 var ERtAsideCloseIntent;
 (function(ERtAsideCloseIntent) {
@@ -922,8 +988,8 @@ var RtAsideUnsavedDialogComponent = class RtAsideUnsavedDialogComponent {
 			selector: "rt-aside-unsaved-dialog",
 			host: { classAttribute: "rt-aside-unsaved-dialog" },
 			ngImport: i0,
-			template: "<rt-dialog width=\"440px\" qa-dataid=\"aside-unsaved-dialog\" [ariaLabel]=\"t().uiUnsavedTitle\">\n    <div rtBlock=\"rt-aside-unsaved-dialog\">\n        <div rtElem=\"text\">\n            <h2 rtElem=\"title\" qa-dataid=\"aside-unsaved-title\">{{ t().uiUnsavedTitle }}</h2>\n            <p rtElem=\"message\" qa-dataid=\"aside-unsaved-message\">{{ t().uiUnsavedMessage }}</p>\n        </div>\n\n        <div rtElem=\"footer\">\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-discard\"\n                type=\"button\"\n                theme=\"danger\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedDiscard\"\n                [attr.aria-label]=\"t().uiUnsavedDiscard\"\n                (click)=\"onDiscard()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-stay\"\n                type=\"button\"\n                theme=\"secondary\"\n                appearance=\"text\"\n                [label]=\"t().uiUnsavedStay\"\n                [attr.aria-label]=\"t().uiUnsavedStay\"\n                (click)=\"onStay()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-save\"\n                type=\"button\"\n                appearance=\"filled\"\n                [label]=\"t().uiUnsavedSave\"\n                [attr.aria-label]=\"t().uiUnsavedSave\"\n                (click)=\"onSave()\"></button>\n        </div>\n    </div>\n</rt-dialog>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-unsaved-dialog{display:flex;box-sizing:border-box;flex-direction:column;padding:var(--rt-space-xl);gap:var(--rt-space-lg)}.rt-aside-unsaved-dialog__text{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-aside-unsaved-dialog__title{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-bold)}.rt-aside-unsaved-dialog__message{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-aside-unsaved-dialog__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--rt-space-sm)}}\n"],
+			template: "<rt-dialog size=\"md\" qa-dataid=\"aside-unsaved-dialog\" [ariaLabel]=\"t().uiUnsavedTitle\">\n    <div rtBlock=\"rt-aside-unsaved-dialog\">\n        <div rtElem=\"text\">\n            <h2 rtElem=\"title\" qa-dataid=\"aside-unsaved-title\">{{ t().uiUnsavedTitle }}</h2>\n            <p rtElem=\"message\" qa-dataid=\"aside-unsaved-message\">{{ t().uiUnsavedMessage }}</p>\n        </div>\n\n        <div rtElem=\"footer\">\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-discard\"\n                type=\"button\"\n                theme=\"danger\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedDiscard\"\n                [attr.aria-label]=\"t().uiUnsavedDiscard\"\n                (click)=\"onDiscard()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-stay\"\n                type=\"button\"\n                theme=\"secondary\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedStay\"\n                [attr.aria-label]=\"t().uiUnsavedStay\"\n                (click)=\"onStay()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-save\"\n                type=\"button\"\n                appearance=\"filled\"\n                [label]=\"t().uiUnsavedSave\"\n                [attr.aria-label]=\"t().uiUnsavedSave\"\n                (click)=\"onSave()\"></button>\n        </div>\n    </div>\n</rt-dialog>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-unsaved-dialog{display:flex;box-sizing:border-box;flex-direction:column;padding:var(--rt-space-xl);gap:var(--rt-space-lg)}.rt-aside-unsaved-dialog__text{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-aside-unsaved-dialog__title{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-bold)}.rt-aside-unsaved-dialog__message{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-aside-unsaved-dialog__footer{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:var(--rt-space-sm)}@media(width<=480px){.rt-aside-unsaved-dialog__footer{flex-direction:column;align-items:stretch}}}\n"],
 			dependencies: [
 				{
 					kind: "directive",
@@ -988,8 +1054,8 @@ i0.ɵɵngDeclareClassMetadata({
 				ElemDirective
 			],
 			host: { class: BEM_BLOCK },
-			template: "<rt-dialog width=\"440px\" qa-dataid=\"aside-unsaved-dialog\" [ariaLabel]=\"t().uiUnsavedTitle\">\n    <div rtBlock=\"rt-aside-unsaved-dialog\">\n        <div rtElem=\"text\">\n            <h2 rtElem=\"title\" qa-dataid=\"aside-unsaved-title\">{{ t().uiUnsavedTitle }}</h2>\n            <p rtElem=\"message\" qa-dataid=\"aside-unsaved-message\">{{ t().uiUnsavedMessage }}</p>\n        </div>\n\n        <div rtElem=\"footer\">\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-discard\"\n                type=\"button\"\n                theme=\"danger\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedDiscard\"\n                [attr.aria-label]=\"t().uiUnsavedDiscard\"\n                (click)=\"onDiscard()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-stay\"\n                type=\"button\"\n                theme=\"secondary\"\n                appearance=\"text\"\n                [label]=\"t().uiUnsavedStay\"\n                [attr.aria-label]=\"t().uiUnsavedStay\"\n                (click)=\"onStay()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-save\"\n                type=\"button\"\n                appearance=\"filled\"\n                [label]=\"t().uiUnsavedSave\"\n                [attr.aria-label]=\"t().uiUnsavedSave\"\n                (click)=\"onSave()\"></button>\n        </div>\n    </div>\n</rt-dialog>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-unsaved-dialog{display:flex;box-sizing:border-box;flex-direction:column;padding:var(--rt-space-xl);gap:var(--rt-space-lg)}.rt-aside-unsaved-dialog__text{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-aside-unsaved-dialog__title{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-bold)}.rt-aside-unsaved-dialog__message{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-aside-unsaved-dialog__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--rt-space-sm)}}\n"]
+			template: "<rt-dialog size=\"md\" qa-dataid=\"aside-unsaved-dialog\" [ariaLabel]=\"t().uiUnsavedTitle\">\n    <div rtBlock=\"rt-aside-unsaved-dialog\">\n        <div rtElem=\"text\">\n            <h2 rtElem=\"title\" qa-dataid=\"aside-unsaved-title\">{{ t().uiUnsavedTitle }}</h2>\n            <p rtElem=\"message\" qa-dataid=\"aside-unsaved-message\">{{ t().uiUnsavedMessage }}</p>\n        </div>\n\n        <div rtElem=\"footer\">\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-discard\"\n                type=\"button\"\n                theme=\"danger\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedDiscard\"\n                [attr.aria-label]=\"t().uiUnsavedDiscard\"\n                (click)=\"onDiscard()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-stay\"\n                type=\"button\"\n                theme=\"secondary\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedStay\"\n                [attr.aria-label]=\"t().uiUnsavedStay\"\n                (click)=\"onStay()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-save\"\n                type=\"button\"\n                appearance=\"filled\"\n                [label]=\"t().uiUnsavedSave\"\n                [attr.aria-label]=\"t().uiUnsavedSave\"\n                (click)=\"onSave()\"></button>\n        </div>\n    </div>\n</rt-dialog>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-unsaved-dialog{display:flex;box-sizing:border-box;flex-direction:column;padding:var(--rt-space-xl);gap:var(--rt-space-lg)}.rt-aside-unsaved-dialog__text{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-aside-unsaved-dialog__title{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-bold)}.rt-aside-unsaved-dialog__message{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-aside-unsaved-dialog__footer{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:var(--rt-space-sm)}@media(width<=480px){.rt-aside-unsaved-dialog__footer{flex-direction:column;align-items:stretch}}}\n"]
 		}]
 	}]
 });

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-aside.mjs","names":["BEM_BLOCK","BEM_BLOCK","BEM_BLOCK","BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside-ref.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.tokens.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.service.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.html"],"sourcesContent":["function errorAsText(error: unknown): string {\n    try {\n        return JSON.stringify(error) ?? String(error);\n    } catch {\n        return String(error);\n    }\n}\n\n/**\n * Текст, который кнопка блока ошибки кладёт в буфер обмена.\n *\n * Вид повторяет первый кит — `Error time: <дата>_<время>;Error info: <JSON>`: кто разбирал такие\n * копии раньше, читает их так же. Ошибку с петлёй внутри `JSON.stringify` не пишет и бросает —\n * тогда в копию идёт её строковый вид, и нажатие не падает.\n */\nexport function rtAsideErrorCopyText(error: unknown, now: Date): string {\n    return `Error time: ${now.toDateString()}_${now.toTimeString()};Error info: ${errorAsText(error)}`;\n}\n","import { Clipboard } from '@angular/cdk/clipboard';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    inject,\n    input,\n    InputSignal,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { rtAsideErrorCopyText } from './rt-aside-error-box.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-error-box';\n\n/** Сколько кнопка держит «скопировано» — секунда, как у первого кита. */\nconst CONFIRM_DELAY_MS: number = 1000;\n\n/**\n * Блок ошибки запроса боковой панели: надпись и кнопка, которая кладёт в буфер обмена время и\n * ошибку. Перенос `rtui-aside-error-box` первого кита без Material.\n *\n * Обычно его рисует сама панель по входу `requestError`; отдельно он нужен приложению, которое\n * показывает ошибку в другом месте.\n */\n@Component({\n    selector: 'rt-aside-error-box',\n    templateUrl: './rt-aside-error-box.component.html',\n    styleUrl: './rt-aside-error-box.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [RtButtonDirective, BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideErrorBoxComponent {\n    readonly #clipboard: Clipboard = inject(Clipboard);\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    #confirmTimer: ReturnType<typeof setTimeout> | null = null;\n\n    readonly #copyLabel: Signal<string> = rtKitLabel('asideCopyErrorInfo');\n    readonly #copiedLabel: Signal<string> = rtKitLabel('uiCopied');\n\n    protected readonly title: Signal<string> = rtKitLabel('asideRequestError');\n\n    protected readonly copied: WritableSignal<boolean> = signal(false);\n\n    protected readonly buttonLabel: Signal<string> = computed((): string => (this.copied() ? this.#copiedLabel() : this.#copyLabel()));\n\n    protected readonly buttonIcon: Signal<string | null> = computed((): string | null => (this.copied() ? 'check' : null));\n\n    /** Ошибка, пришедшая от неудавшегося запроса: уходит в копию как JSON. */\n    public readonly error: InputSignal<unknown> = input.required<unknown>();\n\n    constructor() {\n        this.#destroyRef.onDestroy((): void => this.#clearTimer());\n    }\n\n    protected onCopy(): void {\n        this.#clipboard.copy(rtAsideErrorCopyText(this.error(), new Date()));\n        this.copied.set(true);\n\n        this.#clearTimer();\n        this.#confirmTimer = setTimeout((): void => this.copied.set(false), CONFIRM_DELAY_MS);\n    }\n\n    #clearTimer(): void {\n        if (this.#confirmTimer !== null) {\n            clearTimeout(this.#confirmTimer);\n            this.#confirmTimer = null;\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-aside-error-box\">\n    <div rtElem=\"frame\" qa-dataid=\"aside-error-box\">\n        <span rtElem=\"title\" qa-dataid=\"aside-error-title\">{{ title() }}</span>\n\n        <button\n            rtButton\n            rtElem=\"copy\"\n            qa-dataid=\"aside-error-copy\"\n            type=\"button\"\n            theme=\"secondary\"\n            appearance=\"text\"\n            size=\"sm\"\n            [label]=\"buttonLabel()\"\n            [icon]=\"buttonIcon()\"\n            [attr.aria-label]=\"buttonLabel()\"\n            (click)=\"onCopy()\"></button>\n    </div>\n</ng-container>\n","import { FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    afterRenderEffect,\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    untracked,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtAsideErrorBoxComponent } from './error-box/rt-aside-error-box.component';\n\nconst BEM_BLOCK: string = 'rt-aside';\n\n/**\n * Варианты ширины side-sheet:\n * - `sm` — 400px (`--rt-aside-width-sm`)\n * - `md` — 540px (`--rt-aside-width-md`, дефолт)\n * - `lg` — 720px (`--rt-aside-width-lg`)\n */\nexport type TRtAsideSize = 'sm' | 'md' | 'lg';\n\n/**\n * Раскладка контентной зоны side-sheet:\n * - `default` — контентная зона сама скроллится при overflow (штатный режим);\n * - `tabs` — контент — это `rt-tabs`: внешняя зона перестаёт быть скроллером,\n *   полоса вкладок прибита, скроллится только контент активной вкладки\n *   (`rt-tabs__content`).\n */\nexport type TRtAsideContentLayout = 'default' | 'tabs';\n\n/**\n * Презентационный styled-frame для side-sheet.\n *\n * Видимость / backdrop / scroll-block / ESC / slide-in анимация — НЕ внутренняя\n * ответственность компонента. Это обеспечивает CDK Overlay через\n * `RtAsideService.open()`. rt-aside здесь — стилизованная \"рамка\" с size-вариантами\n * и тремя слотами: `rt-aside-header`, содержимое и `rt-aside-footer`.\n *\n * Содержимое лежит в одной зоне `.rt-aside__content` — она и держит инсет панели,\n * и прокручивается. Пока зоны не было, каждый корневой узел содержимого получал\n * инсет и прокрутку сам по себе: разделы делили высоту панели между собой, а\n * обводка фокуса поля срезалась краем такого мини-скроллера.\n *\n * Семантика — `role=\"complementary\"` (mirror rt-dialog имеет `role=\"dialog\"`,\n * aside — другая роль, side-sheet не обязательно блокирующий).\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-aside`, чтобы соседние\n * rt-aside-header / rt-aside-footer работали с одним BEM-блоком без\n * cross-encapsulation хака.\n */\n@Component({\n    selector: 'rt-aside',\n    templateUrl: './rt-aside.component.html',\n    styleUrl: './rt-aside.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [BlockDirective, ElemDirective, ModDirective, RtAsideErrorBoxComponent, RtSpinnerComponent],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideComponent {\n    readonly #focusTrapFactory: FocusTrapFactory = inject(FocusTrapFactory);\n    readonly #document: Document = inject(DOCUMENT);\n\n    #focusTrap: FocusTrap | null = null;\n    #restoreFocusTo: HTMLElement | null = null;\n\n    protected readonly frame: Signal<ElementRef<HTMLElement>> = viewChild.required<ElementRef<HTMLElement>>('frame');\n\n    protected readonly hasRequestError: Signal<boolean> = computed(\n        (): boolean => this.requestError() !== null && this.requestError() !== undefined\n    );\n\n    public readonly size: InputSignal<TRtAsideSize> = input<TRtAsideSize>('md');\n    public readonly contentLayout: InputSignal<TRtAsideContentLayout> = input<TRtAsideContentLayout>('default');\n    public readonly width: InputSignal<string | null> = input<string | null>(null);\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Ошибка неудавшегося запроса. Пока она есть, между шапкой и содержимым стоит блок ошибки с\n     * кнопкой копирования; `null` и `undefined` — ошибки нет, любое другое значение её показывает.\n     */\n    public readonly requestError: InputSignal<unknown> = input<unknown>(null);\n\n    /**\n     * Держать Tab внутри панели. При включении фокус уходит на `[cdkFocusInitial]` или первый\n     * элемент под Tab, а когда панель уходит или вход гаснет, возвращается туда, где стоял.\n     */\n    public readonly trapFocus: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Идёт запрос: панель накрыта слоем с крутилкой и помечена занятой. */\n    public readonly pending: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    constructor() {\n        // После отрисовки: до неё у рамки нет ни полей, ни кнопок, и ловить фокус не на чем.\n        afterRenderEffect((): void => {\n            const enabled: boolean = this.trapFocus();\n            const frame: HTMLElement = this.frame().nativeElement;\n            untracked((): void => (enabled ? this.#holdFocus(frame) : this.#releaseFocus()));\n        });\n        inject(DestroyRef).onDestroy((): void => this.#releaseFocus());\n    }\n\n    #holdFocus(frame: HTMLElement): void {\n        if (this.#focusTrap !== null) {\n            return;\n        }\n        const focused: Element | null = this.#document.activeElement;\n        this.#restoreFocusTo = focused instanceof HTMLElement ? focused : null;\n        this.#focusTrap = this.#focusTrapFactory.create(frame);\n        void this.#focusTrap.focusInitialElementWhenReady();\n    }\n\n    #releaseFocus(): void {\n        if (this.#focusTrap === null) {\n            return;\n        }\n        this.#focusTrap.destroy();\n        this.#focusTrap = null;\n        const restoreTo: HTMLElement | null = this.#restoreFocusTo;\n        this.#restoreFocusTo = null;\n        if (restoreTo?.isConnected === true) {\n            restoreTo.focus();\n        }\n    }\n}\n","<div\n    #frame\n    rtBlock=\"rt-aside\"\n    qa-dataid=\"aside\"\n    role=\"complementary\"\n    [rtMod]=\"{ size: size(), content: contentLayout() }\"\n    [style.--rt-aside-width]=\"width()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-busy]=\"pending() || null\">\n    <ng-content select=\"rt-aside-header\" />\n\n    @if (hasRequestError()) {\n        <rt-aside-error-box rtElem=\"error\" [error]=\"requestError()\" />\n    }\n\n    <div rtElem=\"content\" qa-dataid=\"aside-content\">\n        <ng-content />\n    </div>\n\n    <ng-content select=\"rt-aside-footer\" />\n\n    @if (pending()) {\n        <div rtElem=\"pending\" qa-dataid=\"aside-pending\">\n            <rt-spinner />\n        </div>\n    }\n</div>\n","import { OverlayRef } from '@angular/cdk/overlay';\nimport { Renderer2, signal, WritableSignal } from '@angular/core';\n\nimport { Observable, Subject, take } from 'rxjs';\n\n/** Длительность slide-out анимации; синхронизирована с `--rt-aside-animation-duration` в SCSS. */\nconst LEAVE_ANIMATION_DURATION_MS: number = 200;\n\n/**\n * Жест закрытия, на который панель не закрылась: `Escape` или нажатие по подложке. Панель\n * отказывает в нём под `disableClose()` и когда жест выключен настройкой открытия.\n */\nexport type TRtAsideCloseRequest = 'escape' | 'backdrop';\n\n/**\n * Хэндл к программно открытой side-sheet (через `RtAsideService.open()`).\n *\n * Контент-компонент инжектит `RtAsideRef` и закрывает aside через `.close(result?)`.\n * Родитель ждёт результата через `.afterClosed()`.\n *\n * Generic `<T>` — тип результата `close(result)`. Дефолт `unknown` — если результат\n * не нужен, оставляй generic пустым.\n *\n * Lifecycle close():\n *  1. Race-guard `#isClosing` гарантирует один эмит даже при двойном вызове.\n *  2. Снимает `rt-aside-overlay--open` и ставит `rt-aside-overlay--leaving` на host —\n *     CSS-transition (200ms) играет slide-out.\n *  3. Эмиттит result в `afterClosed()` СРАЗУ (consumer не ждёт анимацию).\n *  4. Через `setTimeout(200ms)` зовёт `overlayRef.dispose()` — overlay убран после анимации.\n *\n * Слой, снятый без `close()` — переходом по адресу (`disposeOnNavigation`) или уничтожением\n * хозяина, — тоже завершает `afterClosed()`: подписчик получает `undefined`.\n *\n * @example\n * \\`\\`\\`ts\n * // в контент-компоненте\n * private readonly asideRef = inject(RtAsideRef<{ saved: boolean }>);\n * onSave(): void { this.asideRef.close({ saved: true }); }\n *\n * // в родителе\n * asideService.open(EditAsideComponent).afterClosed().subscribe(result => {...});\n * \\`\\`\\`\n */\nexport class RtAsideRef<T = unknown> {\n    /**\n     * Runtime-флаг, блокирующий close() через ESC / backdrop click.\n     *\n     * Default `false`. Включай (`asideRef.disableClose.set(true)`) на время\n     * in-flight submit'а, чтобы юзер не потерял введённые в форму данные.\n     * Программный `close(result)` гейтом не задет — он всегда закрывает.\n     */\n    public readonly disableClose: WritableSignal<boolean> = signal(false);\n\n    readonly #overlayRef: OverlayRef;\n    readonly #renderer: Renderer2;\n    readonly #afterClosedSource: Subject<T | undefined> = new Subject<T | undefined>();\n    readonly #closeRequestsSource: Subject<TRtAsideCloseRequest>;\n\n    #isClosing: boolean = false;\n\n    /**\n     * `closeRequestsSource` наполняет служба: она слушает жесты и знает, отказала ли в них панель.\n     * Хэндл только завершает поток вместе с панелью.\n     */\n    constructor(\n        overlayRef: OverlayRef,\n        renderer: Renderer2,\n        closeRequestsSource: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>()\n    ) {\n        this.#overlayRef = overlayRef;\n        this.#renderer = renderer;\n        this.#closeRequestsSource = closeRequestsSource;\n        this.#overlayRef\n            .detachments()\n            .pipe(take(1))\n            .subscribe((): void => this.#finish(undefined));\n    }\n\n    /** Закрывает overlay со slide-out анимацией; эмиттит result в `afterClosed()` синхронно. */\n    public close(result?: T): void {\n        if (this.#isClosing) {\n            return;\n        }\n        this.#isClosing = true;\n\n        this.#renderer.removeClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--open');\n        this.#renderer.addClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--leaving');\n\n        // Эмитим результат сразу — consumer не ждёт slide-out.\n        this.#emit(result);\n\n        // Дефер dispose'а на длительность анимации — overlay остаётся в DOM,\n        // пока CSS-transition не отыграет slide-out.\n        setTimeout((): void => {\n            this.#overlayRef.dispose();\n        }, LEAVE_ANIMATION_DURATION_MS);\n    }\n\n    /** Эмиттит один раз — результат `close(result)` или `undefined` при снятом слое — и завершается. */\n    public afterClosed(): Observable<T | undefined> {\n        return this.#afterClosedSource.asObservable();\n    }\n\n    /**\n     * Жесты закрытия, в которых панель отказала: `Escape` и нажатие по подложке под\n     * `disableClose()` или выключенные настройкой. Завершается вместе с панелью.\n     */\n    public closeRequests(): Observable<TRtAsideCloseRequest> {\n        return this.#closeRequestsSource.asObservable();\n    }\n\n    /** Слой снят без `close()`: анимации играть не на чем, остаётся отдать результат. */\n    #finish(result: T | undefined): void {\n        if (this.#isClosing) {\n            return;\n        }\n        this.#isClosing = true;\n        this.#emit(result);\n    }\n\n    #emit(result: T | undefined): void {\n        this.#afterClosedSource.next(result);\n        this.#afterClosedSource.complete();\n        this.#closeRequestsSource.complete();\n    }\n}\n","import { InjectionToken } from '@angular/core';\n\n/**\n * Injection token для передачи данных в side-sheet, открытую через `RtAsideService.open()`.\n *\n * Пользовательский компонент-контент aside'а инжектит токен и получает данные,\n * переданные в `IRtAsideConfig.data`. Тип значения задаётся generic'ом — `inject(RT_ASIDE_DATA)`\n * вернёт `unknown`, прокастуй через `inject(RT_ASIDE_DATA) as MyDataType` ИЛИ\n * объяви токен с конкретным generic'ом в feature-либе.\n *\n * Намеренно отдельный токен от `RT_DIALOG_DATA`, чтобы type-checker не путал контексты\n * (rt-dialog vs rt-aside) — оба сервиса могут существовать в одном DI-дереве.\n *\n * @example\n * \\`\\`\\`ts\n * @Component({...})\n * export class GuestProfileAsideComponent {\n *   readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n * }\n *\n * // parent\n * asideService.open(GuestProfileAsideComponent, { data: { userId: 42 } });\n * \\`\\`\\`\n */\nexport const RT_ASIDE_DATA: InjectionToken<unknown> = new InjectionToken<unknown>('RT_ASIDE_DATA');\n","import { ComponentType, Overlay, OverlayConfig, OverlayRef, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { DOCUMENT } from '@angular/common';\nimport { inject, DestroyRef, Injectable, Injector, Renderer2, RendererFactory2, Signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { EMPTY, map, merge, mergeMap, Observable, Subject, Subscriber, takeUntil } from 'rxjs';\n\nimport { IRtKitConfig } from '@rt-tools/ui-kit-v2/core';\nimport { rtKitDefault } from '@rt-tools/ui-kit-v2/core';\nimport { carryThemeScopeOfFocus, materialPresetClassesOfFocus } from '@rt-tools/ui-kit-v2/core';\nimport { RtAsideRef, TRtAsideCloseRequest } from './rt-aside-ref';\nimport { RT_ASIDE_DATA } from './rt-aside.tokens';\n\n/**\n * Позиционирование side-sheet — у какого края viewport \"приклеена\" панель.\n */\nexport type TRtAsidePosition = 'right' | 'left';\n\n/**\n * Конфигурация открытия side-sheet через `RtAsideService.open()`.\n */\nexport interface IRtAsideConfig<TData = unknown> {\n    /** Данные, доступные внутри aside'а через `inject(RT_ASIDE_DATA)`. */\n    data?: TData;\n\n    /** Дополнительный CSS-класс для backdrop (поверх стандартного `rt-aside-backdrop`). */\n    backdropClass?: string | string[];\n\n    /** Дополнительный CSS-класс для panel-обёртки overlay (поверх `rt-aside-overlay`). */\n    panelClass?: string | string[];\n\n    /** Закрывать aside по клику на backdrop. По дефолту `true`. */\n    closeOnBackdropClick?: boolean;\n\n    /** Закрывать aside по ESC. По дефолту `true`. */\n    closeOnEscape?: boolean;\n\n    /** К какому краю viewport \"приклеить\" панель. По дефолту `\"right\"`. */\n    position?: TRtAsidePosition;\n\n    /**\n     * Injector хозяина панели — обычно `inject(Injector)` открывающего компонента. Он становится\n     * родителем портала: содержимое видит провайдеры хозяина. Уничтожение хозяина закрывает\n     * панель через `close()`. Без него родитель — корневой injector, и панель живёт сама по себе.\n     */\n    injector?: Injector;\n\n    /**\n     * Снимать панель при переходе по адресу. По умолчанию `true`; `false` оставляет её открытой —\n     * для панели, которая сама ведёт навигацию и должна пережить смену адреса.\n     */\n    disposeOnNavigation?: boolean;\n}\n\n/**\n * Контекст одного открытия aside'а — payload для per-open close-подписок в конструкторном\n * стриме. `asideRef` сужен до используемых handler'ами членов (`RtAsideRef<T>` инвариантен\n * по `T`, целиком в generic-agnostic контекст не влезает).\n */\ninterface IRtAsideOpenContext {\n    overlayRef: OverlayRef;\n    asideRef: {\n        disableClose: Signal<boolean>;\n        close: () => void;\n    };\n    closeRequests: Subject<TRtAsideCloseRequest>;\n    /** DestroyRef хозяина из `config.injector`; его уничтожение закрывает панель. */\n    ownerDestroyRef: DestroyRef | null;\n    closeOnBackdropClick: boolean;\n    closeOnEscape: boolean;\n}\n\n/**\n * Программный API для открытия side-sheet поверх CDK Overlay.\n *\n * Архитектурно зеркалит `RtDialogService`, отличаясь только positionStrategy\n * (edge-anchored: `right('0')` / `left('0')` + `top('0')`) и slide-in анимацией,\n * которая триггерится через CSS-классы на overlay host (`Renderer2` инжектится\n * через `RendererFactory2`, потому что в service нет ComponentRef).\n *\n * Lifecycle:\n *  1. `overlay.create({ panelClass: [..., '--entering'] })` — host получает initial\n *     CSS-стейт (translateX(±100%)).\n *  2. `overlayRef.attach(portal)` — контент-компонент монтируется в host.\n *  3. На следующий paint (`requestAnimationFrame`) сервис снимает `--entering` и\n *     добавляет `--open` — CSS-transition сделает slide-in.\n *  4. На `ref.close(result)` ref добавляет `--leaving`, эмиттит result синхронно,\n *     deferred `dispose()` через 200ms (длительность анимации).\n *\n * Альтернатива rt-dialog — для длинных форм / мастеров / side-panels, где\n * центрированная модалка ощущается тесной. Не предназначено для подтверждений\n * или коротких диалогов (для этого — `RtDialogService`).\n *\n * @example\n * \\`\\`\\`ts\n * private readonly asideService = inject(RtAsideService);\n *\n * openProfile(userId: number): void {\n *   const ref = this.asideService.open<GuestProfileAsideComponent, { userId: number }, void>(\n *     GuestProfileAsideComponent,\n *     { data: { userId }, position: \"right\" }\n *   );\n *   ref.afterClosed().subscribe(() => this.reloadList());\n * }\n *\n * // контент-компонент\n * @Component({ ... })\n * export class GuestProfileAsideComponent {\n *   readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n *   readonly #ref = inject(RtAsideRef);\n *   close(): void { this.#ref.close(); }\n * }\n * \\`\\`\\`\n */\n@Injectable({ providedIn: 'root' })\nexport class RtAsideService {\n    readonly #overlay: Overlay = inject(Overlay);\n    readonly #injector: Injector = inject(Injector);\n    readonly #document: Document = inject(DOCUMENT);\n    // Renderer2 нужен для манипуляции CSS-классами на overlay.hostElement.\n    // В service нет ComponentRef, поэтому Renderer2 берём через factory.\n    readonly #renderer: Renderer2 = inject(RendererFactory2).createRenderer(null, null);\n\n    readonly #openSource: Subject<IRtAsideOpenContext> = new Subject<IRtAsideOpenContext>();\n\n    /* Закрывает ли `Escape` штору, когда вызов об этом промолчал. Умолчание кита — закрывает;\n       приложению, которому это мешает, иначе пришлось бы писать отказ на каждом вызове, и\n       забытый вызов отличался бы от остальных. */\n    readonly #closeOnEscape: boolean = rtKitDefault('aside', (it: IRtKitConfig.Aside): boolean | undefined => it.closeOnEscape, true);\n\n    constructor() {\n        // Per-open close-подписки (backdrop / ESC) живут в одном постоянном\n        // конструкторном стриме: open() эмитит контекст открытия, mergeMap\n        // подписывает event-стримы конкретного OverlayRef до его dispose\n        // (`detachments()` терминирует внутренний поток). mergeMap, а не\n        // switchMap — одновременно может быть открыто несколько aside'ов.\n        //\n        // Runtime-guard через asideRef.disableClose() — те же правила, что в\n        // rt-dialog: ESC / backdrop НЕ закрывают overlay, если disableClose=true;\n        // программный ref.close() гейтом не задет.\n        this.#openSource\n            .pipe(\n                mergeMap((openContext: IRtAsideOpenContext): Observable<() => void> => {\n                    // Оба жеста слушаются всегда: отказ в закрытии — тоже ответ, и он уходит в\n                    // `closeRequests()` хэндла, будь то `disableClose` или выключенный жест.\n                    const backdropClose$: Observable<() => void> = openContext.overlayRef.backdropClick().pipe(\n                        map((): (() => void) => (): void => {\n                            this.#answerCloseGesture(openContext, 'backdrop', openContext.closeOnBackdropClick);\n                        })\n                    );\n                    const escapeClose$: Observable<() => void> = openContext.overlayRef.keydownEvents().pipe(\n                        map((event: KeyboardEvent): (() => void) => (): void => {\n                            if (event.key !== 'Escape') {\n                                return;\n                            }\n                            if (openContext.closeOnEscape) {\n                                event.preventDefault();\n                            }\n                            this.#answerCloseGesture(openContext, 'escape', openContext.closeOnEscape);\n                        })\n                    );\n                    const ownerClose$: Observable<() => void> = this.#destroyed(openContext.ownerDestroyRef).pipe(\n                        map((): (() => void) => (): void => openContext.asideRef.close())\n                    );\n                    return merge(backdropClose$, escapeClose$, ownerClose$).pipe(takeUntil(openContext.overlayRef.detachments()));\n                }),\n                takeUntilDestroyed()\n            )\n            .subscribe((handleCloseIntent: () => void): void => handleCloseIntent());\n    }\n\n    public open<TComponent, TData = unknown, TResult = unknown>(\n        component: ComponentType<TComponent>,\n        config?: IRtAsideConfig<TData>\n    ): RtAsideRef<TResult> {\n        const position: TRtAsidePosition = config?.position ?? 'right';\n        const positionStrategy: PositionStrategy =\n            position === 'right'\n                ? this.#overlay.position().global().right('0').top('0')\n                : this.#overlay.position().global().left('0').top('0');\n\n        const panelClasses: string[] = [\n            'rt-aside-overlay',\n            `rt-aside-overlay--position-${position}`,\n            'rt-aside-overlay--entering',\n            ...materialPresetClassesOfFocus(this.#document),\n        ];\n\n        const overlayConfig: OverlayConfig = {\n            positionStrategy,\n            scrollStrategy: this.#overlay.scrollStrategies.block(),\n            hasBackdrop: true,\n            backdropClass: config?.backdropClass ?? 'rt-aside-backdrop',\n            panelClass: config?.panelClass !== undefined ? [...panelClasses, ...this.#toArray(config.panelClass)] : panelClasses,\n            disposeOnNavigation: config?.disposeOnNavigation ?? true,\n        };\n\n        const overlayRef: OverlayRef = this.#overlay.create(overlayConfig);\n        // До attach: содержимое панели может забрать фокус, и кусок темы у кнопки будет потерян.\n        carryThemeScopeOfFocus(overlayRef.overlayElement, this.#document);\n        const closeRequests: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>();\n        const asideRef: RtAsideRef<TResult> = new RtAsideRef<TResult>(overlayRef, this.#renderer, closeRequests);\n\n        // Сами close-подписки объявлены один раз в конструкторе — здесь только\n        // эмит контекста открытия (см. #openSource-стрим).\n        this.#openSource.next({\n            overlayRef,\n            asideRef,\n            closeRequests,\n            ownerDestroyRef: config?.injector?.get(DestroyRef, null) ?? null,\n            closeOnBackdropClick: config?.closeOnBackdropClick !== false,\n            closeOnEscape: config?.closeOnEscape ?? this.#closeOnEscape,\n        });\n\n        const injector: Injector = Injector.create({\n            parent: config?.injector ?? this.#injector,\n            providers: [\n                { provide: RtAsideRef, useValue: asideRef },\n                { provide: RT_ASIDE_DATA, useValue: config?.data ?? null },\n            ],\n        });\n\n        const portal: ComponentPortal<TComponent> = new ComponentPortal<TComponent>(component, null, injector);\n        overlayRef.attach(portal);\n\n        // Slide-in: на следующий paint снимаем --entering и добавляем --open.\n        // CSS transition (см. rt-aside.component.scss) сделает анимацию.\n        // Backdrop default hidden — toggle --visible одновременно со слайдом.\n        // Панель могли снять до кадра — `close()`, переходом или уничтожением хозяина в том же такте.\n        requestAnimationFrame((): void => {\n            if (!overlayRef.hasAttached()) {\n                return;\n            }\n            this.#renderer.removeClass(overlayRef.overlayElement, 'rt-aside-overlay--entering');\n            this.#renderer.addClass(overlayRef.overlayElement, 'rt-aside-overlay--open');\n            const backdropEl: HTMLElement | null = overlayRef.backdropElement;\n            if (backdropEl !== null) {\n                this.#renderer.addClass(backdropEl, 'rt-aside-backdrop--visible');\n            }\n        });\n\n        return asideRef;\n    }\n\n    /** Жест закрытия: закрывает панель, если жест включён и не держит `disableClose`, иначе сообщает об отказе. */\n    #answerCloseGesture(openContext: IRtAsideOpenContext, gesture: TRtAsideCloseRequest, enabled: boolean): void {\n        if (enabled && !openContext.asideRef.disableClose()) {\n            openContext.asideRef.close();\n            return;\n        }\n        openContext.closeRequests.next(gesture);\n    }\n\n    /**\n     * Уничтожение хозяина как поток. Отписка — уход панели — снимает слушателя с хозяина, и его\n     * позднее уничтожение панель уже не трогает.\n     */\n    #destroyed(ownerDestroyRef: DestroyRef | null): Observable<void> {\n        if (ownerDestroyRef === null) {\n            return EMPTY;\n        }\n        return new Observable<void>((subscriber: Subscriber<void>): (() => void) =>\n            ownerDestroyRef.onDestroy((): void => subscriber.next())\n        );\n    }\n\n    /** Нормализует `string | string[]` к массиву (panelClass поддерживает оба формата). */\n    #toArray(value: string | string[]): string[] {\n        return Array.isArray(value) ? value : [value];\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    inject,\n    input,\n    output,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\nimport { RtTagComponent } from '@rt-tools/ui-kit-v2/tag';\nimport { RtAsideRef } from '../rt-aside-ref';\nimport { IRtAsideHeader } from './rt-aside-header.model';\n\nconst BEM_BLOCK: string = 'rt-aside-header';\n\n/**\n * Заголовок side-sheet'а; работает в двух modes:\n *\n * 1. **Programmatic** (через `RtAsideService.open()`) — `RtAsideRef` провайдится\n *    оверлей-инжектором; стрелка «назад» дёргает `asideRef.close()` напрямую,\n *    consumer подписан на `afterClosed()`.\n * 2. **Route-driven** (через `[rtContainerRightSidenavPanel]` driver в\n *    rt-container'е) — `RtAsideRef` НЕ провайдится (overlay принадлежит\n *    rt-container'у, не RtAsideService). Consumer слушает `(dismiss)` output и\n *    сам зовёт `panel.close()`.\n *\n * Оба пути живут одновременно: `onDismiss()` сперва эмитит output, затем (если\n * есть) дёргает optional `asideRef.close()`.\n *\n * Доменные действия (отклонить / удалить / снять с публикации и т.п.)\n * проецируются в слот `[asideActions]` как ряд `rt-icon-button` справа от title.\n *\n * Слот `[asideHeaderContent]` — строка под заголовком на всю ширину шапки: поиск, вкладки,\n * сводка. Пустой слот места не занимает.\n *\n * Слот `[asideHeadingContent]` — содержимое в колонке заголовка, под подписью и бэйджами, по её\n * левому краю. Пустой слот ничего не рисует.\n *\n * `ViewEncapsulation.None` — для единообразия с rt-dialog-header (стили\n * префиксованы `.rt-aside-header`).\n *\n * @example\n * ```html\n * <rt-aside-header title=\"Профиль пользователя\" />\n * <rt-aside-header title=\"Создание записи\" [closable]=\"false\" />\n * <rt-aside-header title=\"Детали\" (dismiss)=\"onClose()\">\n *     <rt-icon-button asideActions icon=\"ico-error\" variant=\"danger\"\n *                     ariaLabel=\"Отклонить\" (clicked)=\"reject()\" />\n * </rt-aside-header>\n * ```\n */\n@Component({\n    selector: 'rt-aside-header',\n    templateUrl: './rt-aside-header.component.html',\n    styleUrl: './rt-aside-header.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtSkeletonWrapperComponent,\n        RtTagComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideHeaderComponent {\n    readonly #asideRef: RtAsideRef | null = inject(RtAsideRef, { optional: true });\n\n    /** Текст заголовка — рендерится в `<h2>`. Null/пустая строка вместе с\n     *  `[loading]=true` показывают skeleton вместо title. */\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    public readonly title: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Мелкий приглушённый надзаголовок НАД основным title (контекст действия:\n     * «Создание записи», «Запись № 6»). Null (дефолт) — обычный\n     * однострочный хедер. Overline не участвует в skeleton-режиме — это\n     * статичный текст, известный до загрузки данных.\n     */\n    public readonly overline: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Приглушённая подпись ПОД заголовком: что делается в панели. Null (дефолт) —\n     * строки нет. Как надзаголовок, в skeleton-режиме не участвует.\n     */\n    public readonly subtitle: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Ряд бэйджей (`rt-tag`) под заголовком — контекст сущности (статус, метка\n     * записи и т.п.). Пустой массив (дефолт) — ряд не рендерится. Async-данные:\n     * потребитель отдаёт `[]` пока сущность не зарезолвилась.\n     */\n    public readonly badges: InputSignal<readonly IRtAsideHeader.Badge[]> = input<readonly IRtAsideHeader.Badge[]>([]);\n\n    /** Показывать кнопку закрытия в углу заголовка. Дефолт `true`. */\n    public readonly closable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n        transform: booleanAttribute,\n    });\n\n    /** Показывать skeleton вместо title (loading-state aside'а пока данные\n     *  резолвятся через async fasade). Дефолт `false`. */\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Эмитится при клике по стрелке «назад» — намерение пользователя закрыть\n     * aside (intent, не «закрыто»). Route-driven consumer слушает этот output и\n     * дёргает `panel.close()` сам. Имя `dismiss` вместо `close` — ESLint\n     * `@angular-eslint/no-output-native` блокирует output с именем стандартного\n     * DOM-события (`close`).\n     */\n    public readonly dismiss: OutputEmitterRef<void> = output<void>();\n\n    protected onDismiss(): void {\n        // Сначала output — route-driven consumer обработает intent.\n        this.dismiss.emit();\n        // Затем (если есть) AsideRef — programmatic mode через RtAsideService.\n        this.#asideRef?.close();\n    }\n}\n","<ng-container rtBlock=\"rt-aside-header\">\n    <header rtElem=\"content\" qa-dataid=\"aside-header\">\n        @if (closable()) {\n            <rt-icon-button\n                rtElem=\"back\"\n                qa-dataid=\"aside-back\"\n                icon=\"arrow-left\"\n                size=\"sm\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiBack\"\n                [tooltip]=\"t().uiBack\"\n                (clicked)=\"onDismiss()\" />\n        }\n\n        <div rtElem=\"heading\">\n            @if (overline(); as overlineText) {\n                <p rtElem=\"overline\" qa-dataid=\"aside-overline\">{{ overlineText }}</p>\n            }\n            <h2 rtElem=\"title\" qa-dataid=\"aside-title\">\n                <rt-skeleton-wrapper width=\"180px\" height=\"20px\" [isLoading]=\"loading()\">\n                    {{ title() }}\n                </rt-skeleton-wrapper>\n            </h2>\n\n            @if (subtitle(); as subtitleText) {\n                <p rtElem=\"subtitle\" qa-dataid=\"aside-subtitle\">{{ subtitleText }}</p>\n            }\n\n            @if (badges().length > 0) {\n                <div rtElem=\"badges\">\n                    @for (badge of badges(); track badge.value) {\n                        @if (badge.href; as href) {\n                            <a rtElem=\"badge-link\" qa-dataid=\"aside-badge-link\" target=\"_blank\" rel=\"noopener\" [href]=\"href\">\n                                <rt-tag\n                                    iconEnd=\"external-link\"\n                                    [value]=\"badge.value\"\n                                    [severity]=\"badge.severity ?? 'neutral'\"\n                                    [appearance]=\"badge.appearance ?? 'solid'\"\n                                    [radius]=\"badge.radius ?? 'md'\"\n                                    [icon]=\"badge.icon ?? null\" />\n                            </a>\n                        } @else {\n                            <rt-tag\n                                [value]=\"badge.value\"\n                                [severity]=\"badge.severity ?? 'neutral'\"\n                                [appearance]=\"badge.appearance ?? 'solid'\"\n                                [radius]=\"badge.radius ?? 'md'\"\n                                [icon]=\"badge.icon ?? null\" />\n                        }\n                    }\n                </div>\n            }\n\n            <ng-content select=\"[asideHeadingContent]\" />\n        </div>\n\n        <div rtElem=\"actions\" qa-dataid=\"aside-actions\">\n            <ng-content select=\"[asideActions]\" />\n        </div>\n    </header>\n\n    <div rtElem=\"row\" qa-dataid=\"aside-header-row\">\n        <ng-content select=\"[asideHeaderContent]\" />\n    </div>\n</ng-container>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-aside-footer';\n\n/**\n * Footer-слот для композиции внутри `<rt-aside>`. Две зоны через именованные\n * слоты: `[asideDismiss]` (слева — «Закрыть», `appearance=\"text\"`, всегда) и\n * `[asidePrimary]` (справа — единственный позитивный глагол: Сохранить /\n * Отправить / Опубликовать, если есть). Раскладка `justify-content:\n * space-between`. Доменные/деструктивные действия в футер не кладём — они\n * проецируются иконками в `<rt-aside-header>` слот `[asideActions]`.\n *\n * Только две именованные зоны — безатрибутный контент НЕ проецируется (контент\n * без `asideDismiss`/`asidePrimary` не отрендерится).\n *\n * `ViewEncapsulation.None` — для единообразия с rt-aside.\n *\n * @example\n * \\`\\`\\`html\n * <rt-aside-footer>\n *   <button rtButton asideDismiss appearance=\"text\" (click)=\"onClose()\">Закрыть</button>\n *   <button rtButton asidePrimary theme=\"primary\" (click)=\"save()\">Сохранить</button>\n * </rt-aside-footer>\n * \\`\\`\\`\n */\n@Component({\n    selector: 'rt-aside-footer',\n    templateUrl: './rt-aside-footer.component.html',\n    styleUrl: './rt-aside-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideFooterComponent {}\n","<ng-container rtBlock=\"rt-aside-footer\">\n    <footer rtElem=\"content\" qa-dataid=\"aside-footer\">\n        <ng-content select=\"[asideDismiss]\" />\n        <ng-content select=\"[asidePrimary]\" />\n    </footer>\n</ng-container>\n","import { Signal } from '@angular/core';\n\n/** Что делает панель, когда её просят закрыться. */\nexport enum ERtAsideCloseIntent {\n    /** Ничего: идёт запись, и закрытие посреди неё потеряло бы её результат. */\n    Ignore = 'ignore',\n    /** Закрыться сразу: терять нечего. */\n    Close = 'close',\n    /** Спросить, что сделать с несохранёнными правками. */\n    Ask = 'ask',\n}\n\n/** Исход окна с несохранёнными правками. */\nexport enum ERtAsideUnsavedOutcome {\n    /** Закрыть без сохранения. */\n    Discard = 'discard',\n    /** Закрыть с сохранением. */\n    Save = 'save',\n    /** Остаться в панели. */\n    Stay = 'stay',\n}\n\n/**\n * Гард закрытия, который панель ставит на себя: признак нетронутости формы и\n * запись, которую зовёт исход «закрыть с сохранением».\n */\nexport interface IRtAsideUnsavedGuard {\n    pristine: Signal<boolean>;\n    save: () => void;\n}\n\n/** Состояние панели на момент намерения закрыть её. */\nexport interface IRtAsideCloseState {\n    submitting: boolean;\n    guarded: boolean;\n    pristine: boolean;\n}\n\n/**\n * Решение по намерению закрыть панель. Одно на все четыре пути закрытия: кнопку\n * в шапке, кнопку в футере, нажатие мимо панели и клавишу Esc — иначе Esc обошёл\n * бы то, что ловит кнопка.\n */\nexport function resolveCloseIntent(state: IRtAsideCloseState): ERtAsideCloseIntent {\n    if (state.submitting) {\n        return ERtAsideCloseIntent.Ignore;\n    }\n\n    return state.guarded && !state.pristine ? ERtAsideCloseIntent.Ask : ERtAsideCloseIntent.Close;\n}\n","import { inject, ChangeDetectionStrategy, Component, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtDialogRef } from '@rt-tools/ui-kit-v2/dialog';\nimport { RtDialogComponent } from '@rt-tools/ui-kit-v2/dialog';\nimport { ERtAsideUnsavedOutcome } from './rt-aside-unsaved.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-unsaved-dialog';\n\n/**\n * Окно, которое видит пользователь, закрывая панель с несохранёнными правками. Три\n * исхода: закрыть без сохранения, закрыть с сохранением, остаться. Открывает его\n * общая основа асайда, поэтому наружу компонент не экспортируется.\n *\n * Отказ от правок подан красной кнопкой: это единственный исход, после которого\n * введённое не вернуть.\n */\n@Component({\n    selector: 'rt-aside-unsaved-dialog',\n    templateUrl: './rt-aside-unsaved-dialog.component.html',\n    styleUrl: './rt-aside-unsaved-dialog.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtButtonDirective,\n        RtDialogComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideUnsavedDialogComponent {\n    readonly #dialogRef: RtDialogRef<ERtAsideUnsavedOutcome> = inject(RtDialogRef);\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected onDiscard(): void {\n        this.#dialogRef.close(ERtAsideUnsavedOutcome.Discard);\n    }\n\n    protected onSave(): void {\n        this.#dialogRef.close(ERtAsideUnsavedOutcome.Save);\n    }\n\n    protected onStay(): void {\n        this.#dialogRef.close(ERtAsideUnsavedOutcome.Stay);\n    }\n}\n","<rt-dialog width=\"440px\" qa-dataid=\"aside-unsaved-dialog\" [ariaLabel]=\"t().uiUnsavedTitle\">\n    <div rtBlock=\"rt-aside-unsaved-dialog\">\n        <div rtElem=\"text\">\n            <h2 rtElem=\"title\" qa-dataid=\"aside-unsaved-title\">{{ t().uiUnsavedTitle }}</h2>\n            <p rtElem=\"message\" qa-dataid=\"aside-unsaved-message\">{{ t().uiUnsavedMessage }}</p>\n        </div>\n\n        <div rtElem=\"footer\">\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-discard\"\n                type=\"button\"\n                theme=\"danger\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedDiscard\"\n                [attr.aria-label]=\"t().uiUnsavedDiscard\"\n                (click)=\"onDiscard()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-stay\"\n                type=\"button\"\n                theme=\"secondary\"\n                appearance=\"text\"\n                [label]=\"t().uiUnsavedStay\"\n                [attr.aria-label]=\"t().uiUnsavedStay\"\n                (click)=\"onStay()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-save\"\n                type=\"button\"\n                appearance=\"filled\"\n                [label]=\"t().uiUnsavedSave\"\n                [attr.aria-label]=\"t().uiUnsavedSave\"\n                (click)=\"onSave()\"></button>\n        </div>\n    </div>\n</rt-dialog>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-aside.mjs","names":["BEM_BLOCK","BEM_BLOCK","BEM_BLOCK","BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside-ref.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.tokens.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.service.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.html"],"sourcesContent":["function errorAsText(error: unknown): string {\n    try {\n        return JSON.stringify(error) ?? String(error);\n    } catch {\n        return String(error);\n    }\n}\n\n/**\n * Текст, который кнопка блока ошибки кладёт в буфер обмена.\n *\n * Вид повторяет первый кит — `Error time: <дата>_<время>;Error info: <JSON>`: кто разбирал такие\n * копии раньше, читает их так же. Ошибку с петлёй внутри `JSON.stringify` не пишет и бросает —\n * тогда в копию идёт её строковый вид, и нажатие не падает.\n */\nexport function rtAsideErrorCopyText(error: unknown, now: Date): string {\n    return `Error time: ${now.toDateString()}_${now.toTimeString()};Error info: ${errorAsText(error)}`;\n}\n","import { Clipboard } from '@angular/cdk/clipboard';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    inject,\n    input,\n    InputSignal,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { rtAsideErrorCopyText } from './rt-aside-error-box.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-error-box';\n\n/** Сколько кнопка держит «скопировано» — секунда, как у первого кита. */\nconst CONFIRM_DELAY_MS: number = 1000;\n\n/**\n * Блок ошибки запроса боковой панели: надпись и кнопка, которая кладёт в буфер обмена время и\n * ошибку. Перенос `rtui-aside-error-box` первого кита без Material.\n *\n * Обычно его рисует сама панель по входу `requestError`; отдельно он нужен приложению, которое\n * показывает ошибку в другом месте.\n */\n@Component({\n    selector: 'rt-aside-error-box',\n    templateUrl: './rt-aside-error-box.component.html',\n    styleUrl: './rt-aside-error-box.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [RtButtonDirective, BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideErrorBoxComponent {\n    readonly #clipboard: Clipboard = inject(Clipboard);\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    #confirmTimer: ReturnType<typeof setTimeout> | null = null;\n\n    readonly #copyLabel: Signal<string> = rtKitLabel('asideCopyErrorInfo');\n    readonly #copiedLabel: Signal<string> = rtKitLabel('uiCopied');\n\n    protected readonly title: Signal<string> = rtKitLabel('asideRequestError');\n\n    protected readonly copied: WritableSignal<boolean> = signal(false);\n\n    protected readonly buttonLabel: Signal<string> = computed((): string => (this.copied() ? this.#copiedLabel() : this.#copyLabel()));\n\n    protected readonly buttonIcon: Signal<string | null> = computed((): string | null => (this.copied() ? 'check' : null));\n\n    /** Ошибка, пришедшая от неудавшегося запроса: уходит в копию как JSON. */\n    public readonly error: InputSignal<unknown> = input.required<unknown>();\n\n    constructor() {\n        this.#destroyRef.onDestroy((): void => this.#clearTimer());\n    }\n\n    protected onCopy(): void {\n        this.#clipboard.copy(rtAsideErrorCopyText(this.error(), new Date()));\n        this.copied.set(true);\n\n        this.#clearTimer();\n        this.#confirmTimer = setTimeout((): void => this.copied.set(false), CONFIRM_DELAY_MS);\n    }\n\n    #clearTimer(): void {\n        if (this.#confirmTimer !== null) {\n            clearTimeout(this.#confirmTimer);\n            this.#confirmTimer = null;\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-aside-error-box\">\n    <div rtElem=\"frame\" qa-dataid=\"aside-error-box\">\n        <span rtElem=\"title\" qa-dataid=\"aside-error-title\">{{ title() }}</span>\n\n        <button\n            rtButton\n            rtElem=\"copy\"\n            qa-dataid=\"aside-error-copy\"\n            type=\"button\"\n            theme=\"secondary\"\n            appearance=\"text\"\n            size=\"sm\"\n            [label]=\"buttonLabel()\"\n            [icon]=\"buttonIcon()\"\n            [attr.aria-label]=\"buttonLabel()\"\n            (click)=\"onCopy()\"></button>\n    </div>\n</ng-container>\n","import { FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    afterRenderEffect,\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    untracked,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtAsideErrorBoxComponent } from './error-box/rt-aside-error-box.component';\n\nconst BEM_BLOCK: string = 'rt-aside';\n\n/**\n * Варианты ширины side-sheet:\n * - `sm` — 400px (`--rt-aside-width-sm`)\n * - `md` — 540px (`--rt-aside-width-md`, дефолт)\n * - `lg` — 720px (`--rt-aside-width-lg`)\n */\nexport type TRtAsideSize = 'sm' | 'md' | 'lg';\n\n/**\n * Раскладка контентной зоны side-sheet:\n * - `default` — контентная зона сама скроллится при overflow (штатный режим);\n * - `tabs` — контент — это `rt-tabs`: внешняя зона перестаёт быть скроллером,\n *   полоса вкладок прибита, скроллится только контент активной вкладки\n *   (`rt-tabs__content`).\n */\nexport type TRtAsideContentLayout = 'default' | 'tabs';\n\n/**\n * Презентационный styled-frame для side-sheet.\n *\n * Видимость / backdrop / scroll-block / ESC / slide-in анимация — НЕ внутренняя\n * ответственность компонента. Это обеспечивает CDK Overlay через\n * `RtAsideService.open()`. rt-aside здесь — стилизованная \"рамка\" с size-вариантами\n * и тремя слотами: `rt-aside-header`, содержимое и `rt-aside-footer`.\n *\n * Содержимое лежит в одной зоне `.rt-aside__content` — она и держит инсет панели,\n * и прокручивается. Пока зоны не было, каждый корневой узел содержимого получал\n * инсет и прокрутку сам по себе: разделы делили высоту панели между собой, а\n * обводка фокуса поля срезалась краем такого мини-скроллера.\n *\n * Семантика — `role=\"complementary\"` (mirror rt-dialog имеет `role=\"dialog\"`,\n * aside — другая роль, side-sheet не обязательно блокирующий).\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-aside`, чтобы соседние\n * rt-aside-header / rt-aside-footer работали с одним BEM-блоком без\n * cross-encapsulation хака.\n */\n@Component({\n    selector: 'rt-aside',\n    templateUrl: './rt-aside.component.html',\n    styleUrl: './rt-aside.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [BlockDirective, ElemDirective, ModDirective, RtAsideErrorBoxComponent, RtSpinnerComponent],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideComponent {\n    readonly #focusTrapFactory: FocusTrapFactory = inject(FocusTrapFactory);\n    readonly #document: Document = inject(DOCUMENT);\n\n    #focusTrap: FocusTrap | null = null;\n    #restoreFocusTo: HTMLElement | null = null;\n\n    protected readonly frame: Signal<ElementRef<HTMLElement>> = viewChild.required<ElementRef<HTMLElement>>('frame');\n\n    protected readonly hasRequestError: Signal<boolean> = computed(\n        (): boolean => this.requestError() !== null && this.requestError() !== undefined\n    );\n\n    public readonly size: InputSignal<TRtAsideSize> = input<TRtAsideSize>('md');\n    public readonly contentLayout: InputSignal<TRtAsideContentLayout> = input<TRtAsideContentLayout>('default');\n    public readonly width: InputSignal<string | null> = input<string | null>(null);\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Ошибка неудавшегося запроса. Пока она есть, между шапкой и содержимым стоит блок ошибки с\n     * кнопкой копирования; `null` и `undefined` — ошибки нет, любое другое значение её показывает.\n     */\n    public readonly requestError: InputSignal<unknown> = input<unknown>(null);\n\n    /**\n     * Держать Tab внутри панели. При включении фокус уходит на `[cdkFocusInitial]` или первый\n     * элемент под Tab, а когда панель уходит или вход гаснет, возвращается туда, где стоял.\n     */\n    public readonly trapFocus: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Идёт запрос: панель накрыта слоем с крутилкой и помечена занятой. */\n    public readonly pending: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    constructor() {\n        // После отрисовки: до неё у рамки нет ни полей, ни кнопок, и ловить фокус не на чем.\n        afterRenderEffect((): void => {\n            const enabled: boolean = this.trapFocus();\n            const frame: HTMLElement = this.frame().nativeElement;\n            untracked((): void => (enabled ? this.#holdFocus(frame) : this.#releaseFocus()));\n        });\n        inject(DestroyRef).onDestroy((): void => this.#releaseFocus());\n    }\n\n    #holdFocus(frame: HTMLElement): void {\n        if (this.#focusTrap !== null) {\n            return;\n        }\n        const focused: Element | null = this.#document.activeElement;\n        this.#restoreFocusTo = focused instanceof HTMLElement ? focused : null;\n        this.#focusTrap = this.#focusTrapFactory.create(frame);\n        void this.#focusTrap.focusInitialElementWhenReady();\n    }\n\n    #releaseFocus(): void {\n        if (this.#focusTrap === null) {\n            return;\n        }\n        this.#focusTrap.destroy();\n        this.#focusTrap = null;\n        const restoreTo: HTMLElement | null = this.#restoreFocusTo;\n        this.#restoreFocusTo = null;\n        if (restoreTo?.isConnected === true) {\n            restoreTo.focus();\n        }\n    }\n}\n","<div\n    #frame\n    rtBlock=\"rt-aside\"\n    qa-dataid=\"aside\"\n    role=\"complementary\"\n    [rtMod]=\"{ size: size(), content: contentLayout() }\"\n    [style.--rt-aside-width]=\"width()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-busy]=\"pending() || null\">\n    <ng-content select=\"rt-aside-header\" />\n\n    @if (hasRequestError()) {\n        <rt-aside-error-box rtElem=\"error\" [error]=\"requestError()\" />\n    }\n\n    <div rtElem=\"content\" qa-dataid=\"aside-content\">\n        <ng-content />\n    </div>\n\n    <ng-content select=\"rt-aside-footer\" />\n\n    @if (pending()) {\n        <div rtElem=\"pending\" qa-dataid=\"aside-pending\">\n            <rt-spinner />\n        </div>\n    }\n</div>\n","import { OverlayRef } from '@angular/cdk/overlay';\nimport { Renderer2, signal, WritableSignal } from '@angular/core';\n\nimport { Observable, Subject, take } from 'rxjs';\n\n/** Длительность slide-out анимации; синхронизирована с `--rt-aside-animation-duration` в SCSS. */\nconst LEAVE_ANIMATION_DURATION_MS: number = 200;\n\n/**\n * Жест закрытия, на который панель не закрылась: `Escape` или нажатие по подложке. Панель\n * отказывает в нём под `disableClose()` и когда жест выключен настройкой открытия.\n */\nexport type TRtAsideCloseRequest = 'escape' | 'backdrop';\n\n/**\n * Хэндл к программно открытой side-sheet (через `RtAsideService.open()`).\n *\n * Контент-компонент инжектит `RtAsideRef` и закрывает aside через `.close(result?)`.\n * Родитель ждёт результата через `.afterClosed()`.\n *\n * Generic `<T>` — тип результата `close(result)`. Дефолт `unknown` — если результат\n * не нужен, оставляй generic пустым.\n *\n * Lifecycle close():\n *  1. Race-guard `#isClosing` гарантирует один эмит даже при двойном вызове.\n *  2. Снимает `rt-aside-overlay--open` и ставит `rt-aside-overlay--leaving` на host —\n *     CSS-transition (200ms) играет slide-out.\n *  3. Эмиттит result в `afterClosed()` СРАЗУ (consumer не ждёт анимацию).\n *  4. Через `setTimeout(200ms)` зовёт `overlayRef.dispose()` — overlay убран после анимации.\n *\n * Слой, снятый без `close()` — переходом по адресу (`disposeOnNavigation`) или уничтожением\n * хозяина, — тоже завершает `afterClosed()`: подписчик получает `undefined`.\n *\n * @example\n * \\`\\`\\`ts\n * // в контент-компоненте\n * private readonly asideRef = inject(RtAsideRef<{ saved: boolean }>);\n * onSave(): void { this.asideRef.close({ saved: true }); }\n *\n * // в родителе\n * asideService.open(EditAsideComponent).afterClosed().subscribe(result => {...});\n * \\`\\`\\`\n */\nexport class RtAsideRef<T = unknown> {\n    /**\n     * Runtime-флаг, блокирующий close() через ESC / backdrop click.\n     *\n     * Default `false`. Включай (`asideRef.disableClose.set(true)`) на время\n     * in-flight submit'а, чтобы юзер не потерял введённые в форму данные.\n     * Программный `close(result)` гейтом не задет — он всегда закрывает.\n     */\n    public readonly disableClose: WritableSignal<boolean> = signal(false);\n\n    readonly #overlayRef: OverlayRef;\n    readonly #renderer: Renderer2;\n    readonly #afterClosedSource: Subject<T | undefined> = new Subject<T | undefined>();\n    readonly #closeRequestsSource: Subject<TRtAsideCloseRequest>;\n\n    #isClosing: boolean = false;\n\n    /**\n     * `closeRequestsSource` наполняет служба: она слушает жесты и знает, отказала ли в них панель.\n     * Хэндл только завершает поток вместе с панелью.\n     */\n    constructor(\n        overlayRef: OverlayRef,\n        renderer: Renderer2,\n        closeRequestsSource: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>()\n    ) {\n        this.#overlayRef = overlayRef;\n        this.#renderer = renderer;\n        this.#closeRequestsSource = closeRequestsSource;\n        this.#overlayRef\n            .detachments()\n            .pipe(take(1))\n            .subscribe((): void => this.#finish(undefined));\n    }\n\n    /** Закрывает overlay со slide-out анимацией; эмиттит result в `afterClosed()` синхронно. */\n    public close(result?: T): void {\n        if (this.#isClosing) {\n            return;\n        }\n        this.#isClosing = true;\n\n        this.#renderer.removeClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--open');\n        this.#renderer.addClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--leaving');\n\n        // Эмитим результат сразу — consumer не ждёт slide-out.\n        this.#emit(result);\n\n        // Дефер dispose'а на длительность анимации — overlay остаётся в DOM,\n        // пока CSS-transition не отыграет slide-out.\n        setTimeout((): void => {\n            this.#overlayRef.dispose();\n        }, LEAVE_ANIMATION_DURATION_MS);\n    }\n\n    /** Эмиттит один раз — результат `close(result)` или `undefined` при снятом слое — и завершается. */\n    public afterClosed(): Observable<T | undefined> {\n        return this.#afterClosedSource.asObservable();\n    }\n\n    /**\n     * Жесты закрытия, в которых панель отказала: `Escape` и нажатие по подложке под\n     * `disableClose()` или выключенные настройкой. Завершается вместе с панелью.\n     */\n    public closeRequests(): Observable<TRtAsideCloseRequest> {\n        return this.#closeRequestsSource.asObservable();\n    }\n\n    /** Слой снят без `close()`: анимации играть не на чем, остаётся отдать результат. */\n    #finish(result: T | undefined): void {\n        if (this.#isClosing) {\n            return;\n        }\n        this.#isClosing = true;\n        this.#emit(result);\n    }\n\n    #emit(result: T | undefined): void {\n        this.#afterClosedSource.next(result);\n        this.#afterClosedSource.complete();\n        this.#closeRequestsSource.complete();\n    }\n}\n","import { InjectionToken } from '@angular/core';\n\n/**\n * Injection token для передачи данных в side-sheet, открытую через `RtAsideService.open()`.\n *\n * Пользовательский компонент-контент aside'а инжектит токен и получает данные,\n * переданные в `IRtAsideConfig.data`. Тип значения задаётся generic'ом — `inject(RT_ASIDE_DATA)`\n * вернёт `unknown`, прокастуй через `inject(RT_ASIDE_DATA) as MyDataType` ИЛИ\n * объяви токен с конкретным generic'ом в feature-либе.\n *\n * Намеренно отдельный токен от `RT_DIALOG_DATA`, чтобы type-checker не путал контексты\n * (rt-dialog vs rt-aside) — оба сервиса могут существовать в одном DI-дереве.\n *\n * @example\n * \\`\\`\\`ts\n * @Component({...})\n * export class GuestProfileAsideComponent {\n *   readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n * }\n *\n * // parent\n * asideService.open(GuestProfileAsideComponent, { data: { userId: 42 } });\n * \\`\\`\\`\n */\nexport const RT_ASIDE_DATA: InjectionToken<unknown> = new InjectionToken<unknown>('RT_ASIDE_DATA');\n","import { ComponentType, Overlay, OverlayConfig, OverlayRef, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { DOCUMENT } from '@angular/common';\nimport { inject, DestroyRef, Injectable, Injector, Renderer2, RendererFactory2, Signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { EMPTY, map, merge, mergeMap, Observable, Subject, Subscriber, takeUntil } from 'rxjs';\n\nimport { IRtKitConfig } from '@rt-tools/ui-kit-v2/core';\nimport { rtKitDefault } from '@rt-tools/ui-kit-v2/core';\nimport { carryThemeScopeOfFocus, materialPresetClassesOfFocus } from '@rt-tools/ui-kit-v2/core';\nimport { RtAsideRef, TRtAsideCloseRequest } from './rt-aside-ref';\nimport { RT_ASIDE_DATA } from './rt-aside.tokens';\n\n/**\n * Позиционирование side-sheet — у какого края viewport \"приклеена\" панель.\n */\nexport type TRtAsidePosition = 'right' | 'left';\n\n/**\n * Конфигурация открытия side-sheet через `RtAsideService.open()`.\n */\nexport interface IRtAsideConfig<TData = unknown> {\n    /** Данные, доступные внутри aside'а через `inject(RT_ASIDE_DATA)`. */\n    data?: TData;\n\n    /** Дополнительный CSS-класс для backdrop (поверх стандартного `rt-aside-backdrop`). */\n    backdropClass?: string | string[];\n\n    /** Дополнительный CSS-класс для panel-обёртки overlay (поверх `rt-aside-overlay`). */\n    panelClass?: string | string[];\n\n    /** Закрывать aside по клику на backdrop. По дефолту `true`. */\n    closeOnBackdropClick?: boolean;\n\n    /** Закрывать aside по ESC. По дефолту `true`. */\n    closeOnEscape?: boolean;\n\n    /** К какому краю viewport \"приклеить\" панель. По дефолту `\"right\"`. */\n    position?: TRtAsidePosition;\n\n    /**\n     * Injector хозяина панели — обычно `inject(Injector)` открывающего компонента. Он становится\n     * родителем портала: содержимое видит провайдеры хозяина. Уничтожение хозяина закрывает\n     * панель через `close()`. Без него родитель — корневой injector, и панель живёт сама по себе.\n     */\n    injector?: Injector;\n\n    /**\n     * Снимать панель при переходе по адресу. По умолчанию `true`; `false` оставляет её открытой —\n     * для панели, которая сама ведёт навигацию и должна пережить смену адреса.\n     */\n    disposeOnNavigation?: boolean;\n}\n\n/**\n * Контекст одного открытия aside'а — payload для per-open close-подписок в конструкторном\n * стриме. `asideRef` сужен до используемых handler'ами членов (`RtAsideRef<T>` инвариантен\n * по `T`, целиком в generic-agnostic контекст не влезает).\n */\ninterface IRtAsideOpenContext {\n    overlayRef: OverlayRef;\n    asideRef: {\n        disableClose: Signal<boolean>;\n        close: () => void;\n    };\n    closeRequests: Subject<TRtAsideCloseRequest>;\n    /** DestroyRef хозяина из `config.injector`; его уничтожение закрывает панель. */\n    ownerDestroyRef: DestroyRef | null;\n    closeOnBackdropClick: boolean;\n    closeOnEscape: boolean;\n}\n\n/**\n * Программный API для открытия side-sheet поверх CDK Overlay.\n *\n * Архитектурно зеркалит `RtDialogService`, отличаясь только positionStrategy\n * (edge-anchored: `right('0')` / `left('0')` + `top('0')`) и slide-in анимацией,\n * которая триггерится через CSS-классы на overlay host (`Renderer2` инжектится\n * через `RendererFactory2`, потому что в service нет ComponentRef).\n *\n * Lifecycle:\n *  1. `overlay.create({ panelClass: [..., '--entering'] })` — host получает initial\n *     CSS-стейт (translateX(±100%)).\n *  2. `overlayRef.attach(portal)` — контент-компонент монтируется в host.\n *  3. На следующий paint (`requestAnimationFrame`) сервис снимает `--entering` и\n *     добавляет `--open` — CSS-transition сделает slide-in.\n *  4. На `ref.close(result)` ref добавляет `--leaving`, эмиттит result синхронно,\n *     deferred `dispose()` через 200ms (длительность анимации).\n *\n * Альтернатива rt-dialog — для длинных форм / мастеров / side-panels, где\n * центрированная модалка ощущается тесной. Не предназначено для подтверждений\n * или коротких диалогов (для этого — `RtDialogService`).\n *\n * @example\n * \\`\\`\\`ts\n * private readonly asideService = inject(RtAsideService);\n *\n * openProfile(userId: number): void {\n *   const ref = this.asideService.open<GuestProfileAsideComponent, { userId: number }, void>(\n *     GuestProfileAsideComponent,\n *     { data: { userId }, position: \"right\" }\n *   );\n *   ref.afterClosed().subscribe(() => this.reloadList());\n * }\n *\n * // контент-компонент\n * @Component({ ... })\n * export class GuestProfileAsideComponent {\n *   readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n *   readonly #ref = inject(RtAsideRef);\n *   close(): void { this.#ref.close(); }\n * }\n * \\`\\`\\`\n */\n@Injectable({ providedIn: 'root' })\nexport class RtAsideService {\n    readonly #overlay: Overlay = inject(Overlay);\n    readonly #injector: Injector = inject(Injector);\n    readonly #document: Document = inject(DOCUMENT);\n    // Renderer2 нужен для манипуляции CSS-классами на overlay.hostElement.\n    // В service нет ComponentRef, поэтому Renderer2 берём через factory.\n    readonly #renderer: Renderer2 = inject(RendererFactory2).createRenderer(null, null);\n\n    readonly #openSource: Subject<IRtAsideOpenContext> = new Subject<IRtAsideOpenContext>();\n\n    /* Закрывает ли `Escape` штору, когда вызов об этом промолчал. Умолчание кита — закрывает;\n       приложению, которому это мешает, иначе пришлось бы писать отказ на каждом вызове, и\n       забытый вызов отличался бы от остальных. */\n    readonly #closeOnEscape: boolean = rtKitDefault('aside', (it: IRtKitConfig.Aside): boolean | undefined => it.closeOnEscape, true);\n\n    constructor() {\n        // Per-open close-подписки (backdrop / ESC) живут в одном постоянном\n        // конструкторном стриме: open() эмитит контекст открытия, mergeMap\n        // подписывает event-стримы конкретного OverlayRef до его dispose\n        // (`detachments()` терминирует внутренний поток). mergeMap, а не\n        // switchMap — одновременно может быть открыто несколько aside'ов.\n        //\n        // Runtime-guard через asideRef.disableClose() — те же правила, что в\n        // rt-dialog: ESC / backdrop НЕ закрывают overlay, если disableClose=true;\n        // программный ref.close() гейтом не задет.\n        this.#openSource\n            .pipe(\n                mergeMap((openContext: IRtAsideOpenContext): Observable<() => void> => {\n                    // Оба жеста слушаются всегда: отказ в закрытии — тоже ответ, и он уходит в\n                    // `closeRequests()` хэндла, будь то `disableClose` или выключенный жест.\n                    const backdropClose$: Observable<() => void> = openContext.overlayRef.backdropClick().pipe(\n                        map((): (() => void) => (): void => {\n                            this.#answerCloseGesture(openContext, 'backdrop', openContext.closeOnBackdropClick);\n                        })\n                    );\n                    const escapeClose$: Observable<() => void> = openContext.overlayRef.keydownEvents().pipe(\n                        map((event: KeyboardEvent): (() => void) => (): void => {\n                            if (event.key !== 'Escape') {\n                                return;\n                            }\n                            if (openContext.closeOnEscape) {\n                                event.preventDefault();\n                            }\n                            this.#answerCloseGesture(openContext, 'escape', openContext.closeOnEscape);\n                        })\n                    );\n                    const ownerClose$: Observable<() => void> = this.#destroyed(openContext.ownerDestroyRef).pipe(\n                        map((): (() => void) => (): void => openContext.asideRef.close())\n                    );\n                    return merge(backdropClose$, escapeClose$, ownerClose$).pipe(takeUntil(openContext.overlayRef.detachments()));\n                }),\n                takeUntilDestroyed()\n            )\n            .subscribe((handleCloseIntent: () => void): void => handleCloseIntent());\n    }\n\n    public open<TComponent, TData = unknown, TResult = unknown>(\n        component: ComponentType<TComponent>,\n        config?: IRtAsideConfig<TData>\n    ): RtAsideRef<TResult> {\n        const position: TRtAsidePosition = config?.position ?? 'right';\n        const positionStrategy: PositionStrategy =\n            position === 'right'\n                ? this.#overlay.position().global().right('0').top('0')\n                : this.#overlay.position().global().left('0').top('0');\n\n        const panelClasses: string[] = [\n            'rt-aside-overlay',\n            `rt-aside-overlay--position-${position}`,\n            'rt-aside-overlay--entering',\n            ...materialPresetClassesOfFocus(this.#document),\n        ];\n\n        const overlayConfig: OverlayConfig = {\n            positionStrategy,\n            scrollStrategy: this.#overlay.scrollStrategies.block(),\n            hasBackdrop: true,\n            backdropClass: config?.backdropClass ?? 'rt-aside-backdrop',\n            panelClass: config?.panelClass !== undefined ? [...panelClasses, ...this.#toArray(config.panelClass)] : panelClasses,\n            disposeOnNavigation: config?.disposeOnNavigation ?? true,\n        };\n\n        const overlayRef: OverlayRef = this.#overlay.create(overlayConfig);\n        // До attach: содержимое панели может забрать фокус, и кусок темы у кнопки будет потерян.\n        carryThemeScopeOfFocus(overlayRef.overlayElement, this.#document);\n        const closeRequests: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>();\n        const asideRef: RtAsideRef<TResult> = new RtAsideRef<TResult>(overlayRef, this.#renderer, closeRequests);\n\n        // Сами close-подписки объявлены один раз в конструкторе — здесь только\n        // эмит контекста открытия (см. #openSource-стрим).\n        this.#openSource.next({\n            overlayRef,\n            asideRef,\n            closeRequests,\n            ownerDestroyRef: config?.injector?.get(DestroyRef, null) ?? null,\n            closeOnBackdropClick: config?.closeOnBackdropClick !== false,\n            closeOnEscape: config?.closeOnEscape ?? this.#closeOnEscape,\n        });\n\n        const injector: Injector = Injector.create({\n            parent: config?.injector ?? this.#injector,\n            providers: [\n                { provide: RtAsideRef, useValue: asideRef },\n                { provide: RT_ASIDE_DATA, useValue: config?.data ?? null },\n            ],\n        });\n\n        const portal: ComponentPortal<TComponent> = new ComponentPortal<TComponent>(component, null, injector);\n        overlayRef.attach(portal);\n\n        // Slide-in: на следующий paint снимаем --entering и добавляем --open.\n        // CSS transition (см. rt-aside.component.scss) сделает анимацию.\n        // Backdrop default hidden — toggle --visible одновременно со слайдом.\n        // Панель могли снять до кадра — `close()`, переходом или уничтожением хозяина в том же такте.\n        requestAnimationFrame((): void => {\n            if (!overlayRef.hasAttached()) {\n                return;\n            }\n            this.#renderer.removeClass(overlayRef.overlayElement, 'rt-aside-overlay--entering');\n            this.#renderer.addClass(overlayRef.overlayElement, 'rt-aside-overlay--open');\n            const backdropEl: HTMLElement | null = overlayRef.backdropElement;\n            if (backdropEl !== null) {\n                this.#renderer.addClass(backdropEl, 'rt-aside-backdrop--visible');\n            }\n        });\n\n        return asideRef;\n    }\n\n    /** Жест закрытия: закрывает панель, если жест включён и не держит `disableClose`, иначе сообщает об отказе. */\n    #answerCloseGesture(openContext: IRtAsideOpenContext, gesture: TRtAsideCloseRequest, enabled: boolean): void {\n        if (enabled && !openContext.asideRef.disableClose()) {\n            openContext.asideRef.close();\n            return;\n        }\n        openContext.closeRequests.next(gesture);\n    }\n\n    /**\n     * Уничтожение хозяина как поток. Отписка — уход панели — снимает слушателя с хозяина, и его\n     * позднее уничтожение панель уже не трогает.\n     */\n    #destroyed(ownerDestroyRef: DestroyRef | null): Observable<void> {\n        if (ownerDestroyRef === null) {\n            return EMPTY;\n        }\n        return new Observable<void>((subscriber: Subscriber<void>): (() => void) =>\n            ownerDestroyRef.onDestroy((): void => subscriber.next())\n        );\n    }\n\n    /** Нормализует `string | string[]` к массиву (panelClass поддерживает оба формата). */\n    #toArray(value: string | string[]): string[] {\n        return Array.isArray(value) ? value : [value];\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    inject,\n    input,\n    output,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\nimport { RtTagComponent } from '@rt-tools/ui-kit-v2/tag';\nimport { RtAsideRef } from '../rt-aside-ref';\nimport { IRtAsideHeader } from './rt-aside-header.model';\n\nconst BEM_BLOCK: string = 'rt-aside-header';\n\n/**\n * Заголовок side-sheet'а; работает в двух modes:\n *\n * 1. **Programmatic** (через `RtAsideService.open()`) — `RtAsideRef` провайдится\n *    оверлей-инжектором; стрелка «назад» дёргает `asideRef.close()` напрямую,\n *    consumer подписан на `afterClosed()`.\n * 2. **Route-driven** (через `[rtContainerRightSidenavPanel]` driver в\n *    rt-container'е) — `RtAsideRef` НЕ провайдится (overlay принадлежит\n *    rt-container'у, не RtAsideService). Consumer слушает `(dismiss)` output и\n *    сам зовёт `panel.close()`.\n *\n * Оба пути живут одновременно: `onDismiss()` сперва эмитит output, затем (если\n * есть) дёргает optional `asideRef.close()`.\n *\n * Доменные действия (отклонить / удалить / снять с публикации и т.п.)\n * проецируются в слот `[asideActions]` как ряд `rt-icon-button` справа от title.\n *\n * Слот `[asideHeaderContent]` — строка под заголовком на всю ширину шапки: поиск, вкладки,\n * сводка. Пустой слот места не занимает.\n *\n * Слот `[asideHeadingContent]` — содержимое в колонке заголовка, под подписью и бэйджами, по её\n * левому краю. Пустой слот ничего не рисует.\n *\n * `ViewEncapsulation.None` — для единообразия с rt-dialog-header (стили\n * префиксованы `.rt-aside-header`).\n *\n * @example\n * ```html\n * <rt-aside-header title=\"Профиль пользователя\" />\n * <rt-aside-header title=\"Создание записи\" [closable]=\"false\" />\n * <rt-aside-header title=\"Детали\" (dismiss)=\"onClose()\">\n *     <rt-icon-button asideActions icon=\"ico-error\" variant=\"danger\"\n *                     ariaLabel=\"Отклонить\" (clicked)=\"reject()\" />\n * </rt-aside-header>\n * ```\n */\n@Component({\n    selector: 'rt-aside-header',\n    templateUrl: './rt-aside-header.component.html',\n    styleUrl: './rt-aside-header.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtSkeletonWrapperComponent,\n        RtTagComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideHeaderComponent {\n    readonly #asideRef: RtAsideRef | null = inject(RtAsideRef, { optional: true });\n\n    /** Текст заголовка — рендерится в `<h2>`. Null/пустая строка вместе с\n     *  `[loading]=true` показывают skeleton вместо title. */\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    public readonly title: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Мелкий приглушённый надзаголовок НАД основным title (контекст действия:\n     * «Создание записи», «Запись № 6»). Null (дефолт) — обычный\n     * однострочный хедер. Overline не участвует в skeleton-режиме — это\n     * статичный текст, известный до загрузки данных.\n     */\n    public readonly overline: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Приглушённая подпись ПОД заголовком: что делается в панели. Null (дефолт) —\n     * строки нет. Как надзаголовок, в skeleton-режиме не участвует.\n     */\n    public readonly subtitle: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Ряд бэйджей (`rt-tag`) под заголовком — контекст сущности (статус, метка\n     * записи и т.п.). Пустой массив (дефолт) — ряд не рендерится. Async-данные:\n     * потребитель отдаёт `[]` пока сущность не зарезолвилась.\n     */\n    public readonly badges: InputSignal<readonly IRtAsideHeader.Badge[]> = input<readonly IRtAsideHeader.Badge[]>([]);\n\n    /** Показывать кнопку закрытия в углу заголовка. Дефолт `true`. */\n    public readonly closable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n        transform: booleanAttribute,\n    });\n\n    /** Показывать skeleton вместо title (loading-state aside'а пока данные\n     *  резолвятся через async fasade). Дефолт `false`. */\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Эмитится при клике по стрелке «назад» — намерение пользователя закрыть\n     * aside (intent, не «закрыто»). Route-driven consumer слушает этот output и\n     * дёргает `panel.close()` сам. Имя `dismiss` вместо `close` — ESLint\n     * `@angular-eslint/no-output-native` блокирует output с именем стандартного\n     * DOM-события (`close`).\n     */\n    public readonly dismiss: OutputEmitterRef<void> = output<void>();\n\n    protected onDismiss(): void {\n        // Сначала output — route-driven consumer обработает intent.\n        this.dismiss.emit();\n        // Затем (если есть) AsideRef — programmatic mode через RtAsideService.\n        this.#asideRef?.close();\n    }\n}\n","<ng-container rtBlock=\"rt-aside-header\">\n    <header rtElem=\"content\" qa-dataid=\"aside-header\">\n        @if (closable()) {\n            <rt-icon-button\n                rtElem=\"back\"\n                qa-dataid=\"aside-back\"\n                icon=\"arrow-left\"\n                size=\"sm\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiBack\"\n                [tooltip]=\"t().uiBack\"\n                (clicked)=\"onDismiss()\" />\n        }\n\n        <div rtElem=\"heading\">\n            @if (overline(); as overlineText) {\n                <p rtElem=\"overline\" qa-dataid=\"aside-overline\">{{ overlineText }}</p>\n            }\n            <h2 rtElem=\"title\" qa-dataid=\"aside-title\">\n                <rt-skeleton-wrapper width=\"180px\" height=\"20px\" [isLoading]=\"loading()\">\n                    {{ title() }}\n                </rt-skeleton-wrapper>\n            </h2>\n\n            @if (subtitle(); as subtitleText) {\n                <p rtElem=\"subtitle\" qa-dataid=\"aside-subtitle\">{{ subtitleText }}</p>\n            }\n\n            @if (badges().length > 0) {\n                <div rtElem=\"badges\">\n                    @for (badge of badges(); track badge.value) {\n                        @if (badge.href; as href) {\n                            <a rtElem=\"badge-link\" qa-dataid=\"aside-badge-link\" target=\"_blank\" rel=\"noopener\" [href]=\"href\">\n                                <rt-tag\n                                    iconEnd=\"external-link\"\n                                    [value]=\"badge.value\"\n                                    [severity]=\"badge.severity ?? 'neutral'\"\n                                    [appearance]=\"badge.appearance ?? 'solid'\"\n                                    [radius]=\"badge.radius ?? 'md'\"\n                                    [icon]=\"badge.icon ?? null\" />\n                            </a>\n                        } @else {\n                            <rt-tag\n                                [value]=\"badge.value\"\n                                [severity]=\"badge.severity ?? 'neutral'\"\n                                [appearance]=\"badge.appearance ?? 'solid'\"\n                                [radius]=\"badge.radius ?? 'md'\"\n                                [icon]=\"badge.icon ?? null\" />\n                        }\n                    }\n                </div>\n            }\n\n            <ng-content select=\"[asideHeadingContent]\" />\n        </div>\n\n        <div rtElem=\"actions\" qa-dataid=\"aside-actions\">\n            <ng-content select=\"[asideActions]\" />\n        </div>\n    </header>\n\n    <div rtElem=\"row\" qa-dataid=\"aside-header-row\">\n        <ng-content select=\"[asideHeaderContent]\" />\n    </div>\n</ng-container>\n","import { contentChildren, effect, inject, ChangeDetectionStrategy, Component, ElementRef, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { BreakpointsService, IButton, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\n\nconst BEM_BLOCK: string = 'rt-aside-footer';\n\n/** Вид кнопки слота `[asidePrimary]`: залитая, основного цвета, без значка. */\nconst PRIMARY_LOOK: IButton.PlaceLook = { appearance: 'filled', theme: 'primary', icon: null };\n\n/** Вид кнопки по слоту, в котором она стоит сама или внутри его обёртки; вне слотов вида нет. */\nfunction slotLook(host: HTMLElement | undefined, dismissLook: IButton.PlaceLook): IButton.PlaceLook | null {\n    if (host?.closest('[asideDismiss]')) {\n        return dismissLook;\n    }\n    if (host?.closest('[asidePrimary]')) {\n        return PRIMARY_LOOK;\n    }\n\n    return null;\n}\n\n/**\n * Footer-слот для композиции внутри `<rt-aside>`. Две зоны через именованные\n * слоты: `[asideDismiss]` (слева — «Закрыть») и `[asidePrimary]` (справа —\n * единственный позитивный глагол: Сохранить / Отправить / Опубликовать, если\n * есть). Раскладка `justify-content: space-between`, кнопки стоят в одну строку\n * на любой ширине. Доменные/деструктивные действия в футер не кладём — они\n * проецируются иконками в `<rt-aside-header>` слот `[asideActions]`.\n *\n * Вид кнопок задаёт подвал, а не разметка потребителя: «Закрыть» в рамке темы\n * secondary, позитивный глагол залитый и без значка. На телефоне первая кнопка\n * подписана коротко — «Закрыть» из подписей кита. Кнопка может стоять в слоте\n * не сама, а внутри обёртки с атрибутом слота: так ставят подсказку на кнопку.\n *\n * Только две именованные зоны — безатрибутный контент НЕ проецируется (контент\n * без `asideDismiss`/`asidePrimary` не отрендерится).\n *\n * `ViewEncapsulation.None` — для единообразия с rt-aside.\n *\n * @example\n * \\`\\`\\`html\n * <rt-aside-footer>\n *   <button rtButton asideDismiss label=\"Закрыть и не сохранять\" (click)=\"onClose()\"></button>\n *   <button rtButton asidePrimary label=\"Сохранить\" (click)=\"save()\"></button>\n * </rt-aside-footer>\n * \\`\\`\\`\n */\n@Component({\n    selector: 'rt-aside-footer',\n    templateUrl: './rt-aside-footer.component.html',\n    styleUrl: './rt-aside-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideFooterComponent {\n    readonly #phone: Signal<boolean> = inject(BreakpointsService).phone;\n    readonly #closeLabel: Signal<string> = rtKitLabel('uiClose');\n\n    /* Кнопки ищутся и внутри обёрток слота; оба списка идут в одном порядке документа. */\n    protected readonly buttons: Signal<readonly RtButtonDirective[]> = contentChildren(RtButtonDirective, { descendants: true });\n    protected readonly hosts: Signal<readonly ElementRef<HTMLElement>[]> = contentChildren(RtButtonDirective, {\n        descendants: true,\n        read: ElementRef,\n    });\n\n    constructor() {\n        effect((): void => {\n            const hosts: readonly ElementRef<HTMLElement>[] = this.hosts();\n            const dismissLook: IButton.PlaceLook = {\n                appearance: 'outlined',\n                theme: 'secondary',\n                ...(this.#phone() ? { label: this.#closeLabel() } : {}),\n            };\n\n            this.buttons().forEach((button: RtButtonDirective, index: number): void => {\n                button.placeLook.set(slotLook(hosts[index]?.nativeElement, dismissLook));\n            });\n        });\n    }\n}\n","<ng-container rtBlock=\"rt-aside-footer\">\n    <footer rtElem=\"content\" qa-dataid=\"aside-footer\">\n        <ng-content select=\"[asideDismiss]\" />\n        <ng-content select=\"[asidePrimary]\" />\n    </footer>\n</ng-container>\n","import { Signal } from '@angular/core';\n\n/** Что делает панель, когда её просят закрыться. */\nexport enum ERtAsideCloseIntent {\n    /** Ничего: идёт запись, и закрытие посреди неё потеряло бы её результат. */\n    Ignore = 'ignore',\n    /** Закрыться сразу: терять нечего. */\n    Close = 'close',\n    /** Спросить, что сделать с несохранёнными правками. */\n    Ask = 'ask',\n}\n\n/** Исход окна с несохранёнными правками. */\nexport enum ERtAsideUnsavedOutcome {\n    /** Закрыть без сохранения. */\n    Discard = 'discard',\n    /** Закрыть с сохранением. */\n    Save = 'save',\n    /** Остаться в панели. */\n    Stay = 'stay',\n}\n\n/**\n * Гард закрытия, который панель ставит на себя: признак нетронутости формы и\n * запись, которую зовёт исход «закрыть с сохранением».\n */\nexport interface IRtAsideUnsavedGuard {\n    pristine: Signal<boolean>;\n    save: () => void;\n}\n\n/** Состояние панели на момент намерения закрыть её. */\nexport interface IRtAsideCloseState {\n    submitting: boolean;\n    guarded: boolean;\n    pristine: boolean;\n}\n\n/**\n * Решение по намерению закрыть панель. Одно на все четыре пути закрытия: кнопку\n * в шапке, кнопку в футере, нажатие мимо панели и клавишу Esc — иначе Esc обошёл\n * бы то, что ловит кнопка.\n */\nexport function resolveCloseIntent(state: IRtAsideCloseState): ERtAsideCloseIntent {\n    if (state.submitting) {\n        return ERtAsideCloseIntent.Ignore;\n    }\n\n    return state.guarded && !state.pristine ? ERtAsideCloseIntent.Ask : ERtAsideCloseIntent.Close;\n}\n","import { inject, ChangeDetectionStrategy, Component, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtDialogRef } from '@rt-tools/ui-kit-v2/dialog';\nimport { RtDialogComponent } from '@rt-tools/ui-kit-v2/dialog';\nimport { ERtAsideUnsavedOutcome } from './rt-aside-unsaved.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-unsaved-dialog';\n\n/**\n * Окно, которое видит пользователь, закрывая панель с несохранёнными правками. Три\n * исхода: закрыть без сохранения, закрыть с сохранением, остаться. Открывает его\n * общая основа асайда, поэтому наружу компонент не экспортируется.\n *\n * Отказ от правок подан красной кнопкой: это единственный исход, после которого\n * введённое не вернуть.\n */\n@Component({\n    selector: 'rt-aside-unsaved-dialog',\n    templateUrl: './rt-aside-unsaved-dialog.component.html',\n    styleUrl: './rt-aside-unsaved-dialog.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtButtonDirective,\n        RtDialogComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideUnsavedDialogComponent {\n    readonly #dialogRef: RtDialogRef<ERtAsideUnsavedOutcome> = inject(RtDialogRef);\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected onDiscard(): void {\n        this.#dialogRef.close(ERtAsideUnsavedOutcome.Discard);\n    }\n\n    protected onSave(): void {\n        this.#dialogRef.close(ERtAsideUnsavedOutcome.Save);\n    }\n\n    protected onStay(): void {\n        this.#dialogRef.close(ERtAsideUnsavedOutcome.Stay);\n    }\n}\n","<rt-dialog size=\"md\" qa-dataid=\"aside-unsaved-dialog\" [ariaLabel]=\"t().uiUnsavedTitle\">\n    <div rtBlock=\"rt-aside-unsaved-dialog\">\n        <div rtElem=\"text\">\n            <h2 rtElem=\"title\" qa-dataid=\"aside-unsaved-title\">{{ t().uiUnsavedTitle }}</h2>\n            <p rtElem=\"message\" qa-dataid=\"aside-unsaved-message\">{{ t().uiUnsavedMessage }}</p>\n        </div>\n\n        <div rtElem=\"footer\">\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-discard\"\n                type=\"button\"\n                theme=\"danger\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedDiscard\"\n                [attr.aria-label]=\"t().uiUnsavedDiscard\"\n                (click)=\"onDiscard()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-stay\"\n                type=\"button\"\n                theme=\"secondary\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedStay\"\n                [attr.aria-label]=\"t().uiUnsavedStay\"\n                (click)=\"onStay()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-save\"\n                type=\"button\"\n                appearance=\"filled\"\n                [label]=\"t().uiUnsavedSave\"\n                [attr.aria-label]=\"t().uiUnsavedSave\"\n                (click)=\"onSave()\"></button>\n        </div>\n    </div>\n</rt-dialog>\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY,OAAc;CAC/B,IAAI;EACA,OAAO,KAAK,UAAU,KAAK,KAAK,OAAO,KAAK;CAChD,QAAQ;EACJ,OAAO,OAAO,KAAK;CACvB;AACJ;AASA,SAAgB,qBAAqB,OAAgB,KAAS;CAC1D,OAAO,eAAe,IAAI,aAAY,EAAE,GAAI,IAAI,aAAY,EAAE,eAAgB,YAAY,KAAK;AACnG;ACIA,MAAMA,cAAoB;AAG1B,MAAM,mBAA2B;AAoBjC,IAAa,2BAAb,MAAa,yBAAwB;CACxB;CACA;CAET;CAES;CACA;CAaT,cAAA;EAnBS,KAAA,aAAwB,OAAO,SAAS;EACxC,KAAA,cAA0B,OAAO,UAAU;EAEpD,KAAA,gBAAsD;EAE7C,KAAA,aAA6B,WAAW,oBAAoB;EAC5D,KAAA,eAA+B,WAAW,UAAU;EAE1C,KAAA,QAAwB,WAAW,mBAAmB;EAEtD,KAAA,SAAkC,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAE/C,KAAA,cAA8B,eAAwB,KAAK,OAAM,IAAK,KAAK,aAAY,IAAK,KAAK,WAAU,GAAI,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;EAE/G,KAAA,aAAoC,eAA+B,KAAK,OAAM,IAAK,UAAU,MAAM,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAGtG,KAAA,QAA8B,MAAM,SAAmB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAGnE,KAAK,YAAY,gBAAsB,KAAK,YAAW,CAAE;CAC7D;CAEU,SAAM;EACZ,KAAK,WAAW,KAAK,qBAAqB,KAAK,MAAK,mBAAI,IAAI,KAAI,CAAE,CAAC;EACnE,KAAK,OAAO,IAAI,IAAI;EAEpB,KAAK,YAAW;EAChB,KAAK,gBAAgB,iBAAuB,KAAK,OAAO,IAAI,KAAK,GAAG,gBAAgB;CACxF;CAEA,cAAW;EACP,IAAI,KAAK,kBAAkB,MAAM;GAC7B,aAAa,KAAK,aAAa;GAC/B,KAAK,gBAAgB;EACzB;CACJ;CArCS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAwB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAxB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAwB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA,EAAA;GAAA,MAAA,EAAA,gBAAA,qBAAA;GAAA,UAAA;GAAA,UC5CrC;GAkBA,QAAA,CAAA,usBAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDqBc;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAKjD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAwB,YAAA,CAAA;EAXpC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAoB,iBAGb,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAAC;IAAmB;IAAgB;GAAa;GAAC,MACrD,EACF,OAAOA,YACV;GAAA,UAAA;GAAA,QAAA,CAAA,usBAAA;EAAA,CAAA;;;;;;;;;;;;AEhBL,MAAMC,cAAoB;AAkD1B,IAAa,mBAAb,MAAa,iBAAgB;CAChB;CACA;CAET;CACA;CAgCA,cAAA;EApCS,KAAA,oBAAsC,OAAO,gBAAgB;EAC7D,KAAA,YAAsB,OAAO,QAAQ;EAE9C,KAAA,aAA+B;EAC/B,KAAA,kBAAsC;EAEnB,KAAA,QAAyC,UAAU,SAAkC,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAE7F,KAAA,kBAAmC,eACnC,KAAK,aAAY,MAAO,QAAQ,KAAK,aAAY,MAAO,QAC1E,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;EAEe,KAAA,OAAkC,MAAoB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;EAC3D,KAAA,gBAAoD,MAA6B,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;EAC3F,KAAA,QAAoC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAC9D,KAAA,YAAwC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAMlE,KAAA,eAAqC,MAAe,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;EAMzD,KAAA,YAA6D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;GAC3G,WAAW;EAAgB,CAAA;EAIf,KAAA,UAA2D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GACzG,WAAW;EAAgB,CAAA;EAK3B,wBAA6B;GACzB,MAAM,UAAmB,KAAK,UAAS;GACvC,MAAM,QAAqB,KAAK,MAAK,CAAE,CAAC;GACxC,gBAAuB,UAAU,KAAK,WAAW,KAAK,IAAI,KAAK,cAAa,CAAG;EACnF,CAAC;EACD,OAAO,UAAU,CAAC,CAAC,gBAAsB,KAAK,cAAa,CAAE;CACjE;CAEA,WAAW,OAAkB;EACzB,IAAI,KAAK,eAAe,MACpB;EAEJ,MAAM,UAA0B,KAAK,UAAU;EAC/C,KAAK,kBAAkB,mBAAmB,cAAc,UAAU;EAClE,KAAK,aAAa,KAAK,kBAAkB,OAAO,KAAK;EACrD,AAAK,KAAK,WAAW,6BAA4B;CACrD;CAEA,gBAAa;EACT,IAAI,KAAK,eAAe,MACpB;EAEJ,KAAK,WAAW,QAAO;EACvB,KAAK,aAAa;EAClB,MAAM,YAAgC,KAAK;EAC3C,KAAK,kBAAkB;EACvB,IAAI,WAAW,gBAAgB,MAC3B,UAAU,MAAK;CAEvB;CApES;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAgB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAhB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAgB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,MAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,eAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,cAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,SAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,MAAA,EAAA,gBAAA,WAAA;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,OAAA;IAAA,aAAA;IAAA,UAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UC5E7B;GA2BA,QAAA,CAAA,qoHAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD4Cc;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAY,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAwB,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAkB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAK1F,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAX5B,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAU,iBAGH,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAAC;IAAgB;IAAe;IAAc;IAA0B;GAAkB;GAAC,MAC9F,EACF,OAAOA,YACV;GAAA,UAAA;GAAA,QAAA,CAAA,qoHAAA;EAAA,CAAA;CASuG,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,SAAO,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,MAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,eAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA;AE7EnH,MAAM,8BAAsC;AAqC5C,IAAa,aAAb,MAAuB;CAUV;CACA;CACA;CACA;CAET;CAMA,YACI,YACA,UACA,sBAAqD,IAAI,QAAO,GAAwB;EAhB5E,KAAA,eAAwC,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;EAI5D,KAAA,qBAA6C,IAAI,QAAO;EAGjE,KAAA,aAAsB;EAWlB,KAAK,cAAc;EACnB,KAAK,YAAY;EACjB,KAAK,uBAAuB;EAC5B,KAAK,YACA,YAAW,CAAE,CACb,KAAK,KAAK,CAAC,CAAC,CAAC,CACb,gBAAsB,KAAK,QAAQ,MAAS,CAAC;CACtD;CAGO,MAAM,QAAU;EACnB,IAAI,KAAK,YACL;EAEJ,KAAK,aAAa;EAElB,KAAK,UAAU,YAAY,KAAK,YAAY,gBAAgB,wBAAwB;EACpF,KAAK,UAAU,SAAS,KAAK,YAAY,gBAAgB,2BAA2B;EAGpF,KAAK,MAAM,MAAM;EAIjB,iBAAsB;GAClB,KAAK,YAAY,QAAO;EAC5B,GAAG,2BAA2B;CAClC;CAGO,cAAW;EACd,OAAO,KAAK,mBAAmB,aAAY;CAC/C;CAMO,gBAAa;EAChB,OAAO,KAAK,qBAAqB,aAAY;CACjD;CAGA,QAAQ,QAAqB;EACzB,IAAI,KAAK,YACL;EAEJ,KAAK,aAAa;EAClB,KAAK,MAAM,MAAM;CACrB;CAEA,MAAM,QAAqB;EACvB,KAAK,mBAAmB,KAAK,MAAM;EACnC,KAAK,mBAAmB,SAAQ;EAChC,KAAK,qBAAqB,SAAQ;CACtC;AACH;ACrGD,MAAa,gBAAyC,IAAI,eAAwB,eAAe;AC4FjG,IAAa,iBAAb,MAAa,eAAc;CACd,WAAoB,OAAO,OAAO;CAClC,YAAsB,OAAO,QAAQ;CACrC,YAAsB,OAAO,QAAQ;CAGrC,YAAuB,OAAO,gBAAgB,CAAC,CAAC,eAAe,MAAM,IAAI;CAEzE,cAA4C,IAAI,QAAO;CAKvD,iBAA0B,aAAa,UAAU,OAAgD,GAAG,eAAe,IAAI;CAEhI,cAAA;EAUI,KAAK,YACA,KACG,UAAU,gBAA4D;GAGlE,MAAM,iBAAyC,YAAY,WAAW,cAAa,CAAE,CAAC,KAClF,gBAAmC;IAC/B,KAAK,oBAAoB,aAAa,YAAY,YAAY,oBAAoB;GACtF,CAAC,CAAC;GAEN,MAAM,eAAuC,YAAY,WAAW,cAAa,CAAE,CAAC,KAChF,KAAK,gBAAkD;IACnD,IAAI,MAAM,QAAQ,UACd;IAEJ,IAAI,YAAY,eACZ,MAAM,eAAc;IAExB,KAAK,oBAAoB,aAAa,UAAU,YAAY,aAAa;GAC7E,CAAC,CAAC;GAEN,MAAM,cAAsC,KAAK,WAAW,YAAY,eAAe,CAAC,CAAC,KACrF,gBAAoC,YAAY,SAAS,MAAK,CAAE,CAAC;GAErE,OAAO,MAAM,gBAAgB,cAAc,WAAW,CAAC,CAAC,KAAK,UAAU,YAAY,WAAW,YAAW,CAAE,CAAC;EAChH,CAAC,GACD,mBAAkB,CAAE,CACvB,CACA,WAAW,sBAAwC,kBAAiB,CAAE;CAC/E;CAEO,KACH,WACA,QAA8B;EAE9B,MAAM,WAA6B,QAAQ,YAAY;EACvD,MAAM,mBACF,aAAa,UACP,KAAK,SAAS,SAAQ,CAAE,CAAC,OAAM,CAAE,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,IACpD,KAAK,SAAS,SAAQ,CAAE,CAAC,OAAM,CAAE,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAG;EAE7D,MAAM,eAAyB;GAC3B;GACA,8BAA8B;GAC9B;GACA,GAAG,6BAA6B,KAAK,SAAS;EACjD;EAED,MAAM,gBAA+B;GACjC;GACA,gBAAgB,KAAK,SAAS,iBAAiB,MAAK;GACpD,aAAa;GACb,eAAe,QAAQ,iBAAiB;GACxC,YAAY,QAAQ,eAAe,SAAY,CAAC,GAAG,cAAc,GAAG,KAAK,SAAS,OAAO,UAAU,CAAC,IAAI;GACxG,qBAAqB,QAAQ,uBAAuB;EACvD;EAED,MAAM,aAAyB,KAAK,SAAS,OAAO,aAAa;EAEjE,uBAAuB,WAAW,gBAAgB,KAAK,SAAS;EAChE,MAAM,gBAA+C,IAAI,QAAO;EAChE,MAAM,WAAgC,IAAI,WAAoB,YAAY,KAAK,WAAW,aAAa;EAIvG,KAAK,YAAY,KAAK;GAClB;GACA;GACA;GACA,iBAAiB,QAAQ,UAAU,IAAI,YAAY,IAAI,KAAK;GAC5D,sBAAsB,QAAQ,yBAAyB;GACvD,eAAe,QAAQ,iBAAiB,KAAK;EAChD,CAAA;EAED,MAAM,WAAqB,SAAS,OAAO;GACvC,QAAQ,QAAQ,YAAY,KAAK;GACjC,WAAW,CACP;IAAE,SAAS;IAAY,UAAU;GAAQ,GACzC;IAAE,SAAS;IAAe,UAAU,QAAQ,QAAQ;GAAI,CAC3D;EACJ,CAAA;EAED,MAAM,SAAsC,IAAI,gBAA4B,WAAW,MAAM,QAAQ;EACrG,WAAW,OAAO,MAAM;EAMxB,4BAAiC;GAC7B,IAAI,CAAC,WAAW,YAAW,GACvB;GAEJ,KAAK,UAAU,YAAY,WAAW,gBAAgB,4BAA4B;GAClF,KAAK,UAAU,SAAS,WAAW,gBAAgB,wBAAwB;GAC3E,MAAM,aAAiC,WAAW;GAClD,IAAI,eAAe,MACf,KAAK,UAAU,SAAS,YAAY,4BAA4B;EAExE,CAAC;EAED,OAAO;CACX;CAGA,oBAAoB,aAAkC,SAA+B,SAAgB;EACjG,IAAI,WAAW,CAAC,YAAY,SAAS,aAAY,GAAI;GACjD,YAAY,SAAS,MAAK;GAC1B;EACJ;EACA,YAAY,cAAc,KAAK,OAAO;CAC1C;CAMA,WAAW,iBAAkC;EACzC,IAAI,oBAAoB,MACpB,OAAO;EAEX,OAAO,IAAI,YAAkB,eACzB,gBAAgB,gBAAsB,WAAW,KAAI,CAAE,CAAC;CAEhE;CAGA,SAAS,OAAwB;EAC7B,OAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;CAChD;CA1JS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAc,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAd;EAAA,KAAA,QAAA,GAAA,sBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAc,YADD;EAAM,CAAA;CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAD1B,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE;;;;AC3FlC,MAAMC,cAAoB;AAwD1B,IAAa,yBAAb,MAAa,uBAAsB;CAlBnC,cAAA;EAmBa,KAAA,YAA+B,OAAO,YAAY,EAAE,UAAU,KAAI,CAAE;EAI1D,KAAA,IAA4B,OAAO,aAAa;EAEnD,KAAA,QAAoC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAQ9D,KAAA,WAAuC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAMjE,KAAA,WAAuC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAOjE,KAAA,SAAuD,MAAuC,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAGjG,KAAA,WAA4D,MAA6B,MAAI;GAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;GACzG,WAAW;EAAgB,CAAA;EAKf,KAAA,UAA2D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GACzG,WAAW;EAAgB,CAAA;EAUf,KAAA,UAAkC,OAAM;CAQ3D;CAvDY;CAiDC,YAAS;EAEf,KAAK,QAAQ,KAAI;EAEjB,KAAK,WAAW,MAAK;CACzB;CAvDS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAsB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAtB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAsB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,QAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,SAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA,EAAA,SAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,kBAAA;GAAA,UAAA;GAAA,UChFnC;GAiEA,QAAA,CAAA,k0EAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDKQ;KAAqB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,SAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACrB;KAA0B,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAC1B;KAAc,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,QAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAlBlC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAiB,iBAGV,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;IACA;GACH;GAAA,MACK,EACF,OAAOA,YACV;GAAA,UAAA;GAAA,QAAA,CAAA,k0EAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEvEL,MAAMC,cAAoB;AAG1B,MAAM,eAAkC;CAAE,YAAY;CAAU,OAAO;CAAW,MAAM;AAAI;AAG5F,SAAS,SAAS,MAA+B,aAA8B;CAC3E,IAAI,MAAM,QAAQ,gBAAgB,GAC9B,OAAO;CAEX,IAAI,MAAM,QAAQ,gBAAgB,GAC9B,OAAO;CAGX,OAAO;AACX;AAuCA,IAAa,yBAAb,MAAa,uBAAsB;CACtB;CACA;CAST,cAAA;EAVS,KAAA,SAA0B,OAAO,kBAAkB,CAAC,CAAC;EACrD,KAAA,cAA8B,WAAW,SAAS;EAGxC,KAAA,UAAgD,gBAAgB,mBAAiB;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GAAI,aAAa;EAAI,CAAA;EACtG,KAAA,QAAoD,gBAAgB,mBAAiB;GAAA,GAAA,YAAA,EAAA,WAAA,QAAA,+BAAA,CAAA;GACpG,aAAa;GACb,MAAM;EAAU,CAAA;EAIhB,aAAkB;GACd,MAAM,QAA4C,KAAK,MAAK;GAC5D,MAAM,cAAiC;IACnC,YAAY;IACZ,OAAO;IACP,GAAI,KAAK,OAAM,IAAK,EAAE,OAAO,KAAK,YAAW,EAAE,IAAK,CAAA;GACvD;GAED,KAAK,QAAO,CAAE,CAAC,SAAS,QAA2B,UAAuB;IACtE,OAAO,UAAU,IAAI,SAAS,MAAM,MAAM,EAAE,eAAe,WAAW,CAAC;GAC3E,CAAC;EACL,CAAC;CACL;CAxBS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAsB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAtB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAsB,cAAA;GAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,kBAAA;GAAA,SAAA,CAAA;IAAA,cAAA;IAAA,WAKoD;IAAiB,aAAA;IAAA,UAAA;GAAA,GAAA;IAAA,cAAA;IAAA,WACb;IAAiB,aAAA;IAAA,MAE9F;IAAU,UAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UCrExB;GAMA,QAAA,CAAA,kiBAAA;GAAA,cAAA,CAAA;IAAA,MAAA;IAAA,MDkDc;IAAc,UAAA;IAAA,QAAA,CAAA,OAAA;GAAA,GAAA;IAAA,MAAA;IAAA,MAAE;IAAa,UAAA;IAAA,QAAA,CAAA,OAAA;GAAA,CAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAK9B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAXlC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAiB,iBAGV,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B,CAAC,gBAAgB,aAAa;GAAC,MAClC,EACF,OAAOA,YACV;GAAA,UAAA;GAAA,QAAA,CAAA,kiBAAA;EAAA,CAAA;CAOkF,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAAA,iBAAiB,GAAA;IAAI,aAAa;IAAM,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBACpC,iBAAiB,GAAA;IACpG,aAAa;IACb,MAAM;IACT,UAAA;GAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA;AEnEL,IAAY;CAAZ,SAAY,qBAAmB;CAE3B,oBAAA,YAAA;CAEA,oBAAA,WAAA;CAEA,oBAAA,SAAA;AACJ,EAAA,CAPY,wBAAA,sBAAmB,CAAA,EAAA;AAU/B,IAAY;CAAZ,SAAY,wBAAsB;CAE9B,uBAAA,aAAA;CAEA,uBAAA,UAAA;CAEA,uBAAA,UAAA;AACJ,EAAA,CAPY,2BAAA,yBAAsB,CAAA,EAAA;AA8BlC,SAAgB,mBAAmB,OAAyB;CACxD,IAAI,MAAM,YACN,OAAO,oBAAoB;CAG/B,OAAO,MAAM,WAAW,CAAC,MAAM,WAAW,oBAAoB,MAAM,oBAAoB;AAC5F;ACvCA,MAAM,YAAoB;AA2B1B,IAAa,gCAAb,MAAa,8BAA6B;CAjB1C,cAAA;EAkBa,KAAA,aAAkD,OAAO,WAAW;EAE1D,KAAA,IAA4B,OAAO,aAAa;CAatE;CAfY;CAIC,YAAS;EACf,KAAK,WAAW,MAAM,uBAAuB,OAAO;CACxD;CAEU,SAAM;EACZ,KAAK,WAAW,MAAM,uBAAuB,IAAI;CACrD;CAEU,SAAM;EACZ,KAAK,WAAW,MAAM,uBAAuB,IAAI;CACrD;CAfS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA6B,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAA7B;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAA6B,cAAA;GAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,0BAAA;GAAA,UAAA;GAAA,UCrC1C;GAqCA,QAAA,CAAA,qtBAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDTQ;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACjB;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACjB;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA6B,YAAA,CAAA;EAjBzC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAyB,iBAGlB,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;GACH;GAAA,MACK,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,qtBAAA;EAAA,CAAA"}

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

@@ -1,7 +1,7 @@
 import { FocusMonitor } from "@angular/cdk/a11y";
 import { DOCUMENT } from "@angular/common";
 import * as i0 from "@angular/core";
-import { DestroyRef, Directive, ElementRef, HostBinding, Renderer2, afterNextRender, booleanAttribute, computed, effect, inject, input, untracked } from "@angular/core";
+import { DestroyRef, Directive, ElementRef, HostBinding, Renderer2, afterNextRender, booleanAttribute, computed, effect, inject, input, signal, untracked } from "@angular/core";
 import { RT_RADIUS_DEFAULT, rtKitDefault } from "@rt-tools/ui-kit-v2/core";
 import * as i2 from "@rt-tools/ui-kit-v2/radius";
 import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
@@ -24,6 +24,10 @@ var RtButtonDirective = class RtButtonDirective {
 	#labelEl;
 	#spinnerEl;
 	#wasLoading;
+	#theme;
+	#appearanceShown;
+	#icon;
+	#label;
 	constructor() {
 		this.#el = inject(ElementRef);
 		this.#renderer = inject(Renderer2);
@@ -38,7 +42,12 @@ var RtButtonDirective = class RtButtonDirective {
 		this.#labelEl = null;
 		this.#spinnerEl = null;
 		this.#wasLoading = false;
-		this.isIconOnly = computed(() => !!this.icon() && !this.label(), ...ngDevMode ? [{ debugName: "isIconOnly" }] : /* istanbul ignore next */ []);
+		this.#theme = computed(() => this.placeLook()?.theme ?? this.theme(), ...ngDevMode ? [{ debugName: "#theme" }] : /* istanbul ignore next */ []);
+		this.#appearanceShown = computed(() => this.placeLook()?.appearance ?? this.appearance(), ...ngDevMode ? [{ debugName: "#appearanceShown" }] : /* istanbul ignore next */ []);
+		this.#icon = computed(() => this.placeLook()?.icon === null ? null : this.icon(), ...ngDevMode ? [{ debugName: "#icon" }] : /* istanbul ignore next */ []);
+		this.#label = computed(() => this.placeLook()?.label ?? this.label(), ...ngDevMode ? [{ debugName: "#label" }] : /* istanbul ignore next */ []);
+		this.isIconOnly = computed(() => !!this.#icon() && !this.#label(), ...ngDevMode ? [{ debugName: "isIconOnly" }] : /* istanbul ignore next */ []);
+		this.placeLook = signal(null, ...ngDevMode ? [{ debugName: "placeLook" }] : /* istanbul ignore next */ []);
 		this.label = input(null, ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
 		this.icon = input(null, ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
 		this.iconPos = input("left", ...ngDevMode ? [{ debugName: "iconPos" }] : /* istanbul ignore next */ []);
@@ -56,8 +65,8 @@ var RtButtonDirective = class RtButtonDirective {
 		this.#focusMonitor.monitor(this.#el);
 		inject(DestroyRef).onDestroy(() => this.#focusMonitor.stopMonitoring(this.#el));
 		effect(() => {
-			this.label();
-			this.icon();
+			this.#label();
+			this.#icon();
 			this.iconPos();
 			this.loading();
 			this.loadingIcon();
@@ -71,8 +80,8 @@ var RtButtonDirective = class RtButtonDirective {
 		return pressed === null ? null : String(pressed);
 	}
 	get hostClasses() {
-		const theme = this.theme();
-		const appearance = this.appearance();
+		const theme = this.#theme();
+		const appearance = this.#appearanceShown();
 		const size = this.size();
 		return {
 			[BEM_BLOCK]: true,
@@ -151,15 +160,15 @@ var RtButtonDirective = class RtButtonDirective {
 			this.#spinnerEl = loader;
 			this.#renderer.appendChild(button, this.#spinnerEl);
 		}
-		const label = this.label();
+		const label = this.#label();
 		if (label) {
 			this.#labelEl = this.#createLabel(label);
 			this.#renderer.appendChild(button, this.#labelEl);
 		}
 	}
 	#renderIconAndLabel(button) {
-		const iconClass = this.icon();
-		const label = this.label();
+		const iconClass = this.#icon();
+		const label = this.#label();
 		const pos = this.iconPos();
 		const iconEl = iconClass ? this.#createIcon(iconClass) : null;
 		const labelEl = label ? this.#createLabel(label) : null;