@rt-tools/ui-kit-v2 0.35.1 → 0.37.0

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-toggle-button-group.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-option.directive.ts","../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-group.component.ts","../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-group.component.html"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\nimport { IRtToggleButtonGroup } from './rt-toggle-button-group.model';\n\n/**\n * Маркер своей разметки сегмента — того, что рисуется внутри кнопки на месте значка и подписи.\n *\n * Кнопка остаётся киту: нажатие, подсветка, недоступность, фокус и связь с формой. Потребитель даёт\n * только содержимое — например картинку-превью раскладки — и получает опцию и признак, нажат ли\n * сегмент.\n *\n * @example\n * ```html\n * <rt-toggle-button-group [options]=\"layouts\" formControlName=\"layout\">\n *     <ng-template rtToggleButtonOption let-option let-active=\"active\">\n *         <img [src]=\"option.value + '.svg'\" [alt]=\"option.label\" />\n *     </ng-template>\n * </rt-toggle-button-group>\n * ```\n */\n@Directive({\n    selector: '[rtToggleButtonOption]',\n})\nexport class RtToggleButtonOptionDirective<T = string> {\n    public readonly templateRef: TemplateRef<IRtToggleButtonGroup.OptionContext<T>> =\n        inject<TemplateRef<IRtToggleButtonGroup.OptionContext<T>>>(TemplateRef);\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    forwardRef,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { IRtToggleButtonGroup } from './rt-toggle-button-group.model';\nimport { RtToggleButtonOptionDirective } from './rt-toggle-button-option.directive';\n\nconst BEM_BLOCK: string = 'rt-toggle-button-group';\n\n/**\n * Маппинг размера группы на размер вложенной `<rt-icon>`. rt-icon не имеет\n * промежуточных значений (12 / 16 / 20 / 24 / 32), поэтому `lg` тоже едет\n * на `sm` (16px) — ближе к расчётным 18px у rt-button lg, чем md (20px).\n */\nconst ICON_SIZE_BY_SIZE: Readonly<Record<IRtToggleButtonGroup.Size, IRtIcon.Size>> = Object.freeze({\n    sm: 'xs',\n    md: 'sm',\n    lg: 'sm',\n});\n\n/** Форма записала набор, а не одно значение: так пишет множественный выбор. */\nfunction isMany<T>(value: IRtToggleButtonGroup.FormValue<T>): value is ReadonlyArray<T> {\n    return Array.isArray(value);\n}\n\n/**\n * Generic segmented control кита.\n *\n * API `toggle-button-group` с тремя особенностями:\n *  1. BEM через `rtBlock/rtElem/rtMod` (camelCase mods → kebab-case в CSS).\n *  2. Tooltip — нативный `[attr.title]` вместо `MatTooltip` (Angular Material\n *     запрещён, см. CLAUDE.md).\n *  3. Визуал — текстовые лейблы + опциональная иконка, а не icon-only кнопки.\n *     Иконка остаётся опциональной, чтобы покрыть оба сценария.\n *\n * Компонент \"controlled\" — рендерит сегмент с `value === option.value` как\n * активный, эмиттит `valueChange` при клике, обновление `value` остаётся за\n * потребителем.\n *\n * Generic `<T = string>` сохраняет типизацию по value (`'list' | 'grid'`,\n * union'ы, enum'ы). Дефолт `string` нужен, чтобы шаблон-инстанцирование\n * без явного параметра компилировалось.\n */\n@Component({\n    selector: 'rt-toggle-button-group',\n    templateUrl: './rt-toggle-button-group.component.html',\n    styleUrls: ['./rt-toggle-button-group.component.scss', './rt-toggle-button-group-chips.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // angular\n        NgTemplateOutlet,\n\n        // standalone components / directives\n        RtIconComponent,\n        RtTooltipDirective,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef((): typeof RtToggleButtonGroupComponent => RtToggleButtonGroupComponent),\n            multi: true,\n        },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-toggle-button-group--full-width]': 'fullWidth()',\n        '[class.rt-toggle-button-group--wrap]': \"layout() === 'wrap'\",\n        '[class.rt-toggle-button-group--column]': \"layout() === 'column'\",\n        '[class.rt-toggle-button-group--md]': \"size() === 'md'\",\n        '[class.rt-toggle-button-group--lg]': \"size() === 'lg'\",\n        '[class.rt-toggle-button-group--chips]': \"appearance() === 'chips'\",\n    },\n})\nexport class RtToggleButtonGroupComponent<T = string> implements ControlValueAccessor {\n    #onChange: (value: IRtToggleButtonGroup.FormValue<T>) => void = (): void => undefined;\n    #onTouched: () => void = (): void => undefined;\n\n    /** Группа связана с формой: нажатие тогда само переносит подсветку, без ответа хозяина. */\n    #bound: boolean = false;\n\n    /** Значение, записанное формой или нажатием; `undefined`, пока форма ничего не писала. */\n    readonly #formValue: WritableSignal<{ readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined> = signal<\n        { readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined\n    >(undefined);\n\n    /** Отключение, назначенное формой через CVA (`setDisabledState`). */\n    readonly #disabledByForm: WritableSignal<boolean> = signal<boolean>(false);\n\n    /** Выбранное при одиночном выборе: слово формы, если она его сказала, иначе вход. */\n    readonly #single: Signal<T | undefined> = computed((): T | undefined => {\n        const written: { readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined = this.#formValue();\n        if (written === undefined) {\n            return this.value();\n        }\n\n        return isMany(written.value) ? undefined : (written.value ?? undefined);\n    });\n\n    /** Набор выбранного при множественном выборе: слово формы, если она его сказала, иначе вход. */\n    readonly #many: Signal<ReadonlyArray<T>> = computed((): ReadonlyArray<T> => {\n        const written: { readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined = this.#formValue();\n        if (written === undefined) {\n            return this.values();\n        }\n\n        return isMany(written.value) ? written.value : [];\n    });\n\n    protected readonly isDisabled: Signal<boolean> = computed((): boolean => this.disabled() || this.#disabledByForm());\n\n    /** Своя разметка сегмента; без неё кнопка рисует значок и подпись. */\n    protected readonly optionTpl: Signal<RtToggleButtonOptionDirective<T> | undefined> = contentChild(RtToggleButtonOptionDirective);\n\n    protected readonly iconSize: Signal<IRtIcon.Size> = computed((): IRtIcon.Size => ICON_SIZE_BY_SIZE[this.size()]);\n\n    /**\n     * Сегменты, готовые к отрисовке: подсветка и недоступность посчитаны здесь, а не в шаблоне.\n     *\n     * Подсветка читается по-разному в одиночном и множественном выборе, а недоступность приходит\n     * с двух сторон — от группы и от самого сегмента. Признак группы главнее: доступный сегмент\n     * внутри отключённой группы читался бы как её единственное живое место.\n     */\n    protected readonly items: Signal<ReadonlyArray<IRtToggleButtonGroup.Rendered<T>>> = computed(\n        (): ReadonlyArray<IRtToggleButtonGroup.Rendered<T>> => {\n            const multiple: boolean = this.multiple();\n            const chosen: ReadonlyArray<T> = this.#many();\n            const single: T | undefined = this.#single();\n            const groupDisabled: boolean = this.isDisabled();\n\n            return this.options().map((option: IRtToggleButtonGroup.Option<T>): IRtToggleButtonGroup.Rendered<T> => {\n                const active: boolean = multiple ? chosen.includes(option.value) : single === option.value;\n\n                return { option, active, disabled: groupDisabled || !!option.disabled, context: { $implicit: option, active } };\n            });\n        }\n    );\n\n    public readonly options: InputSignal<ReadonlyArray<IRtToggleButtonGroup.Option<T>>> =\n        input.required<ReadonlyArray<IRtToggleButtonGroup.Option<T>>>();\n\n    public readonly value: InputSignal<T | undefined> = input<T | undefined>(undefined);\n\n    /**\n     * Множественный выбор: нажатие добавляет сегмент или снимает его, а не переносит выбор.\n     *\n     * Своим входом, а не расширением типа `value`: вход, у которого тип значения меняется от\n     * значения другого входа, не проверяет ни сборка, ни линтер — потребитель узнаёт о своей\n     * ошибке, когда группа перестаёт подсвечивать выбранное.\n     */\n    public readonly multiple: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Набор выбранного. Читается только при множественном выборе, одиночный берёт `value`. */\n    public readonly values: InputSignal<ReadonlyArray<T>> = input<ReadonlyArray<T>>([]);\n\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly size: InputSignal<IRtToggleButtonGroup.Size> = input<IRtToggleButtonGroup.Size>('sm');\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Растягивает группу на всю ширину контейнера; опции делят ширину поровну. */\n    public readonly fullWidth: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Раскладка сегментов: одна строка, перенос на следующую или столбик. Перенос нужен длинным\n     * спискам во всплывающих окнах, столбик — спискам вроде дней недели.\n     */\n    public readonly layout: InputSignal<IRtToggleButtonGroup.Layout> = input<IRtToggleButtonGroup.Layout>('row');\n\n    /**\n     * Вид группы: дорожка с сегментами или отдельные чипы. Вид — входом, а не классом потребителя:\n     * у чипов своя коробка пункта, свой просвет и своя подсветка, и класс снаружи до неё не достаёт.\n     */\n    public readonly appearance: InputSignal<IRtToggleButtonGroup.Appearance> = input<IRtToggleButtonGroup.Appearance>('segmented');\n\n    /**\n     * Галочка перед подписью выбранного пункта, как у фильтр-чипа Material. Выключена по умолчанию:\n     * в сегментах выбор и так виден подложкой, а место под галочку раздвигает пункт.\n     */\n    public readonly checkmark: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly valueChange: OutputEmitterRef<T> = output<T>();\n\n    /**\n     * Весь набор выбранного после нажатия, а не разница с прежним: разницу вызывающий сводит со\n     * своим состоянием сам, и каждый сводит по-своему.\n     */\n    public readonly valuesChange: OutputEmitterRef<ReadonlyArray<T>> = output<ReadonlyArray<T>>();\n\n    public writeValue(value: IRtToggleButtonGroup.FormValue<T>): void {\n        this.#formValue.set({ value });\n    }\n\n    public registerOnChange(fn: (value: IRtToggleButtonGroup.FormValue<T>) => void): void {\n        this.#bound = true;\n        this.#onChange = fn;\n    }\n\n    public registerOnTouched(fn: () => void): void {\n        this.#onTouched = fn;\n    }\n\n    public setDisabledState(disabled: boolean): void {\n        this.#disabledByForm.set(disabled);\n    }\n\n    protected onOptionClick(item: IRtToggleButtonGroup.Rendered<T>): void {\n        if (item.disabled) {\n            return;\n        }\n\n        const option: IRtToggleButtonGroup.Option<T> = item.option;\n\n        if (!this.multiple()) {\n            this.#commit(option.value);\n            this.valueChange.emit(option.value);\n\n            return;\n        }\n\n        const chosen: ReadonlyArray<T> = this.#many();\n        const next: T[] = chosen.includes(option.value)\n            ? chosen.filter((one: T): boolean => one !== option.value)\n            : [...chosen, option.value];\n\n        this.#commit(next);\n        this.valuesChange.emit(next);\n    }\n\n    /** Нажатие уходит в форму, если группа с ней связана; без формы подсветку ведёт хозяин входами. */\n    #commit(value: IRtToggleButtonGroup.FormValue<T>): void {\n        if (!this.#bound) {\n            return;\n        }\n        this.#formValue.set({ value });\n        this.#onChange(value);\n        this.#onTouched();\n    }\n}\n","<div\n    rtBlock=\"rt-toggle-button-group\"\n    role=\"group\"\n    [rtMod]=\"{\n        sm: size() === 'sm',\n        md: size() === 'md',\n        lg: size() === 'lg',\n        disabled: isDisabled(),\n        wrap: layout() === 'wrap',\n        column: layout() === 'column',\n        chips: appearance() === 'chips',\n    }\"\n    [attr.aria-label]=\"ariaLabel()\">\n    @for (item of items(); track item.option.value) {\n        <button\n            type=\"button\"\n            rtElem=\"button\"\n            qa-dataid=\"toggle-button-group-option\"\n            [attr.data-value]=\"item.option.value\"\n            [rtMod]=\"{\n                active: item.active,\n                first: $first,\n                last: $last,\n                checked: checkmark() && item.active,\n            }\"\n            [disabled]=\"item.disabled\"\n            [attr.aria-pressed]=\"item.active ? 'true' : 'false'\"\n            [rtTooltip]=\"item.option.title ?? ''\"\n            (click)=\"onOptionClick(item)\">\n            @if (checkmark() && item.active) {\n                <span rtElem=\"check\" aria-hidden=\"true\">\n                    <svg rtElem=\"check-svg\" viewBox=\"-2 -3 30 30\" focusable=\"false\">\n                        <path fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n                    </svg>\n                </span>\n            }\n            @if (optionTpl(); as tpl) {\n                <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" [ngTemplateOutletContext]=\"item.context\" />\n            } @else {\n                @if (item.option.icon || item.option.glyph) {\n                    <rt-icon\n                        rtElem=\"icon\"\n                        color=\"current\"\n                        [name]=\"item.option.icon ?? null\"\n                        [glyph]=\"item.option.glyph ?? null\"\n                        [size]=\"iconSize()\" />\n                }\n                <span rtElem=\"label\">{{ item.option.label }}</span>\n            }\n        </button>\n    }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-toggle-button-group.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-option.directive.ts","../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-group.component.ts","../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-group.component.html"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\nimport { IRtToggleButtonGroup } from './rt-toggle-button-group.model';\n\n/**\n * Маркер своей разметки сегмента — того, что рисуется внутри кнопки на месте значка и подписи.\n *\n * Кнопка остаётся киту: нажатие, подсветка, недоступность, фокус и связь с формой. Потребитель даёт\n * только содержимое — например картинку-превью раскладки — и получает опцию и признак, нажат ли\n * сегмент.\n *\n * @example\n * ```html\n * <rt-toggle-button-group [options]=\"layouts\" formControlName=\"layout\">\n *     <ng-template rtToggleButtonOption let-option let-active=\"active\">\n *         <img [src]=\"option.value + '.svg'\" [alt]=\"option.label\" />\n *     </ng-template>\n * </rt-toggle-button-group>\n * ```\n */\n@Directive({\n    selector: '[rtToggleButtonOption]',\n})\nexport class RtToggleButtonOptionDirective<T = string> {\n    public readonly templateRef: TemplateRef<IRtToggleButtonGroup.OptionContext<T>> =\n        inject<TemplateRef<IRtToggleButtonGroup.OptionContext<T>>>(TemplateRef);\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    forwardRef,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { IRtToggleButtonGroup } from './rt-toggle-button-group.model';\nimport { RtToggleButtonOptionDirective } from './rt-toggle-button-option.directive';\n\nconst BEM_BLOCK: string = 'rt-toggle-button-group';\n\n/**\n * Маппинг размера группы на размер вложенной `<rt-icon>`. rt-icon не имеет\n * промежуточных значений (12 / 16 / 20 / 24 / 32), поэтому `lg` тоже едет\n * на `sm` (16px) — ближе к расчётным 18px у rt-button lg, чем md (20px).\n */\nconst ICON_SIZE_BY_SIZE: Readonly<Record<IRtToggleButtonGroup.Size, IRtIcon.Size>> = Object.freeze({\n    sm: 'xs',\n    md: 'sm',\n    lg: 'sm',\n});\n\n/** Форма записала набор, а не одно значение: так пишет множественный выбор. */\nfunction isMany<T>(value: IRtToggleButtonGroup.FormValue<T>): value is ReadonlyArray<T> {\n    return Array.isArray(value);\n}\n\n/**\n * Generic segmented control кита.\n *\n * API `toggle-button-group` с тремя особенностями:\n *  1. BEM через `rtBlock/rtElem/rtMod` (camelCase mods → kebab-case в CSS).\n *  2. Tooltip — нативный `[attr.title]` вместо `MatTooltip` (Angular Material\n *     запрещён, см. CLAUDE.md).\n *  3. Визуал — текстовые лейблы + опциональная иконка, а не icon-only кнопки.\n *     Иконка остаётся опциональной, чтобы покрыть оба сценария.\n *\n * Компонент \"controlled\" — рендерит сегмент с `value === option.value` как\n * активный, эмиттит `valueChange` при клике, обновление `value` остаётся за\n * потребителем.\n *\n * Generic `<T = string>` сохраняет типизацию по value (`'list' | 'grid'`,\n * union'ы, enum'ы). Дефолт `string` нужен, чтобы шаблон-инстанцирование\n * без явного параметра компилировалось.\n */\n@Component({\n    selector: 'rt-toggle-button-group',\n    templateUrl: './rt-toggle-button-group.component.html',\n    styleUrls: ['./rt-toggle-button-group.component.scss', './rt-toggle-button-group-chips.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // angular\n        NgTemplateOutlet,\n\n        // standalone components / directives\n        RtIconComponent,\n        RtTooltipDirective,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef((): typeof RtToggleButtonGroupComponent => RtToggleButtonGroupComponent),\n            multi: true,\n        },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-toggle-button-group--full-width]': 'fullWidth()',\n        '[class.rt-toggle-button-group--wrap]': \"layout() === 'wrap'\",\n        '[class.rt-toggle-button-group--column]': \"layout() === 'column'\",\n        '[class.rt-toggle-button-group--md]': \"size() === 'md'\",\n        '[class.rt-toggle-button-group--lg]': \"size() === 'lg'\",\n        '[class.rt-toggle-button-group--chips]': \"appearance() === 'chips'\",\n    },\n})\nexport class RtToggleButtonGroupComponent<T = string> implements ControlValueAccessor {\n    #onChange: (value: IRtToggleButtonGroup.FormValue<T>) => void = (): void => undefined;\n    #onTouched: () => void = (): void => undefined;\n\n    /** Группа связана с формой: нажатие тогда само переносит подсветку, без ответа хозяина. */\n    #bound: boolean = false;\n\n    /** Значение, записанное формой или нажатием; `undefined`, пока форма ничего не писала. */\n    readonly #formValue: WritableSignal<{ readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined> = signal<\n        { readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined\n    >(undefined);\n\n    /** Отключение, назначенное формой через CVA (`setDisabledState`). */\n    readonly #disabledByForm: WritableSignal<boolean> = signal<boolean>(false);\n\n    /** Выбранное при одиночном выборе: слово формы, если она его сказала, иначе вход. */\n    readonly #single: Signal<T | undefined> = computed((): T | undefined => {\n        const written: { readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined = this.#formValue();\n        if (written === undefined) {\n            return this.value();\n        }\n\n        return isMany(written.value) ? undefined : (written.value ?? undefined);\n    });\n\n    /** Набор выбранного при множественном выборе: слово формы, если она его сказала, иначе вход. */\n    readonly #many: Signal<ReadonlyArray<T>> = computed((): ReadonlyArray<T> => {\n        const written: { readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined = this.#formValue();\n        if (written === undefined) {\n            return this.values();\n        }\n\n        return isMany(written.value) ? written.value : [];\n    });\n\n    protected readonly isDisabled: Signal<boolean> = computed((): boolean => this.disabled() || this.#disabledByForm());\n\n    /** Своя разметка сегмента; без неё кнопка рисует значок и подпись. */\n    protected readonly optionTpl: Signal<RtToggleButtonOptionDirective<T> | undefined> = contentChild(RtToggleButtonOptionDirective);\n\n    protected readonly iconSize: Signal<IRtIcon.Size> = computed((): IRtIcon.Size => ICON_SIZE_BY_SIZE[this.size()]);\n\n    /**\n     * Сегменты, готовые к отрисовке: подсветка и недоступность посчитаны здесь, а не в шаблоне.\n     *\n     * Подсветка читается по-разному в одиночном и множественном выборе, а недоступность приходит\n     * с двух сторон — от группы и от самого сегмента. Признак группы главнее: доступный сегмент\n     * внутри отключённой группы читался бы как её единственное живое место.\n     */\n    protected readonly items: Signal<ReadonlyArray<IRtToggleButtonGroup.Rendered<T>>> = computed(\n        (): ReadonlyArray<IRtToggleButtonGroup.Rendered<T>> => {\n            const multiple: boolean = this.multiple();\n            const chosen: ReadonlyArray<T> = this.#many();\n            const single: T | undefined = this.#single();\n            const groupDisabled: boolean = this.isDisabled();\n\n            return this.options().map((option: IRtToggleButtonGroup.Option<T>): IRtToggleButtonGroup.Rendered<T> => {\n                const active: boolean = multiple ? chosen.includes(option.value) : single === option.value;\n\n                return { option, active, disabled: groupDisabled || !!option.disabled, context: { $implicit: option, active } };\n            });\n        }\n    );\n\n    public readonly options: InputSignal<ReadonlyArray<IRtToggleButtonGroup.Option<T>>> =\n        input.required<ReadonlyArray<IRtToggleButtonGroup.Option<T>>>();\n\n    public readonly value: InputSignal<T | undefined> = input<T | undefined>(undefined);\n\n    /**\n     * Множественный выбор: нажатие добавляет сегмент или снимает его, а не переносит выбор.\n     *\n     * Своим входом, а не расширением типа `value`: вход, у которого тип значения меняется от\n     * значения другого входа, не проверяет ни сборка, ни линтер — потребитель узнаёт о своей\n     * ошибке, когда группа перестаёт подсвечивать выбранное.\n     */\n    public readonly multiple: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Набор выбранного. Читается только при множественном выборе, одиночный берёт `value`. */\n    public readonly values: InputSignal<ReadonlyArray<T>> = input<ReadonlyArray<T>>([]);\n\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly size: InputSignal<IRtToggleButtonGroup.Size> = input<IRtToggleButtonGroup.Size>('sm');\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Растягивает группу на всю ширину контейнера; опции делят ширину поровну. */\n    public readonly fullWidth: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Раскладка сегментов: одна строка, перенос на следующую или столбик. Перенос нужен длинным\n     * спискам во всплывающих окнах, столбик — спискам вроде дней недели.\n     */\n    public readonly layout: InputSignal<IRtToggleButtonGroup.Layout> = input<IRtToggleButtonGroup.Layout>('row');\n\n    /**\n     * Вид группы: дорожка с сегментами или отдельные чипы. Вид — входом, а не классом потребителя:\n     * у чипов своя коробка пункта, свой просвет и своя подсветка, и класс снаружи до неё не достаёт.\n     */\n    public readonly appearance: InputSignal<IRtToggleButtonGroup.Appearance> = input<IRtToggleButtonGroup.Appearance>('segmented');\n\n    /**\n     * Галочка перед подписью выбранного пункта, как у фильтр-чипа Material. Выключена по умолчанию:\n     * в сегментах выбор и так виден подложкой, а место под галочку раздвигает пункт.\n     */\n    public readonly checkmark: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly valueChange: OutputEmitterRef<T> = output<T>();\n\n    /**\n     * Весь набор выбранного после нажатия, а не разница с прежним: разницу вызывающий сводит со\n     * своим состоянием сам, и каждый сводит по-своему.\n     */\n    public readonly valuesChange: OutputEmitterRef<ReadonlyArray<T>> = output<ReadonlyArray<T>>();\n\n    public writeValue(value: IRtToggleButtonGroup.FormValue<T>): void {\n        this.#formValue.set({ value });\n    }\n\n    public registerOnChange(fn: (value: IRtToggleButtonGroup.FormValue<T>) => void): void {\n        this.#bound = true;\n        this.#onChange = fn;\n    }\n\n    public registerOnTouched(fn: () => void): void {\n        this.#onTouched = fn;\n    }\n\n    public setDisabledState(disabled: boolean): void {\n        this.#disabledByForm.set(disabled);\n    }\n\n    protected onOptionClick(item: IRtToggleButtonGroup.Rendered<T>): void {\n        if (item.disabled) {\n            return;\n        }\n\n        const option: IRtToggleButtonGroup.Option<T> = item.option;\n\n        if (!this.multiple()) {\n            this.#commit(option.value);\n            this.valueChange.emit(option.value);\n\n            return;\n        }\n\n        const chosen: ReadonlyArray<T> = this.#many();\n        const next: T[] = chosen.includes(option.value)\n            ? chosen.filter((one: T): boolean => one !== option.value)\n            : [...chosen, option.value];\n\n        this.#commit(next);\n        this.valuesChange.emit(next);\n    }\n\n    /** Нажатие уходит в форму, если группа с ней связана; без формы подсветку ведёт хозяин входами. */\n    #commit(value: IRtToggleButtonGroup.FormValue<T>): void {\n        if (!this.#bound) {\n            return;\n        }\n        this.#formValue.set({ value });\n        this.#onChange(value);\n        this.#onTouched();\n    }\n}\n","<div\n    rtBlock=\"rt-toggle-button-group\"\n    role=\"group\"\n    [rtMod]=\"{\n        sm: size() === 'sm',\n        md: size() === 'md',\n        lg: size() === 'lg',\n        disabled: isDisabled(),\n        wrap: layout() === 'wrap',\n        column: layout() === 'column',\n        chips: appearance() === 'chips',\n    }\"\n    [attr.aria-label]=\"ariaLabel()\">\n    @for (item of items(); track item.option.value) {\n        <button\n            type=\"button\"\n            rtElem=\"button\"\n            qa-dataid=\"toggle-button-group-option\"\n            [attr.data-value]=\"item.option.value\"\n            [rtMod]=\"{\n                active: item.active,\n                first: $first,\n                last: $last,\n                checked: checkmark() && item.active,\n            }\"\n            [disabled]=\"item.disabled\"\n            [attr.aria-pressed]=\"item.active ? 'true' : 'false'\"\n            [rtTooltip]=\"item.option.title ?? ''\"\n            (click)=\"onOptionClick(item)\">\n            @if (checkmark() && item.active) {\n                <span rtElem=\"check\" aria-hidden=\"true\">\n                    <svg rtElem=\"check-svg\" viewBox=\"-2 -3 30 30\" focusable=\"false\">\n                        <path fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n                    </svg>\n                </span>\n            }\n            @if (optionTpl(); as tpl) {\n                <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" [ngTemplateOutletContext]=\"item.context\" />\n            } @else {\n                @if (item.option.icon || item.option.glyph) {\n                    <rt-icon\n                        rtElem=\"icon\"\n                        color=\"current\"\n                        [name]=\"item.option.icon ?? null\"\n                        [glyph]=\"item.option.glyph ?? null\"\n                        [size]=\"iconSize()\" />\n                }\n                <span rtElem=\"label\">{{ item.option.label }}</span>\n            }\n        </button>\n    }\n</div>\n"],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs

@@ -15,6 +15,7 @@ import { RtIconButtonComponent } from "@rt-tools/ui-kit-v2/icon-button";
 import { RtMoneyListComponent, RtMoneyRowComponent } from "@rt-tools/ui-kit-v2/money-list";
 import { RtNoteComponent } from "@rt-tools/ui-kit-v2/note";
 import { RtSelectComponent } from "@rt-tools/ui-kit-v2/select";
+import { RtServiceLogoComponent } from "@rt-tools/ui-kit-v2/service-logo";
 import { RtSpinnerComponent } from "@rt-tools/ui-kit-v2/spinner";
 import { RtTabDirective, RtTabsComponent } from "@rt-tools/ui-kit-v2/tabs";
 import { RtTextareaComponent } from "@rt-tools/ui-kit-v2/textarea";
@@ -67,6 +68,7 @@ var RtWorkspaceDetailsComponent = class RtWorkspaceDetailsComponent {
 			transform: booleanAttribute
 		});
 		this.rows = input([], ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+		this.profile = input(null, ...ngDevMode ? [{ debugName: "profile" }] : /* istanbul ignore next */ []);
 		this.agentEdit = input(null, ...ngDevMode ? [{ debugName: "agentEdit" }] : /* istanbul ignore next */ []);
 		this.money = input([], ...ngDevMode ? [{ debugName: "money" }] : /* istanbul ignore next */ []);
 		this.toggles = input([], ...ngDevMode ? [{ debugName: "toggles" }] : /* istanbul ignore next */ []);
@@ -229,6 +231,13 @@ var RtWorkspaceDetailsComponent = class RtWorkspaceDetailsComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				profile: {
+					classPropertyName: "profile",
+					publicName: "profile",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				agentEdit: {
 					classPropertyName: "agentEdit",
 					publicName: "agentEdit",
@@ -297,8 +306,8 @@ var RtWorkspaceDetailsComponent = class RtWorkspaceDetailsComponent {
 			},
 			host: { classAttribute: "rt-workspace-details" },
 			ngImport: i0,
-			template: "<ng-container rtBlock=\"rt-workspace-details\">\n    @if (title(); as headTitle) {\n        <header rtElem=\"head\">\n            <span rtElem=\"head-title\" qa-dataid=\"workspace-details-title\">{{ headTitle }}</span>\n        </header>\n    }\n\n    @if (hasTabs()) {\n        <rt-tabs rtElem=\"tabs\" qa-dataid=\"workspace-details-tabs\">\n            <ng-template rtTab=\"details\" [label]=\"t().uiDetails\">\n                <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n            </ng-template>\n\n            <ng-template rtTab=\"transition\" [label]=\"t().uiStageTransition\" [hidden]=\"transition() === null\">\n                @if (transition(); as stageTransition) {\n                    @if (stageTransition.currentStageLabel; as stageLabel) {\n                        <rt-detail-list>\n                            <rt-detail-row qa-dataid=\"workspace-details-current-stage\" [label]=\"t().uiCurrentStage\">\n                                {{ stageLabel }}\n                            </rt-detail-row>\n                        </rt-detail-list>\n                    }\n\n                    @if (noTransitions()) {\n                        <rt-note qa-dataid=\"workspace-details-no-transitions\">{{ stageTransition.noTransitionsText }}</rt-note>\n                    } @else {\n                        <form\n                            rtElem=\"transition-form\"\n                            qa-dataid=\"workspace-details-transition-form\"\n                            [formGroup]=\"transitionForm\"\n                            (ngSubmit)=\"onTransitionSubmit()\">\n                            <rt-field\n                                [label]=\"t().uiTargetStage\"\n                                [loading]=\"stageTransition.loading\"\n                                [errors]=\"{ required: t().uiTargetStageRequired }\">\n                                <rt-select\n                                    formControlName=\"to_key\"\n                                    qa-dataid=\"workspace-details-transition-stage\"\n                                    [placeholder]=\"t().uiPickTransition\"\n                                    [options]=\"stageTransition.options\" />\n                            </rt-field>\n\n                            <rt-field [label]=\"t().uiCommentOptional\" [hint]=\"t().uiStageNoteHint\" [loading]=\"stageTransition.loading\">\n                                <rt-textarea formControlName=\"note\" qa-dataid=\"workspace-details-transition-note\" rows=\"3\" />\n                            </rt-field>\n\n                            <button\n                                rtButton\n                                rtElem=\"transition-submit\"\n                                qa-dataid=\"workspace-details-transition-submit\"\n                                type=\"submit\"\n                                [label]=\"t().uiMoveStage\"\n                                [attr.aria-label]=\"t().uiMoveStageAria\"\n                                [loading]=\"stageTransition.submitting\"\n                                [disabled]=\"stageTransition.loading || busy()\"></button>\n                        </form>\n                    }\n                }\n            </ng-template>\n\n            <ng-template rtTab=\"audit\" [label]=\"t().uiHistory\" [hidden]=\"audit() === null\">\n                @if (audit(); as auditFeed) {\n                    <div rtElem=\"audit\" qa-dataid=\"workspace-details-audit\">\n                        @if (auditFeed.loading) {\n                            <rt-spinner rtElem=\"audit-loading\" qa-dataid=\"workspace-details-audit-loading\" />\n                        } @else if (auditFeed.steps.length === 0) {\n                            <rt-empty-state\n                                qa-dataid=\"workspace-details-audit-empty\"\n                                icon=\"history\"\n                                [description]=\"t().uiAuditEmptyHint\"\n                                [title]=\"auditFeed.emptyText\" />\n                        } @else {\n                            <rt-timeline qa-dataid=\"workspace-details-audit-timeline\" [steps]=\"auditFeed.steps\" />\n                        }\n\n                        @if (auditFeed.hasMore) {\n                            <button\n                                rtButton\n                                rtElem=\"audit-more\"\n                                qa-dataid=\"workspace-details-audit-more\"\n                                type=\"button\"\n                                appearance=\"text\"\n                                [label]=\"t().uiLoadMore\"\n                                [attr.aria-label]=\"t().uiLoadMore\"\n                                [loading]=\"auditFeed.loadingMore\"\n                                [disabled]=\"auditFeed.loadingMore\"\n                                (click)=\"onAuditLoadMore()\"></button>\n                        }\n                    </div>\n                }\n            </ng-template>\n        </rt-tabs>\n    } @else {\n        <div rtElem=\"body\">\n            <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n        </div>\n    }\n\n    <ng-template #detailsTpl>\n        @if (rows().length > 0) {\n            <rt-detail-list>\n                @for (row of rows(); track row.label) {\n                    <rt-detail-row qa-dataid=\"workspace-details-row\" [label]=\"row.label\" [loading]=\"loading()\">\n                        @if (row.agent && agentEdit(); as edit) {\n                            @if (!editingAgent()) {\n                                <div rtElem=\"agent-view\">\n                                    <span rtElem=\"agent-name\" qa-dataid=\"workspace-details-agent-name\">{{ edit.currentLabel }}</span>\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-edit\"\n                                        icon=\"pencil\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiChangeAgent\"\n                                        [tooltip]=\"edit.canEdit ? edit.editTooltip : edit.cannotEditTooltip\"\n                                        [disabled]=\"!edit.canEdit || busy()\"\n                                        (clicked)=\"startEditAgent()\" />\n                                </div>\n                            } @else {\n                                <div rtElem=\"agent-edit\">\n                                    <rt-select\n                                        qa-dataid=\"workspace-details-agent-select\"\n                                        [placeholder]=\"t().uiPickAgent\"\n                                        [ngModel]=\"selectedAgentId()\"\n                                        [ngModelOptions]=\"{ standalone: true }\"\n                                        [options]=\"edit.options\"\n                                        [clearable]=\"false\"\n                                        (ngModelChange)=\"onSelectedAgentChange($event)\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-save\"\n                                        icon=\"check\"\n                                        size=\"sm\"\n                                        rtConfirmTone=\"primary\"\n                                        [ariaLabel]=\"t().uiSaveNewAgent\"\n                                        [rtConfirmTitle]=\"t().uiReplaceAgentTitle\"\n                                        [rtConfirmLabel]=\"t().uiReplace\"\n                                        [tooltip]=\"canSaveReassign() ? t().uiSaveNewAgent : t().uiPickAnotherAgent\"\n                                        [loading]=\"edit.loading\"\n                                        [disabled]=\"!canSaveReassign() || busy()\"\n                                        [rtConfirm]=\"edit.confirmText\"\n                                        [rtConfirmDisabled]=\"!canSaveReassign() || busy()\"\n                                        (confirmed)=\"onReassign()\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-cancel\"\n                                        icon=\"ico-close\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiRevert\"\n                                        [tooltip]=\"t().uiRevert\"\n                                        [disabled]=\"edit.loading\"\n                                        (clicked)=\"cancelEditAgent()\" />\n                                </div>\n                            }\n                        } @else {\n                            {{ row.value }}\n                        }\n                    </rt-detail-row>\n                }\n            </rt-detail-list>\n        }\n\n        @if (money().length > 0) {\n            <rt-money-list>\n                @for (moneyRow of money(); track moneyRow.label) {\n                    <rt-money-row\n                        qa-dataid=\"workspace-details-money-row\"\n                        [label]=\"moneyRow.label\"\n                        [total]=\"moneyRow.total ?? false\"\n                        [loading]=\"loading()\">\n                        {{ moneyRow.amount | number: moneyRow.format ?? '1.0-0' }} ₽\n                    </rt-money-row>\n                }\n            </rt-money-list>\n        }\n\n        @if (toggles().length > 0 || toggleHint()) {\n            <rt-aside-section>\n                @for (toggle of toggles(); track toggle.id) {\n                    <div rtElem=\"toggle-row\" qa-dataid=\"workspace-details-toggle-row\" [attr.data-id]=\"toggle.id\">\n                        <span rtElem=\"toggle-label\" qa-dataid=\"workspace-details-toggle-label\">{{ toggle.label }}</span>\n                        <rt-toggle-switch\n                            qa-dataid=\"workspace-details-toggle\"\n                            [inputId]=\"toggle.id\"\n                            [ariaLabel]=\"toggle.label\"\n                            [ngModel]=\"toggle.value\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            [disabled]=\"(toggle.disabled ?? false) || busy()\"\n                            (ngModelChange)=\"onToggleChange(toggle, $event)\" />\n                    </div>\n                }\n                @if (toggleHint(); as hint) {\n                    <p rtElem=\"toggle-hint\" qa-dataid=\"workspace-details-toggle-hint\">{{ hint }}</p>\n                }\n            </rt-aside-section>\n        }\n    </ng-template>\n\n    <footer rtElem=\"footer\">\n        @for (panelAction of actions(); track panelAction.id) {\n            @if (panelAction.confirm; as confirm) {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [rtConfirmTitle]=\"confirm.title\"\n                    [rtConfirmLabel]=\"confirm.label\"\n                    [rtConfirmTone]=\"confirm.tone\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    [rtConfirm]=\"confirm.text\"\n                    [rtConfirmDisabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (confirmed)=\"onAction(panelAction)\"></button>\n            } @else {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (click)=\"onAction(panelAction)\"></button>\n            }\n        }\n    </footer>\n</ng-container>\n",
-			styles: ["@layer rt-kit.components{.rt-workspace-details{--rt-workspace-details-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column;block-size:100%;min-block-size:0}.rt-workspace-details__head{display:flex;flex:0 0 auto;align-items:center;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__head-title{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-workspace-details__tabs{flex:1 1 auto;min-block-size:0}.rt-workspace-details__tabs .rt-tabs__header{align-items:flex-end;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__tabs .rt-tabs__tab-list{border-block-end:0}.rt-workspace-details__tabs .rt-tabs__content{padding-block-end:var(--rt-space-5);padding-inline:var(--rt-space-lg)}.rt-workspace-details__body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-5) var(--rt-space-lg);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-workspace-details__agent-view,.rt-workspace-details__agent-edit{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-workspace-details__agent-name{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-workspace-details__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--rt-space-md)}.rt-workspace-details__toggle-label{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium)}.rt-workspace-details__toggle-hint{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-workspace-details__transition-form{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__transition-submit{align-self:flex-start}.rt-workspace-details__audit{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__audit-loading,.rt-workspace-details__audit-more{align-self:center}.rt-workspace-details__footer{display:flex;flex:0 0 auto;flex-direction:column;padding:var(--rt-space-md) var(--rt-space-lg);border-block-start:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);gap:var(--rt-space-sm)}.rt-workspace-details__footer:empty{display:none}.rt-workspace-details__footer-action{justify-content:center;inline-size:100%}.rt-workspace-details__error{margin-inline:var(--rt-space-lg)}}\n"],
+			template: "<ng-container rtBlock=\"rt-workspace-details\">\n    @if (title(); as headTitle) {\n        <header rtElem=\"head\">\n            <span rtElem=\"head-title\" qa-dataid=\"workspace-details-title\">{{ headTitle }}</span>\n        </header>\n    }\n\n    @if (hasTabs()) {\n        <rt-tabs rtElem=\"tabs\" qa-dataid=\"workspace-details-tabs\">\n            <ng-template rtTab=\"details\" [label]=\"t().uiDetails\">\n                <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n            </ng-template>\n\n            <ng-template rtTab=\"transition\" [label]=\"t().uiStageTransition\" [hidden]=\"transition() === null\">\n                @if (transition(); as stageTransition) {\n                    @if (stageTransition.currentStageLabel; as stageLabel) {\n                        <rt-detail-list>\n                            <rt-detail-row qa-dataid=\"workspace-details-current-stage\" [label]=\"t().uiCurrentStage\">\n                                {{ stageLabel }}\n                            </rt-detail-row>\n                        </rt-detail-list>\n                    }\n\n                    @if (noTransitions()) {\n                        <rt-note qa-dataid=\"workspace-details-no-transitions\">{{ stageTransition.noTransitionsText }}</rt-note>\n                    } @else {\n                        <form\n                            rtElem=\"transition-form\"\n                            qa-dataid=\"workspace-details-transition-form\"\n                            [formGroup]=\"transitionForm\"\n                            (ngSubmit)=\"onTransitionSubmit()\">\n                            <rt-field\n                                [label]=\"t().uiTargetStage\"\n                                [loading]=\"stageTransition.loading\"\n                                [errors]=\"{ required: t().uiTargetStageRequired }\">\n                                <rt-select\n                                    formControlName=\"to_key\"\n                                    qa-dataid=\"workspace-details-transition-stage\"\n                                    [placeholder]=\"t().uiPickTransition\"\n                                    [options]=\"stageTransition.options\" />\n                            </rt-field>\n\n                            <rt-field [label]=\"t().uiCommentOptional\" [hint]=\"t().uiStageNoteHint\" [loading]=\"stageTransition.loading\">\n                                <rt-textarea formControlName=\"note\" qa-dataid=\"workspace-details-transition-note\" rows=\"3\" />\n                            </rt-field>\n\n                            <button\n                                rtButton\n                                rtElem=\"transition-submit\"\n                                qa-dataid=\"workspace-details-transition-submit\"\n                                type=\"submit\"\n                                [label]=\"t().uiMoveStage\"\n                                [attr.aria-label]=\"t().uiMoveStageAria\"\n                                [loading]=\"stageTransition.submitting\"\n                                [disabled]=\"stageTransition.loading || busy()\"></button>\n                        </form>\n                    }\n                }\n            </ng-template>\n\n            <ng-template rtTab=\"audit\" [label]=\"t().uiHistory\" [hidden]=\"audit() === null\">\n                @if (audit(); as auditFeed) {\n                    <div rtElem=\"audit\" qa-dataid=\"workspace-details-audit\">\n                        @if (auditFeed.loading) {\n                            <rt-spinner rtElem=\"audit-loading\" qa-dataid=\"workspace-details-audit-loading\" />\n                        } @else if (auditFeed.steps.length === 0) {\n                            <rt-empty-state\n                                qa-dataid=\"workspace-details-audit-empty\"\n                                icon=\"history\"\n                                [description]=\"t().uiAuditEmptyHint\"\n                                [title]=\"auditFeed.emptyText\" />\n                        } @else {\n                            <rt-timeline qa-dataid=\"workspace-details-audit-timeline\" [steps]=\"auditFeed.steps\" />\n                        }\n\n                        @if (auditFeed.hasMore) {\n                            <button\n                                rtButton\n                                rtElem=\"audit-more\"\n                                qa-dataid=\"workspace-details-audit-more\"\n                                type=\"button\"\n                                appearance=\"text\"\n                                [label]=\"t().uiLoadMore\"\n                                [attr.aria-label]=\"t().uiLoadMore\"\n                                [loading]=\"auditFeed.loadingMore\"\n                                [disabled]=\"auditFeed.loadingMore\"\n                                (click)=\"onAuditLoadMore()\"></button>\n                        }\n                    </div>\n                }\n            </ng-template>\n        </rt-tabs>\n    } @else {\n        <div rtElem=\"body\">\n            <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n        </div>\n    }\n\n    <ng-template #detailsTpl>\n        @if (profile(); as person) {\n            <div rtElem=\"profile\" qa-dataid=\"workspace-details-profile\">\n                @if (person.sign; as sign) {\n                    <rt-service-logo size=\"md\" [logos]=\"[sign]\" />\n                }\n                <span rtElem=\"profile-name\">{{ person.name }}</span>\n                <span rtElem=\"profile-contact\">{{ person.contact }}</span>\n            </div>\n        }\n        @if (rows().length > 0) {\n            <rt-detail-list>\n                @for (row of rows(); track row.label) {\n                    <rt-detail-row qa-dataid=\"workspace-details-row\" [label]=\"row.label\" [loading]=\"loading()\">\n                        @if (row.agent && agentEdit(); as edit) {\n                            @if (!editingAgent()) {\n                                <div rtElem=\"agent-view\">\n                                    <span rtElem=\"agent-name\" qa-dataid=\"workspace-details-agent-name\">{{ edit.currentLabel }}</span>\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-edit\"\n                                        icon=\"pencil\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiChangeAgent\"\n                                        [tooltip]=\"edit.canEdit ? edit.editTooltip : edit.cannotEditTooltip\"\n                                        [disabled]=\"!edit.canEdit || busy()\"\n                                        (clicked)=\"startEditAgent()\" />\n                                </div>\n                            } @else {\n                                <div rtElem=\"agent-edit\">\n                                    <rt-select\n                                        qa-dataid=\"workspace-details-agent-select\"\n                                        [placeholder]=\"t().uiPickAgent\"\n                                        [ngModel]=\"selectedAgentId()\"\n                                        [ngModelOptions]=\"{ standalone: true }\"\n                                        [options]=\"edit.options\"\n                                        [clearable]=\"false\"\n                                        (ngModelChange)=\"onSelectedAgentChange($event)\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-save\"\n                                        icon=\"check\"\n                                        size=\"sm\"\n                                        rtConfirmTone=\"primary\"\n                                        [ariaLabel]=\"t().uiSaveNewAgent\"\n                                        [rtConfirmTitle]=\"t().uiReplaceAgentTitle\"\n                                        [rtConfirmLabel]=\"t().uiReplace\"\n                                        [tooltip]=\"canSaveReassign() ? t().uiSaveNewAgent : t().uiPickAnotherAgent\"\n                                        [loading]=\"edit.loading\"\n                                        [disabled]=\"!canSaveReassign() || busy()\"\n                                        [rtConfirm]=\"edit.confirmText\"\n                                        [rtConfirmDisabled]=\"!canSaveReassign() || busy()\"\n                                        (confirmed)=\"onReassign()\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-cancel\"\n                                        icon=\"ico-close\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiRevert\"\n                                        [tooltip]=\"t().uiRevert\"\n                                        [disabled]=\"edit.loading\"\n                                        (clicked)=\"cancelEditAgent()\" />\n                                </div>\n                            }\n                        } @else {\n                            {{ row.value }}\n                        }\n                    </rt-detail-row>\n                }\n            </rt-detail-list>\n        }\n\n        @if (money().length > 0) {\n            <rt-money-list>\n                @for (moneyRow of money(); track moneyRow.label) {\n                    <rt-money-row\n                        qa-dataid=\"workspace-details-money-row\"\n                        [label]=\"moneyRow.label\"\n                        [total]=\"moneyRow.total ?? false\"\n                        [loading]=\"loading()\">\n                        {{ moneyRow.amount | number: moneyRow.format ?? '1.0-0' }} ₽\n                    </rt-money-row>\n                }\n            </rt-money-list>\n        }\n\n        @if (toggles().length > 0 || toggleHint()) {\n            <rt-aside-section>\n                @for (toggle of toggles(); track toggle.id) {\n                    <div rtElem=\"toggle-row\" qa-dataid=\"workspace-details-toggle-row\" [attr.data-id]=\"toggle.id\">\n                        <span rtElem=\"toggle-label\" qa-dataid=\"workspace-details-toggle-label\">{{ toggle.label }}</span>\n                        <rt-toggle-switch\n                            qa-dataid=\"workspace-details-toggle\"\n                            [inputId]=\"toggle.id\"\n                            [ariaLabel]=\"toggle.label\"\n                            [ngModel]=\"toggle.value\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            [disabled]=\"(toggle.disabled ?? false) || busy()\"\n                            (ngModelChange)=\"onToggleChange(toggle, $event)\" />\n                    </div>\n                }\n                @if (toggleHint(); as hint) {\n                    <p rtElem=\"toggle-hint\" qa-dataid=\"workspace-details-toggle-hint\">{{ hint }}</p>\n                }\n            </rt-aside-section>\n        }\n    </ng-template>\n\n    <footer rtElem=\"footer\">\n        @for (panelAction of actions(); track panelAction.id) {\n            @if (panelAction.confirm; as confirm) {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [rtConfirmTitle]=\"confirm.title\"\n                    [rtConfirmLabel]=\"confirm.label\"\n                    [rtConfirmTone]=\"confirm.tone\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    [rtConfirm]=\"confirm.text\"\n                    [rtConfirmDisabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (confirmed)=\"onAction(panelAction)\"></button>\n            } @else {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (click)=\"onAction(panelAction)\"></button>\n            }\n        }\n    </footer>\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-workspace-details{--rt-workspace-details-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column;block-size:100%;min-block-size:0}.rt-workspace-details__head{display:flex;flex:0 0 auto;align-items:center;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__head-title{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-workspace-details__tabs{flex:1 1 auto;min-block-size:0}.rt-workspace-details__tabs .rt-tabs__header{align-items:flex-end;block-size:calc(56px + var(--rt-space-2) + var(--rt-space-1) + var(--rt-border-width-thin));border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__tabs .rt-tabs__tab-list{border-block-end:0}.rt-workspace-details__tabs .rt-tabs__content{padding-block-end:var(--rt-space-5);padding-inline:var(--rt-space-lg)}.rt-workspace-details__body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-5) var(--rt-space-lg);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-workspace-details__profile{display:flex;flex-direction:column;align-items:center;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-subtle);gap:calc(var(--rt-space-1) * 1.5);padding-block:var(--rt-space-2) var(--rt-space-5);text-align:center}.rt-workspace-details__profile-name{color:var(--rt-color-text-primary);font-size:var(--rt-text-lg);font-weight:var(--rt-font-weight-semibold);line-height:round(1em * var(--rt-leading-tight),1px)}.rt-workspace-details__profile-contact{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:round(1em * var(--rt-leading-tight),1px)}.rt-workspace-details__agent-view,.rt-workspace-details__agent-edit{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-workspace-details__agent-name{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-workspace-details__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--rt-space-md)}.rt-workspace-details__toggle-label{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium)}.rt-workspace-details__toggle-hint{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-workspace-details__transition-form{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__transition-submit{align-self:flex-start}.rt-workspace-details__audit{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__audit-loading,.rt-workspace-details__audit-more{align-self:center}.rt-workspace-details__footer{display:flex;flex:0 0 auto;flex-direction:column;padding:var(--rt-space-md) var(--rt-space-lg);border-block-start:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);gap:var(--rt-space-sm)}.rt-workspace-details__footer:empty{display:none}.rt-workspace-details__footer-action{justify-content:center;inline-size:100%}.rt-workspace-details__error{margin-inline:var(--rt-space-lg)}}\n"],
 			dependencies: [
 				{
 					kind: "ngmodule",
@@ -506,6 +515,12 @@ var RtWorkspaceDetailsComponent = class RtWorkspaceDetailsComponent {
 					],
 					outputs: ["selectionChange"]
 				},
+				{
+					kind: "component",
+					type: RtServiceLogoComponent,
+					selector: "rt-service-logo",
+					inputs: ["logos", "size"]
+				},
 				{
 					kind: "component",
 					type: RtSpinnerComponent,
@@ -551,6 +566,7 @@ var RtWorkspaceDetailsComponent = class RtWorkspaceDetailsComponent {
 						"activeId",
 						"direction",
 						"stretch",
+						"dense",
 						"contentScrollable",
 						"headerOnly",
 						"preserveContent",
@@ -646,6 +662,7 @@ i0.ɵɵngDeclareClassMetadata({
 				RtMoneyRowComponent,
 				RtNoteComponent,
 				RtSelectComponent,
+				RtServiceLogoComponent,
 				RtSpinnerComponent,
 				RtTabDirective,
 				RtTabsComponent,
@@ -656,8 +673,8 @@ i0.ɵɵngDeclareClassMetadata({
 				ElemDirective
 			],
 			host: { class: BEM_BLOCK },
-			template: "<ng-container rtBlock=\"rt-workspace-details\">\n    @if (title(); as headTitle) {\n        <header rtElem=\"head\">\n            <span rtElem=\"head-title\" qa-dataid=\"workspace-details-title\">{{ headTitle }}</span>\n        </header>\n    }\n\n    @if (hasTabs()) {\n        <rt-tabs rtElem=\"tabs\" qa-dataid=\"workspace-details-tabs\">\n            <ng-template rtTab=\"details\" [label]=\"t().uiDetails\">\n                <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n            </ng-template>\n\n            <ng-template rtTab=\"transition\" [label]=\"t().uiStageTransition\" [hidden]=\"transition() === null\">\n                @if (transition(); as stageTransition) {\n                    @if (stageTransition.currentStageLabel; as stageLabel) {\n                        <rt-detail-list>\n                            <rt-detail-row qa-dataid=\"workspace-details-current-stage\" [label]=\"t().uiCurrentStage\">\n                                {{ stageLabel }}\n                            </rt-detail-row>\n                        </rt-detail-list>\n                    }\n\n                    @if (noTransitions()) {\n                        <rt-note qa-dataid=\"workspace-details-no-transitions\">{{ stageTransition.noTransitionsText }}</rt-note>\n                    } @else {\n                        <form\n                            rtElem=\"transition-form\"\n                            qa-dataid=\"workspace-details-transition-form\"\n                            [formGroup]=\"transitionForm\"\n                            (ngSubmit)=\"onTransitionSubmit()\">\n                            <rt-field\n                                [label]=\"t().uiTargetStage\"\n                                [loading]=\"stageTransition.loading\"\n                                [errors]=\"{ required: t().uiTargetStageRequired }\">\n                                <rt-select\n                                    formControlName=\"to_key\"\n                                    qa-dataid=\"workspace-details-transition-stage\"\n                                    [placeholder]=\"t().uiPickTransition\"\n                                    [options]=\"stageTransition.options\" />\n                            </rt-field>\n\n                            <rt-field [label]=\"t().uiCommentOptional\" [hint]=\"t().uiStageNoteHint\" [loading]=\"stageTransition.loading\">\n                                <rt-textarea formControlName=\"note\" qa-dataid=\"workspace-details-transition-note\" rows=\"3\" />\n                            </rt-field>\n\n                            <button\n                                rtButton\n                                rtElem=\"transition-submit\"\n                                qa-dataid=\"workspace-details-transition-submit\"\n                                type=\"submit\"\n                                [label]=\"t().uiMoveStage\"\n                                [attr.aria-label]=\"t().uiMoveStageAria\"\n                                [loading]=\"stageTransition.submitting\"\n                                [disabled]=\"stageTransition.loading || busy()\"></button>\n                        </form>\n                    }\n                }\n            </ng-template>\n\n            <ng-template rtTab=\"audit\" [label]=\"t().uiHistory\" [hidden]=\"audit() === null\">\n                @if (audit(); as auditFeed) {\n                    <div rtElem=\"audit\" qa-dataid=\"workspace-details-audit\">\n                        @if (auditFeed.loading) {\n                            <rt-spinner rtElem=\"audit-loading\" qa-dataid=\"workspace-details-audit-loading\" />\n                        } @else if (auditFeed.steps.length === 0) {\n                            <rt-empty-state\n                                qa-dataid=\"workspace-details-audit-empty\"\n                                icon=\"history\"\n                                [description]=\"t().uiAuditEmptyHint\"\n                                [title]=\"auditFeed.emptyText\" />\n                        } @else {\n                            <rt-timeline qa-dataid=\"workspace-details-audit-timeline\" [steps]=\"auditFeed.steps\" />\n                        }\n\n                        @if (auditFeed.hasMore) {\n                            <button\n                                rtButton\n                                rtElem=\"audit-more\"\n                                qa-dataid=\"workspace-details-audit-more\"\n                                type=\"button\"\n                                appearance=\"text\"\n                                [label]=\"t().uiLoadMore\"\n                                [attr.aria-label]=\"t().uiLoadMore\"\n                                [loading]=\"auditFeed.loadingMore\"\n                                [disabled]=\"auditFeed.loadingMore\"\n                                (click)=\"onAuditLoadMore()\"></button>\n                        }\n                    </div>\n                }\n            </ng-template>\n        </rt-tabs>\n    } @else {\n        <div rtElem=\"body\">\n            <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n        </div>\n    }\n\n    <ng-template #detailsTpl>\n        @if (rows().length > 0) {\n            <rt-detail-list>\n                @for (row of rows(); track row.label) {\n                    <rt-detail-row qa-dataid=\"workspace-details-row\" [label]=\"row.label\" [loading]=\"loading()\">\n                        @if (row.agent && agentEdit(); as edit) {\n                            @if (!editingAgent()) {\n                                <div rtElem=\"agent-view\">\n                                    <span rtElem=\"agent-name\" qa-dataid=\"workspace-details-agent-name\">{{ edit.currentLabel }}</span>\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-edit\"\n                                        icon=\"pencil\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiChangeAgent\"\n                                        [tooltip]=\"edit.canEdit ? edit.editTooltip : edit.cannotEditTooltip\"\n                                        [disabled]=\"!edit.canEdit || busy()\"\n                                        (clicked)=\"startEditAgent()\" />\n                                </div>\n                            } @else {\n                                <div rtElem=\"agent-edit\">\n                                    <rt-select\n                                        qa-dataid=\"workspace-details-agent-select\"\n                                        [placeholder]=\"t().uiPickAgent\"\n                                        [ngModel]=\"selectedAgentId()\"\n                                        [ngModelOptions]=\"{ standalone: true }\"\n                                        [options]=\"edit.options\"\n                                        [clearable]=\"false\"\n                                        (ngModelChange)=\"onSelectedAgentChange($event)\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-save\"\n                                        icon=\"check\"\n                                        size=\"sm\"\n                                        rtConfirmTone=\"primary\"\n                                        [ariaLabel]=\"t().uiSaveNewAgent\"\n                                        [rtConfirmTitle]=\"t().uiReplaceAgentTitle\"\n                                        [rtConfirmLabel]=\"t().uiReplace\"\n                                        [tooltip]=\"canSaveReassign() ? t().uiSaveNewAgent : t().uiPickAnotherAgent\"\n                                        [loading]=\"edit.loading\"\n                                        [disabled]=\"!canSaveReassign() || busy()\"\n                                        [rtConfirm]=\"edit.confirmText\"\n                                        [rtConfirmDisabled]=\"!canSaveReassign() || busy()\"\n                                        (confirmed)=\"onReassign()\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-cancel\"\n                                        icon=\"ico-close\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiRevert\"\n                                        [tooltip]=\"t().uiRevert\"\n                                        [disabled]=\"edit.loading\"\n                                        (clicked)=\"cancelEditAgent()\" />\n                                </div>\n                            }\n                        } @else {\n                            {{ row.value }}\n                        }\n                    </rt-detail-row>\n                }\n            </rt-detail-list>\n        }\n\n        @if (money().length > 0) {\n            <rt-money-list>\n                @for (moneyRow of money(); track moneyRow.label) {\n                    <rt-money-row\n                        qa-dataid=\"workspace-details-money-row\"\n                        [label]=\"moneyRow.label\"\n                        [total]=\"moneyRow.total ?? false\"\n                        [loading]=\"loading()\">\n                        {{ moneyRow.amount | number: moneyRow.format ?? '1.0-0' }} ₽\n                    </rt-money-row>\n                }\n            </rt-money-list>\n        }\n\n        @if (toggles().length > 0 || toggleHint()) {\n            <rt-aside-section>\n                @for (toggle of toggles(); track toggle.id) {\n                    <div rtElem=\"toggle-row\" qa-dataid=\"workspace-details-toggle-row\" [attr.data-id]=\"toggle.id\">\n                        <span rtElem=\"toggle-label\" qa-dataid=\"workspace-details-toggle-label\">{{ toggle.label }}</span>\n                        <rt-toggle-switch\n                            qa-dataid=\"workspace-details-toggle\"\n                            [inputId]=\"toggle.id\"\n                            [ariaLabel]=\"toggle.label\"\n                            [ngModel]=\"toggle.value\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            [disabled]=\"(toggle.disabled ?? false) || busy()\"\n                            (ngModelChange)=\"onToggleChange(toggle, $event)\" />\n                    </div>\n                }\n                @if (toggleHint(); as hint) {\n                    <p rtElem=\"toggle-hint\" qa-dataid=\"workspace-details-toggle-hint\">{{ hint }}</p>\n                }\n            </rt-aside-section>\n        }\n    </ng-template>\n\n    <footer rtElem=\"footer\">\n        @for (panelAction of actions(); track panelAction.id) {\n            @if (panelAction.confirm; as confirm) {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [rtConfirmTitle]=\"confirm.title\"\n                    [rtConfirmLabel]=\"confirm.label\"\n                    [rtConfirmTone]=\"confirm.tone\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    [rtConfirm]=\"confirm.text\"\n                    [rtConfirmDisabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (confirmed)=\"onAction(panelAction)\"></button>\n            } @else {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (click)=\"onAction(panelAction)\"></button>\n            }\n        }\n    </footer>\n</ng-container>\n",
-			styles: ["@layer rt-kit.components{.rt-workspace-details{--rt-workspace-details-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column;block-size:100%;min-block-size:0}.rt-workspace-details__head{display:flex;flex:0 0 auto;align-items:center;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__head-title{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-workspace-details__tabs{flex:1 1 auto;min-block-size:0}.rt-workspace-details__tabs .rt-tabs__header{align-items:flex-end;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__tabs .rt-tabs__tab-list{border-block-end:0}.rt-workspace-details__tabs .rt-tabs__content{padding-block-end:var(--rt-space-5);padding-inline:var(--rt-space-lg)}.rt-workspace-details__body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-5) var(--rt-space-lg);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-workspace-details__agent-view,.rt-workspace-details__agent-edit{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-workspace-details__agent-name{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-workspace-details__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--rt-space-md)}.rt-workspace-details__toggle-label{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium)}.rt-workspace-details__toggle-hint{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-workspace-details__transition-form{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__transition-submit{align-self:flex-start}.rt-workspace-details__audit{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__audit-loading,.rt-workspace-details__audit-more{align-self:center}.rt-workspace-details__footer{display:flex;flex:0 0 auto;flex-direction:column;padding:var(--rt-space-md) var(--rt-space-lg);border-block-start:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);gap:var(--rt-space-sm)}.rt-workspace-details__footer:empty{display:none}.rt-workspace-details__footer-action{justify-content:center;inline-size:100%}.rt-workspace-details__error{margin-inline:var(--rt-space-lg)}}\n"]
+			template: "<ng-container rtBlock=\"rt-workspace-details\">\n    @if (title(); as headTitle) {\n        <header rtElem=\"head\">\n            <span rtElem=\"head-title\" qa-dataid=\"workspace-details-title\">{{ headTitle }}</span>\n        </header>\n    }\n\n    @if (hasTabs()) {\n        <rt-tabs rtElem=\"tabs\" qa-dataid=\"workspace-details-tabs\">\n            <ng-template rtTab=\"details\" [label]=\"t().uiDetails\">\n                <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n            </ng-template>\n\n            <ng-template rtTab=\"transition\" [label]=\"t().uiStageTransition\" [hidden]=\"transition() === null\">\n                @if (transition(); as stageTransition) {\n                    @if (stageTransition.currentStageLabel; as stageLabel) {\n                        <rt-detail-list>\n                            <rt-detail-row qa-dataid=\"workspace-details-current-stage\" [label]=\"t().uiCurrentStage\">\n                                {{ stageLabel }}\n                            </rt-detail-row>\n                        </rt-detail-list>\n                    }\n\n                    @if (noTransitions()) {\n                        <rt-note qa-dataid=\"workspace-details-no-transitions\">{{ stageTransition.noTransitionsText }}</rt-note>\n                    } @else {\n                        <form\n                            rtElem=\"transition-form\"\n                            qa-dataid=\"workspace-details-transition-form\"\n                            [formGroup]=\"transitionForm\"\n                            (ngSubmit)=\"onTransitionSubmit()\">\n                            <rt-field\n                                [label]=\"t().uiTargetStage\"\n                                [loading]=\"stageTransition.loading\"\n                                [errors]=\"{ required: t().uiTargetStageRequired }\">\n                                <rt-select\n                                    formControlName=\"to_key\"\n                                    qa-dataid=\"workspace-details-transition-stage\"\n                                    [placeholder]=\"t().uiPickTransition\"\n                                    [options]=\"stageTransition.options\" />\n                            </rt-field>\n\n                            <rt-field [label]=\"t().uiCommentOptional\" [hint]=\"t().uiStageNoteHint\" [loading]=\"stageTransition.loading\">\n                                <rt-textarea formControlName=\"note\" qa-dataid=\"workspace-details-transition-note\" rows=\"3\" />\n                            </rt-field>\n\n                            <button\n                                rtButton\n                                rtElem=\"transition-submit\"\n                                qa-dataid=\"workspace-details-transition-submit\"\n                                type=\"submit\"\n                                [label]=\"t().uiMoveStage\"\n                                [attr.aria-label]=\"t().uiMoveStageAria\"\n                                [loading]=\"stageTransition.submitting\"\n                                [disabled]=\"stageTransition.loading || busy()\"></button>\n                        </form>\n                    }\n                }\n            </ng-template>\n\n            <ng-template rtTab=\"audit\" [label]=\"t().uiHistory\" [hidden]=\"audit() === null\">\n                @if (audit(); as auditFeed) {\n                    <div rtElem=\"audit\" qa-dataid=\"workspace-details-audit\">\n                        @if (auditFeed.loading) {\n                            <rt-spinner rtElem=\"audit-loading\" qa-dataid=\"workspace-details-audit-loading\" />\n                        } @else if (auditFeed.steps.length === 0) {\n                            <rt-empty-state\n                                qa-dataid=\"workspace-details-audit-empty\"\n                                icon=\"history\"\n                                [description]=\"t().uiAuditEmptyHint\"\n                                [title]=\"auditFeed.emptyText\" />\n                        } @else {\n                            <rt-timeline qa-dataid=\"workspace-details-audit-timeline\" [steps]=\"auditFeed.steps\" />\n                        }\n\n                        @if (auditFeed.hasMore) {\n                            <button\n                                rtButton\n                                rtElem=\"audit-more\"\n                                qa-dataid=\"workspace-details-audit-more\"\n                                type=\"button\"\n                                appearance=\"text\"\n                                [label]=\"t().uiLoadMore\"\n                                [attr.aria-label]=\"t().uiLoadMore\"\n                                [loading]=\"auditFeed.loadingMore\"\n                                [disabled]=\"auditFeed.loadingMore\"\n                                (click)=\"onAuditLoadMore()\"></button>\n                        }\n                    </div>\n                }\n            </ng-template>\n        </rt-tabs>\n    } @else {\n        <div rtElem=\"body\">\n            <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n        </div>\n    }\n\n    <ng-template #detailsTpl>\n        @if (profile(); as person) {\n            <div rtElem=\"profile\" qa-dataid=\"workspace-details-profile\">\n                @if (person.sign; as sign) {\n                    <rt-service-logo size=\"md\" [logos]=\"[sign]\" />\n                }\n                <span rtElem=\"profile-name\">{{ person.name }}</span>\n                <span rtElem=\"profile-contact\">{{ person.contact }}</span>\n            </div>\n        }\n        @if (rows().length > 0) {\n            <rt-detail-list>\n                @for (row of rows(); track row.label) {\n                    <rt-detail-row qa-dataid=\"workspace-details-row\" [label]=\"row.label\" [loading]=\"loading()\">\n                        @if (row.agent && agentEdit(); as edit) {\n                            @if (!editingAgent()) {\n                                <div rtElem=\"agent-view\">\n                                    <span rtElem=\"agent-name\" qa-dataid=\"workspace-details-agent-name\">{{ edit.currentLabel }}</span>\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-edit\"\n                                        icon=\"pencil\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiChangeAgent\"\n                                        [tooltip]=\"edit.canEdit ? edit.editTooltip : edit.cannotEditTooltip\"\n                                        [disabled]=\"!edit.canEdit || busy()\"\n                                        (clicked)=\"startEditAgent()\" />\n                                </div>\n                            } @else {\n                                <div rtElem=\"agent-edit\">\n                                    <rt-select\n                                        qa-dataid=\"workspace-details-agent-select\"\n                                        [placeholder]=\"t().uiPickAgent\"\n                                        [ngModel]=\"selectedAgentId()\"\n                                        [ngModelOptions]=\"{ standalone: true }\"\n                                        [options]=\"edit.options\"\n                                        [clearable]=\"false\"\n                                        (ngModelChange)=\"onSelectedAgentChange($event)\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-save\"\n                                        icon=\"check\"\n                                        size=\"sm\"\n                                        rtConfirmTone=\"primary\"\n                                        [ariaLabel]=\"t().uiSaveNewAgent\"\n                                        [rtConfirmTitle]=\"t().uiReplaceAgentTitle\"\n                                        [rtConfirmLabel]=\"t().uiReplace\"\n                                        [tooltip]=\"canSaveReassign() ? t().uiSaveNewAgent : t().uiPickAnotherAgent\"\n                                        [loading]=\"edit.loading\"\n                                        [disabled]=\"!canSaveReassign() || busy()\"\n                                        [rtConfirm]=\"edit.confirmText\"\n                                        [rtConfirmDisabled]=\"!canSaveReassign() || busy()\"\n                                        (confirmed)=\"onReassign()\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-cancel\"\n                                        icon=\"ico-close\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiRevert\"\n                                        [tooltip]=\"t().uiRevert\"\n                                        [disabled]=\"edit.loading\"\n                                        (clicked)=\"cancelEditAgent()\" />\n                                </div>\n                            }\n                        } @else {\n                            {{ row.value }}\n                        }\n                    </rt-detail-row>\n                }\n            </rt-detail-list>\n        }\n\n        @if (money().length > 0) {\n            <rt-money-list>\n                @for (moneyRow of money(); track moneyRow.label) {\n                    <rt-money-row\n                        qa-dataid=\"workspace-details-money-row\"\n                        [label]=\"moneyRow.label\"\n                        [total]=\"moneyRow.total ?? false\"\n                        [loading]=\"loading()\">\n                        {{ moneyRow.amount | number: moneyRow.format ?? '1.0-0' }} ₽\n                    </rt-money-row>\n                }\n            </rt-money-list>\n        }\n\n        @if (toggles().length > 0 || toggleHint()) {\n            <rt-aside-section>\n                @for (toggle of toggles(); track toggle.id) {\n                    <div rtElem=\"toggle-row\" qa-dataid=\"workspace-details-toggle-row\" [attr.data-id]=\"toggle.id\">\n                        <span rtElem=\"toggle-label\" qa-dataid=\"workspace-details-toggle-label\">{{ toggle.label }}</span>\n                        <rt-toggle-switch\n                            qa-dataid=\"workspace-details-toggle\"\n                            [inputId]=\"toggle.id\"\n                            [ariaLabel]=\"toggle.label\"\n                            [ngModel]=\"toggle.value\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            [disabled]=\"(toggle.disabled ?? false) || busy()\"\n                            (ngModelChange)=\"onToggleChange(toggle, $event)\" />\n                    </div>\n                }\n                @if (toggleHint(); as hint) {\n                    <p rtElem=\"toggle-hint\" qa-dataid=\"workspace-details-toggle-hint\">{{ hint }}</p>\n                }\n            </rt-aside-section>\n        }\n    </ng-template>\n\n    <footer rtElem=\"footer\">\n        @for (panelAction of actions(); track panelAction.id) {\n            @if (panelAction.confirm; as confirm) {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [rtConfirmTitle]=\"confirm.title\"\n                    [rtConfirmLabel]=\"confirm.label\"\n                    [rtConfirmTone]=\"confirm.tone\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    [rtConfirm]=\"confirm.text\"\n                    [rtConfirmDisabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (confirmed)=\"onAction(panelAction)\"></button>\n            } @else {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (click)=\"onAction(panelAction)\"></button>\n            }\n        }\n    </footer>\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-workspace-details{--rt-workspace-details-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column;block-size:100%;min-block-size:0}.rt-workspace-details__head{display:flex;flex:0 0 auto;align-items:center;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__head-title{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-workspace-details__tabs{flex:1 1 auto;min-block-size:0}.rt-workspace-details__tabs .rt-tabs__header{align-items:flex-end;block-size:calc(56px + var(--rt-space-2) + var(--rt-space-1) + var(--rt-border-width-thin));border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__tabs .rt-tabs__tab-list{border-block-end:0}.rt-workspace-details__tabs .rt-tabs__content{padding-block-end:var(--rt-space-5);padding-inline:var(--rt-space-lg)}.rt-workspace-details__body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-5) var(--rt-space-lg);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-workspace-details__profile{display:flex;flex-direction:column;align-items:center;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-subtle);gap:calc(var(--rt-space-1) * 1.5);padding-block:var(--rt-space-2) var(--rt-space-5);text-align:center}.rt-workspace-details__profile-name{color:var(--rt-color-text-primary);font-size:var(--rt-text-lg);font-weight:var(--rt-font-weight-semibold);line-height:round(1em * var(--rt-leading-tight),1px)}.rt-workspace-details__profile-contact{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:round(1em * var(--rt-leading-tight),1px)}.rt-workspace-details__agent-view,.rt-workspace-details__agent-edit{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-workspace-details__agent-name{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-workspace-details__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--rt-space-md)}.rt-workspace-details__toggle-label{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium)}.rt-workspace-details__toggle-hint{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-workspace-details__transition-form{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__transition-submit{align-self:flex-start}.rt-workspace-details__audit{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__audit-loading,.rt-workspace-details__audit-more{align-self:center}.rt-workspace-details__footer{display:flex;flex:0 0 auto;flex-direction:column;padding:var(--rt-space-md) var(--rt-space-lg);border-block-start:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);gap:var(--rt-space-sm)}.rt-workspace-details__footer:empty{display:none}.rt-workspace-details__footer-action{justify-content:center;inline-size:100%}.rt-workspace-details__error{margin-inline:var(--rt-space-lg)}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -702,6 +719,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		profile: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "profile",
+				required: false
+			}]
+		}],
 		agentEdit: [{
 			type: i0.Input,
 			args: [{

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-workspace-details.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/workspace-details/rt-workspace-details.component.ts","../../../projects/ui-kit-v2/src/lib/components/workspace-details/rt-workspace-details.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { DecimalPipe, NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    untracked,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { NotificationBus } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtAsideSectionComponent } from '@rt-tools/ui-kit-v2/aside-section';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtConfirmDirective } from '@rt-tools/ui-kit-v2/confirm-popover';\nimport { RtDetailListComponent } from '@rt-tools/ui-kit-v2/detail-list';\nimport { RtDetailRowComponent } from '@rt-tools/ui-kit-v2/detail-list';\nimport { RtEmptyStateComponent } from '@rt-tools/ui-kit-v2/empty-state';\nimport { RtFieldComponent } from '@rt-tools/ui-kit-v2/field';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtMoneyListComponent } from '@rt-tools/ui-kit-v2/money-list';\nimport { RtMoneyRowComponent } from '@rt-tools/ui-kit-v2/money-list';\nimport { RtNoteComponent } from '@rt-tools/ui-kit-v2/note';\nimport { RtSelectComponent } from '@rt-tools/ui-kit-v2/select';\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtTabDirective } from '@rt-tools/ui-kit-v2/tabs';\nimport { RtTabsComponent } from '@rt-tools/ui-kit-v2/tabs';\nimport { RtTextareaComponent } from '@rt-tools/ui-kit-v2/textarea';\nimport { RtTimelineComponent } from '@rt-tools/ui-kit-v2/timeline';\nimport { RtToggleSwitchComponent } from '@rt-tools/ui-kit-v2/toggle-switch';\nimport { IRtWorkspaceDetails } from './rt-workspace-details.model';\n\nconst BEM_BLOCK: string = 'rt-workspace-details';\n\ninterface ITransitionFormShape {\n    to_key: FormControl<string | null>;\n    note: FormControl<string | null>;\n}\n\n@Component({\n    selector: 'rt-workspace-details',\n    templateUrl: './rt-workspace-details.component.html',\n    styleUrls: ['./rt-workspace-details.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // Angular\n        DecimalPipe,\n        FormsModule,\n        NgTemplateOutlet,\n        ReactiveFormsModule,\n\n        // standalone components / directives\n        RtAsideSectionComponent,\n        RtButtonDirective,\n        RtConfirmDirective,\n        RtDetailListComponent,\n        RtDetailRowComponent,\n        RtEmptyStateComponent,\n        RtFieldComponent,\n        RtIconButtonComponent,\n        RtMoneyListComponent,\n        RtMoneyRowComponent,\n        RtNoteComponent,\n        RtSelectComponent,\n        RtSpinnerComponent,\n        RtTabDirective,\n        RtTabsComponent,\n        RtTextareaComponent,\n        RtTimelineComponent,\n        RtToggleSwitchComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtWorkspaceDetailsComponent {\n    readonly #notificationBus: NotificationBus = inject(NotificationBus);\n\n    readonly #lastEntityId: WritableSignal<number | null | undefined> = signal<number | null | undefined>(undefined);\n\n    readonly #lastAgentId: WritableSignal<number | null | undefined> = signal<number | null | undefined>(undefined);\n\n    #lastTransitionSuccess: string | null = null;\n\n    #lastTransitionError: string | null = null;\n\n    #lastTransitionSubmitError: string | null = null;\n\n    #lastAuditError: string | null = null;\n\n    #lastPanelError: string | null = null;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly editingAgent: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly selectedAgentId: WritableSignal<number | null> = signal<number | null>(null);\n\n    protected readonly transitionForm: FormGroup<ITransitionFormShape> = new FormGroup<ITransitionFormShape>({\n        to_key: new FormControl<string | null>(null, {\n            validators: [Validators.required],\n        }),\n        note: new FormControl<string | null>(null),\n    });\n\n    protected readonly hasTabs: Signal<boolean> = computed((): boolean => this.transition() !== null || this.audit() !== null);\n\n    protected readonly noTransitions: Signal<boolean> = computed((): boolean => {\n        const transition: IRtWorkspaceDetails.Transition | null = this.transition();\n        return transition !== null && !transition.loading && transition.error === null && transition.options.length === 0;\n    });\n\n    protected readonly canSaveReassign: Signal<boolean> = computed((): boolean => {\n        const edit: IRtWorkspaceDetails.AgentEdit | null = this.agentEdit();\n        const selected: number | null = this.selectedAgentId();\n        return edit !== null && selected !== null && selected !== edit.currentAgentId;\n    });\n\n    public readonly title: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly entityId: InputSignal<number | null> = input<number | null>(null);\n\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly busy: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly rows: InputSignal<readonly IRtWorkspaceDetails.Row[]> = input<readonly IRtWorkspaceDetails.Row[]>([]);\n\n    public readonly agentEdit: InputSignal<IRtWorkspaceDetails.AgentEdit | null> = input<IRtWorkspaceDetails.AgentEdit | null>(null);\n\n    public readonly money: InputSignal<readonly IRtWorkspaceDetails.MoneyRow[]> = input<readonly IRtWorkspaceDetails.MoneyRow[]>([]);\n\n    public readonly toggles: InputSignal<readonly IRtWorkspaceDetails.Toggle[]> = input<readonly IRtWorkspaceDetails.Toggle[]>([]);\n\n    public readonly toggleHint: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly transition: InputSignal<IRtWorkspaceDetails.Transition | null> = input<IRtWorkspaceDetails.Transition | null>(null);\n\n    public readonly audit: InputSignal<IRtWorkspaceDetails.Audit | null> = input<IRtWorkspaceDetails.Audit | null>(null);\n\n    public readonly actions: InputSignal<readonly IRtWorkspaceDetails.Action[]> = input<readonly IRtWorkspaceDetails.Action[]>([]);\n\n    public readonly error: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly toggleChange: OutputEmitterRef<IRtWorkspaceDetails.ToggleChange> = output<IRtWorkspaceDetails.ToggleChange>();\n\n    public readonly agentReassign: OutputEmitterRef<number> = output<number>();\n\n    public readonly transitionSubmit: OutputEmitterRef<IRtWorkspaceDetails.TransitionSubmit> =\n        output<IRtWorkspaceDetails.TransitionSubmit>();\n\n    public readonly transitionSuccessClose: OutputEmitterRef<void> = output<void>();\n\n    public readonly transitionErrorClose: OutputEmitterRef<void> = output<void>();\n\n    public readonly auditLoadMore: OutputEmitterRef<void> = output<void>();\n\n    public readonly actionClicked: OutputEmitterRef<string> = output<string>();\n\n    constructor() {\n        effect((): void => {\n            const id: number | null = this.entityId();\n            if (id === untracked((): number | null | undefined => this.#lastEntityId())) {\n                return;\n            }\n            this.#lastEntityId.set(id);\n            this.editingAgent.set(false);\n            this.selectedAgentId.set(untracked((): IRtWorkspaceDetails.AgentEdit | null => this.agentEdit())?.currentAgentId ?? null);\n            this.transitionForm.reset();\n        });\n\n        effect((): void => {\n            const currentAgentId: number | null = this.agentEdit()?.currentAgentId ?? null;\n            if (currentAgentId === untracked((): number | null | undefined => this.#lastAgentId())) {\n                return;\n            }\n            this.#lastAgentId.set(currentAgentId);\n            this.editingAgent.set(false);\n            this.selectedAgentId.set(currentAgentId);\n        });\n\n        effect((): void => {\n            if (this.transition()?.success != null) {\n                this.transitionForm.reset();\n            }\n        });\n\n        effect((): void => {\n            const successText: string | null = this.transition()?.success ?? null;\n            if (successText !== null && successText !== this.#lastTransitionSuccess) {\n                this.transitionSuccessClose.emit();\n            }\n            this.#lastTransitionSuccess = successText;\n        });\n\n        effect((): void => {\n            const submitError: string | null = this.transition()?.submitError ?? null;\n            if (submitError !== null && submitError !== this.#lastTransitionSubmitError) {\n                this.#notificationBus.error(submitError);\n                this.transitionErrorClose.emit();\n            }\n            this.#lastTransitionSubmitError = submitError;\n        });\n\n        effect((): void => {\n            const transitionError: string | null = this.transition()?.error ?? null;\n            if (transitionError !== null && transitionError !== this.#lastTransitionError) {\n                this.#notificationBus.error(transitionError);\n            }\n            this.#lastTransitionError = transitionError;\n        });\n\n        effect((): void => {\n            const auditError: string | null = this.audit()?.error ?? null;\n            if (auditError !== null && auditError !== this.#lastAuditError) {\n                this.#notificationBus.error(auditError);\n            }\n            this.#lastAuditError = auditError;\n        });\n\n        effect((): void => {\n            const panelError: string | null = this.error();\n            if (panelError !== null && panelError !== this.#lastPanelError) {\n                this.#notificationBus.error(panelError);\n            }\n            this.#lastPanelError = panelError;\n        });\n    }\n\n    protected startEditAgent(): void {\n        const edit: IRtWorkspaceDetails.AgentEdit | null = this.agentEdit();\n        if (edit === null || !edit.canEdit || this.busy()) {\n            return;\n        }\n        this.selectedAgentId.set(edit.currentAgentId);\n        this.editingAgent.set(true);\n    }\n\n    protected cancelEditAgent(): void {\n        const edit: IRtWorkspaceDetails.AgentEdit | null = this.agentEdit();\n        if (edit !== null && edit.loading) {\n            return;\n        }\n        this.selectedAgentId.set(edit?.currentAgentId ?? null);\n        this.editingAgent.set(false);\n    }\n\n    protected onReassign(): void {\n        const agentId: number | null = this.selectedAgentId();\n        if (agentId === null || !this.canSaveReassign() || this.busy()) {\n            return;\n        }\n        this.agentReassign.emit(agentId);\n    }\n\n    protected onSelectedAgentChange(agentId: number | null): void {\n        this.selectedAgentId.set(agentId);\n    }\n\n    protected onToggleChange(toggle: IRtWorkspaceDetails.Toggle, value: boolean): void {\n        if (toggle.value === value) {\n            return;\n        }\n        this.toggleChange.emit({ id: toggle.id, value });\n    }\n\n    protected onTransitionSubmit(): void {\n        const transition: IRtWorkspaceDetails.Transition | null = this.transition();\n        if (transition === null || transition.submitting) {\n            return;\n        }\n        if (!this.transitionForm.valid) {\n            this.transitionForm.markAllAsTouched();\n            return;\n        }\n\n        const value: ReturnType<typeof this.transitionForm.getRawValue> = this.transitionForm.getRawValue();\n        this.transitionSubmit.emit({\n            stageKey: value.to_key ?? '',\n            comment: value.note?.trim() ?? '',\n        });\n    }\n\n    protected onAuditLoadMore(): void {\n        this.auditLoadMore.emit();\n    }\n\n    protected onAction(action: IRtWorkspaceDetails.Action): void {\n        if ((action.disabled ?? false) || this.busy()) {\n            return;\n        }\n        this.actionClicked.emit(action.id);\n    }\n}\n","<ng-container rtBlock=\"rt-workspace-details\">\n    @if (title(); as headTitle) {\n        <header rtElem=\"head\">\n            <span rtElem=\"head-title\" qa-dataid=\"workspace-details-title\">{{ headTitle }}</span>\n        </header>\n    }\n\n    @if (hasTabs()) {\n        <rt-tabs rtElem=\"tabs\" qa-dataid=\"workspace-details-tabs\">\n            <ng-template rtTab=\"details\" [label]=\"t().uiDetails\">\n                <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n            </ng-template>\n\n            <ng-template rtTab=\"transition\" [label]=\"t().uiStageTransition\" [hidden]=\"transition() === null\">\n                @if (transition(); as stageTransition) {\n                    @if (stageTransition.currentStageLabel; as stageLabel) {\n                        <rt-detail-list>\n                            <rt-detail-row qa-dataid=\"workspace-details-current-stage\" [label]=\"t().uiCurrentStage\">\n                                {{ stageLabel }}\n                            </rt-detail-row>\n                        </rt-detail-list>\n                    }\n\n                    @if (noTransitions()) {\n                        <rt-note qa-dataid=\"workspace-details-no-transitions\">{{ stageTransition.noTransitionsText }}</rt-note>\n                    } @else {\n                        <form\n                            rtElem=\"transition-form\"\n                            qa-dataid=\"workspace-details-transition-form\"\n                            [formGroup]=\"transitionForm\"\n                            (ngSubmit)=\"onTransitionSubmit()\">\n                            <rt-field\n                                [label]=\"t().uiTargetStage\"\n                                [loading]=\"stageTransition.loading\"\n                                [errors]=\"{ required: t().uiTargetStageRequired }\">\n                                <rt-select\n                                    formControlName=\"to_key\"\n                                    qa-dataid=\"workspace-details-transition-stage\"\n                                    [placeholder]=\"t().uiPickTransition\"\n                                    [options]=\"stageTransition.options\" />\n                            </rt-field>\n\n                            <rt-field [label]=\"t().uiCommentOptional\" [hint]=\"t().uiStageNoteHint\" [loading]=\"stageTransition.loading\">\n                                <rt-textarea formControlName=\"note\" qa-dataid=\"workspace-details-transition-note\" rows=\"3\" />\n                            </rt-field>\n\n                            <button\n                                rtButton\n                                rtElem=\"transition-submit\"\n                                qa-dataid=\"workspace-details-transition-submit\"\n                                type=\"submit\"\n                                [label]=\"t().uiMoveStage\"\n                                [attr.aria-label]=\"t().uiMoveStageAria\"\n                                [loading]=\"stageTransition.submitting\"\n                                [disabled]=\"stageTransition.loading || busy()\"></button>\n                        </form>\n                    }\n                }\n            </ng-template>\n\n            <ng-template rtTab=\"audit\" [label]=\"t().uiHistory\" [hidden]=\"audit() === null\">\n                @if (audit(); as auditFeed) {\n                    <div rtElem=\"audit\" qa-dataid=\"workspace-details-audit\">\n                        @if (auditFeed.loading) {\n                            <rt-spinner rtElem=\"audit-loading\" qa-dataid=\"workspace-details-audit-loading\" />\n                        } @else if (auditFeed.steps.length === 0) {\n                            <rt-empty-state\n                                qa-dataid=\"workspace-details-audit-empty\"\n                                icon=\"history\"\n                                [description]=\"t().uiAuditEmptyHint\"\n                                [title]=\"auditFeed.emptyText\" />\n                        } @else {\n                            <rt-timeline qa-dataid=\"workspace-details-audit-timeline\" [steps]=\"auditFeed.steps\" />\n                        }\n\n                        @if (auditFeed.hasMore) {\n                            <button\n                                rtButton\n                                rtElem=\"audit-more\"\n                                qa-dataid=\"workspace-details-audit-more\"\n                                type=\"button\"\n                                appearance=\"text\"\n                                [label]=\"t().uiLoadMore\"\n                                [attr.aria-label]=\"t().uiLoadMore\"\n                                [loading]=\"auditFeed.loadingMore\"\n                                [disabled]=\"auditFeed.loadingMore\"\n                                (click)=\"onAuditLoadMore()\"></button>\n                        }\n                    </div>\n                }\n            </ng-template>\n        </rt-tabs>\n    } @else {\n        <div rtElem=\"body\">\n            <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n        </div>\n    }\n\n    <ng-template #detailsTpl>\n        @if (rows().length > 0) {\n            <rt-detail-list>\n                @for (row of rows(); track row.label) {\n                    <rt-detail-row qa-dataid=\"workspace-details-row\" [label]=\"row.label\" [loading]=\"loading()\">\n                        @if (row.agent && agentEdit(); as edit) {\n                            @if (!editingAgent()) {\n                                <div rtElem=\"agent-view\">\n                                    <span rtElem=\"agent-name\" qa-dataid=\"workspace-details-agent-name\">{{ edit.currentLabel }}</span>\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-edit\"\n                                        icon=\"pencil\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiChangeAgent\"\n                                        [tooltip]=\"edit.canEdit ? edit.editTooltip : edit.cannotEditTooltip\"\n                                        [disabled]=\"!edit.canEdit || busy()\"\n                                        (clicked)=\"startEditAgent()\" />\n                                </div>\n                            } @else {\n                                <div rtElem=\"agent-edit\">\n                                    <rt-select\n                                        qa-dataid=\"workspace-details-agent-select\"\n                                        [placeholder]=\"t().uiPickAgent\"\n                                        [ngModel]=\"selectedAgentId()\"\n                                        [ngModelOptions]=\"{ standalone: true }\"\n                                        [options]=\"edit.options\"\n                                        [clearable]=\"false\"\n                                        (ngModelChange)=\"onSelectedAgentChange($event)\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-save\"\n                                        icon=\"check\"\n                                        size=\"sm\"\n                                        rtConfirmTone=\"primary\"\n                                        [ariaLabel]=\"t().uiSaveNewAgent\"\n                                        [rtConfirmTitle]=\"t().uiReplaceAgentTitle\"\n                                        [rtConfirmLabel]=\"t().uiReplace\"\n                                        [tooltip]=\"canSaveReassign() ? t().uiSaveNewAgent : t().uiPickAnotherAgent\"\n                                        [loading]=\"edit.loading\"\n                                        [disabled]=\"!canSaveReassign() || busy()\"\n                                        [rtConfirm]=\"edit.confirmText\"\n                                        [rtConfirmDisabled]=\"!canSaveReassign() || busy()\"\n                                        (confirmed)=\"onReassign()\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-cancel\"\n                                        icon=\"ico-close\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiRevert\"\n                                        [tooltip]=\"t().uiRevert\"\n                                        [disabled]=\"edit.loading\"\n                                        (clicked)=\"cancelEditAgent()\" />\n                                </div>\n                            }\n                        } @else {\n                            {{ row.value }}\n                        }\n                    </rt-detail-row>\n                }\n            </rt-detail-list>\n        }\n\n        @if (money().length > 0) {\n            <rt-money-list>\n                @for (moneyRow of money(); track moneyRow.label) {\n                    <rt-money-row\n                        qa-dataid=\"workspace-details-money-row\"\n                        [label]=\"moneyRow.label\"\n                        [total]=\"moneyRow.total ?? false\"\n                        [loading]=\"loading()\">\n                        {{ moneyRow.amount | number: moneyRow.format ?? '1.0-0' }} ₽\n                    </rt-money-row>\n                }\n            </rt-money-list>\n        }\n\n        @if (toggles().length > 0 || toggleHint()) {\n            <rt-aside-section>\n                @for (toggle of toggles(); track toggle.id) {\n                    <div rtElem=\"toggle-row\" qa-dataid=\"workspace-details-toggle-row\" [attr.data-id]=\"toggle.id\">\n                        <span rtElem=\"toggle-label\" qa-dataid=\"workspace-details-toggle-label\">{{ toggle.label }}</span>\n                        <rt-toggle-switch\n                            qa-dataid=\"workspace-details-toggle\"\n                            [inputId]=\"toggle.id\"\n                            [ariaLabel]=\"toggle.label\"\n                            [ngModel]=\"toggle.value\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            [disabled]=\"(toggle.disabled ?? false) || busy()\"\n                            (ngModelChange)=\"onToggleChange(toggle, $event)\" />\n                    </div>\n                }\n                @if (toggleHint(); as hint) {\n                    <p rtElem=\"toggle-hint\" qa-dataid=\"workspace-details-toggle-hint\">{{ hint }}</p>\n                }\n            </rt-aside-section>\n        }\n    </ng-template>\n\n    <footer rtElem=\"footer\">\n        @for (panelAction of actions(); track panelAction.id) {\n            @if (panelAction.confirm; as confirm) {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [rtConfirmTitle]=\"confirm.title\"\n                    [rtConfirmLabel]=\"confirm.label\"\n                    [rtConfirmTone]=\"confirm.tone\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    [rtConfirm]=\"confirm.text\"\n                    [rtConfirmDisabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (confirmed)=\"onAction(panelAction)\"></button>\n            } @else {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (click)=\"onAction(panelAction)\"></button>\n            }\n        }\n    </footer>\n</ng-container>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-workspace-details.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/workspace-details/rt-workspace-details.component.ts","../../../projects/ui-kit-v2/src/lib/components/workspace-details/rt-workspace-details.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { DecimalPipe, NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    untracked,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { NotificationBus } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtAsideSectionComponent } from '@rt-tools/ui-kit-v2/aside-section';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtConfirmDirective } from '@rt-tools/ui-kit-v2/confirm-popover';\nimport { RtDetailListComponent } from '@rt-tools/ui-kit-v2/detail-list';\nimport { RtDetailRowComponent } from '@rt-tools/ui-kit-v2/detail-list';\nimport { RtEmptyStateComponent } from '@rt-tools/ui-kit-v2/empty-state';\nimport { RtFieldComponent } from '@rt-tools/ui-kit-v2/field';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtMoneyListComponent } from '@rt-tools/ui-kit-v2/money-list';\nimport { RtMoneyRowComponent } from '@rt-tools/ui-kit-v2/money-list';\nimport { RtNoteComponent } from '@rt-tools/ui-kit-v2/note';\nimport { RtSelectComponent } from '@rt-tools/ui-kit-v2/select';\nimport { RtServiceLogoComponent } from '@rt-tools/ui-kit-v2/service-logo';\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtTabDirective } from '@rt-tools/ui-kit-v2/tabs';\nimport { RtTabsComponent } from '@rt-tools/ui-kit-v2/tabs';\nimport { RtTextareaComponent } from '@rt-tools/ui-kit-v2/textarea';\nimport { RtTimelineComponent } from '@rt-tools/ui-kit-v2/timeline';\nimport { RtToggleSwitchComponent } from '@rt-tools/ui-kit-v2/toggle-switch';\nimport { IRtWorkspaceDetails } from './rt-workspace-details.model';\n\nconst BEM_BLOCK: string = 'rt-workspace-details';\n\ninterface ITransitionFormShape {\n    to_key: FormControl<string | null>;\n    note: FormControl<string | null>;\n}\n\n@Component({\n    selector: 'rt-workspace-details',\n    templateUrl: './rt-workspace-details.component.html',\n    styleUrls: ['./rt-workspace-details.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // Angular\n        DecimalPipe,\n        FormsModule,\n        NgTemplateOutlet,\n        ReactiveFormsModule,\n\n        // standalone components / directives\n        RtAsideSectionComponent,\n        RtButtonDirective,\n        RtConfirmDirective,\n        RtDetailListComponent,\n        RtDetailRowComponent,\n        RtEmptyStateComponent,\n        RtFieldComponent,\n        RtIconButtonComponent,\n        RtMoneyListComponent,\n        RtMoneyRowComponent,\n        RtNoteComponent,\n        RtSelectComponent,\n        RtServiceLogoComponent,\n        RtSpinnerComponent,\n        RtTabDirective,\n        RtTabsComponent,\n        RtTextareaComponent,\n        RtTimelineComponent,\n        RtToggleSwitchComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtWorkspaceDetailsComponent {\n    readonly #notificationBus: NotificationBus = inject(NotificationBus);\n\n    readonly #lastEntityId: WritableSignal<number | null | undefined> = signal<number | null | undefined>(undefined);\n\n    readonly #lastAgentId: WritableSignal<number | null | undefined> = signal<number | null | undefined>(undefined);\n\n    #lastTransitionSuccess: string | null = null;\n\n    #lastTransitionError: string | null = null;\n\n    #lastTransitionSubmitError: string | null = null;\n\n    #lastAuditError: string | null = null;\n\n    #lastPanelError: string | null = null;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly editingAgent: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly selectedAgentId: WritableSignal<number | null> = signal<number | null>(null);\n\n    protected readonly transitionForm: FormGroup<ITransitionFormShape> = new FormGroup<ITransitionFormShape>({\n        to_key: new FormControl<string | null>(null, {\n            validators: [Validators.required],\n        }),\n        note: new FormControl<string | null>(null),\n    });\n\n    protected readonly hasTabs: Signal<boolean> = computed((): boolean => this.transition() !== null || this.audit() !== null);\n\n    protected readonly noTransitions: Signal<boolean> = computed((): boolean => {\n        const transition: IRtWorkspaceDetails.Transition | null = this.transition();\n        return transition !== null && !transition.loading && transition.error === null && transition.options.length === 0;\n    });\n\n    protected readonly canSaveReassign: Signal<boolean> = computed((): boolean => {\n        const edit: IRtWorkspaceDetails.AgentEdit | null = this.agentEdit();\n        const selected: number | null = this.selectedAgentId();\n        return edit !== null && selected !== null && selected !== edit.currentAgentId;\n    });\n\n    public readonly title: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly entityId: InputSignal<number | null> = input<number | null>(null);\n\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly busy: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly rows: InputSignal<readonly IRtWorkspaceDetails.Row[]> = input<readonly IRtWorkspaceDetails.Row[]>([]);\n\n    /** Верх сведений о человеке над строками: без него сведения начинаются со строк */\n    public readonly profile: InputSignal<IRtWorkspaceDetails.Profile | null> = input<IRtWorkspaceDetails.Profile | null>(null);\n\n    public readonly agentEdit: InputSignal<IRtWorkspaceDetails.AgentEdit | null> = input<IRtWorkspaceDetails.AgentEdit | null>(null);\n\n    public readonly money: InputSignal<readonly IRtWorkspaceDetails.MoneyRow[]> = input<readonly IRtWorkspaceDetails.MoneyRow[]>([]);\n\n    public readonly toggles: InputSignal<readonly IRtWorkspaceDetails.Toggle[]> = input<readonly IRtWorkspaceDetails.Toggle[]>([]);\n\n    public readonly toggleHint: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly transition: InputSignal<IRtWorkspaceDetails.Transition | null> = input<IRtWorkspaceDetails.Transition | null>(null);\n\n    public readonly audit: InputSignal<IRtWorkspaceDetails.Audit | null> = input<IRtWorkspaceDetails.Audit | null>(null);\n\n    public readonly actions: InputSignal<readonly IRtWorkspaceDetails.Action[]> = input<readonly IRtWorkspaceDetails.Action[]>([]);\n\n    public readonly error: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly toggleChange: OutputEmitterRef<IRtWorkspaceDetails.ToggleChange> = output<IRtWorkspaceDetails.ToggleChange>();\n\n    public readonly agentReassign: OutputEmitterRef<number> = output<number>();\n\n    public readonly transitionSubmit: OutputEmitterRef<IRtWorkspaceDetails.TransitionSubmit> =\n        output<IRtWorkspaceDetails.TransitionSubmit>();\n\n    public readonly transitionSuccessClose: OutputEmitterRef<void> = output<void>();\n\n    public readonly transitionErrorClose: OutputEmitterRef<void> = output<void>();\n\n    public readonly auditLoadMore: OutputEmitterRef<void> = output<void>();\n\n    public readonly actionClicked: OutputEmitterRef<string> = output<string>();\n\n    constructor() {\n        effect((): void => {\n            const id: number | null = this.entityId();\n            if (id === untracked((): number | null | undefined => this.#lastEntityId())) {\n                return;\n            }\n            this.#lastEntityId.set(id);\n            this.editingAgent.set(false);\n            this.selectedAgentId.set(untracked((): IRtWorkspaceDetails.AgentEdit | null => this.agentEdit())?.currentAgentId ?? null);\n            this.transitionForm.reset();\n        });\n\n        effect((): void => {\n            const currentAgentId: number | null = this.agentEdit()?.currentAgentId ?? null;\n            if (currentAgentId === untracked((): number | null | undefined => this.#lastAgentId())) {\n                return;\n            }\n            this.#lastAgentId.set(currentAgentId);\n            this.editingAgent.set(false);\n            this.selectedAgentId.set(currentAgentId);\n        });\n\n        effect((): void => {\n            if (this.transition()?.success != null) {\n                this.transitionForm.reset();\n            }\n        });\n\n        effect((): void => {\n            const successText: string | null = this.transition()?.success ?? null;\n            if (successText !== null && successText !== this.#lastTransitionSuccess) {\n                this.transitionSuccessClose.emit();\n            }\n            this.#lastTransitionSuccess = successText;\n        });\n\n        effect((): void => {\n            const submitError: string | null = this.transition()?.submitError ?? null;\n            if (submitError !== null && submitError !== this.#lastTransitionSubmitError) {\n                this.#notificationBus.error(submitError);\n                this.transitionErrorClose.emit();\n            }\n            this.#lastTransitionSubmitError = submitError;\n        });\n\n        effect((): void => {\n            const transitionError: string | null = this.transition()?.error ?? null;\n            if (transitionError !== null && transitionError !== this.#lastTransitionError) {\n                this.#notificationBus.error(transitionError);\n            }\n            this.#lastTransitionError = transitionError;\n        });\n\n        effect((): void => {\n            const auditError: string | null = this.audit()?.error ?? null;\n            if (auditError !== null && auditError !== this.#lastAuditError) {\n                this.#notificationBus.error(auditError);\n            }\n            this.#lastAuditError = auditError;\n        });\n\n        effect((): void => {\n            const panelError: string | null = this.error();\n            if (panelError !== null && panelError !== this.#lastPanelError) {\n                this.#notificationBus.error(panelError);\n            }\n            this.#lastPanelError = panelError;\n        });\n    }\n\n    protected startEditAgent(): void {\n        const edit: IRtWorkspaceDetails.AgentEdit | null = this.agentEdit();\n        if (edit === null || !edit.canEdit || this.busy()) {\n            return;\n        }\n        this.selectedAgentId.set(edit.currentAgentId);\n        this.editingAgent.set(true);\n    }\n\n    protected cancelEditAgent(): void {\n        const edit: IRtWorkspaceDetails.AgentEdit | null = this.agentEdit();\n        if (edit !== null && edit.loading) {\n            return;\n        }\n        this.selectedAgentId.set(edit?.currentAgentId ?? null);\n        this.editingAgent.set(false);\n    }\n\n    protected onReassign(): void {\n        const agentId: number | null = this.selectedAgentId();\n        if (agentId === null || !this.canSaveReassign() || this.busy()) {\n            return;\n        }\n        this.agentReassign.emit(agentId);\n    }\n\n    protected onSelectedAgentChange(agentId: number | null): void {\n        this.selectedAgentId.set(agentId);\n    }\n\n    protected onToggleChange(toggle: IRtWorkspaceDetails.Toggle, value: boolean): void {\n        if (toggle.value === value) {\n            return;\n        }\n        this.toggleChange.emit({ id: toggle.id, value });\n    }\n\n    protected onTransitionSubmit(): void {\n        const transition: IRtWorkspaceDetails.Transition | null = this.transition();\n        if (transition === null || transition.submitting) {\n            return;\n        }\n        if (!this.transitionForm.valid) {\n            this.transitionForm.markAllAsTouched();\n            return;\n        }\n\n        const value: ReturnType<typeof this.transitionForm.getRawValue> = this.transitionForm.getRawValue();\n        this.transitionSubmit.emit({\n            stageKey: value.to_key ?? '',\n            comment: value.note?.trim() ?? '',\n        });\n    }\n\n    protected onAuditLoadMore(): void {\n        this.auditLoadMore.emit();\n    }\n\n    protected onAction(action: IRtWorkspaceDetails.Action): void {\n        if ((action.disabled ?? false) || this.busy()) {\n            return;\n        }\n        this.actionClicked.emit(action.id);\n    }\n}\n","<ng-container rtBlock=\"rt-workspace-details\">\n    @if (title(); as headTitle) {\n        <header rtElem=\"head\">\n            <span rtElem=\"head-title\" qa-dataid=\"workspace-details-title\">{{ headTitle }}</span>\n        </header>\n    }\n\n    @if (hasTabs()) {\n        <rt-tabs rtElem=\"tabs\" qa-dataid=\"workspace-details-tabs\">\n            <ng-template rtTab=\"details\" [label]=\"t().uiDetails\">\n                <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n            </ng-template>\n\n            <ng-template rtTab=\"transition\" [label]=\"t().uiStageTransition\" [hidden]=\"transition() === null\">\n                @if (transition(); as stageTransition) {\n                    @if (stageTransition.currentStageLabel; as stageLabel) {\n                        <rt-detail-list>\n                            <rt-detail-row qa-dataid=\"workspace-details-current-stage\" [label]=\"t().uiCurrentStage\">\n                                {{ stageLabel }}\n                            </rt-detail-row>\n                        </rt-detail-list>\n                    }\n\n                    @if (noTransitions()) {\n                        <rt-note qa-dataid=\"workspace-details-no-transitions\">{{ stageTransition.noTransitionsText }}</rt-note>\n                    } @else {\n                        <form\n                            rtElem=\"transition-form\"\n                            qa-dataid=\"workspace-details-transition-form\"\n                            [formGroup]=\"transitionForm\"\n                            (ngSubmit)=\"onTransitionSubmit()\">\n                            <rt-field\n                                [label]=\"t().uiTargetStage\"\n                                [loading]=\"stageTransition.loading\"\n                                [errors]=\"{ required: t().uiTargetStageRequired }\">\n                                <rt-select\n                                    formControlName=\"to_key\"\n                                    qa-dataid=\"workspace-details-transition-stage\"\n                                    [placeholder]=\"t().uiPickTransition\"\n                                    [options]=\"stageTransition.options\" />\n                            </rt-field>\n\n                            <rt-field [label]=\"t().uiCommentOptional\" [hint]=\"t().uiStageNoteHint\" [loading]=\"stageTransition.loading\">\n                                <rt-textarea formControlName=\"note\" qa-dataid=\"workspace-details-transition-note\" rows=\"3\" />\n                            </rt-field>\n\n                            <button\n                                rtButton\n                                rtElem=\"transition-submit\"\n                                qa-dataid=\"workspace-details-transition-submit\"\n                                type=\"submit\"\n                                [label]=\"t().uiMoveStage\"\n                                [attr.aria-label]=\"t().uiMoveStageAria\"\n                                [loading]=\"stageTransition.submitting\"\n                                [disabled]=\"stageTransition.loading || busy()\"></button>\n                        </form>\n                    }\n                }\n            </ng-template>\n\n            <ng-template rtTab=\"audit\" [label]=\"t().uiHistory\" [hidden]=\"audit() === null\">\n                @if (audit(); as auditFeed) {\n                    <div rtElem=\"audit\" qa-dataid=\"workspace-details-audit\">\n                        @if (auditFeed.loading) {\n                            <rt-spinner rtElem=\"audit-loading\" qa-dataid=\"workspace-details-audit-loading\" />\n                        } @else if (auditFeed.steps.length === 0) {\n                            <rt-empty-state\n                                qa-dataid=\"workspace-details-audit-empty\"\n                                icon=\"history\"\n                                [description]=\"t().uiAuditEmptyHint\"\n                                [title]=\"auditFeed.emptyText\" />\n                        } @else {\n                            <rt-timeline qa-dataid=\"workspace-details-audit-timeline\" [steps]=\"auditFeed.steps\" />\n                        }\n\n                        @if (auditFeed.hasMore) {\n                            <button\n                                rtButton\n                                rtElem=\"audit-more\"\n                                qa-dataid=\"workspace-details-audit-more\"\n                                type=\"button\"\n                                appearance=\"text\"\n                                [label]=\"t().uiLoadMore\"\n                                [attr.aria-label]=\"t().uiLoadMore\"\n                                [loading]=\"auditFeed.loadingMore\"\n                                [disabled]=\"auditFeed.loadingMore\"\n                                (click)=\"onAuditLoadMore()\"></button>\n                        }\n                    </div>\n                }\n            </ng-template>\n        </rt-tabs>\n    } @else {\n        <div rtElem=\"body\">\n            <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n        </div>\n    }\n\n    <ng-template #detailsTpl>\n        @if (profile(); as person) {\n            <div rtElem=\"profile\" qa-dataid=\"workspace-details-profile\">\n                @if (person.sign; as sign) {\n                    <rt-service-logo size=\"md\" [logos]=\"[sign]\" />\n                }\n                <span rtElem=\"profile-name\">{{ person.name }}</span>\n                <span rtElem=\"profile-contact\">{{ person.contact }}</span>\n            </div>\n        }\n        @if (rows().length > 0) {\n            <rt-detail-list>\n                @for (row of rows(); track row.label) {\n                    <rt-detail-row qa-dataid=\"workspace-details-row\" [label]=\"row.label\" [loading]=\"loading()\">\n                        @if (row.agent && agentEdit(); as edit) {\n                            @if (!editingAgent()) {\n                                <div rtElem=\"agent-view\">\n                                    <span rtElem=\"agent-name\" qa-dataid=\"workspace-details-agent-name\">{{ edit.currentLabel }}</span>\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-edit\"\n                                        icon=\"pencil\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiChangeAgent\"\n                                        [tooltip]=\"edit.canEdit ? edit.editTooltip : edit.cannotEditTooltip\"\n                                        [disabled]=\"!edit.canEdit || busy()\"\n                                        (clicked)=\"startEditAgent()\" />\n                                </div>\n                            } @else {\n                                <div rtElem=\"agent-edit\">\n                                    <rt-select\n                                        qa-dataid=\"workspace-details-agent-select\"\n                                        [placeholder]=\"t().uiPickAgent\"\n                                        [ngModel]=\"selectedAgentId()\"\n                                        [ngModelOptions]=\"{ standalone: true }\"\n                                        [options]=\"edit.options\"\n                                        [clearable]=\"false\"\n                                        (ngModelChange)=\"onSelectedAgentChange($event)\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-save\"\n                                        icon=\"check\"\n                                        size=\"sm\"\n                                        rtConfirmTone=\"primary\"\n                                        [ariaLabel]=\"t().uiSaveNewAgent\"\n                                        [rtConfirmTitle]=\"t().uiReplaceAgentTitle\"\n                                        [rtConfirmLabel]=\"t().uiReplace\"\n                                        [tooltip]=\"canSaveReassign() ? t().uiSaveNewAgent : t().uiPickAnotherAgent\"\n                                        [loading]=\"edit.loading\"\n                                        [disabled]=\"!canSaveReassign() || busy()\"\n                                        [rtConfirm]=\"edit.confirmText\"\n                                        [rtConfirmDisabled]=\"!canSaveReassign() || busy()\"\n                                        (confirmed)=\"onReassign()\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-cancel\"\n                                        icon=\"ico-close\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiRevert\"\n                                        [tooltip]=\"t().uiRevert\"\n                                        [disabled]=\"edit.loading\"\n                                        (clicked)=\"cancelEditAgent()\" />\n                                </div>\n                            }\n                        } @else {\n                            {{ row.value }}\n                        }\n                    </rt-detail-row>\n                }\n            </rt-detail-list>\n        }\n\n        @if (money().length > 0) {\n            <rt-money-list>\n                @for (moneyRow of money(); track moneyRow.label) {\n                    <rt-money-row\n                        qa-dataid=\"workspace-details-money-row\"\n                        [label]=\"moneyRow.label\"\n                        [total]=\"moneyRow.total ?? false\"\n                        [loading]=\"loading()\">\n                        {{ moneyRow.amount | number: moneyRow.format ?? '1.0-0' }} ₽\n                    </rt-money-row>\n                }\n            </rt-money-list>\n        }\n\n        @if (toggles().length > 0 || toggleHint()) {\n            <rt-aside-section>\n                @for (toggle of toggles(); track toggle.id) {\n                    <div rtElem=\"toggle-row\" qa-dataid=\"workspace-details-toggle-row\" [attr.data-id]=\"toggle.id\">\n                        <span rtElem=\"toggle-label\" qa-dataid=\"workspace-details-toggle-label\">{{ toggle.label }}</span>\n                        <rt-toggle-switch\n                            qa-dataid=\"workspace-details-toggle\"\n                            [inputId]=\"toggle.id\"\n                            [ariaLabel]=\"toggle.label\"\n                            [ngModel]=\"toggle.value\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            [disabled]=\"(toggle.disabled ?? false) || busy()\"\n                            (ngModelChange)=\"onToggleChange(toggle, $event)\" />\n                    </div>\n                }\n                @if (toggleHint(); as hint) {\n                    <p rtElem=\"toggle-hint\" qa-dataid=\"workspace-details-toggle-hint\">{{ hint }}</p>\n                }\n            </rt-aside-section>\n        }\n    </ng-template>\n\n    <footer rtElem=\"footer\">\n        @for (panelAction of actions(); track panelAction.id) {\n            @if (panelAction.confirm; as confirm) {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [rtConfirmTitle]=\"confirm.title\"\n                    [rtConfirmLabel]=\"confirm.label\"\n                    [rtConfirmTone]=\"confirm.tone\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    [rtConfirm]=\"confirm.text\"\n                    [rtConfirmDisabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (confirmed)=\"onAction(panelAction)\"></button>\n            } @else {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (click)=\"onAction(panelAction)\"></button>\n            }\n        }\n    </footer>\n</ng-container>\n"],"mappings":"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"}