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

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

@@ -0,0 +1,947 @@
+import * as i0 from '@angular/core';
+import { viewChild, signal, computed, input, output, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, booleanAttribute, numberAttribute, effect, TemplateRef, Directive, Pipe, contentChild, afterRenderEffect } from '@angular/core';
+import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
+import { RtFormControlBase, coerceQuillDeltaOutput, rtKitLabel, RT_KIT_LABELS, RtFileCardComponent, RtIconButtonComponent, RT_KIT_LOCALE, RtButtonDirective, RtConfirmDirective, RtDeltaViewComponent, RtFileDropComponent, RtIconComponent, RtMenuComponent, RtNoteComponent, RtSkeletonWrapperComponent, RtSpinnerComponent, RtToolbarComponent, RtToolbarLeftDirective, RtToolbarRightDirective, fileNameFromUrl } from '@rt-tools/ui-kit-v2';
+import { CdkTextareaAutosize } from '@angular/cdk/text-field';
+import { toSignal } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
+import { NgTemplateOutlet, DatePipe } from '@angular/common';
+
+const BEM_BLOCK$2 = 'rt-rich-editor';
+/** Модули тулбара — строго whitelist (без link/image/color/script). */
+const TOOLBAR = {
+    full: [
+        ['bold', 'italic', 'underline', 'strike'],
+        [{ header: 1 }, { header: 2 }, { header: 3 }],
+        [{ list: 'ordered' }, { list: 'bullet' }],
+        ['blockquote', 'code-block'],
+    ],
+    minimal: [['bold'], [{ list: 'ordered' }, { list: 'bullet' }]],
+};
+/** Форматы, которые Quill вообще примет (вставленное из буфера лишнее вырезается). */
+const FORMATS = {
+    full: ['bold', 'italic', 'underline', 'strike', 'header', 'list', 'blockquote', 'code-block'],
+    minimal: ['bold', 'list'],
+};
+/**
+ * Rich-редактор чата на Quill. Наследует CVA-ядро input-семейства
+ * (`RtFormControlBase`) — плагается в reactive-форму. Quill грузится **лениво**
+ * (`import("quill")` в `ngAfterViewInit`), тип импортируется `import type` и в
+ * бандл не попадает. Значение CVA — `IQuillDelta` (или `null`, когда пусто).
+ */
+class RtRichEditorComponent extends RtFormControlBase {
+    constructor() {
+        super(...arguments);
+        // `viewChild` не работает на ES-private (`#`) поле — держим `protected`.
+        this.editorHost = viewChild.required('editor', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editorHost" }] : /* istanbul ignore next */ []));
+        this.#quill = null;
+        /** Значение, пришедшее через writeValue до готовности Quill. */
+        this.#pending = null;
+        /**
+         * Смонтирована ли начинка редактора. Пока нет, хост несёт признак недостроенности: съёмке
+         * витрины и любой другой проверке снаружи иначе нечем отличить недостроенный редактор от
+         * достроенного пустого — оба выглядят пустым местом.
+         */
+        this.mounted = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mounted" }] : /* istanbul ignore next */ []));
+        this.hasValue = computed(() => this.value() !== null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
+        this.placeholder = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        /** Набор кнопок форматирования; сужает и принимаемые форматы (вставка из буфера). */
+        this.toolbar = input('full', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toolbar" }] : /* istanbul ignore next */ []));
+        /** Enter без Shift в редакторе — сигнал отправки (Shift+Enter остаётся переносом). */
+        this.enterPressed = output();
+        this.displayText = computed(() => {
+            const delta = this.value();
+            if (delta === null) {
+                return '';
+            }
+            return delta.ops.map((op) => op.insert).join('');
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+    }
+    #quill;
+    /** Значение, пришедшее через writeValue до готовности Quill. */
+    #pending;
+    async ngAfterViewInit() {
+        const QuillCtor = (await import('quill')).default;
+        const quill = new QuillCtor(this.editorHost().nativeElement, {
+            theme: 'snow',
+            placeholder: this.placeholder(),
+            formats: [...FORMATS[this.toolbar()]],
+            modules: {
+                toolbar: [...TOOLBAR[this.toolbar()]],
+                keyboard: {
+                    bindings: {
+                        // Enter без Shift — отправка (перенос гасим возвратом false);
+                        // Shift+Enter не совпадает с биндингом и уходит в дефолт (перенос).
+                        enterSubmit: {
+                            key: 'Enter',
+                            shiftKey: false,
+                            handler: () => {
+                                this.enterPressed.emit();
+                                return false;
+                            },
+                        },
+                    },
+                },
+            },
+        });
+        this.#quill = quill;
+        if (this.#pending !== null) {
+            quill.setContents(this.#pending);
+            this.#pending = null;
+        }
+        if (this.isDisabled()) {
+            quill.disable();
+        }
+        quill.on('text-change', () => this.#onEditorChange());
+        this.mounted.set(true);
+    }
+    ngOnDestroy() {
+        this.#quill = null;
+        this.mounted.set(false);
+    }
+    writeValue(value) {
+        super.writeValue(value);
+        if (this.#quill === null) {
+            this.#pending = value;
+            return;
+        }
+        this.#quill.setContents((value ?? { ops: [] }));
+    }
+    setDisabledState(isDisabled) {
+        super.setDisabledState(isDisabled);
+        if (this.#quill === null) {
+            return;
+        }
+        if (isDisabled) {
+            this.#quill.disable();
+            return;
+        }
+        this.#quill.enable();
+    }
+    getEmptyValue() {
+        return null;
+    }
+    focusAfterClear() {
+        this.#quill?.focus();
+    }
+    /** Text-change: пустой слепок → null-канал; иначе delta. */
+    #onEditorChange() {
+        if (this.#quill === null) {
+            return;
+        }
+        const blank = this.#quill.getText().trim().length === 0;
+        const next = blank
+            ? null
+            : coerceQuillDeltaOutput({
+                ops: this.#quill.getContents().ops,
+            });
+        this.value.set(next);
+        this.emitChange(next);
+        this.markTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRichEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: RtRichEditorComponent, isStandalone: true, selector: "rt-rich-editor", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { enterPressed: "enterPressed" }, host: { properties: { "attr.data-rt-pending": "mounted() ? null : \"\"" }, classAttribute: "rt-rich-editor" }, providers: [
+            // Алиас базового токена — чтобы rt-field мог найти контрол через
+            // contentChild(RtFormControlBase) (query по абстрактному классу).
+            { provide: RtFormControlBase, useExisting: forwardRef(() => RtRichEditorComponent) },
+        ], viewQueries: [{ propertyName: "editorHost", first: true, predicate: ["editor"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container rtBlock=\"rt-rich-editor\">\n    <div #editor rtElem=\"surface\" qa-dataid=\"rich-editor-surface\"></div>\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-rich-editor{--rt-rich-editor-radius: var(--rt-radius-md);display:flex;flex-direction:column;min-block-size:0}.rt-rich-editor .ql-toolbar.ql-snow,.rt-rich-editor .ql-container.ql-snow{border-color:var(--rt-color-border-default)}.rt-rich-editor .ql-toolbar.ql-snow{flex:0 0 auto;border-start-end-radius:var(--rt-rich-editor-radius);border-start-start-radius:var(--rt-rich-editor-radius)}.rt-rich-editor .ql-container.ql-snow{flex:1 1 auto;border-end-end-radius:var(--rt-rich-editor-radius);border-end-start-radius:var(--rt-rich-editor-radius);font-family:inherit;font-size:inherit;min-block-size:0;overflow-y:auto}.rt-rich-editor .ql-editor{background-color:var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary);min-block-size:96px}.rt-rich-editor .ql-editor.ql-blank:before{color:var(--rt-color-text-muted);font-style:normal}.rt-rich-editor .ql-snow .ql-stroke{stroke:var(--rt-color-text-muted)}.rt-rich-editor .ql-snow .ql-fill{fill:var(--rt-color-text-muted)}.rt-rich-editor .ql-snow .ql-picker{color:var(--rt-color-text-muted)}.rt-rich-editor .ql-snow .ql-toolbar button:hover .ql-stroke,.rt-rich-editor .ql-snow button.ql-active .ql-stroke{stroke:var(--rt-color-text-link)}.rt-rich-editor .ql-snow .ql-toolbar button:hover .ql-fill,.rt-rich-editor .ql-snow button.ql-active .ql-fill{fill:var(--rt-color-text-link)}}\n"], dependencies: [{ kind: "directive", type: 
+                // standalone components / directives
+                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRichEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-rich-editor', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // standalone components / directives
+                        BlockDirective,
+                        ElemDirective,
+                    ], providers: [
+                        // Алиас базового токена — чтобы rt-field мог найти контрол через
+                        // contentChild(RtFormControlBase) (query по абстрактному классу).
+                        { provide: RtFormControlBase, useExisting: forwardRef(() => RtRichEditorComponent) },
+                    ], host: {
+                        class: BEM_BLOCK$2,
+                        // Пока начинка редактора не смонтирована, хост несёт признак недостроенности: снаружи
+                        // недостроенный редактор ничем не отличается от достроенного пустого, и съёмка витрины
+                        // ловила именно этот промежуток — кадр выходил втрое ниже эталона.
+                        '[attr.data-rt-pending]': 'mounted() ? null : ""',
+                    }, template: "<ng-container rtBlock=\"rt-rich-editor\">\n    <div #editor rtElem=\"surface\" qa-dataid=\"rich-editor-surface\"></div>\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-rich-editor{--rt-rich-editor-radius: var(--rt-radius-md);display:flex;flex-direction:column;min-block-size:0}.rt-rich-editor .ql-toolbar.ql-snow,.rt-rich-editor .ql-container.ql-snow{border-color:var(--rt-color-border-default)}.rt-rich-editor .ql-toolbar.ql-snow{flex:0 0 auto;border-start-end-radius:var(--rt-rich-editor-radius);border-start-start-radius:var(--rt-rich-editor-radius)}.rt-rich-editor .ql-container.ql-snow{flex:1 1 auto;border-end-end-radius:var(--rt-rich-editor-radius);border-end-start-radius:var(--rt-rich-editor-radius);font-family:inherit;font-size:inherit;min-block-size:0;overflow-y:auto}.rt-rich-editor .ql-editor{background-color:var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary);min-block-size:96px}.rt-rich-editor .ql-editor.ql-blank:before{color:var(--rt-color-text-muted);font-style:normal}.rt-rich-editor .ql-snow .ql-stroke{stroke:var(--rt-color-text-muted)}.rt-rich-editor .ql-snow .ql-fill{fill:var(--rt-color-text-muted)}.rt-rich-editor .ql-snow .ql-picker{color:var(--rt-color-text-muted)}.rt-rich-editor .ql-snow .ql-toolbar button:hover .ql-stroke,.rt-rich-editor .ql-snow button.ql-active .ql-stroke{stroke:var(--rt-color-text-link)}.rt-rich-editor .ql-snow .ql-toolbar button:hover .ql-fill,.rt-rich-editor .ql-snow button.ql-active .ql-fill{fill:var(--rt-color-text-link)}}\n"] }]
+        }], propDecorators: { editorHost: [{ type: i0.ViewChild, args: ['editor', { isSignal: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], enterPressed: [{ type: i0.Output, args: ["enterPressed"] }] } });
+
+const BEM_BLOCK$1 = 'rt-message-composer';
+/**
+ * Композер сообщения: авто-растущая textarea сверху, под разделительной линией —
+ * ряд контролов (слева — прикрепить файл, справа — отправить). Презентационный,
+ * без data-access: наружу торчит только `submitted` с текстом и файлами.
+ *
+ * Отправка — `Enter` (без Shift) или клик по иконке; `Shift+Enter` — перенос
+ * строки. Кнопка отправки активна, пока есть непустой текст или вложения.
+ */
+class RtMessageComposerComponent {
+    #formValue;
+    #t_chatPlaceholder;
+    constructor() {
+        this.#t_chatPlaceholder = rtKitLabel('chatPlaceholder');
+        this.t = inject(RT_KIT_LABELS);
+        this.placeholderText = computed(() => this.placeholder() || this.#t_chatPlaceholder(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholderText" }] : /* istanbul ignore next */ []));
+        this.fileInput = viewChild('fileEl', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileInput" }] : /* istanbul ignore next */ []));
+        this.form = new FormGroup({
+            message: new FormControl('', { nonNullable: true }),
+            files: new FormControl([], { nonNullable: true }),
+            delta: new FormControl(null),
+        });
+        this.files = computed(() => this.#formValue().files ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []));
+        /** Отправка доступна: есть контент (текст/delta/файлы), композер не занят. */
+        this.canSend = computed(() => {
+            if (this.sending() || this.disabled()) {
+                return false;
+            }
+            const value = this.#formValue();
+            const hasFiles = this.attachments() && (value.files?.length ?? 0) > 0;
+            if (this.formatting()) {
+                return (value.delta ?? null) !== null || hasFiles;
+            }
+            const hasText = (value.message ?? '').trim().length > 0;
+            return hasText || hasFiles;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []));
+        /** Текст-подсказка textarea. Пусто — берётся переведённое умолчание. */
+        this.placeholder = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        /** Фильтр типов для file-input (`.pdf,.doc,...`). */
+        this.accept = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
+        /** Показывать кнопку вложения и список файлов. */
+        this.attachments = input(false, { ...(ngDevMode ? { debugName: "attachments" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Отправка в процессе — блокирует submit и показывает её недоступность. */
+        this.sending = input(false, { ...(ngDevMode ? { debugName: "sending" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Полная блокировка композера. */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Rich-режим: вместо textarea — Quill-редактор, отправка уходит delta-каналом. */
+        this.formatting = input(false, { ...(ngDevMode ? { debugName: "formatting" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Набор кнопок rich-редактора (проброс в `rt-rich-editor`). */
+        this.toolbar = input('full', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toolbar" }] : /* istanbul ignore next */ []));
+        /** Минимальная высота textarea в строках. */
+        this.minRows = input(1, { ...(ngDevMode ? { debugName: "minRows" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Максимальная высота textarea в строках (дальше — скролл). */
+        this.maxRows = input(6, { ...(ngDevMode ? { debugName: "maxRows" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /**
+         * Файлы, выброшенные drag-n-drop'ом в обёртку чата: пробрасываются сюда как
+         * вложения. Каждый физический drop даёт новый массив, поэтому effect
+         * перезапускается на каждое перетаскивание; файлы добавляются к уже выбранным.
+         */
+        this.droppedFiles = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "droppedFiles" }] : /* istanbul ignore next */ []));
+        /** Отправка сообщения: текст + файлы (последние — только при `attachments`). */
+        this.submitted = output();
+        this.#formValue = toSignal(this.form.valueChanges, {
+            initialValue: this.form.value,
+        });
+        effect(() => {
+            const blocked = this.disabled() || this.sending();
+            if (blocked && this.form.enabled) {
+                this.form.disable({ emitEvent: false });
+            }
+            if (!blocked && this.form.disabled) {
+                this.form.enable({ emitEvent: false });
+            }
+        });
+        effect(() => {
+            const dropped = this.droppedFiles();
+            if (dropped !== null && dropped.length > 0 && this.attachments()) {
+                this.form.controls.files.setValue([...this.form.controls.files.value, ...dropped]);
+            }
+        });
+    }
+    onKeydown(event) {
+        // Enter без модификаторов — отправка; Shift+Enter оставляем переносом строки.
+        // isComposing — не перехватываем подтверждение IME-композиции.
+        if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {
+            event.preventDefault();
+            this.submit();
+        }
+    }
+    openPicker() {
+        if (this.disabled() || this.sending()) {
+            return;
+        }
+        this.fileInput()?.nativeElement.click();
+    }
+    onFilesPicked(event) {
+        const el = event.target;
+        const picked = el.files ? Array.from(el.files) : [];
+        if (picked.length) {
+            this.form.controls.files.setValue([...this.form.controls.files.value, ...picked]);
+        }
+        // Сброс value — чтобы повторный выбор того же файла снова дал change-событие.
+        el.value = '';
+    }
+    removeFile(index) {
+        const next = this.form.controls.files.value.filter((_, i) => i !== index);
+        this.form.controls.files.setValue(next);
+    }
+    submit() {
+        if (!this.canSend()) {
+            return;
+        }
+        const files = this.attachments() ? this.form.controls.files.value : [];
+        if (this.formatting()) {
+            const delta = this.form.controls.delta.value;
+            this.submitted.emit({
+                text: '',
+                delta: delta === null ? null : JSON.stringify(delta),
+                files,
+            });
+        }
+        else {
+            const text = this.form.controls.message.value.trim();
+            this.submitted.emit({ text, files });
+        }
+        this.form.reset({ message: '', files: [], delta: null });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtMessageComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtMessageComposerComponent, isStandalone: true, selector: "rt-message-composer", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, attachments: { classPropertyName: "attachments", publicName: "attachments", isSignal: true, isRequired: false, transformFunction: null }, sending: { classPropertyName: "sending", publicName: "sending", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatting: { classPropertyName: "formatting", publicName: "formatting", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, minRows: { classPropertyName: "minRows", publicName: "minRows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, droppedFiles: { classPropertyName: "droppedFiles", publicName: "droppedFiles", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { submitted: "submitted" }, host: { classAttribute: "rt-message-composer" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-message-composer\" [formGroup]=\"form\">\n    @if (formatting()) {\n        <rt-rich-editor\n            qa-dataid=\"message-composer-rich\"\n            formControlName=\"delta\"\n            [placeholder]=\"placeholderText()\"\n            [toolbar]=\"toolbar()\"\n            (enterPressed)=\"submit()\" />\n    } @else {\n        <textarea\n            rtElem=\"input\"\n            qa-dataid=\"message-composer-input\"\n            cdkTextareaAutosize\n            formControlName=\"message\"\n            [attr.aria-label]=\"t().chatComposerAria\"\n            [placeholder]=\"placeholderText()\"\n            [cdkAutosizeMinRows]=\"minRows()\"\n            [cdkAutosizeMaxRows]=\"maxRows()\"\n            (keydown)=\"onKeydown($event)\"></textarea>\n    }\n\n    @if (attachments() && files().length) {\n        <div rtElem=\"files\" qa-dataid=\"message-composer-files\">\n            @for (file of files(); track $index) {\n                <rt-file-card\n                    showRemove\n                    qa-dataid=\"message-composer-file\"\n                    size=\"sm\"\n                    [name]=\"file.name\"\n                    [sizeBytes]=\"file.size\"\n                    [disabled]=\"disabled() || sending()\"\n                    (removed)=\"removeFile($index)\" />\n            }\n        </div>\n    }\n\n    <div rtElem=\"divider\"></div>\n\n    <div rtElem=\"controls\">\n        @if (attachments()) {\n            <input\n                #fileEl\n                qa-dataid=\"message-composer-file-input\"\n                type=\"file\"\n                hidden\n                multiple\n                [attr.accept]=\"accept() || null\"\n                (change)=\"onFilesPicked($event)\" />\n            <rt-icon-button\n                qa-dataid=\"message-composer-attach\"\n                icon=\"paperclip\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().chatAttachAria\"\n                [tooltip]=\"t().chatAttachTooltip\"\n                [disabled]=\"disabled() || sending()\"\n                (clicked)=\"openPicker()\" />\n        }\n\n        <rt-icon-button\n            rtElem=\"send\"\n            qa-dataid=\"message-composer-send\"\n            icon=\"send\"\n            variant=\"primary\"\n            [ariaLabel]=\"t().chatSendAria\"\n            [tooltip]=\"t().chatSendLabel\"\n            [disabled]=\"!canSend()\"\n            (clicked)=\"submit()\" />\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-message-composer{--rt-message-composer-radius: var(--rt-radius-md);--rt-message-composer-border-width: var(--rt-border-width-thin);--rt-message-composer-divider-width: var(--rt-border-width-thin);display:flex;flex-direction:column;padding:var(--rt-space-4);border:var(--rt-message-composer-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-message-composer-radius);background:var(--rt-color-bg-surface);gap:var(--rt-space-2);inline-size:100%}.rt-message-composer:focus-within{border-color:var(--rt-color-border-strong)}.rt-message-composer__input{padding:0;border:0;margin:0;background:transparent;color:inherit;font:inherit;font-size:var(--rt-text-sm);inline-size:100%;line-height:var(--rt-leading-snug);min-inline-size:0;outline:0;resize:none}.rt-message-composer__input::placeholder{color:var(--rt-color-text-muted)}.rt-message-composer__input:disabled{cursor:not-allowed}.rt-message-composer__files{display:flex;flex-direction:column;gap:var(--rt-space-1)}.rt-message-composer__divider{background:var(--rt-color-border-default);block-size:var(--rt-message-composer-divider-width);margin-inline:calc(-1 * var(--rt-space-4))}.rt-message-composer__controls{display:flex;align-items:center;gap:var(--rt-space-2)}.rt-message-composer__send{margin-inline-start:auto}}\n"], dependencies: [{ kind: "ngmodule", type: 
+                // angular
+                ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: 
+                // cdk
+                CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "component", type: 
+                // standalone components / directives
+                RtFileCardComponent, selector: "rt-file-card", inputs: ["name", "sizeBytes", "size", "showDownload", "showRemove", "showRename", "disabled"], outputs: ["download", "removed", "rename"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "shape", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtRichEditorComponent, selector: "rt-rich-editor", inputs: ["placeholder", "toolbar"], outputs: ["enterPressed"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtMessageComposerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-message-composer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // angular
+                        ReactiveFormsModule,
+                        // cdk
+                        CdkTextareaAutosize,
+                        // standalone components / directives
+                        RtFileCardComponent,
+                        RtIconButtonComponent,
+                        RtRichEditorComponent,
+                        BlockDirective,
+                        ElemDirective,
+                    ], host: {
+                        class: BEM_BLOCK$1,
+                    }, template: "<ng-container rtBlock=\"rt-message-composer\" [formGroup]=\"form\">\n    @if (formatting()) {\n        <rt-rich-editor\n            qa-dataid=\"message-composer-rich\"\n            formControlName=\"delta\"\n            [placeholder]=\"placeholderText()\"\n            [toolbar]=\"toolbar()\"\n            (enterPressed)=\"submit()\" />\n    } @else {\n        <textarea\n            rtElem=\"input\"\n            qa-dataid=\"message-composer-input\"\n            cdkTextareaAutosize\n            formControlName=\"message\"\n            [attr.aria-label]=\"t().chatComposerAria\"\n            [placeholder]=\"placeholderText()\"\n            [cdkAutosizeMinRows]=\"minRows()\"\n            [cdkAutosizeMaxRows]=\"maxRows()\"\n            (keydown)=\"onKeydown($event)\"></textarea>\n    }\n\n    @if (attachments() && files().length) {\n        <div rtElem=\"files\" qa-dataid=\"message-composer-files\">\n            @for (file of files(); track $index) {\n                <rt-file-card\n                    showRemove\n                    qa-dataid=\"message-composer-file\"\n                    size=\"sm\"\n                    [name]=\"file.name\"\n                    [sizeBytes]=\"file.size\"\n                    [disabled]=\"disabled() || sending()\"\n                    (removed)=\"removeFile($index)\" />\n            }\n        </div>\n    }\n\n    <div rtElem=\"divider\"></div>\n\n    <div rtElem=\"controls\">\n        @if (attachments()) {\n            <input\n                #fileEl\n                qa-dataid=\"message-composer-file-input\"\n                type=\"file\"\n                hidden\n                multiple\n                [attr.accept]=\"accept() || null\"\n                (change)=\"onFilesPicked($event)\" />\n            <rt-icon-button\n                qa-dataid=\"message-composer-attach\"\n                icon=\"paperclip\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().chatAttachAria\"\n                [tooltip]=\"t().chatAttachTooltip\"\n                [disabled]=\"disabled() || sending()\"\n                (clicked)=\"openPicker()\" />\n        }\n\n        <rt-icon-button\n            rtElem=\"send\"\n            qa-dataid=\"message-composer-send\"\n            icon=\"send\"\n            variant=\"primary\"\n            [ariaLabel]=\"t().chatSendAria\"\n            [tooltip]=\"t().chatSendLabel\"\n            [disabled]=\"!canSend()\"\n            (clicked)=\"submit()\" />\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-message-composer{--rt-message-composer-radius: var(--rt-radius-md);--rt-message-composer-border-width: var(--rt-border-width-thin);--rt-message-composer-divider-width: var(--rt-border-width-thin);display:flex;flex-direction:column;padding:var(--rt-space-4);border:var(--rt-message-composer-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-message-composer-radius);background:var(--rt-color-bg-surface);gap:var(--rt-space-2);inline-size:100%}.rt-message-composer:focus-within{border-color:var(--rt-color-border-strong)}.rt-message-composer__input{padding:0;border:0;margin:0;background:transparent;color:inherit;font:inherit;font-size:var(--rt-text-sm);inline-size:100%;line-height:var(--rt-leading-snug);min-inline-size:0;outline:0;resize:none}.rt-message-composer__input::placeholder{color:var(--rt-color-text-muted)}.rt-message-composer__input:disabled{cursor:not-allowed}.rt-message-composer__files{display:flex;flex-direction:column;gap:var(--rt-space-1)}.rt-message-composer__divider{background:var(--rt-color-border-default);block-size:var(--rt-message-composer-divider-width);margin-inline:calc(-1 * var(--rt-space-4))}.rt-message-composer__controls{display:flex;align-items:center;gap:var(--rt-space-2)}.rt-message-composer__send{margin-inline-start:auto}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { fileInput: [{ type: i0.ViewChild, args: ['fileEl', { isSignal: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], attachments: [{ type: i0.Input, args: [{ isSignal: true, alias: "attachments", required: false }] }], sending: [{ type: i0.Input, args: [{ isSignal: true, alias: "sending", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], formatting: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatting", required: false }] }], toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], minRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRows", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], droppedFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "droppedFiles", required: false }] }], submitted: [{ type: i0.Output, args: ["submitted"] }] } });
+
+/**
+ * Захватывает `<ng-template rtChatMessageActions let-message>` — содержимое «…»-меню
+ * действий у реплики. `rt-chat` рисует этот шаблон рядом с точечными действиями реплики,
+ * прокидывая её через `$implicit`.
+ *
+ * Точечные действия остаются на месте: удаление, повтор отправки и скачивание общи для
+ * любой переписки. Шаблон нужен тем действиям, которых кит не знает и знать не должен, —
+ * без него потребителю оставалось ждать правки кита либо ставить кнопку над диалогом, то
+ * есть не там, где читают реплику.
+ *
+ * Дженерика у контекста нет: тип реплики у переписки один, и type-carrier, который у
+ * строки таблицы несёт тип строки, здесь не нужен.
+ *
+ * @example
+ * ```html
+ * <rt-chat [messages]="messages()" [messageHasActions]="canAct">
+ *     <ng-template rtChatMessageActions let-message>
+ *         <rt-menu-item icon="link" label="Скопировать ссылку" (selected)="copy(message)" />
+ *     </ng-template>
+ * </rt-chat>
+ * ```
+ */
+class RtChatMessageActionsDirective {
+    constructor() {
+        this.template = inject(TemplateRef);
+    }
+    /** Type-guard: сужает контекст шаблона до реплики при проверке шаблонов. */
+    static ngTemplateContextGuard(_directive, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас
+    context) {
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtChatMessageActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtChatMessageActionsDirective, isStandalone: true, selector: "ng-template[rtChatMessageActions]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtChatMessageActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[rtChatMessageActions]',
+                }]
+        }] });
+
+/**
+ * Есть ли у реплики хотя бы одно доступное действие потребителя.
+ *
+ * Признак приходит предикатом от экрана, а не подсчётом отрисованных пунктов меню:
+ * содержимое спроецированного шаблона известно только после отрисовки, и кнопка
+ * успевала бы мигнуть на первом кадре.
+ *
+ * Предикат не задан — у реплики есть действия: экран, который ничего не гейтит,
+ * показывает кнопку меню. Так же это устроено у строки таблицы, и расхождение между
+ * двумя точками проекции одного кита читалось бы дефектом.
+ */
+function messageHasAvailableActions(message, hasActions) {
+    return hasActions === null ? true : hasActions(message);
+}
+
+/**
+ * Есть ли у реплики доступные действия — гейт кнопки «…» у неё.
+ *
+ * Pure-pipe: пересчитывается только при смене реплики или предиката, а не на каждом
+ * цикле проверки. Значение приходит из контекста шаблона (реплика треда), поэтому
+ * `computed()` здесь неприменим.
+ */
+class RtChatMessageHasActionsPipe {
+    transform(message, hasActions) {
+        return messageHasAvailableActions(message, hasActions);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtChatMessageHasActionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RtChatMessageHasActionsPipe, isStandalone: true, name: "rtChatMessageHasActions" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtChatMessageHasActionsPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'rtChatMessageHasActions' }]
+        }] });
+
+/**
+ * Модель общего чат-компонента `rt-chat`: один корневой неймспейс
+ * с префиксом `I`. Доменные стора маппят свою модель сообщения в `Message`, а сам
+ * `rt-chat` ничего не знает о доменных сущностях — только рисует тред и композер.
+ */
+/**
+ * Судьба своего сообщения в ленте: пока летит на сервер — часы, после записи —
+ * двойной чек, после того как собеседник открыл переписку — тот же чек синим,
+ * при обрыве — «!» с повтором. Входящие сообщения статуса не имеют.
+ */
+var ERtChatMessageStatus;
+(function (ERtChatMessageStatus) {
+    ERtChatMessageStatus["Sending"] = "sending";
+    ERtChatMessageStatus["Sent"] = "sent";
+    ERtChatMessageStatus["Read"] = "read";
+    ERtChatMessageStatus["Failed"] = "failed";
+})(ERtChatMessageStatus || (ERtChatMessageStatus = {}));
+
+/**
+ * Ключи подписей статусов для скринридера: сам индикатор — иконка, и без текста
+ * различие «доставлено/прочитано» слышно не будет.
+ *
+ * Пайп отдаёт ключ, а переводит его `transloco` следующим звеном цепочки.
+ * Готовый текст здесь застыл бы на языке, активном в момент загрузки модуля.
+ */
+const STATUS_KEYS = {
+    [ERtChatMessageStatus.Sending]: 'rtKit.chatStatusSending',
+    [ERtChatMessageStatus.Sent]: 'rtKit.chatStatusSent',
+    [ERtChatMessageStatus.Read]: 'rtKit.chatStatusRead',
+    [ERtChatMessageStatus.Failed]: 'rtKit.chatStatusFailed',
+};
+/** Ключ текстовой расшифровки иконки статуса сообщения. */
+class RtChatStatusLabelPipe {
+    transform(status) {
+        return STATUS_KEYS[status];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtChatStatusLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RtChatStatusLabelPipe, isStandalone: true, name: "rtChatStatusLabel" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtChatStatusLabelPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'rtChatStatusLabel' }]
+        }] });
+
+/** Выбранные файлы вместе с только что добавленными. Список всегда новый: его читает сигнал. */
+function withAppendedFiles(current, added) {
+    return [...current, ...added];
+}
+/** Выбранные файлы без того, что стоит на этом месте. */
+function withoutFileAt(current, index) {
+    return current.filter((_, position) => position !== index);
+}
+/** Файлы, названные полем выбора. Поле без выбора отдаёт пустой список, а не отсутствие. */
+function pickedFiles(files) {
+    return Array.from(files ?? []);
+}
+
+/** Зазор от низа треда, в пределах которого читатель считается стоящим у нижнего края. */
+const RT_CHAT_NEAR_BOTTOM_THRESHOLD_PX = 64;
+/**
+ * Задержки повторных подтягиваний ленты к низу после первой прокрутки. Присланное
+ * содержимое дорисовывается несколькими проходами уже после того, как лента встала по
+ * промежуточной высоте, и набор тиков покрывает окно, за которое высота устаканивается.
+ */
+const RT_CHAT_PIN_RETRY_DELAYS_MS = [50, 150, 300, 500, 800];
+/** Стоит ли читатель у нижнего края треда. */
+function isNearBottom(metrics) {
+    return metrics.scrollHeight - metrics.clientHeight - metrics.scrollTop <= RT_CHAT_NEAR_BOTTOM_THRESHOLD_PX;
+}
+/**
+ * Прилипает ли лента к низу после этой прокрутки.
+ *
+ * Прилипание снимается только тогда, когда читатель уехал вверх сам. Прокрутка, сделанная
+ * самим компонентом, и рост содержимого приходят с тем же или большим положением — на них
+ * прилипание лишь подтверждается: иначе позднее событие от собственной прокрутки читалось бы
+ * отрывом от низа, и лента переставала бы догонять последнее сообщение.
+ */
+function nextAtBottom(previous, lastScrollTop, metrics) {
+    const nearBottom = isNearBottom(metrics);
+    return metrics.scrollTop < lastScrollTop - 1 ? nearBottom : previous || nearBottom;
+}
+
+const BEM_BLOCK = 'rt-chat';
+/** Ключ заглушки имени вложения, когда домен не отдал `fileName` (только URL). */
+const ATTACHMENT_FALLBACK_KEY = 'chatAttachmentFallback';
+/**
+ * Общий презентационный чат: тред сообщений + композер. Никакого data-access/api — история
+ * приходит готовым массивом `IRtChat.Message[]`, отправка/обновление/скачивание уходят наружу
+ * через outputs, а стор и blob-загрузка остаются в feature-компоненте каждого домена.
+ *
+ * Композер держит свой `FormGroup` — наружу торчит только `send`. Полноэкранный
+ * режим (expand) — overlay внутри самого компонента (`--expanded`), потребителю
+ * лишь опционально сообщается через `expandedChange`.
+ *
+ * Шапка (тулбар «Чат» + refresh/expand) рендерится только когда включена хотя бы
+ * одна из иконок (`showRefresh`/`showExpand`): в диалогах своя header-обёртка,
+ * туда тулбар не нужен.
+ */
+class RtChatComponent {
+    /**
+     * Пользователь у нижнего края треда. Плоское поле (не сигнал), чтобы
+     * afterRenderEffect не перезапускался на каждый scroll — обновляется в
+     * обработчике scroll и читается при автоскролле.
+     */
+    #atBottom;
+    /** Прошлый scrollTop треда — для различения прокрутки вверх и роста контента. */
+    #lastScrollTop;
+    /** One-shot: своё отправленное сообщение всегда прокручивает тред вниз. */
+    #forceScroll;
+    /** Текущее значение композера — источник реактивности для `canSend`. */
+    #formValue;
+    #defaultTitle;
+    #defaultPlaceholder;
+    #defaultEmptyHint;
+    constructor() {
+        /**
+         * Дата сообщения форматируется по активной локали приложения, а не по
+         * `LOCALE_ID`: тот вычисляется на подъёме приложения и там, где язык
+         * переключают на ходу, оставил бы часы в прежнем формате до перезагрузки.
+         *
+         * Данные локали для `DatePipe` регистрирует приложение: без них пайп падает
+         * `Missing locale data`, и кит за это не отвечает.
+         */
+        this.t = inject(RT_KIT_LABELS);
+        this.locale = inject(RT_KIT_LOCALE);
+        /**
+         * Пользователь у нижнего края треда. Плоское поле (не сигнал), чтобы
+         * afterRenderEffect не перезапускался на каждый scroll — обновляется в
+         * обработчике scroll и читается при автоскролле.
+         */
+        this.#atBottom = true;
+        /** Прошлый scrollTop треда — для различения прокрутки вверх и роста контента. */
+        this.#lastScrollTop = 0;
+        /** One-shot: своё отправленное сообщение всегда прокручивает тред вниз. */
+        this.#forceScroll = false;
+        /**
+         * Скролл-контейнер треда — для автопрокрутки к последнему сообщению.
+         * `viewChild` не работает на ES-private (`#`) поле, поэтому `protected`.
+         */
+        this.thread = viewChild('thread', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "thread" }] : /* istanbul ignore next */ []));
+        /** Скрытый нативный input — открывается кнопкой-скрепкой внутри поля ввода. */
+        this.composerFileEl = viewChild('composerFileEl', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "composerFileEl" }] : /* istanbul ignore next */ []));
+        this.attachmentFallbackName = rtKitLabel(ATTACHMENT_FALLBACK_KEY);
+        /** Подписи с учётом того, что передал хозяин компонента: своё важнее умолчания */
+        this.titleText = computed(() => this.title() || this.#defaultTitle(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "titleText" }] : /* istanbul ignore next */ []));
+        this.placeholderText = computed(() => this.placeholder() || this.#defaultPlaceholder(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholderText" }] : /* istanbul ignore next */ []));
+        this.emptyHintText = computed(() => this.emptyHint() || this.#defaultEmptyHint(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyHintText" }] : /* istanbul ignore next */ []));
+        this.#defaultTitle = rtKitLabel('chatTitle');
+        this.#defaultPlaceholder = rtKitLabel('chatPlaceholder');
+        this.#defaultEmptyHint = rtKitLabel('chatEmptyHint');
+        this.MessageStatus = ERtChatMessageStatus;
+        /** Плейсхолдеры скелетонов треда при первичной загрузке. */
+        this.skeletonRows = [1, 2, 3];
+        /** Полноэкранный режим (overlay поверх страницы). */
+        this.expanded = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+        this.replyForm = new FormGroup({
+            message: new FormControl('', { nonNullable: true }),
+            files: new FormControl([], { nonNullable: true }),
+        });
+        /** Композер заблокирован при загрузке/рефреше треда или отправке in-flight. */
+        this.composerDisabled = computed(() => this.loading() || this.fetching() || this.sending(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "composerDisabled" }] : /* istanbul ignore next */ []));
+        /**
+         * Можно ли отправить: композер активен и есть содержимое — непустой текст или
+         * (при включённых вложениях) хотя бы один файл. Сообщение само по себе не
+         * бывает «невалидным» — пустоту гасим дизейблом кнопки, а не подсветкой поля.
+         */
+        this.canSend = computed(() => {
+            if (this.composerDisabled()) {
+                return false;
+            }
+            const value = this.#formValue();
+            const hasText = (value.message ?? '').trim().length > 0;
+            const hasFiles = this.attachments() && (value.files?.length ?? 0) > 0;
+            return hasText || hasFiles;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []));
+        /** Показывать ли шапку: только когда включена хотя бы одна иконка. */
+        this.showHeader = computed(() => this.showRefresh() || this.showExpand(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showHeader" }] : /* istanbul ignore next */ []));
+        /** Подпись кнопки fullscreen: тернарник в шаблоне переводом не покрыть. */
+        this.expandLabel = rtKitLabel(computed(() => (this.expanded() ? 'chatCollapse' : 'chatExpand')));
+        /** Выбранные, но ещё не отправленные файлы — карточки над полем ввода. */
+        this.selectedFiles = computed(() => this.#formValue().files ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedFiles" }] : /* istanbul ignore next */ []));
+        /**
+         * Drop-зона активна только когда вложения включены, ответ доступен и композер
+         * не занят (загрузка/рефреш/отправка). Иначе обёртка `rt-file-drop` просто
+         * пропускает контент без оверлея.
+         */
+        this.dropDisabled = computed(() => !this.attachments() || !this.canReply() || this.composerDisabled(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dropDisabled" }] : /* istanbul ignore next */ []));
+        /**
+         * Файл из drag-n-drop для rich-композера: каждый drop кладёт новый `File`,
+         * пробрасывается в `rt-message-composer` через input. Классический композер
+         * принимает drop напрямую в свой `replyForm`.
+         */
+        this.droppedFiles = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "droppedFiles" }] : /* istanbul ignore next */ []));
+        /**
+         * Шаблон действий у реплики: `<ng-template rtChatMessageActions let-message>`.
+         *
+         * Не объявлен — разметка реплики прежняя, и лишней кнопки у неё не появляется.
+         */
+        this.messageActions = contentChild(RtChatMessageActionsDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "messageActions" }] : /* istanbul ignore next */ []));
+        /** История сообщений (consumer уже смаппил из доменной модели). */
+        this.messages = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+        /** Первичная загрузка — скелетоны вместо треда. */
+        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Рефреш при наличии данных — тред остаётся, композер дизейблится. */
+        this.fetching = input(false, { ...(ngDevMode ? { debugName: "fetching" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Доступна ли отправка (иначе вместо композера — note с причиной). */
+        this.canReply = input(false, { ...(ngDevMode ? { debugName: "canReply" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Причина блокировки ответа — note под тредом. */
+        this.replyBlockReason = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "replyBlockReason" }] : /* istanbul ignore next */ []));
+        /** Отправка in-flight — спиннер/дизейбл на кнопке. */
+        this.sending = input(false, { ...(ngDevMode ? { debugName: "sending" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Подписи по умолчанию приходят пустыми и переводятся ниже: значение
+         * `input()` вычисляется при создании компонента, и готовый перевод застыл бы
+         * на языке, активном в этот момент.
+         */
+        this.placeholder = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.title = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        /** Текст, когда треда ещё нет (заявка не создана). */
+        this.emptyHint = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyHint" }] : /* istanbul ignore next */ []));
+        /** Есть ли тред (иначе показываем `emptyHint`). */
+        this.hasThread = input(false, { ...(ngDevMode ? { debugName: "hasThread" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Включить загрузку файлов в композере. */
+        this.attachments = input(false, { ...(ngDevMode ? { debugName: "attachments" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** `accept` для file-input (`.pdf,.doc,...`). */
+        this.accept = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
+        /**
+         * Компактный композер (`rt-message-composer`): авто-растущая textarea над
+         * разделителем + ряд иконок (прикрепить слева, отправить справа) вместо
+         * классического вертикального стека. По умолчанию выключен.
+         */
+        this.richComposer = input(false, { ...(ngDevMode ? { debugName: "richComposer" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Rich-текст в композере (Quill delta). Требует `richComposer` — форматирование
+         * живёт только в компактном композере. Отправка уходит delta-каналом.
+         */
+        this.formatting = input(false, { ...(ngDevMode ? { debugName: "formatting" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Набор кнопок rich-редактора (проброс до `rt-rich-editor` через композер). */
+        this.formattingToolbar = input('full', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "formattingToolbar" }] : /* istanbul ignore next */ []));
+        /**
+         * Растягивать чат на всю высоту контейнера: тред занимает свободное место,
+         * композер прижат к низу. По умолчанию выключен (тред с фикс. max-height).
+         * Требует, чтобы родитель давал высоту (flex-цепочка).
+         */
+        this.fill = input(false, { ...(ngDevMode ? { debugName: "fill" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Показать иконку refresh в шапке. */
+        this.showRefresh = input(false, { ...(ngDevMode ? { debugName: "showRefresh" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Показать иконку expand (fullscreen) в шапке. */
+        this.showExpand = input(false, { ...(ngDevMode ? { debugName: "showExpand" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Отправка сообщения (+файлы) — consumer вызывает свой store/api. */
+        this.send = output();
+        /** Клик refresh — consumer перетягивает тред. */
+        this.refresh = output();
+        /** Клик по вложению — consumer качает blob своим api. Шаблон зовёт выход прямо: релей-метод,
+         * который только повторял `emit`, ничего не добавлял, а файл при этом рос. */
+        this.downloadFile = output();
+        /** Клик по карточке вложения из `attachments[]` — консюмер качает по `publicId`. */
+        this.downloadAttachment = output();
+        /** Смена fullscreen-состояния. */
+        this.expandedChange = output();
+        this.deleteMessage = output();
+        /** Повторная отправка своего сообщения со статусом `failed`. */
+        this.retryMessage = output();
+        /**
+         * Есть ли у реплики действия потребителя — гейт кнопки «…» у неё.
+         *
+         * Не задан — точка действий показывается у каждой реплики: экран, который ничего не
+         * гейтит, показывает её так же, как это делает строка таблицы.
+         */
+        this.messageHasActions = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "messageHasActions" }] : /* istanbul ignore next */ []));
+        this.#formValue = toSignal(this.replyForm.valueChanges, {
+            initialValue: this.replyForm.value,
+        });
+        // Поведение мессенджера: после каждого рендера, зависящего от треда
+        // (новые сообщения, окончание загрузки, fullscreen), прокручиваем к
+        // последнему сообщению — но только если это своё сообщение (forceScroll)
+        // или пользователь уже у нижнего края. Если он ушёл вверх читать историю,
+        // входящее сообщение его не дёргает. afterRenderEffect гарантирует, что DOM
+        // уже обновлён и scrollHeight посчитан по реальной высоте.
+        afterRenderEffect(() => {
+            this.messages();
+            this.loading();
+            this.fetching();
+            this.expanded();
+            const el = this.thread()?.nativeElement;
+            if (el === undefined) {
+                return;
+            }
+            if (this.#forceScroll || this.#atBottom) {
+                el.scrollTop = el.scrollHeight;
+                this.#atBottom = true;
+                this.#pinToBottomDeferred();
+            }
+            this.#forceScroll = false;
+        });
+        // `formControlName`-инпуты игнорируют атрибут `disabled` — состояние ввода
+        // держим через сам контрол: блок при рефреше треда или отправке in-flight.
+        effect(() => {
+            const blocked = this.composerDisabled();
+            if (blocked && this.replyForm.enabled) {
+                this.replyForm.disable({ emitEvent: false });
+                return;
+            }
+            if (!blocked && this.replyForm.disabled) {
+                this.replyForm.enable({ emitEvent: false });
+            }
+        });
+    }
+    onSubmit() {
+        // Кнопка уже дизейблится по `canSend` — guard лишь страхует от submit в
+        // обход кнопки (программный/Enter), молча и без подсветки поля.
+        if (!this.canSend()) {
+            return;
+        }
+        const text = this.replyForm.controls.message.value.trim();
+        const files = this.replyForm.controls.files.value;
+        // Своё сообщение всегда прокручивает тред вниз — независимо от позиции.
+        this.#forceScroll = true;
+        this.send.emit({ text, files: this.attachments() ? files : undefined });
+        this.replyForm.reset({ message: '', files: [] });
+    }
+    onComposerKeydown(event) {
+        if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {
+            event.preventDefault();
+            this.onSubmit();
+        }
+    }
+    /** Релей submit'а от `rt-message-composer` (rich-режим) наружу как `send`. */
+    onComposerSubmit(payload) {
+        // Своё сообщение всегда прокручивает тред вниз — независимо от позиции.
+        this.#forceScroll = true;
+        this.send.emit({
+            text: payload.text,
+            files: this.attachments() ? payload.files : undefined,
+            delta: payload.delta,
+        });
+    }
+    /**
+     * Файлы выброшены в обёртку чата: в rich-режиме отдаём массив композеру через
+     * input, в классическом — добавляем к уже выбранным в собственном `replyForm`.
+     */
+    onFilesDropped(files) {
+        if (files.length === 0) {
+            return;
+        }
+        if (this.richComposer()) {
+            // Новый массив на каждый drop — effect композера видит каждое перетаскивание.
+            this.droppedFiles.set([...files]);
+            return;
+        }
+        this.replyForm.controls.files.setValue(withAppendedFiles(this.replyForm.controls.files.value, files));
+    }
+    openFilePicker() {
+        this.composerFileEl()?.nativeElement.click();
+    }
+    onFilesPicked(event) {
+        const inputEl = event.target;
+        const picked = pickedFiles(inputEl.files);
+        if (picked.length > 0) {
+            this.replyForm.controls.files.setValue(withAppendedFiles(this.replyForm.controls.files.value, picked));
+        }
+        // Сброс значения: без него повторный выбор того же файла не даёт `change`.
+        inputEl.value = '';
+    }
+    removeFile(index) {
+        this.replyForm.controls.files.setValue(withoutFileAt(this.replyForm.controls.files.value, index));
+    }
+    /** Признак «читатель у нижнего края» обновляется по прокрутке: на нём стоит автопрокрутка. */
+    onThreadScroll() {
+        const el = this.thread()?.nativeElement;
+        if (el === undefined) {
+            return;
+        }
+        this.#atBottom = nextAtBottom(this.#atBottom, this.#lastScrollTop, el);
+        this.#lastScrollTop = el.scrollTop;
+    }
+    /**
+     * Серия отложенных подтягиваний ленты к низу: присланное содержимое дорисовывается несколькими
+     * проходами, и одной прокрутки мало. Каждый тик берёт тред заново — он бывает пересоздан — и
+     * дотягивает ленту, пока читатель стоит у нижнего края.
+     */
+    #pinToBottomDeferred() {
+        for (const delay of RT_CHAT_PIN_RETRY_DELAYS_MS) {
+            setTimeout(() => {
+                const el = this.thread()?.nativeElement;
+                if (el !== undefined && this.#atBottom) {
+                    el.scrollTop = el.scrollHeight;
+                }
+            }, delay);
+        }
+    }
+    toggleExpand() {
+        const next = !this.expanded();
+        this.expanded.set(next);
+        this.expandedChange.emit(next);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtChatComponent, isStandalone: true, selector: "rt-chat", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, fetching: { classPropertyName: "fetching", publicName: "fetching", isSignal: true, isRequired: false, transformFunction: null }, canReply: { classPropertyName: "canReply", publicName: "canReply", isSignal: true, isRequired: false, transformFunction: null }, replyBlockReason: { classPropertyName: "replyBlockReason", publicName: "replyBlockReason", isSignal: true, isRequired: false, transformFunction: null }, sending: { classPropertyName: "sending", publicName: "sending", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, emptyHint: { classPropertyName: "emptyHint", publicName: "emptyHint", isSignal: true, isRequired: false, transformFunction: null }, hasThread: { classPropertyName: "hasThread", publicName: "hasThread", isSignal: true, isRequired: false, transformFunction: null }, attachments: { classPropertyName: "attachments", publicName: "attachments", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, richComposer: { classPropertyName: "richComposer", publicName: "richComposer", isSignal: true, isRequired: false, transformFunction: null }, formatting: { classPropertyName: "formatting", publicName: "formatting", isSignal: true, isRequired: false, transformFunction: null }, formattingToolbar: { classPropertyName: "formattingToolbar", publicName: "formattingToolbar", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, showRefresh: { classPropertyName: "showRefresh", publicName: "showRefresh", isSignal: true, isRequired: false, transformFunction: null }, showExpand: { classPropertyName: "showExpand", publicName: "showExpand", isSignal: true, isRequired: false, transformFunction: null }, messageHasActions: { classPropertyName: "messageHasActions", publicName: "messageHasActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { send: "send", refresh: "refresh", downloadFile: "downloadFile", downloadAttachment: "downloadAttachment", expandedChange: "expandedChange", deleteMessage: "deleteMessage", retryMessage: "retryMessage" }, host: { properties: { "class.rt-chat--expanded": "expanded()", "class.rt-chat--fill": "fill()" }, classAttribute: "rt-chat" }, queries: [{ propertyName: "messageActions", first: true, predicate: RtChatMessageActionsDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "thread", first: true, predicate: ["thread"], descendants: true, isSignal: true }, { propertyName: "composerFileEl", first: true, predicate: ["composerFileEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-chat\">\n    <rt-file-drop\n        [overlayLabel]=\"t().chatDropOverlay\"\n        [accept]=\"accept()\"\n        [disabled]=\"dropDisabled()\"\n        (filesDropped)=\"onFilesDropped($event)\">\n        @if (showHeader()) {\n            <rt-toolbar rtElem=\"header\" dense>\n                <ng-template rtToolbarLeft>\n                    <h3 rtElem=\"title\" qa-dataid=\"chat-title\">{{ title() }}</h3>\n                </ng-template>\n                <ng-template rtToolbarRight>\n                    @if (showRefresh()) {\n                        <rt-icon-button\n                            qa-dataid=\"chat-refresh\"\n                            icon=\"sync\"\n                            variant=\"ghost\"\n                            [ariaLabel]=\"t().chatRefreshAria\"\n                            [tooltip]=\"t().chatRefreshTooltip\"\n                            [loading]=\"fetching()\"\n                            [disabled]=\"!hasThread()\"\n                            (clicked)=\"refresh.emit()\" />\n                    }\n                    @if (showExpand()) {\n                        <rt-icon-button\n                            qa-dataid=\"chat-expand\"\n                            variant=\"ghost\"\n                            [icon]=\"expanded() ? 'window-minimize' : 'window-maximize'\"\n                            [ariaLabel]=\"expandLabel()\"\n                            [tooltip]=\"expandLabel()\"\n                            (clicked)=\"toggleExpand()\" />\n                    }\n                    <ng-content select=\"[rtChatHeaderActions]\" />\n                </ng-template>\n            </rt-toolbar>\n        }\n\n        @if (!hasThread()) {\n            <rt-note qa-dataid=\"chat-empty-hint\">{{ emptyHint() }}</rt-note>\n        } @else {\n            <div rtElem=\"thread-viewport\" qa-dataid=\"chat-thread-viewport\">\n                @if (loading()) {\n                    <!-- \u0421\u043A\u0435\u043B\u0435\u0442\u043E\u043D \u043F\u043E\u0432\u0442\u043E\u0440\u044F\u0435\u0442 \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u0443 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F (\u0430\u0432\u0442\u043E\u0440 \u2192 \u0442\u0435\u043A\u0441\u0442 \u2192 \u0434\u0430\u0442\u0430),\n                 \u0447\u0435\u0440\u0435\u0434\u0443\u044F \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u0435, \u0447\u0442\u043E\u0431\u044B \u0442\u0440\u0435\u0434 \u043D\u0435 \u00AB\u043F\u0440\u044B\u0433\u0430\u043B\u00BB \u043F\u0440\u0438 \u043F\u043E\u0434\u043C\u0435\u043D\u0435 \u043D\u0430 \u0440\u0435\u0430\u043B\u044C\u043D\u044B\u0435. -->\n                    <div rtElem=\"thread\" qa-dataid=\"chat-thread-skeleton\">\n                        @for (row of skeletonRows; track row; let even = $even) {\n                            <div rtElem=\"message-skeleton\" qa-dataid=\"chat-message-skeleton\" [rtMod]=\"{ own: even }\">\n                                <rt-skeleton-wrapper rtElem=\"skeleton-line\" width=\"72px\" height=\"10px\" [isLoading]=\"true\" />\n                                <rt-skeleton-wrapper rtElem=\"skeleton-line\" width=\"100%\" height=\"13px\" [isLoading]=\"true\" />\n                                <rt-skeleton-wrapper rtElem=\"skeleton-line\" width=\"55%\" height=\"13px\" [isLoading]=\"true\" />\n                                <rt-skeleton-wrapper rtElem=\"skeleton-line\" width=\"56px\" height=\"10px\" [isLoading]=\"true\" />\n                            </div>\n                        }\n                    </div>\n                } @else {\n                    <div\n                        #thread\n                        rtElem=\"thread\"\n                        qa-dataid=\"chat-thread\"\n                        [rtMod]=\"{ frozen: fetching() }\"\n                        [attr.aria-busy]=\"fetching() ? 'true' : null\"\n                        (scroll)=\"onThreadScroll()\">\n                        @for (m of messages(); track m.id) {\n                            <div\n                                rtElem=\"message-row\"\n                                qa-dataid=\"chat-message\"\n                                [attr.data-own]=\"m.own\"\n                                [attr.data-status]=\"m.status || null\"\n                                [attr.data-deleted]=\"m.deleted || null\"\n                                [rtMod]=\"{ own: m.own }\">\n                                @if (m.canDelete && !m.deleted) {\n                                    @if (m.deleteConfirm) {\n                                        <rt-icon-button\n                                            rtElem=\"message-delete\"\n                                            qa-dataid=\"chat-message-delete\"\n                                            icon=\"trash\"\n                                            variant=\"ghost\"\n                                            [ariaLabel]=\"t().chatDeleteAria\"\n                                            [tooltip]=\"t().chatDeleteTooltip\"\n                                            [rtConfirm]=\"m.deleteConfirm\"\n                                            (confirmed)=\"deleteMessage.emit(m)\" />\n                                    } @else {\n                                        <rt-icon-button\n                                            rtElem=\"message-delete\"\n                                            qa-dataid=\"chat-message-delete\"\n                                            icon=\"trash\"\n                                            variant=\"ghost\"\n                                            [ariaLabel]=\"t().chatDeleteAria\"\n                                            [tooltip]=\"t().chatDeleteTooltip\"\n                                            (clicked)=\"deleteMessage.emit(m)\" />\n                                    }\n                                }\n                                @if (messageActions()?.template; as actionsTpl) {\n                                    @if (m | rtChatMessageHasActions: messageHasActions()) {\n                                        <div rtElem=\"message-actions\" qa-dataid=\"chat-message-actions\">\n                                            <rt-menu>\n                                                <ng-container\n                                                    [ngTemplateOutlet]=\"actionsTpl\"\n                                                    [ngTemplateOutletContext]=\"{ $implicit: m }\" />\n                                            </rt-menu>\n                                        </div>\n                                    }\n                                }\n                                <div rtElem=\"message\" [rtMod]=\"{ own: m.own, deleted: m.deleted }\">\n                                    <p rtElem=\"message-author\" qa-dataid=\"chat-message-author\">{{ m.author }}</p>\n                                    @if (m.deleted) {\n                                        <p rtElem=\"message-text\" qa-dataid=\"chat-message-deleted\" rtMod=\"deleted\">\n                                            {{ t().chatMessageDeleted }}\n                                        </p>\n                                    } @else {\n                                        @if (m.delta) {\n                                            <rt-delta-view rtElem=\"message-text\" qa-dataid=\"chat-message-text\" [delta]=\"m.delta\" />\n                                        } @else {\n                                            <p rtElem=\"message-text\" qa-dataid=\"chat-message-text\">{{ m.text }}</p>\n                                        }\n                                        @if (m.attachments?.length) {\n                                            @for (att of m.attachments; track att.id) {\n                                                <span rtElem=\"message-attachment\" qa-dataid=\"chat-message-attachment\">\n                                                    <rt-file-card\n                                                        showDownload\n                                                        size=\"sm\"\n                                                        [name]=\"att.name || attachmentFallbackName()\"\n                                                        (download)=\"downloadAttachment.emit(att)\" />\n                                                </span>\n                                            }\n                                        } @else if (m.fileUrl) {\n                                            <span rtElem=\"message-attachment\" qa-dataid=\"chat-message-attachment\">\n                                                <rt-file-card\n                                                    showDownload\n                                                    size=\"sm\"\n                                                    [name]=\"m.fileName || attachmentFallbackName()\"\n                                                    (download)=\"downloadFile.emit(m)\" />\n                                            </span>\n                                        }\n                                        @if (m.deepLink) {\n                                            <span rtElem=\"message-deeplink\">\n                                                <a\n                                                    rtButton\n                                                    qa-dataid=\"chat-message-deeplink\"\n                                                    appearance=\"outlined\"\n                                                    icon=\"send\"\n                                                    rel=\"noopener\"\n                                                    target=\"_blank\"\n                                                    [href]=\"m.deepLink\"\n                                                    [label]=\"m.deepLinkLabel || t().uiSubscribeNotifications\"\n                                                    [attr.aria-label]=\"m.deepLinkLabel || t().uiSubscribeNotifications\"></a>\n                                            </span>\n                                        }\n                                    }\n                                    <span rtElem=\"message-footer\">\n                                        <span rtElem=\"message-date\" qa-dataid=\"chat-message-date\">\n                                            {{ m.createdAt | date: 'short' : undefined : locale() }}\n                                        </span>\n                                        @if (m.status) {\n                                            <span\n                                                rtElem=\"message-status\"\n                                                qa-dataid=\"chat-message-status\"\n                                                [attr.data-status]=\"m.status\"\n                                                [rtMod]=\"{ status: m.status }\"\n                                                [attr.aria-label]=\"m.status | rtChatStatusLabel\">\n                                                @if (m.status === MessageStatus.Failed) {\n                                                    <rt-icon rtElem=\"status-icon\" name=\"exclamation-circle\" size=\"sm\" />\n                                                    <rt-icon-button\n                                                        qa-dataid=\"chat-message-retry\"\n                                                        icon=\"sync\"\n                                                        variant=\"ghost\"\n                                                        [ariaLabel]=\"t().chatRetryAria\"\n                                                        [tooltip]=\"t().chatRetryTooltip\"\n                                                        (clicked)=\"retryMessage.emit(m)\" />\n                                                } @else {\n                                                    <!-- \u0427\u0430\u0441\u044B, \u043F\u043E\u043A\u0430 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0432 \u043F\u0443\u0442\u0438; \u0434\u0430\u043B\u044C\u0448\u0435 \u0434\u0432\u043E\u0439\u043D\u043E\u0439 \u0447\u0435\u043A, \u0446\u0432\u0435\u0442 \u043A\u043E\u0442\u043E\u0440\u043E\u0433\u043E\n                                                         (\u0441\u0435\u0440\u044B\u0439/\u0441\u0438\u043D\u0438\u0439) \u0440\u0430\u0437\u043B\u0438\u0447\u0430\u0435\u0442 \u0434\u043E\u0441\u0442\u0430\u0432\u043B\u0435\u043D\u043E \u0438 \u043F\u0440\u043E\u0447\u0438\u0442\u0430\u043D\u043E. -->\n                                                    <rt-icon\n                                                        rtElem=\"status-icon\"\n                                                        size=\"sm\"\n                                                        [name]=\"m.status === MessageStatus.Sending ? 'clock' : 'check-double'\" />\n                                                }\n                                            </span>\n                                        }\n                                    </span>\n                                </div>\n                            </div>\n                        } @empty {\n                            <rt-note qa-dataid=\"chat-empty-thread\">{{ t().chatEmptyThread }}</rt-note>\n                        }\n                    </div>\n                }\n                @if (!loading() && fetching()) {\n                    <div rtElem=\"thread-overlay\" qa-dataid=\"chat-thread-overlay\" role=\"status\" [attr.aria-label]=\"t().chatRefreshAria\">\n                        <rt-spinner diameter=\"32\" />\n                    </div>\n                }\n            </div>\n\n            @if (canReply()) {\n                @if (richComposer()) {\n                    <rt-message-composer\n                        rtElem=\"composer-rich\"\n                        qa-dataid=\"chat-composer-rich\"\n                        [placeholder]=\"placeholder()\"\n                        [accept]=\"accept()\"\n                        [attachments]=\"attachments()\"\n                        [formatting]=\"formatting()\"\n                        [toolbar]=\"formattingToolbar()\"\n                        [sending]=\"sending()\"\n                        [disabled]=\"loading() || fetching()\"\n                        [droppedFiles]=\"droppedFiles()\"\n                        (submitted)=\"onComposerSubmit($event)\" />\n                } @else {\n                    <form rtElem=\"composer\" qa-dataid=\"chat-composer\" [formGroup]=\"replyForm\" (ngSubmit)=\"onSubmit()\">\n                        @if (attachments() && selectedFiles().length > 0) {\n                            <div rtElem=\"composer-files\" qa-dataid=\"chat-composer-files\">\n                                @for (file of selectedFiles(); track $index) {\n                                    <rt-file-card\n                                        showRemove\n                                        qa-dataid=\"chat-composer-file\"\n                                        size=\"sm\"\n                                        [name]=\"file.name\"\n                                        [sizeBytes]=\"file.size\"\n                                        [disabled]=\"composerDisabled()\"\n                                        (removed)=\"removeFile($index)\" />\n                                }\n                            </div>\n                        }\n                        <div rtElem=\"composer-field\" [rtMod]=\"{ attach: attachments() }\">\n                            @if (attachments()) {\n                                <input\n                                    #composerFileEl\n                                    qa-dataid=\"chat-composer-file-input\"\n                                    type=\"file\"\n                                    hidden\n                                    multiple\n                                    [attr.accept]=\"accept() || null\"\n                                    (change)=\"onFilesPicked($event)\" />\n                                <rt-icon-button\n                                    qa-dataid=\"chat-composer-attach\"\n                                    icon=\"paperclip\"\n                                    variant=\"ghost\"\n                                    [ariaLabel]=\"t().chatAttachAria\"\n                                    [tooltip]=\"t().chatAttachTooltip\"\n                                    [disabled]=\"composerDisabled()\"\n                                    (clicked)=\"openFilePicker()\" />\n                            }\n                            <textarea\n                                rtElem=\"composer-input\"\n                                qa-dataid=\"chat-composer-input\"\n                                cdkTextareaAutosize\n                                formControlName=\"message\"\n                                cdkAutosizeMinRows=\"1\"\n                                cdkAutosizeMaxRows=\"4\"\n                                [attr.aria-label]=\"t().chatComposerAria\"\n                                [placeholder]=\"placeholder()\"\n                                (keydown)=\"onComposerKeydown($event)\"></textarea>\n                        </div>\n                        <button\n                            rtButton\n                            rtElem=\"composer-send\"\n                            qa-dataid=\"chat-composer-send\"\n                            type=\"submit\"\n                            theme=\"primary\"\n                            appearance=\"filled\"\n                            [label]=\"t().chatSendLabel\"\n                            [attr.aria-label]=\"t().chatSendAria\"\n                            [loading]=\"sending()\"\n                            [disabled]=\"!canSend()\"></button>\n                    </form>\n                }\n            } @else if (replyBlockReason()) {\n                <rt-note rtElem=\"reply-block\" qa-dataid=\"chat-reply-block\">{{ replyBlockReason() }}</rt-note>\n            }\n\n            <!-- \u0421\u043B\u043E\u0442 \u0434\u043E\u043C\u0435\u043D\u043D\u044B\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043F\u043E\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043B\u044F \u043F\u043E\u0434 \u043A\u043E\u043C\u043F\u043E\u0437\u0435\u0440\u043E\u043C: \u0432 fullscreen\n                 \u043F\u043E\u043F\u0430\u0434\u0430\u0435\u0442 \u0432\u043D\u0443\u0442\u0440\u044C overlay, \u043F\u043E\u044D\u0442\u043E\u043C\u0443 \u043A\u043D\u043E\u043F\u043A\u0438 \u043E\u0441\u0442\u0430\u044E\u0442\u0441\u044F \u0432\u0438\u0434\u043D\u044B. -->\n            <div rtElem=\"footer-slot\" qa-dataid=\"chat-footer\" [rtMod]=\"{ blocked: fetching() }\" [attr.inert]=\"fetching() ? '' : null\">\n                <ng-content select=\"[rtChatFooter]\" />\n            </div>\n        }\n    </rt-file-drop>\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-chat{--rt-chat-bubble-radius: var(--rt-radius-lg);--rt-chat-message-border-width: var(--rt-border-width-thin);--rt-chat-transition-duration: var(--rt-duration-fast);display:flex;flex-direction:column}.rt-chat>.rt-file-drop{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-4);min-block-size:0}.rt-chat--expanded{position:fixed;z-index:var(--rt-z-modal);box-sizing:border-box;padding:var(--rt-space-md);background:var(--rt-color-bg-surface);inset:0}.rt-chat--expanded>.rt-file-drop{block-size:100%}@media(width>=1441px){.rt-chat--expanded>.rt-file-drop{inline-size:1000px;margin-inline:auto;max-inline-size:100%}}.rt-chat--expanded .rt-chat__thread-viewport{flex:1 1 auto;min-block-size:0}.rt-chat--expanded .rt-chat__thread{max-height:none}.rt-chat--fill{block-size:100%}.rt-chat--fill .rt-chat__thread-viewport{flex:1 1 auto;min-block-size:0}.rt-chat--fill .rt-chat__thread{max-height:none}.rt-chat__title{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-bold);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-chat__thread-viewport{position:relative;display:flex;flex-direction:column;contain:inline-size;min-block-size:0}.rt-chat__thread{display:flex;max-height:280px;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-4);min-block-size:0;overflow-y:auto}.rt-chat__thread--frozen{overflow-y:hidden}.rt-chat__thread-overlay{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--rt-color-bg-surface) 60%,transparent);inset:0}.rt-chat__footer-slot{display:flex;flex-direction:column}.rt-chat__footer-slot:empty{display:none}.rt-chat__footer-slot--blocked{opacity:.6;pointer-events:none}.rt-chat__message-row{display:flex;max-width:min(80%,480px);align-items:center;align-self:flex-start;gap:var(--rt-space-2)}.rt-chat__message-row--own{align-self:flex-end}.rt-chat__message-row:hover .rt-chat__message-delete,.rt-chat__message-row:focus-within .rt-chat__message-delete,.rt-chat__message-row:hover .rt-chat__message-actions,.rt-chat__message-row:focus-within .rt-chat__message-actions{opacity:1;pointer-events:auto}.rt-chat__message{display:flex;min-width:0;flex:0 1 auto;flex-direction:column;padding:var(--rt-space-2);border-radius:var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) 0;background:var(--rt-chat-bubble-in-bg);gap:var(--rt-space-2)}.rt-chat__message--own{border-radius:var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) 0 var(--rt-chat-bubble-radius);background:var(--rt-chat-bubble-own-bg)}.rt-chat__message--deleted{border:var(--rt-chat-message-border-width) dashed var(--rt-color-border-default);background:transparent}.rt-chat__message-author{margin:0;color:var(--rt-chat-bubble-in-author);font-size:var(--rt-text-2xs);font-weight:var(--rt-font-weight-bold);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-chat__message--own .rt-chat__message-author{color:var(--rt-chat-bubble-own-author)}.rt-chat__message-text{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);line-height:var(--rt-leading-snug);white-space:pre-wrap}.rt-chat__message-text--deleted{color:var(--rt-color-text-muted);font-style:italic}.rt-chat__message-delete,.rt-chat__message-actions{flex:0 0 auto;opacity:0;pointer-events:none;transition:opacity var(--rt-chat-transition-duration) ease}.rt-chat__message-attachment{display:block}.rt-chat__message-footer{display:flex;align-items:center;gap:var(--rt-space-1)}.rt-chat__message-date{color:var(--rt-chat-bubble-date);font-size:var(--rt-text-xs);line-height:var(--rt-leading-none)}.rt-chat__message-status{display:inline-flex;align-items:center;color:var(--rt-color-text-muted);gap:var(--rt-space-0-5)}.rt-chat__message-status--status--read{color:var(--rt-chat-status-read)}.rt-chat__message-status--status--failed{color:var(--rt-color-state-danger)}.rt-chat__status-icon{font-size:var(--rt-text-sm)}.rt-chat__message-skeleton{display:flex;max-width:min(80%,480px);flex-direction:column;align-self:flex-start;padding:var(--rt-space-2);border-radius:var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) 0;background:var(--rt-chat-bubble-in-bg);gap:var(--rt-space-1)}.rt-chat__message-skeleton--own{align-self:flex-end;border-radius:var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) 0 var(--rt-chat-bubble-radius);background:var(--rt-chat-bubble-own-bg)}.rt-chat__skeleton-line{display:block}.rt-chat__message-deeplink{display:flex;justify-content:flex-start;margin-top:var(--rt-space-1)}.rt-chat__composer,.rt-chat__composer-rich,.rt-chat__reply-block{margin-top:var(--rt-space-4)}.rt-chat__composer{display:flex;flex-direction:column;gap:var(--rt-space-2)}.rt-chat__composer-files{display:flex;flex-wrap:wrap;gap:var(--rt-space-2)}.rt-chat__composer-field{display:flex;box-sizing:border-box;align-items:center;border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-radius);background-color:var(--rt-input-color-bg);gap:var(--rt-space-1);min-block-size:var(--rt-input-height);padding-inline:var(--rt-input-padding-x);transition:var(--rt-input-transition)}.rt-chat__composer-field:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow)}.rt-chat__composer-field--attach{padding-inline-start:var(--rt-space-1)}.rt-chat__composer-input{box-sizing:content-box;flex:1 1 auto;border:0;background:transparent;color:var(--rt-input-color-text);font-family:inherit;font-size:var(--rt-input-font-size);inline-size:100%;line-height:var(--rt-textarea-line-height);padding-block:var(--rt-space-2);resize:none}.rt-chat__composer-input::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-chat__composer-input:focus-visible{outline:none}.rt-chat__composer-input:disabled{cursor:not-allowed}.rt-chat__composer-send{inline-size:100%}}\n"], dependencies: [{ kind: "directive", type: 
+                // Angular
+                CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: 
+                // standalone components / directives
+                RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "rounded", "loading", "loadingIcon", "pressed"] }, { kind: "directive", type: RtConfirmDirective, selector: "[rtConfirm]", inputs: ["rtConfirm", "rtConfirmTitle", "rtConfirmLabel", "rtConfirmCancelLabel", "rtConfirmTone", "rtConfirmDisabled"], outputs: ["confirmed"], exportAs: ["rtConfirm"] }, { kind: "component", type: RtDeltaViewComponent, selector: "rt-delta-view", inputs: ["delta"] }, { kind: "component", type: RtFileCardComponent, selector: "rt-file-card", inputs: ["name", "sizeBytes", "size", "showDownload", "showRemove", "showRename", "disabled"], outputs: ["download", "removed", "rename"] }, { kind: "component", type: RtFileDropComponent, selector: "rt-file-drop", inputs: ["disabled", "overlayLabel", "zones", "accept"], outputs: ["filesDropped", "zoneFilesDropped", "draggingChange"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "shape", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "size", "color", "fill", "rotate"] }, { kind: "component", type: RtMenuComponent, selector: "rt-menu", inputs: ["icon", "ariaLabel", "align", "panelClass", "size", "disabled"], outputs: ["openedChange"] }, { kind: "component", type: RtMessageComposerComponent, selector: "rt-message-composer", inputs: ["placeholder", "accept", "attachments", "sending", "disabled", "formatting", "toolbar", "minRows", "maxRows", "droppedFiles"], outputs: ["submitted"] }, { kind: "component", type: RtNoteComponent, selector: "rt-note" }, { kind: "component", type: RtSkeletonWrapperComponent, selector: "rt-skeleton-wrapper", inputs: ["width", "height", "shape", "size", "borderRadius", "animation", "isLoading"] }, { kind: "component", type: RtSpinnerComponent, selector: "rt-spinner", inputs: ["diameter", "color"] }, { kind: "component", type: RtToolbarComponent, selector: "rt-toolbar", inputs: ["dense"] }, { kind: "directive", type: RtToolbarLeftDirective, selector: "[rtToolbarLeft]" }, { kind: "directive", type: RtToolbarRightDirective, selector: "[rtToolbarRight]" }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: RtChatStatusLabelPipe, name: "rtChatStatusLabel" }, { kind: "pipe", type: RtChatMessageHasActionsPipe, name: "rtChatMessageHasActions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtChatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-chat', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // Angular
+                        CdkTextareaAutosize,
+                        DatePipe,
+                        NgTemplateOutlet,
+                        ReactiveFormsModule,
+                        // standalone components / directives
+                        RtButtonDirective,
+                        RtChatStatusLabelPipe,
+                        RtConfirmDirective,
+                        RtDeltaViewComponent,
+                        RtFileCardComponent,
+                        RtFileDropComponent,
+                        RtIconButtonComponent,
+                        RtIconComponent,
+                        RtChatMessageHasActionsPipe,
+                        RtMenuComponent,
+                        RtMessageComposerComponent,
+                        RtNoteComponent,
+                        RtSkeletonWrapperComponent,
+                        RtSpinnerComponent,
+                        RtToolbarComponent,
+                        RtToolbarLeftDirective,
+                        RtToolbarRightDirective,
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                    ], host: {
+                        class: BEM_BLOCK,
+                        '[class.rt-chat--expanded]': 'expanded()',
+                        '[class.rt-chat--fill]': 'fill()',
+                    }, template: "<ng-container rtBlock=\"rt-chat\">\n    <rt-file-drop\n        [overlayLabel]=\"t().chatDropOverlay\"\n        [accept]=\"accept()\"\n        [disabled]=\"dropDisabled()\"\n        (filesDropped)=\"onFilesDropped($event)\">\n        @if (showHeader()) {\n            <rt-toolbar rtElem=\"header\" dense>\n                <ng-template rtToolbarLeft>\n                    <h3 rtElem=\"title\" qa-dataid=\"chat-title\">{{ title() }}</h3>\n                </ng-template>\n                <ng-template rtToolbarRight>\n                    @if (showRefresh()) {\n                        <rt-icon-button\n                            qa-dataid=\"chat-refresh\"\n                            icon=\"sync\"\n                            variant=\"ghost\"\n                            [ariaLabel]=\"t().chatRefreshAria\"\n                            [tooltip]=\"t().chatRefreshTooltip\"\n                            [loading]=\"fetching()\"\n                            [disabled]=\"!hasThread()\"\n                            (clicked)=\"refresh.emit()\" />\n                    }\n                    @if (showExpand()) {\n                        <rt-icon-button\n                            qa-dataid=\"chat-expand\"\n                            variant=\"ghost\"\n                            [icon]=\"expanded() ? 'window-minimize' : 'window-maximize'\"\n                            [ariaLabel]=\"expandLabel()\"\n                            [tooltip]=\"expandLabel()\"\n                            (clicked)=\"toggleExpand()\" />\n                    }\n                    <ng-content select=\"[rtChatHeaderActions]\" />\n                </ng-template>\n            </rt-toolbar>\n        }\n\n        @if (!hasThread()) {\n            <rt-note qa-dataid=\"chat-empty-hint\">{{ emptyHint() }}</rt-note>\n        } @else {\n            <div rtElem=\"thread-viewport\" qa-dataid=\"chat-thread-viewport\">\n                @if (loading()) {\n                    <!-- \u0421\u043A\u0435\u043B\u0435\u0442\u043E\u043D \u043F\u043E\u0432\u0442\u043E\u0440\u044F\u0435\u0442 \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u0443 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F (\u0430\u0432\u0442\u043E\u0440 \u2192 \u0442\u0435\u043A\u0441\u0442 \u2192 \u0434\u0430\u0442\u0430),\n                 \u0447\u0435\u0440\u0435\u0434\u0443\u044F \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u0435, \u0447\u0442\u043E\u0431\u044B \u0442\u0440\u0435\u0434 \u043D\u0435 \u00AB\u043F\u0440\u044B\u0433\u0430\u043B\u00BB \u043F\u0440\u0438 \u043F\u043E\u0434\u043C\u0435\u043D\u0435 \u043D\u0430 \u0440\u0435\u0430\u043B\u044C\u043D\u044B\u0435. -->\n                    <div rtElem=\"thread\" qa-dataid=\"chat-thread-skeleton\">\n                        @for (row of skeletonRows; track row; let even = $even) {\n                            <div rtElem=\"message-skeleton\" qa-dataid=\"chat-message-skeleton\" [rtMod]=\"{ own: even }\">\n                                <rt-skeleton-wrapper rtElem=\"skeleton-line\" width=\"72px\" height=\"10px\" [isLoading]=\"true\" />\n                                <rt-skeleton-wrapper rtElem=\"skeleton-line\" width=\"100%\" height=\"13px\" [isLoading]=\"true\" />\n                                <rt-skeleton-wrapper rtElem=\"skeleton-line\" width=\"55%\" height=\"13px\" [isLoading]=\"true\" />\n                                <rt-skeleton-wrapper rtElem=\"skeleton-line\" width=\"56px\" height=\"10px\" [isLoading]=\"true\" />\n                            </div>\n                        }\n                    </div>\n                } @else {\n                    <div\n                        #thread\n                        rtElem=\"thread\"\n                        qa-dataid=\"chat-thread\"\n                        [rtMod]=\"{ frozen: fetching() }\"\n                        [attr.aria-busy]=\"fetching() ? 'true' : null\"\n                        (scroll)=\"onThreadScroll()\">\n                        @for (m of messages(); track m.id) {\n                            <div\n                                rtElem=\"message-row\"\n                                qa-dataid=\"chat-message\"\n                                [attr.data-own]=\"m.own\"\n                                [attr.data-status]=\"m.status || null\"\n                                [attr.data-deleted]=\"m.deleted || null\"\n                                [rtMod]=\"{ own: m.own }\">\n                                @if (m.canDelete && !m.deleted) {\n                                    @if (m.deleteConfirm) {\n                                        <rt-icon-button\n                                            rtElem=\"message-delete\"\n                                            qa-dataid=\"chat-message-delete\"\n                                            icon=\"trash\"\n                                            variant=\"ghost\"\n                                            [ariaLabel]=\"t().chatDeleteAria\"\n                                            [tooltip]=\"t().chatDeleteTooltip\"\n                                            [rtConfirm]=\"m.deleteConfirm\"\n                                            (confirmed)=\"deleteMessage.emit(m)\" />\n                                    } @else {\n                                        <rt-icon-button\n                                            rtElem=\"message-delete\"\n                                            qa-dataid=\"chat-message-delete\"\n                                            icon=\"trash\"\n                                            variant=\"ghost\"\n                                            [ariaLabel]=\"t().chatDeleteAria\"\n                                            [tooltip]=\"t().chatDeleteTooltip\"\n                                            (clicked)=\"deleteMessage.emit(m)\" />\n                                    }\n                                }\n                                @if (messageActions()?.template; as actionsTpl) {\n                                    @if (m | rtChatMessageHasActions: messageHasActions()) {\n                                        <div rtElem=\"message-actions\" qa-dataid=\"chat-message-actions\">\n                                            <rt-menu>\n                                                <ng-container\n                                                    [ngTemplateOutlet]=\"actionsTpl\"\n                                                    [ngTemplateOutletContext]=\"{ $implicit: m }\" />\n                                            </rt-menu>\n                                        </div>\n                                    }\n                                }\n                                <div rtElem=\"message\" [rtMod]=\"{ own: m.own, deleted: m.deleted }\">\n                                    <p rtElem=\"message-author\" qa-dataid=\"chat-message-author\">{{ m.author }}</p>\n                                    @if (m.deleted) {\n                                        <p rtElem=\"message-text\" qa-dataid=\"chat-message-deleted\" rtMod=\"deleted\">\n                                            {{ t().chatMessageDeleted }}\n                                        </p>\n                                    } @else {\n                                        @if (m.delta) {\n                                            <rt-delta-view rtElem=\"message-text\" qa-dataid=\"chat-message-text\" [delta]=\"m.delta\" />\n                                        } @else {\n                                            <p rtElem=\"message-text\" qa-dataid=\"chat-message-text\">{{ m.text }}</p>\n                                        }\n                                        @if (m.attachments?.length) {\n                                            @for (att of m.attachments; track att.id) {\n                                                <span rtElem=\"message-attachment\" qa-dataid=\"chat-message-attachment\">\n                                                    <rt-file-card\n                                                        showDownload\n                                                        size=\"sm\"\n                                                        [name]=\"att.name || attachmentFallbackName()\"\n                                                        (download)=\"downloadAttachment.emit(att)\" />\n                                                </span>\n                                            }\n                                        } @else if (m.fileUrl) {\n                                            <span rtElem=\"message-attachment\" qa-dataid=\"chat-message-attachment\">\n                                                <rt-file-card\n                                                    showDownload\n                                                    size=\"sm\"\n                                                    [name]=\"m.fileName || attachmentFallbackName()\"\n                                                    (download)=\"downloadFile.emit(m)\" />\n                                            </span>\n                                        }\n                                        @if (m.deepLink) {\n                                            <span rtElem=\"message-deeplink\">\n                                                <a\n                                                    rtButton\n                                                    qa-dataid=\"chat-message-deeplink\"\n                                                    appearance=\"outlined\"\n                                                    icon=\"send\"\n                                                    rel=\"noopener\"\n                                                    target=\"_blank\"\n                                                    [href]=\"m.deepLink\"\n                                                    [label]=\"m.deepLinkLabel || t().uiSubscribeNotifications\"\n                                                    [attr.aria-label]=\"m.deepLinkLabel || t().uiSubscribeNotifications\"></a>\n                                            </span>\n                                        }\n                                    }\n                                    <span rtElem=\"message-footer\">\n                                        <span rtElem=\"message-date\" qa-dataid=\"chat-message-date\">\n                                            {{ m.createdAt | date: 'short' : undefined : locale() }}\n                                        </span>\n                                        @if (m.status) {\n                                            <span\n                                                rtElem=\"message-status\"\n                                                qa-dataid=\"chat-message-status\"\n                                                [attr.data-status]=\"m.status\"\n                                                [rtMod]=\"{ status: m.status }\"\n                                                [attr.aria-label]=\"m.status | rtChatStatusLabel\">\n                                                @if (m.status === MessageStatus.Failed) {\n                                                    <rt-icon rtElem=\"status-icon\" name=\"exclamation-circle\" size=\"sm\" />\n                                                    <rt-icon-button\n                                                        qa-dataid=\"chat-message-retry\"\n                                                        icon=\"sync\"\n                                                        variant=\"ghost\"\n                                                        [ariaLabel]=\"t().chatRetryAria\"\n                                                        [tooltip]=\"t().chatRetryTooltip\"\n                                                        (clicked)=\"retryMessage.emit(m)\" />\n                                                } @else {\n                                                    <!-- \u0427\u0430\u0441\u044B, \u043F\u043E\u043A\u0430 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0432 \u043F\u0443\u0442\u0438; \u0434\u0430\u043B\u044C\u0448\u0435 \u0434\u0432\u043E\u0439\u043D\u043E\u0439 \u0447\u0435\u043A, \u0446\u0432\u0435\u0442 \u043A\u043E\u0442\u043E\u0440\u043E\u0433\u043E\n                                                         (\u0441\u0435\u0440\u044B\u0439/\u0441\u0438\u043D\u0438\u0439) \u0440\u0430\u0437\u043B\u0438\u0447\u0430\u0435\u0442 \u0434\u043E\u0441\u0442\u0430\u0432\u043B\u0435\u043D\u043E \u0438 \u043F\u0440\u043E\u0447\u0438\u0442\u0430\u043D\u043E. -->\n                                                    <rt-icon\n                                                        rtElem=\"status-icon\"\n                                                        size=\"sm\"\n                                                        [name]=\"m.status === MessageStatus.Sending ? 'clock' : 'check-double'\" />\n                                                }\n                                            </span>\n                                        }\n                                    </span>\n                                </div>\n                            </div>\n                        } @empty {\n                            <rt-note qa-dataid=\"chat-empty-thread\">{{ t().chatEmptyThread }}</rt-note>\n                        }\n                    </div>\n                }\n                @if (!loading() && fetching()) {\n                    <div rtElem=\"thread-overlay\" qa-dataid=\"chat-thread-overlay\" role=\"status\" [attr.aria-label]=\"t().chatRefreshAria\">\n                        <rt-spinner diameter=\"32\" />\n                    </div>\n                }\n            </div>\n\n            @if (canReply()) {\n                @if (richComposer()) {\n                    <rt-message-composer\n                        rtElem=\"composer-rich\"\n                        qa-dataid=\"chat-composer-rich\"\n                        [placeholder]=\"placeholder()\"\n                        [accept]=\"accept()\"\n                        [attachments]=\"attachments()\"\n                        [formatting]=\"formatting()\"\n                        [toolbar]=\"formattingToolbar()\"\n                        [sending]=\"sending()\"\n                        [disabled]=\"loading() || fetching()\"\n                        [droppedFiles]=\"droppedFiles()\"\n                        (submitted)=\"onComposerSubmit($event)\" />\n                } @else {\n                    <form rtElem=\"composer\" qa-dataid=\"chat-composer\" [formGroup]=\"replyForm\" (ngSubmit)=\"onSubmit()\">\n                        @if (attachments() && selectedFiles().length > 0) {\n                            <div rtElem=\"composer-files\" qa-dataid=\"chat-composer-files\">\n                                @for (file of selectedFiles(); track $index) {\n                                    <rt-file-card\n                                        showRemove\n                                        qa-dataid=\"chat-composer-file\"\n                                        size=\"sm\"\n                                        [name]=\"file.name\"\n                                        [sizeBytes]=\"file.size\"\n                                        [disabled]=\"composerDisabled()\"\n                                        (removed)=\"removeFile($index)\" />\n                                }\n                            </div>\n                        }\n                        <div rtElem=\"composer-field\" [rtMod]=\"{ attach: attachments() }\">\n                            @if (attachments()) {\n                                <input\n                                    #composerFileEl\n                                    qa-dataid=\"chat-composer-file-input\"\n                                    type=\"file\"\n                                    hidden\n                                    multiple\n                                    [attr.accept]=\"accept() || null\"\n                                    (change)=\"onFilesPicked($event)\" />\n                                <rt-icon-button\n                                    qa-dataid=\"chat-composer-attach\"\n                                    icon=\"paperclip\"\n                                    variant=\"ghost\"\n                                    [ariaLabel]=\"t().chatAttachAria\"\n                                    [tooltip]=\"t().chatAttachTooltip\"\n                                    [disabled]=\"composerDisabled()\"\n                                    (clicked)=\"openFilePicker()\" />\n                            }\n                            <textarea\n                                rtElem=\"composer-input\"\n                                qa-dataid=\"chat-composer-input\"\n                                cdkTextareaAutosize\n                                formControlName=\"message\"\n                                cdkAutosizeMinRows=\"1\"\n                                cdkAutosizeMaxRows=\"4\"\n                                [attr.aria-label]=\"t().chatComposerAria\"\n                                [placeholder]=\"placeholder()\"\n                                (keydown)=\"onComposerKeydown($event)\"></textarea>\n                        </div>\n                        <button\n                            rtButton\n                            rtElem=\"composer-send\"\n                            qa-dataid=\"chat-composer-send\"\n                            type=\"submit\"\n                            theme=\"primary\"\n                            appearance=\"filled\"\n                            [label]=\"t().chatSendLabel\"\n                            [attr.aria-label]=\"t().chatSendAria\"\n                            [loading]=\"sending()\"\n                            [disabled]=\"!canSend()\"></button>\n                    </form>\n                }\n            } @else if (replyBlockReason()) {\n                <rt-note rtElem=\"reply-block\" qa-dataid=\"chat-reply-block\">{{ replyBlockReason() }}</rt-note>\n            }\n\n            <!-- \u0421\u043B\u043E\u0442 \u0434\u043E\u043C\u0435\u043D\u043D\u044B\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043F\u043E\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043B\u044F \u043F\u043E\u0434 \u043A\u043E\u043C\u043F\u043E\u0437\u0435\u0440\u043E\u043C: \u0432 fullscreen\n                 \u043F\u043E\u043F\u0430\u0434\u0430\u0435\u0442 \u0432\u043D\u0443\u0442\u0440\u044C overlay, \u043F\u043E\u044D\u0442\u043E\u043C\u0443 \u043A\u043D\u043E\u043F\u043A\u0438 \u043E\u0441\u0442\u0430\u044E\u0442\u0441\u044F \u0432\u0438\u0434\u043D\u044B. -->\n            <div rtElem=\"footer-slot\" qa-dataid=\"chat-footer\" [rtMod]=\"{ blocked: fetching() }\" [attr.inert]=\"fetching() ? '' : null\">\n                <ng-content select=\"[rtChatFooter]\" />\n            </div>\n        }\n    </rt-file-drop>\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-chat{--rt-chat-bubble-radius: var(--rt-radius-lg);--rt-chat-message-border-width: var(--rt-border-width-thin);--rt-chat-transition-duration: var(--rt-duration-fast);display:flex;flex-direction:column}.rt-chat>.rt-file-drop{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-4);min-block-size:0}.rt-chat--expanded{position:fixed;z-index:var(--rt-z-modal);box-sizing:border-box;padding:var(--rt-space-md);background:var(--rt-color-bg-surface);inset:0}.rt-chat--expanded>.rt-file-drop{block-size:100%}@media(width>=1441px){.rt-chat--expanded>.rt-file-drop{inline-size:1000px;margin-inline:auto;max-inline-size:100%}}.rt-chat--expanded .rt-chat__thread-viewport{flex:1 1 auto;min-block-size:0}.rt-chat--expanded .rt-chat__thread{max-height:none}.rt-chat--fill{block-size:100%}.rt-chat--fill .rt-chat__thread-viewport{flex:1 1 auto;min-block-size:0}.rt-chat--fill .rt-chat__thread{max-height:none}.rt-chat__title{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-bold);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-chat__thread-viewport{position:relative;display:flex;flex-direction:column;contain:inline-size;min-block-size:0}.rt-chat__thread{display:flex;max-height:280px;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-4);min-block-size:0;overflow-y:auto}.rt-chat__thread--frozen{overflow-y:hidden}.rt-chat__thread-overlay{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--rt-color-bg-surface) 60%,transparent);inset:0}.rt-chat__footer-slot{display:flex;flex-direction:column}.rt-chat__footer-slot:empty{display:none}.rt-chat__footer-slot--blocked{opacity:.6;pointer-events:none}.rt-chat__message-row{display:flex;max-width:min(80%,480px);align-items:center;align-self:flex-start;gap:var(--rt-space-2)}.rt-chat__message-row--own{align-self:flex-end}.rt-chat__message-row:hover .rt-chat__message-delete,.rt-chat__message-row:focus-within .rt-chat__message-delete,.rt-chat__message-row:hover .rt-chat__message-actions,.rt-chat__message-row:focus-within .rt-chat__message-actions{opacity:1;pointer-events:auto}.rt-chat__message{display:flex;min-width:0;flex:0 1 auto;flex-direction:column;padding:var(--rt-space-2);border-radius:var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) 0;background:var(--rt-chat-bubble-in-bg);gap:var(--rt-space-2)}.rt-chat__message--own{border-radius:var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) 0 var(--rt-chat-bubble-radius);background:var(--rt-chat-bubble-own-bg)}.rt-chat__message--deleted{border:var(--rt-chat-message-border-width) dashed var(--rt-color-border-default);background:transparent}.rt-chat__message-author{margin:0;color:var(--rt-chat-bubble-in-author);font-size:var(--rt-text-2xs);font-weight:var(--rt-font-weight-bold);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-chat__message--own .rt-chat__message-author{color:var(--rt-chat-bubble-own-author)}.rt-chat__message-text{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);line-height:var(--rt-leading-snug);white-space:pre-wrap}.rt-chat__message-text--deleted{color:var(--rt-color-text-muted);font-style:italic}.rt-chat__message-delete,.rt-chat__message-actions{flex:0 0 auto;opacity:0;pointer-events:none;transition:opacity var(--rt-chat-transition-duration) ease}.rt-chat__message-attachment{display:block}.rt-chat__message-footer{display:flex;align-items:center;gap:var(--rt-space-1)}.rt-chat__message-date{color:var(--rt-chat-bubble-date);font-size:var(--rt-text-xs);line-height:var(--rt-leading-none)}.rt-chat__message-status{display:inline-flex;align-items:center;color:var(--rt-color-text-muted);gap:var(--rt-space-0-5)}.rt-chat__message-status--status--read{color:var(--rt-chat-status-read)}.rt-chat__message-status--status--failed{color:var(--rt-color-state-danger)}.rt-chat__status-icon{font-size:var(--rt-text-sm)}.rt-chat__message-skeleton{display:flex;max-width:min(80%,480px);flex-direction:column;align-self:flex-start;padding:var(--rt-space-2);border-radius:var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) 0;background:var(--rt-chat-bubble-in-bg);gap:var(--rt-space-1)}.rt-chat__message-skeleton--own{align-self:flex-end;border-radius:var(--rt-chat-bubble-radius) var(--rt-chat-bubble-radius) 0 var(--rt-chat-bubble-radius);background:var(--rt-chat-bubble-own-bg)}.rt-chat__skeleton-line{display:block}.rt-chat__message-deeplink{display:flex;justify-content:flex-start;margin-top:var(--rt-space-1)}.rt-chat__composer,.rt-chat__composer-rich,.rt-chat__reply-block{margin-top:var(--rt-space-4)}.rt-chat__composer{display:flex;flex-direction:column;gap:var(--rt-space-2)}.rt-chat__composer-files{display:flex;flex-wrap:wrap;gap:var(--rt-space-2)}.rt-chat__composer-field{display:flex;box-sizing:border-box;align-items:center;border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-radius);background-color:var(--rt-input-color-bg);gap:var(--rt-space-1);min-block-size:var(--rt-input-height);padding-inline:var(--rt-input-padding-x);transition:var(--rt-input-transition)}.rt-chat__composer-field:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow)}.rt-chat__composer-field--attach{padding-inline-start:var(--rt-space-1)}.rt-chat__composer-input{box-sizing:content-box;flex:1 1 auto;border:0;background:transparent;color:var(--rt-input-color-text);font-family:inherit;font-size:var(--rt-input-font-size);inline-size:100%;line-height:var(--rt-textarea-line-height);padding-block:var(--rt-space-2);resize:none}.rt-chat__composer-input::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-chat__composer-input:focus-visible{outline:none}.rt-chat__composer-input:disabled{cursor:not-allowed}.rt-chat__composer-send{inline-size:100%}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { thread: [{ type: i0.ViewChild, args: ['thread', { isSignal: true }] }], composerFileEl: [{ type: i0.ViewChild, args: ['composerFileEl', { isSignal: true }] }], messageActions: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtChatMessageActionsDirective), { isSignal: true }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], fetching: [{ type: i0.Input, args: [{ isSignal: true, alias: "fetching", required: false }] }], canReply: [{ type: i0.Input, args: [{ isSignal: true, alias: "canReply", required: false }] }], replyBlockReason: [{ type: i0.Input, args: [{ isSignal: true, alias: "replyBlockReason", required: false }] }], sending: [{ type: i0.Input, args: [{ isSignal: true, alias: "sending", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], emptyHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyHint", required: false }] }], hasThread: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasThread", required: false }] }], attachments: [{ type: i0.Input, args: [{ isSignal: true, alias: "attachments", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], richComposer: [{ type: i0.Input, args: [{ isSignal: true, alias: "richComposer", required: false }] }], formatting: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatting", required: false }] }], formattingToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "formattingToolbar", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], showRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRefresh", required: false }] }], showExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "showExpand", required: false }] }], send: [{ type: i0.Output, args: ["send"] }], refresh: [{ type: i0.Output, args: ["refresh"] }], downloadFile: [{ type: i0.Output, args: ["downloadFile"] }], downloadAttachment: [{ type: i0.Output, args: ["downloadAttachment"] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], deleteMessage: [{ type: i0.Output, args: ["deleteMessage"] }], retryMessage: [{ type: i0.Output, args: ["retryMessage"] }], messageHasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageHasActions", required: false }] }] } });
+
+/**
+ * Статус уже сохранённого своего сообщения: сервер знает только, дошло ли оно до
+ * собеседника. Часы и ошибка — состояния клиентской очереди, сюда не попадают.
+ */
+function deliveryStatus(read) {
+    return read ? ERtChatMessageStatus.Read : ERtChatMessageStatus.Sent;
+}
+/**
+ * Неподтверждённое сообщение → строка ленты. Показывается сразу после отправки:
+ * ждать ответа сервера, глядя в пустоту, незачем ни одной из сторон.
+ *
+ * Скрыть такое сообщение нельзя: на сервере его ещё нет, и удалять нечего.
+ */
+function pendingToRtMessage(pending, authorLabel) {
+    return {
+        id: pending.tempId,
+        tempId: pending.tempId,
+        author: authorLabel,
+        own: true,
+        text: pending.text,
+        delta: pending.delta ?? null,
+        createdAt: pending.createdAt,
+        status: pending.status,
+        canDelete: false,
+        attachments: pending.files.map((file, index) => ({
+            id: index,
+            name: file.name,
+            // Файл ещё не на сервере — скачивать нечего, карточка только именует.
+            publicId: '',
+        })),
+    };
+}
+/**
+ * Собрать `IRtChat.Message` из доменного сообщения. Общие поля (текст, delta,
+ * дата, вложения, файл) берутся из контракта; автор/own/system/имя файла —
+ * из опций. Ключ `id` — `tempId ?? id` в оптимистичном режиме (пока сервер не
+ * подтвердил), иначе серверный `id`.
+ */
+function toRtMessage(message, options) {
+    const optimistic = options.optimistic ?? true;
+    const fileNameFromUrlOrNull = message.fileUrl ? fileNameFromUrl(message.fileUrl) : null;
+    return {
+        id: optimistic ? (message.tempId ?? message.id) : message.id,
+        tempId: optimistic ? message.tempId : undefined,
+        status: optimistic ? message.status : undefined,
+        author: options.roleLabel(message),
+        own: options.isOwn(message),
+        system: options.isSystem?.(message) ?? false,
+        text: message.message,
+        delta: message.messageDelta,
+        createdAt: message.createdAt,
+        fileUrl: message.fileUrl,
+        fileName: options.fileName ? options.fileName(message) : fileNameFromUrlOrNull,
+        attachments: message.attachments.map((attachment) => ({
+            id: attachment.id,
+            name: attachment.name,
+            publicId: attachment.publicId,
+        })),
+    };
+}
+
+/*
+ * Вход @rt-tools/ui-kit-v2/rich-editor — компоненты, которые работают на библиотеке quill: редактор
+ * текста, поле ввода сообщения и чат. Они стоят отдельным входом, чтобы приложение без них
+ * собиралось без quill: из основного входа сборщик разрешал бы import('quill') всегда.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ERtChatMessageStatus, RtChatComponent, RtChatMessageActionsDirective, RtChatMessageHasActionsPipe, RtChatStatusLabelPipe, RtMessageComposerComponent, RtRichEditorComponent, deliveryStatus, messageHasAvailableActions, pendingToRtMessage, toRtMessage };
+//# sourceMappingURL=rt-tools-ui-kit-v2-rich-editor.mjs.map