@rt-tools/ui-kit-v2 0.38.0 → 0.39.1

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-popover.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/popover/rt-popover.directive.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n    ConnectedPosition,\n    FlexibleConnectedPositionStrategy,\n    Overlay,\n    OverlayConfig,\n    OverlayRef,\n    OverlaySizeConfig,\n    ScrollStrategyOptions,\n} from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n    booleanAttribute,\n    DestroyRef,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    OnDestroy,\n    output,\n    OutputEmitterRef,\n    Signal,\n    signal,\n    TemplateRef,\n    ViewContainerRef,\n    WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { map, merge, Observable, Subject, switchMap } from 'rxjs';\n\nimport { carryThemeScope, materialPresetClassesOf } from '@rt-tools/ui-kit-v2/core';\nimport { IRtPopover } from './rt-popover.model';\n\nconst HOVER_CLOSE_DELAY_MS: number = 100;\n\n/**\n * Высота, ниже которой ужимать панель под вьюпорт бессмысленно: в такой полосе не\n * видно и одного пункта. Нужна только режиму `fitViewport` — по ней CDK решает,\n * что свободного места под триггером хватает.\n */\nconst FIT_VIEWPORT_MIN_HEIGHT_PX: number = 120;\n\n/**\n * Переиспользуемый popover-примитив поверх CDK Overlay. Привязывает плавающую\n * панель (`<ng-template>`) к host-элементу. Движок — CDK Overlay\n * (`flexibleConnectedTo`): авто-flip у края viewport, reposition при скролле,\n * outside-click и Escape закрытие из коробки — без ручного `position: absolute`\n * в `:host` (тот резался `overflow: hidden` предками: таблицы, aside, карточки).\n *\n * Триггеры:\n * - `click` (default) — toggle по клику на host; outside-click закрывает.\n * - `hover` — открытие на `mouseenter`, закрытие с grace-периодом на `mouseleave`\n *   (наведение на панель удерживает её открытой).\n * - `manual` — авто-listener'ы не вешаются; host сам зовёт `open()/close()`.\n *   Используется form-control'ами с собственным жестом (autocomplete — открытие\n *   по набору текста).\n *\n * `open()/close()/toggle()/isOpen()` публичны во ВСЕХ режимах — `trigger` лишь\n * определяет авто-listener'ы. `width: 'trigger'` синхронизирует ширину панели с\n * host'ом (dropdown'ы), `'trigger-min'` не даёт панели стать уже host'а и дальше пускает\n * её по содержимому, `'auto'` — content-sized (тултипы).\n */\n@Directive({\n    selector: '[rtPopover]',\n    exportAs: 'rtPopover',\n    host: {\n        '(click)': 'onHostClick()',\n        '(mouseenter)': 'onHostMouseEnter()',\n        '(mouseleave)': 'onHostMouseLeave($event)',\n    },\n})\nexport class RtPopoverDirective implements OnDestroy {\n    readonly #overlay: Overlay = inject(Overlay);\n    readonly #elementRef: ElementRef<HTMLElement> = inject<ElementRef<HTMLElement>>(ElementRef);\n    readonly #viewContainerRef: ViewContainerRef = inject(ViewContainerRef);\n    readonly #scrollStrategies: ScrollStrategyOptions = inject(ScrollStrategyOptions);\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    readonly #overlayCreatedSource: Subject<OverlayRef> = new Subject<OverlayRef>();\n\n    #overlayRef: OverlayRef | null = null;\n    #positionStrategy: FlexibleConnectedPositionStrategy | null = null;\n    #hoverCloseTimer: ReturnType<typeof setTimeout> | null = null;\n\n    protected readonly isOpenState: WritableSignal<boolean> = signal<boolean>(false);\n\n    public readonly template: InputSignal<TemplateRef<unknown> | null> = input<TemplateRef<unknown> | null>(null, { alias: 'rtPopover' });\n\n    public readonly trigger: InputSignal<IRtPopover.Trigger> = input<IRtPopover.Trigger>('click', {\n        alias: 'rtPopoverTrigger',\n    });\n\n    public readonly width: InputSignal<IRtPopover.Width> = input<IRtPopover.Width>('auto', {\n        alias: 'rtPopoverWidth',\n    });\n\n    /** `end` — панель прижата к правому краю host'а (триггеры у правого края viewport). */\n    public readonly align: InputSignal<IRtPopover.Align> = input<IRtPopover.Align>('start', {\n        alias: 'rtPopoverAlign',\n    });\n\n    /**\n     * Панель обязана уместиться во вьюпорт: не влезающая по ширине сдвигается от\n     * края экрана внутрь, не влезающая по высоте ужимается до свободного места под\n     * триггером, и содержимое в ней прокручивается.\n     *\n     * По умолчанию выключено: панель стоит ровно там, куда её ставит привязка к\n     * триггеру, даже если часть её ушла за экран. Включать там, где панель широкая\n     * или высокая настолько, что привязка сама по себе её не удерживает, — иначе\n     * пункты навигации остаются за краем экрана и недостижимы.\n     */\n    public readonly fitViewport: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        alias: 'rtPopoverFitViewport',\n        transform: booleanAttribute,\n    });\n\n    public readonly context: InputSignal<unknown> = input<unknown>(null, {\n        alias: 'rtPopoverContext',\n    });\n\n    public readonly panelClass: InputSignal<string> = input<string>('', {\n        alias: 'rtPopoverPanelClass',\n    });\n\n    /**\n     * Класс подложки под панелью. Пусто — подложки нет, и страница рядом с панелью остаётся\n     * открытой. Заданный ставит подложку на весь экран: её вид задаёт класс, а нажатие по ней\n     * закрывает панель так же, как нажатие снаружи. Читается при первом открытии.\n     */\n    public readonly backdropClass: InputSignal<string> = input<string>('', {\n        alias: 'rtPopoverBackdropClass',\n    });\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        alias: 'rtPopoverDisabled',\n        transform: booleanAttribute,\n    });\n\n    public readonly offsetY: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(4, {\n        alias: 'rtPopoverOffsetY',\n        transform: numberAttribute,\n    });\n\n    public readonly offsetX: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(0, {\n        alias: 'rtPopoverOffsetX',\n        transform: numberAttribute,\n    });\n\n    /**\n     * Свои места панели вокруг host'а: первое главное, остальные — запасные у края экрана. `null` —\n     * прежние два: под host'ом и над ним. Заданные читаются при каждом открытии.\n     */\n    public readonly positions: InputSignal<readonly ConnectedPosition[] | null> = input<readonly ConnectedPosition[] | null>(null, {\n        alias: 'rtPopoverPositions',\n    });\n\n    public readonly opened: OutputEmitterRef<void> = output<void>({ alias: 'rtPopoverOpened' });\n\n    public readonly closed: OutputEmitterRef<void> = output<void>({ alias: 'rtPopoverClosed' });\n\n    public readonly isOpen: Signal<boolean> = this.isOpenState.asReadonly();\n\n    constructor() {\n        // Outside-click / ESC подписки на единожды создаваемый overlay живут в\n        // одном конструкторном стриме: #ensureOverlay эмитит OverlayRef после\n        // создания (ровно один раз за жизнь директивы), стрим живёт до destroy.\n        this.#overlayCreatedSource\n            .pipe(\n                switchMap((overlayRef: OverlayRef): Observable<() => void> =>\n                    merge(\n                        overlayRef.outsidePointerEvents().pipe(\n                            map((event: MouseEvent): (() => void) => (): void => {\n                                // Клик по host в режиме click обрабатывает onHostClick (toggle) —\n                                // не закрываем здесь, иначе двойной toggle (close + open).\n                                if (this.#elementRef.nativeElement.contains(event.target as Node)) {\n                                    return;\n                                }\n                                // Клик по вложенной панели — не клик снаружи: закрытие\n                                // разрушило бы её вместе с нашей до того, как выбор\n                                // дойдёт до обработчика\n                                if (this.#isNestedOverlay(event.target)) {\n                                    return;\n                                }\n                                this.close();\n                            })\n                        ),\n                        // Подложка ловит нажатие раньше документа: снаружи оно уже не приходит\n                        overlayRef.backdropClick().pipe(map((): (() => void) => (): void => this.close())),\n                        overlayRef.keydownEvents().pipe(\n                            map((event: KeyboardEvent): (() => void) => (): void => {\n                                if (event.key === 'Escape') {\n                                    event.preventDefault();\n                                    this.close();\n                                }\n                            })\n                        )\n                    )\n                ),\n                takeUntilDestroyed(this.#destroyRef)\n            )\n            .subscribe((handleCloseIntent: () => void): void => handleCloseIntent());\n    }\n\n    public ngOnDestroy(): void {\n        this.#clearHoverTimer();\n        this.#disposeOverlay();\n    }\n\n    public open(): void {\n        if (this.disabled() || this.isOpenState() || this.template() === null) {\n            return;\n        }\n        const overlayRef: OverlayRef = this.#ensureOverlay();\n        const positions: readonly ConnectedPosition[] | null = this.positions();\n        if (positions !== null) {\n            this.#positionStrategy?.withPositions([...positions]);\n        }\n        const hostWidth: number = this.#elementRef.nativeElement.offsetWidth;\n        const sizeByWidth: Record<IRtPopover.Width, OverlaySizeConfig> = {\n            trigger: { width: hostWidth },\n            'trigger-min': { minWidth: hostWidth },\n            auto: {},\n        };\n        overlayRef.updateSize(sizeByWidth[this.width()]);\n        // Тема куска `rtTheme` вокруг host'а едет на коробку панели: панель лежит в конце\n        // страницы, и без этого список из тёмной карточки рисовался темой страницы.\n        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);\n        const portal: TemplatePortal<unknown> = new TemplatePortal(this.template() as TemplateRef<unknown>, this.#viewContainerRef, {\n            $implicit: this.context(),\n        });\n        overlayRef.attach(portal);\n        this.#releasePaneMinHeight(overlayRef);\n        this.isOpenState.set(true);\n        this.opened.emit();\n    }\n\n    public close(): void {\n        if (!this.isOpenState()) {\n            return;\n        }\n        this.#overlayRef?.detach();\n        this.isOpenState.set(false);\n        this.closed.emit();\n    }\n\n    public toggle(): void {\n        if (this.isOpenState()) {\n            this.close();\n        } else {\n            this.open();\n        }\n    }\n\n    // --- авто-triggers (HostListener'ы навешиваются на host безусловно, но\n    //     проверяют активный режим — это дешевле, чем условная подписка) ---\n\n    protected onHostClick(): void {\n        if (this.trigger() !== 'click' || this.disabled()) {\n            return;\n        }\n        this.toggle();\n    }\n\n    protected onHostMouseEnter(): void {\n        if (this.trigger() !== 'hover') {\n            return;\n        }\n        this.#clearHoverTimer();\n        this.open();\n    }\n\n    protected onHostMouseLeave(event: MouseEvent): void {\n        if (this.trigger() !== 'hover') {\n            return;\n        }\n        if (this.#isNestedOverlay(event.relatedTarget)) {\n            return;\n        }\n        this.#scheduleHoverClose();\n    }\n\n    #ensureOverlay(): OverlayRef {\n        if (this.#overlayRef !== null) {\n            return this.#overlayRef;\n        }\n        const alignX: 'start' | 'end' = this.align();\n        const positions: ConnectedPosition[] = [\n            {\n                originX: alignX,\n                originY: 'bottom',\n                overlayX: alignX,\n                overlayY: 'top',\n                offsetX: this.offsetX(),\n                offsetY: this.offsetY(),\n            },\n            {\n                originX: alignX,\n                originY: 'top',\n                overlayX: alignX,\n                overlayY: 'bottom',\n                offsetX: this.offsetX(),\n                offsetY: -this.offsetY(),\n            },\n        ];\n        // Сдвиг к краю экрана и ужатие по высоте включаются только по просьбе\n        // потребителя: панель, которая и так помещается, обязана стоять у своего\n        // триггера — меню строки таблицы, подтверждение, меню профиля.\n        const fitViewport: boolean = this.fitViewport();\n        const positionStrategy: FlexibleConnectedPositionStrategy = this.#overlay\n            .position()\n            .flexibleConnectedTo(this.#elementRef)\n            .withPush(fitViewport)\n            .withFlexibleDimensions(fitViewport)\n            // Отступ от края экрана равен отступу от триггера: свободное место\n            // считается без него, и ужатая по высоте панель свисала бы за нижний\n            // край ровно на этот отступ — вместе со своей рамкой.\n            .withViewportMargin(fitViewport ? Math.abs(this.offsetY()) : 0)\n            .withPositions(positions);\n        this.#positionStrategy = positionStrategy;\n\n        const config: OverlayConfig = new OverlayConfig({\n            positionStrategy,\n            scrollStrategy: this.#scrollStrategies.reposition(),\n            hasBackdrop: this.backdropClass().trim() !== '',\n            backdropClass: this.backdropClass().trim() || undefined,\n            panelClass: this.#resolvePanelClasses(),\n            // Порог, ниже которого свободного места под триггером считается\n            // недостаточно и панель не ужимается, а сдвигается целиком.\n            minHeight: fitViewport ? FIT_VIEWPORT_MIN_HEIGHT_PX : undefined,\n        });\n        const overlayRef: OverlayRef = this.#overlay.create(config);\n\n        // Hover-bridge: при переходе курсора с host'а на панель отложенный close\n        // (grace-период) гасится; уход с панели планирует его заново. Без этого\n        // hover-popover закрывался бы по таймеру, как только мышь покидает host.\n        // Listeners живут на overlay-элементе и умирают вместе с ним в dispose().\n        overlayRef.overlayElement.addEventListener('mouseenter', (): void => {\n            if (this.trigger() === 'hover') {\n                this.#clearHoverTimer();\n            }\n        });\n        overlayRef.overlayElement.addEventListener('mouseleave', (event: MouseEvent): void => {\n            if (this.trigger() === 'hover' && !this.#isNestedOverlay(event.relatedTarget)) {\n                this.#scheduleHoverClose();\n            }\n        });\n\n        // Outside-click / ESC подписки объявлены один раз в конструкторе —\n        // здесь только эмит созданного OverlayRef (см. #overlayCreatedSource-стрим).\n        this.#overlayCreatedSource.next(overlayRef);\n\n        this.#overlayRef = overlayRef;\n        return overlayRef;\n    }\n\n    /**\n     * Панель, открытая из нашей — список `rt-select`, календарь, вложенное меню.\n     *\n     * В DOM она лежит не внутри нашей панели, а рядом, отдельным оверлеем CDK.\n     * Поэтому и уход курсора на неё, и клик по ней выглядят как «ушёл наружу»:\n     * меню профиля закрывалось прямо под рукой, стоило потянуться к списку\n     * языков, а выбранное значение до обработчика не доходило — панель со\n     * `rt-select` разрушалась раньше.\n     *\n     * Вложенность определяется порядком в контейнере оверлеев: CDK добавляет их\n     * по мере открытия, поэтому панель, открытая из нашей, всегда следует за\n     * нашей. Соседний оверлей, открытый до нас, этой проверкой не удерживается —\n     * клик по нему закрывает попап, как и любой клик снаружи.\n     */\n    #isNestedOverlay(target: EventTarget | null): boolean {\n        const panel: HTMLElement | undefined = this.#overlayRef?.overlayElement;\n        if (!panel || !(target instanceof Element)) {\n            return false;\n        }\n\n        const nested: Element | null = target.closest('.cdk-overlay-pane');\n        const container: HTMLElement | null = panel.parentElement;\n        if (nested === null || nested === panel || container === null) {\n            return false;\n        }\n\n        // `querySelectorAll` отдаёт узлы в порядке документа — им и меряется,\n        // какая панель открыта позже\n        const panes: readonly Element[] = Array.from(container.querySelectorAll('.cdk-overlay-pane'));\n\n        return panes.indexOf(nested) > panes.indexOf(panel);\n    }\n\n    /**\n     * Порог подгонки остаётся в настройке оверлея и уходит из стиля коробки.\n     *\n     * CDK читает порог из настройки, когда решает, сдвинуть панель или ужать. Но при `attach` и\n     * при каждом `updateSize` он пишет то же число в стиль коробки, и короткая панель\n     * растягивалась до порога: под двумя пунктами «Ещё» шапки стояла пустая полоса.\n     */\n    #releasePaneMinHeight(overlayRef: OverlayRef): void {\n        overlayRef.overlayElement.style.minHeight = '';\n    }\n\n    #resolvePanelClasses(): string[] {\n        const base: string = 'rt-popover-panel';\n        const extra: string = this.panelClass().trim();\n        const preset: string[] = materialPresetClassesOf(this.#elementRef.nativeElement);\n        return extra ? [base, ...extra.split(/\\s+/), ...preset] : [base, ...preset];\n    }\n\n    #scheduleHoverClose(): void {\n        this.#clearHoverTimer();\n        this.#hoverCloseTimer = setTimeout((): void => this.close(), HOVER_CLOSE_DELAY_MS);\n    }\n\n    #clearHoverTimer(): void {\n        if (this.#hoverCloseTimer !== null) {\n            clearTimeout(this.#hoverCloseTimer);\n            this.#hoverCloseTimer = null;\n        }\n    }\n\n    #disposeOverlay(): void {\n        this.#overlayRef?.dispose();\n        this.#overlayRef = null;\n        this.#positionStrategy = null;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-popover.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/popover/rt-popover.directive.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n    ConnectedPosition,\n    FlexibleConnectedPositionStrategy,\n    Overlay,\n    OverlayConfig,\n    OverlayRef,\n    OverlaySizeConfig,\n    ScrollStrategyOptions,\n} from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n    booleanAttribute,\n    DestroyRef,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    OnDestroy,\n    output,\n    OutputEmitterRef,\n    Signal,\n    signal,\n    TemplateRef,\n    ViewContainerRef,\n    WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { map, merge, Observable, Subject, switchMap } from 'rxjs';\n\nimport { carryThemeScope, materialPresetClassesOf } from '@rt-tools/ui-kit-v2/core';\nimport { IRtPopover } from './rt-popover.model';\n\nconst HOVER_CLOSE_DELAY_MS: number = 100;\n\n/**\n * Высота, ниже которой ужимать панель под вьюпорт бессмысленно: в такой полосе не\n * видно и одного пункта. Нужна только режиму `fitViewport` — по ней CDK решает,\n * что свободного места под триггером хватает.\n */\nconst FIT_VIEWPORT_MIN_HEIGHT_PX: number = 120;\n\n/**\n * Переиспользуемый popover-примитив поверх CDK Overlay. Привязывает плавающую\n * панель (`<ng-template>`) к host-элементу. Движок — CDK Overlay\n * (`flexibleConnectedTo`): авто-flip у края viewport, reposition при скролле,\n * outside-click и Escape закрытие из коробки — без ручного `position: absolute`\n * в `:host` (тот резался `overflow: hidden` предками: таблицы, aside, карточки).\n *\n * Триггеры:\n * - `click` (default) — toggle по клику на host; outside-click закрывает.\n * - `hover` — открытие на `mouseenter`, закрытие с grace-периодом на `mouseleave`\n *   (наведение на панель удерживает её открытой). Наведение судится только мышиное:\n *   касание и перо открывают панель нажатием.\n * - `manual` — авто-listener'ы не вешаются; host сам зовёт `open()/close()`.\n *   Используется form-control'ами с собственным жестом (autocomplete — открытие\n *   по набору текста).\n *\n * `open()/close()/toggle()/isOpen()` публичны во ВСЕХ режимах — `trigger` лишь\n * определяет авто-listener'ы. `width: 'trigger'` синхронизирует ширину панели с\n * host'ом (dropdown'ы), `'trigger-min'` не даёт панели стать уже host'а и дальше пускает\n * её по содержимому, `'auto'` — content-sized (тултипы).\n */\n@Directive({\n    selector: '[rtPopover]',\n    exportAs: 'rtPopover',\n    host: {\n        '(click)': 'onHostClick()',\n        '(pointerenter)': 'onHostPointerEnter($event)',\n        '(mouseenter)': 'onHostMouseEnter()',\n        '(mouseleave)': 'onHostMouseLeave($event)',\n    },\n})\nexport class RtPopoverDirective implements OnDestroy {\n    readonly #overlay: Overlay = inject(Overlay);\n    readonly #elementRef: ElementRef<HTMLElement> = inject<ElementRef<HTMLElement>>(ElementRef);\n    readonly #viewContainerRef: ViewContainerRef = inject(ViewContainerRef);\n    readonly #scrollStrategies: ScrollStrategyOptions = inject(ScrollStrategyOptions);\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    readonly #overlayCreatedSource: Subject<OverlayRef> = new Subject<OverlayRef>();\n\n    #overlayRef: OverlayRef | null = null;\n    #positionStrategy: FlexibleConnectedPositionStrategy | null = null;\n    #hoverCloseTimer: ReturnType<typeof setTimeout> | null = null;\n\n    /**\n     * Чем пришёл последний указатель — на host или на панель. Касание браузер дублирует\n     * событиями мыши: наведение от него открывало меню профиля, нажатие того же касания\n     * падало на подложку и закрывало меню, а повторное наведение после снятия подложки\n     * открывало его снова. Указатель приходит раньше своих событий мыши, поэтому по нему\n     * наведение от касания и пера отличается от мышиного.\n     */\n    #pointerType: string = 'mouse';\n\n    protected readonly isOpenState: WritableSignal<boolean> = signal<boolean>(false);\n\n    public readonly template: InputSignal<TemplateRef<unknown> | null> = input<TemplateRef<unknown> | null>(null, { alias: 'rtPopover' });\n\n    public readonly trigger: InputSignal<IRtPopover.Trigger> = input<IRtPopover.Trigger>('click', {\n        alias: 'rtPopoverTrigger',\n    });\n\n    public readonly width: InputSignal<IRtPopover.Width> = input<IRtPopover.Width>('auto', {\n        alias: 'rtPopoverWidth',\n    });\n\n    /** `end` — панель прижата к правому краю host'а (триггеры у правого края viewport). */\n    public readonly align: InputSignal<IRtPopover.Align> = input<IRtPopover.Align>('start', {\n        alias: 'rtPopoverAlign',\n    });\n\n    /**\n     * Панель обязана уместиться во вьюпорт: не влезающая по ширине сдвигается от\n     * края экрана внутрь, не влезающая по высоте ужимается до свободного места под\n     * триггером, и содержимое в ней прокручивается.\n     *\n     * По умолчанию выключено: панель стоит ровно там, куда её ставит привязка к\n     * триггеру, даже если часть её ушла за экран. Включать там, где панель широкая\n     * или высокая настолько, что привязка сама по себе её не удерживает, — иначе\n     * пункты навигации остаются за краем экрана и недостижимы.\n     */\n    public readonly fitViewport: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        alias: 'rtPopoverFitViewport',\n        transform: booleanAttribute,\n    });\n\n    public readonly context: InputSignal<unknown> = input<unknown>(null, {\n        alias: 'rtPopoverContext',\n    });\n\n    public readonly panelClass: InputSignal<string> = input<string>('', {\n        alias: 'rtPopoverPanelClass',\n    });\n\n    /**\n     * Класс подложки под панелью. Пусто — подложки нет, и страница рядом с панелью остаётся\n     * открытой. Заданный ставит подложку на весь экран: её вид задаёт класс, а нажатие по ней\n     * закрывает панель так же, как нажатие снаружи. Читается при первом открытии.\n     */\n    public readonly backdropClass: InputSignal<string> = input<string>('', {\n        alias: 'rtPopoverBackdropClass',\n    });\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        alias: 'rtPopoverDisabled',\n        transform: booleanAttribute,\n    });\n\n    public readonly offsetY: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(4, {\n        alias: 'rtPopoverOffsetY',\n        transform: numberAttribute,\n    });\n\n    public readonly offsetX: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(0, {\n        alias: 'rtPopoverOffsetX',\n        transform: numberAttribute,\n    });\n\n    /**\n     * Свои места панели вокруг host'а: первое главное, остальные — запасные у края экрана. `null` —\n     * прежние два: под host'ом и над ним. Заданные читаются при каждом открытии.\n     */\n    public readonly positions: InputSignal<readonly ConnectedPosition[] | null> = input<readonly ConnectedPosition[] | null>(null, {\n        alias: 'rtPopoverPositions',\n    });\n\n    public readonly opened: OutputEmitterRef<void> = output<void>({ alias: 'rtPopoverOpened' });\n\n    public readonly closed: OutputEmitterRef<void> = output<void>({ alias: 'rtPopoverClosed' });\n\n    public readonly isOpen: Signal<boolean> = this.isOpenState.asReadonly();\n\n    constructor() {\n        // Outside-click / ESC подписки на единожды создаваемый overlay живут в\n        // одном конструкторном стриме: #ensureOverlay эмитит OverlayRef после\n        // создания (ровно один раз за жизнь директивы), стрим живёт до destroy.\n        this.#overlayCreatedSource\n            .pipe(\n                switchMap((overlayRef: OverlayRef): Observable<() => void> =>\n                    merge(\n                        overlayRef.outsidePointerEvents().pipe(\n                            map((event: MouseEvent): (() => void) => (): void => {\n                                // Клик по host в режиме click обрабатывает onHostClick (toggle) —\n                                // не закрываем здесь, иначе двойной toggle (close + open).\n                                if (this.#elementRef.nativeElement.contains(event.target as Node)) {\n                                    return;\n                                }\n                                // Клик по вложенной панели — не клик снаружи: закрытие\n                                // разрушило бы её вместе с нашей до того, как выбор\n                                // дойдёт до обработчика\n                                if (this.#isNestedOverlay(event.target)) {\n                                    return;\n                                }\n                                this.close();\n                            })\n                        ),\n                        // Подложка ловит нажатие раньше документа: снаружи оно уже не приходит\n                        overlayRef.backdropClick().pipe(map((): (() => void) => (): void => this.close())),\n                        overlayRef.keydownEvents().pipe(\n                            map((event: KeyboardEvent): (() => void) => (): void => {\n                                if (event.key === 'Escape') {\n                                    event.preventDefault();\n                                    this.close();\n                                }\n                            })\n                        )\n                    )\n                ),\n                takeUntilDestroyed(this.#destroyRef)\n            )\n            .subscribe((handleCloseIntent: () => void): void => handleCloseIntent());\n    }\n\n    public ngOnDestroy(): void {\n        this.#clearHoverTimer();\n        this.#disposeOverlay();\n    }\n\n    public open(): void {\n        if (this.disabled() || this.isOpenState() || this.template() === null) {\n            return;\n        }\n        const overlayRef: OverlayRef = this.#ensureOverlay();\n        const positions: readonly ConnectedPosition[] | null = this.positions();\n        if (positions !== null) {\n            this.#positionStrategy?.withPositions([...positions]);\n        }\n        const hostWidth: number = this.#elementRef.nativeElement.offsetWidth;\n        const sizeByWidth: Record<IRtPopover.Width, OverlaySizeConfig> = {\n            trigger: { width: hostWidth },\n            'trigger-min': { minWidth: hostWidth },\n            auto: {},\n        };\n        overlayRef.updateSize(sizeByWidth[this.width()]);\n        // Тема куска `rtTheme` вокруг host'а едет на коробку панели: панель лежит в конце\n        // страницы, и без этого список из тёмной карточки рисовался темой страницы.\n        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);\n        const portal: TemplatePortal<unknown> = new TemplatePortal(this.template() as TemplateRef<unknown>, this.#viewContainerRef, {\n            $implicit: this.context(),\n        });\n        overlayRef.attach(portal);\n        this.#releasePaneMinHeight(overlayRef);\n        this.isOpenState.set(true);\n        this.opened.emit();\n    }\n\n    public close(): void {\n        if (!this.isOpenState()) {\n            return;\n        }\n        this.#overlayRef?.detach();\n        this.isOpenState.set(false);\n        this.closed.emit();\n    }\n\n    public toggle(): void {\n        if (this.isOpenState()) {\n            this.close();\n        } else {\n            this.open();\n        }\n    }\n\n    // --- авто-triggers (HostListener'ы навешиваются на host безусловно, но\n    //     проверяют активный режим — это дешевле, чем условная подписка) ---\n\n    protected onHostClick(): void {\n        if (this.disabled()) {\n            return;\n        }\n        if (this.trigger() === 'click') {\n            this.toggle();\n        }\n        // Касанию наведения нет: в режиме hover его заменяет нажатие, и только открывает —\n        // закрывают нажатие снаружи и подложка\n        if (this.trigger() === 'hover') {\n            this.open();\n        }\n    }\n\n    protected onHostPointerEnter(event: PointerEvent): void {\n        this.#pointerType = event.pointerType;\n        // Указатель любого типа вернулся к host: закрытие, запланированное уходом мыши, отменяется.\n        // Иначе на устройстве с мышью и экраном касания панель гасла бы под пальцем.\n        this.#clearHoverTimer();\n    }\n\n    protected onHostMouseEnter(): void {\n        if (!this.#isMouseHover()) {\n            return;\n        }\n        this.#clearHoverTimer();\n        this.open();\n    }\n\n    protected onHostMouseLeave(event: MouseEvent): void {\n        if (!this.#isMouseHover()) {\n            return;\n        }\n        if (this.#isNestedOverlay(event.relatedTarget)) {\n            return;\n        }\n        this.#scheduleHoverClose();\n    }\n\n    #ensureOverlay(): OverlayRef {\n        if (this.#overlayRef !== null) {\n            return this.#overlayRef;\n        }\n        const alignX: 'start' | 'end' = this.align();\n        const positions: ConnectedPosition[] = [\n            {\n                originX: alignX,\n                originY: 'bottom',\n                overlayX: alignX,\n                overlayY: 'top',\n                offsetX: this.offsetX(),\n                offsetY: this.offsetY(),\n            },\n            {\n                originX: alignX,\n                originY: 'top',\n                overlayX: alignX,\n                overlayY: 'bottom',\n                offsetX: this.offsetX(),\n                offsetY: -this.offsetY(),\n            },\n        ];\n        // Сдвиг к краю экрана и ужатие по высоте включаются только по просьбе\n        // потребителя: панель, которая и так помещается, обязана стоять у своего\n        // триггера — меню строки таблицы, подтверждение, меню профиля.\n        const fitViewport: boolean = this.fitViewport();\n        const positionStrategy: FlexibleConnectedPositionStrategy = this.#overlay\n            .position()\n            .flexibleConnectedTo(this.#elementRef)\n            .withPush(fitViewport)\n            .withFlexibleDimensions(fitViewport)\n            // Отступ от края экрана равен отступу от триггера: свободное место\n            // считается без него, и ужатая по высоте панель свисала бы за нижний\n            // край ровно на этот отступ — вместе со своей рамкой.\n            .withViewportMargin(fitViewport ? Math.abs(this.offsetY()) : 0)\n            .withPositions(positions);\n        this.#positionStrategy = positionStrategy;\n\n        const config: OverlayConfig = new OverlayConfig({\n            positionStrategy,\n            scrollStrategy: this.#scrollStrategies.reposition(),\n            hasBackdrop: this.backdropClass().trim() !== '',\n            backdropClass: this.backdropClass().trim() || undefined,\n            panelClass: this.#resolvePanelClasses(),\n            // Порог, ниже которого свободного места под триггером считается\n            // недостаточно и панель не ужимается, а сдвигается целиком.\n            minHeight: fitViewport ? FIT_VIEWPORT_MIN_HEIGHT_PX : undefined,\n        });\n        const overlayRef: OverlayRef = this.#overlay.create(config);\n\n        // Hover-bridge: при переходе курсора с host'а на панель отложенный close\n        // (grace-период) гасится; уход с панели планирует его заново. Без этого\n        // hover-popover закрывался бы по таймеру, как только мышь покидает host.\n        // Listeners живут на overlay-элементе и умирают вместе с ним в dispose().\n        overlayRef.overlayElement.addEventListener('pointerenter', (event: PointerEvent): void => {\n            this.#pointerType = event.pointerType;\n            this.#clearHoverTimer();\n        });\n        overlayRef.overlayElement.addEventListener('mouseenter', (): void => {\n            if (this.#isMouseHover()) {\n                this.#clearHoverTimer();\n            }\n        });\n        overlayRef.overlayElement.addEventListener('mouseleave', (event: MouseEvent): void => {\n            if (this.#isMouseHover() && !this.#isNestedOverlay(event.relatedTarget)) {\n                this.#scheduleHoverClose();\n            }\n        });\n\n        // Outside-click / ESC подписки объявлены один раз в конструкторе —\n        // здесь только эмит созданного OverlayRef (см. #overlayCreatedSource-стрим).\n        this.#overlayCreatedSource.next(overlayRef);\n\n        this.#overlayRef = overlayRef;\n        return overlayRef;\n    }\n\n    /**\n     * Панель, открытая из нашей — список `rt-select`, календарь, вложенное меню.\n     *\n     * В DOM она лежит не внутри нашей панели, а рядом, отдельным оверлеем CDK.\n     * Поэтому и уход курсора на неё, и клик по ней выглядят как «ушёл наружу»:\n     * меню профиля закрывалось прямо под рукой, стоило потянуться к списку\n     * языков, а выбранное значение до обработчика не доходило — панель со\n     * `rt-select` разрушалась раньше.\n     *\n     * Вложенность определяется порядком в контейнере оверлеев: CDK добавляет их\n     * по мере открытия, поэтому панель, открытая из нашей, всегда следует за\n     * нашей. Соседний оверлей, открытый до нас, этой проверкой не удерживается —\n     * клик по нему закрывает попап, как и любой клик снаружи.\n     */\n    #isNestedOverlay(target: EventTarget | null): boolean {\n        const panel: HTMLElement | undefined = this.#overlayRef?.overlayElement;\n        if (!panel || !(target instanceof Element)) {\n            return false;\n        }\n\n        const nested: Element | null = target.closest('.cdk-overlay-pane');\n        const container: HTMLElement | null = panel.parentElement;\n        if (nested === null || nested === panel || container === null) {\n            return false;\n        }\n\n        // `querySelectorAll` отдаёт узлы в порядке документа — им и меряется,\n        // какая панель открыта позже\n        const panes: readonly Element[] = Array.from(container.querySelectorAll('.cdk-overlay-pane'));\n\n        return panes.indexOf(nested) > panes.indexOf(panel);\n    }\n\n    /**\n     * Порог подгонки остаётся в настройке оверлея и уходит из стиля коробки.\n     *\n     * CDK читает порог из настройки, когда решает, сдвинуть панель или ужать. Но при `attach` и\n     * при каждом `updateSize` он пишет то же число в стиль коробки, и короткая панель\n     * растягивалась до порога: под двумя пунктами «Ещё» шапки стояла пустая полоса.\n     */\n    #releasePaneMinHeight(overlayRef: OverlayRef): void {\n        overlayRef.overlayElement.style.minHeight = '';\n    }\n\n    #resolvePanelClasses(): string[] {\n        const base: string = 'rt-popover-panel';\n        const extra: string = this.panelClass().trim();\n        const preset: string[] = materialPresetClassesOf(this.#elementRef.nativeElement);\n        return extra ? [base, ...extra.split(/\\s+/), ...preset] : [base, ...preset];\n    }\n\n    /** Режим hover и наведение мышью, а не событие мыши, порождённое касанием или пером. */\n    #isMouseHover(): boolean {\n        return this.trigger() === 'hover' && this.#pointerType === 'mouse';\n    }\n\n    #scheduleHoverClose(): void {\n        this.#clearHoverTimer();\n        this.#hoverCloseTimer = setTimeout((): void => this.close(), HOVER_CLOSE_DELAY_MS);\n    }\n\n    #clearHoverTimer(): void {\n        if (this.#hoverCloseTimer !== null) {\n            clearTimeout(this.#hoverCloseTimer);\n            this.#hoverCloseTimer = null;\n        }\n    }\n\n    #disposeOverlay(): void {\n        this.#overlayRef?.dispose();\n        this.#overlayRef = null;\n        this.#positionStrategy = null;\n    }\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,8 @@
+import * as i1 from "@angular/cdk/scrolling";
+import { CdkScrollable } from "@angular/cdk/scrolling";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, inject, input, output } from "@angular/core";
-import * as i1 from "@angular/forms";
+import * as i2 from "@angular/forms";
 import { FormsModule } from "@angular/forms";
 import { BlockDirective, ElemDirective } from "@rt-tools/core";
 import { RT_KIT_LABELS, ThemeService } from "@rt-tools/ui-kit-v2/core";
@@ -110,9 +112,10 @@ var RtProfileMenuComponent = class RtProfileMenuComponent {
 				signOut: "signOut"
 			},
 			host: { classAttribute: "rt-profile-menu" },
+			hostDirectives: [{ directive: i1.CdkScrollable }],
 			ngImport: i0,
 			template: "<ng-container rtBlock=\"rt-profile-menu\">\n    <div rtElem=\"user\">\n        <span rtElem=\"avatar\" aria-hidden=\"true\">{{ avatar() }}</span>\n        <span rtElem=\"name\" qa-dataid=\"profile-user-name\">{{ userName() }}</span>\n        @if (organizationName()) {\n            <span rtElem=\"organization\" qa-dataid=\"profile-organization\">\n                {{ organizationName() }}\n                <span rtElem=\"organization-label\">{{ t().profileMenuOrganization }}</span>\n            </span>\n        }\n    </div>\n\n    <div rtElem=\"nav\" role=\"menu\">\n        @switch (organizationChange()) {\n            @case ('allowed') {\n                <rt-menu-item\n                    rtElem=\"item\"\n                    qa-dataid=\"profile-change-organization\"\n                    icon=\"refresh\"\n                    [label]=\"t().profileMenuChangeOrganization\"\n                    (selected)=\"changeOrganization.emit()\" />\n            }\n            @case ('denied') {\n                <rt-menu-item\n                    rtElem=\"item\"\n                    qa-dataid=\"profile-change-organization\"\n                    icon=\"refresh\"\n                    disabled\n                    [label]=\"t().profileMenuChangeOrganization\"\n                    [tooltip]=\"t().profileMenuChangeOrganizationDenied\" />\n            }\n        }\n\n        @if (passwordChange()) {\n            <rt-menu-item\n                rtElem=\"item\"\n                qa-dataid=\"profile-password-change\"\n                icon=\"ico-lock\"\n                [label]=\"t().profileMenuChangePassword\"\n                (selected)=\"changePassword.emit()\" />\n        }\n\n        <rt-menu-item\n            rtElem=\"item\"\n            qa-dataid=\"profile-logout\"\n            icon=\"ico-exit\"\n            [disabled]=\"signOutDisabled()\"\n            [label]=\"t().profileMenuSignOut\"\n            (selected)=\"signOut.emit()\" />\n    </div>\n\n    <!-- Своего правила у переключателя языка нет: ширину ему задаёт колонка блока. -->\n    @if (locales().length) {\n        <rt-select\n            qa-dataid=\"profile-locale-select\"\n            name=\"rtProfileMenuLocale\"\n            [options]=\"locales()\"\n            [ngModel]=\"locale()\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"localeChange.emit($event)\" />\n    }\n\n    <rt-menu-item\n        rtElem=\"theme\"\n        qa-dataid=\"profile-theme-toggle\"\n        [icon]=\"themeIcon()\"\n        [label]=\"t().profileMenuSwitchTheme\"\n        (selected)=\"onToggleTheme()\" />\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-profile-menu{display:flex;min-width:var(--rt-profile-menu-min-width);box-sizing:border-box;flex-direction:column;padding:var(--rt-profile-menu-padding);border:var(--rt-profile-menu-border-width) solid var(--rt-nav-panel-color-border);border-radius:var(--rt-profile-menu-radius);background-color:var(--rt-nav-panel-color-bg);box-shadow:var(--rt-profile-menu-shadow);gap:var(--rt-space-2)}.rt-profile-menu__user{display:flex;flex-direction:column;padding-bottom:var(--rt-space-2);gap:var(--rt-space-2)}.rt-profile-menu__avatar{display:inline-flex;width:var(--rt-profile-avatar-size);height:var(--rt-profile-avatar-size);align-items:center;justify-content:center;border:var(--rt-profile-avatar-border-width) solid var(--rt-nav-header-color-bg);border-radius:var(--rt-profile-avatar-radius);color:var(--rt-color-text-primary);font-size:var(--rt-profile-avatar-font-size);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-none)}.rt-profile-menu__name{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-tight)}.rt-profile-menu__organization{color:var(--rt-nav-panel-item-color);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-regular);line-height:var(--rt-leading-tight)}.rt-profile-menu__organization-label{color:var(--rt-nav-panel-group-color)}.rt-profile-menu__nav{display:flex;width:calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));flex-direction:column;margin-left:calc(-1 * var(--rt-profile-row-inset))}.rt-profile-menu .rt-profile-menu__item,.rt-profile-menu .rt-profile-menu__theme{border-radius:var(--rt-profile-item-radius);color:var(--rt-nav-panel-item-color);font-size:var(--rt-profile-item-font-size);font-weight:var(--rt-profile-item-font-weight);gap:var(--rt-profile-item-content-gap)}.rt-profile-menu .rt-profile-menu__item{padding:var(--rt-profile-item-padding-y) var(--rt-profile-row-inset)}.rt-profile-menu .rt-profile-menu__theme{width:calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));padding:var(--rt-profile-row-inset);margin-left:calc(-1 * var(--rt-profile-row-inset));color:var(--rt-color-action-primary)}.rt-profile-menu .rt-profile-menu__theme .rt-menu-item__icon{box-sizing:content-box;padding:var(--rt-profile-theme-icon-padding);border-radius:var(--rt-profile-theme-icon-radius);background-color:var(--rt-color-action-primary-subtle)}}\n"],
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-profile-menu{display:flex;min-width:var(--rt-profile-menu-min-width);box-sizing:border-box;flex-direction:column;padding:var(--rt-profile-menu-padding);border:var(--rt-profile-menu-border-width) solid var(--rt-nav-panel-color-border);border-radius:var(--rt-profile-menu-radius);background-color:var(--rt-nav-panel-color-bg);box-shadow:var(--rt-profile-menu-shadow);gap:var(--rt-space-2)}.rt-popover-panel>.rt-profile-menu{overflow:hidden auto;min-height:0;max-height:100%}.rt-profile-menu__user{display:flex;flex-direction:column;padding-bottom:var(--rt-space-2);gap:var(--rt-space-2)}.rt-profile-menu__avatar{display:inline-flex;width:var(--rt-profile-avatar-size);height:var(--rt-profile-avatar-size);align-items:center;justify-content:center;border:var(--rt-profile-avatar-border-width) solid var(--rt-nav-header-color-bg);border-radius:var(--rt-profile-avatar-radius);color:var(--rt-color-text-primary);font-size:var(--rt-profile-avatar-font-size);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-none)}.rt-profile-menu__name{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-tight)}.rt-profile-menu__organization{color:var(--rt-nav-panel-item-color);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-regular);line-height:var(--rt-leading-tight)}.rt-profile-menu__organization-label{color:var(--rt-nav-panel-group-color)}.rt-profile-menu__nav{display:flex;width:calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));flex-direction:column;margin-left:calc(-1 * var(--rt-profile-row-inset))}.rt-profile-menu .rt-profile-menu__item,.rt-profile-menu .rt-profile-menu__theme{border-radius:var(--rt-profile-item-radius);color:var(--rt-nav-panel-item-color);font-size:var(--rt-profile-item-font-size);font-weight:var(--rt-profile-item-font-weight);gap:var(--rt-profile-item-content-gap)}.rt-profile-menu .rt-profile-menu__item{padding:var(--rt-profile-item-padding-y) var(--rt-profile-row-inset)}.rt-profile-menu .rt-profile-menu__theme{width:calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));padding:var(--rt-profile-row-inset);margin-left:calc(-1 * var(--rt-profile-row-inset));color:var(--rt-color-action-primary)}.rt-profile-menu .rt-profile-menu__theme .rt-menu-item__icon{box-sizing:content-box;padding:var(--rt-profile-theme-icon-padding);border-radius:var(--rt-profile-theme-icon-radius);background-color:var(--rt-color-action-primary-subtle)}}\n"],
 			dependencies: [
 				{
 					kind: "ngmodule",
@@ -120,12 +123,12 @@ var RtProfileMenuComponent = class RtProfileMenuComponent {
 				},
 				{
 					kind: "directive",
-					type: i1.NgControlStatus,
+					type: i2.NgControlStatus,
 					selector: "[formControlName],[ngModel],[formControl]"
 				},
 				{
 					kind: "directive",
-					type: i1.NgModel,
+					type: i2.NgModel,
 					selector: "[ngModel]:not([formControlName]):not([formControl])",
 					inputs: [
 						"name",
@@ -211,9 +214,10 @@ i0.ɵɵngDeclareClassMetadata({
 				RtMenuItemComponent,
 				RtSelectComponent
 			],
+			hostDirectives: [CdkScrollable],
 			host: { class: BEM_BLOCK },
 			template: "<ng-container rtBlock=\"rt-profile-menu\">\n    <div rtElem=\"user\">\n        <span rtElem=\"avatar\" aria-hidden=\"true\">{{ avatar() }}</span>\n        <span rtElem=\"name\" qa-dataid=\"profile-user-name\">{{ userName() }}</span>\n        @if (organizationName()) {\n            <span rtElem=\"organization\" qa-dataid=\"profile-organization\">\n                {{ organizationName() }}\n                <span rtElem=\"organization-label\">{{ t().profileMenuOrganization }}</span>\n            </span>\n        }\n    </div>\n\n    <div rtElem=\"nav\" role=\"menu\">\n        @switch (organizationChange()) {\n            @case ('allowed') {\n                <rt-menu-item\n                    rtElem=\"item\"\n                    qa-dataid=\"profile-change-organization\"\n                    icon=\"refresh\"\n                    [label]=\"t().profileMenuChangeOrganization\"\n                    (selected)=\"changeOrganization.emit()\" />\n            }\n            @case ('denied') {\n                <rt-menu-item\n                    rtElem=\"item\"\n                    qa-dataid=\"profile-change-organization\"\n                    icon=\"refresh\"\n                    disabled\n                    [label]=\"t().profileMenuChangeOrganization\"\n                    [tooltip]=\"t().profileMenuChangeOrganizationDenied\" />\n            }\n        }\n\n        @if (passwordChange()) {\n            <rt-menu-item\n                rtElem=\"item\"\n                qa-dataid=\"profile-password-change\"\n                icon=\"ico-lock\"\n                [label]=\"t().profileMenuChangePassword\"\n                (selected)=\"changePassword.emit()\" />\n        }\n\n        <rt-menu-item\n            rtElem=\"item\"\n            qa-dataid=\"profile-logout\"\n            icon=\"ico-exit\"\n            [disabled]=\"signOutDisabled()\"\n            [label]=\"t().profileMenuSignOut\"\n            (selected)=\"signOut.emit()\" />\n    </div>\n\n    <!-- Своего правила у переключателя языка нет: ширину ему задаёт колонка блока. -->\n    @if (locales().length) {\n        <rt-select\n            qa-dataid=\"profile-locale-select\"\n            name=\"rtProfileMenuLocale\"\n            [options]=\"locales()\"\n            [ngModel]=\"locale()\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"localeChange.emit($event)\" />\n    }\n\n    <rt-menu-item\n        rtElem=\"theme\"\n        qa-dataid=\"profile-theme-toggle\"\n        [icon]=\"themeIcon()\"\n        [label]=\"t().profileMenuSwitchTheme\"\n        (selected)=\"onToggleTheme()\" />\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-profile-menu{display:flex;min-width:var(--rt-profile-menu-min-width);box-sizing:border-box;flex-direction:column;padding:var(--rt-profile-menu-padding);border:var(--rt-profile-menu-border-width) solid var(--rt-nav-panel-color-border);border-radius:var(--rt-profile-menu-radius);background-color:var(--rt-nav-panel-color-bg);box-shadow:var(--rt-profile-menu-shadow);gap:var(--rt-space-2)}.rt-profile-menu__user{display:flex;flex-direction:column;padding-bottom:var(--rt-space-2);gap:var(--rt-space-2)}.rt-profile-menu__avatar{display:inline-flex;width:var(--rt-profile-avatar-size);height:var(--rt-profile-avatar-size);align-items:center;justify-content:center;border:var(--rt-profile-avatar-border-width) solid var(--rt-nav-header-color-bg);border-radius:var(--rt-profile-avatar-radius);color:var(--rt-color-text-primary);font-size:var(--rt-profile-avatar-font-size);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-none)}.rt-profile-menu__name{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-tight)}.rt-profile-menu__organization{color:var(--rt-nav-panel-item-color);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-regular);line-height:var(--rt-leading-tight)}.rt-profile-menu__organization-label{color:var(--rt-nav-panel-group-color)}.rt-profile-menu__nav{display:flex;width:calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));flex-direction:column;margin-left:calc(-1 * var(--rt-profile-row-inset))}.rt-profile-menu .rt-profile-menu__item,.rt-profile-menu .rt-profile-menu__theme{border-radius:var(--rt-profile-item-radius);color:var(--rt-nav-panel-item-color);font-size:var(--rt-profile-item-font-size);font-weight:var(--rt-profile-item-font-weight);gap:var(--rt-profile-item-content-gap)}.rt-profile-menu .rt-profile-menu__item{padding:var(--rt-profile-item-padding-y) var(--rt-profile-row-inset)}.rt-profile-menu .rt-profile-menu__theme{width:calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));padding:var(--rt-profile-row-inset);margin-left:calc(-1 * var(--rt-profile-row-inset));color:var(--rt-color-action-primary)}.rt-profile-menu .rt-profile-menu__theme .rt-menu-item__icon{box-sizing:content-box;padding:var(--rt-profile-theme-icon-padding);border-radius:var(--rt-profile-theme-icon-radius);background-color:var(--rt-color-action-primary-subtle)}}\n"]
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-profile-menu{display:flex;min-width:var(--rt-profile-menu-min-width);box-sizing:border-box;flex-direction:column;padding:var(--rt-profile-menu-padding);border:var(--rt-profile-menu-border-width) solid var(--rt-nav-panel-color-border);border-radius:var(--rt-profile-menu-radius);background-color:var(--rt-nav-panel-color-bg);box-shadow:var(--rt-profile-menu-shadow);gap:var(--rt-space-2)}.rt-popover-panel>.rt-profile-menu{overflow:hidden auto;min-height:0;max-height:100%}.rt-profile-menu__user{display:flex;flex-direction:column;padding-bottom:var(--rt-space-2);gap:var(--rt-space-2)}.rt-profile-menu__avatar{display:inline-flex;width:var(--rt-profile-avatar-size);height:var(--rt-profile-avatar-size);align-items:center;justify-content:center;border:var(--rt-profile-avatar-border-width) solid var(--rt-nav-header-color-bg);border-radius:var(--rt-profile-avatar-radius);color:var(--rt-color-text-primary);font-size:var(--rt-profile-avatar-font-size);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-none)}.rt-profile-menu__name{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-tight)}.rt-profile-menu__organization{color:var(--rt-nav-panel-item-color);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-regular);line-height:var(--rt-leading-tight)}.rt-profile-menu__organization-label{color:var(--rt-nav-panel-group-color)}.rt-profile-menu__nav{display:flex;width:calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));flex-direction:column;margin-left:calc(-1 * var(--rt-profile-row-inset))}.rt-profile-menu .rt-profile-menu__item,.rt-profile-menu .rt-profile-menu__theme{border-radius:var(--rt-profile-item-radius);color:var(--rt-nav-panel-item-color);font-size:var(--rt-profile-item-font-size);font-weight:var(--rt-profile-item-font-weight);gap:var(--rt-profile-item-content-gap)}.rt-profile-menu .rt-profile-menu__item{padding:var(--rt-profile-item-padding-y) var(--rt-profile-row-inset)}.rt-profile-menu .rt-profile-menu__theme{width:calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));padding:var(--rt-profile-row-inset);margin-left:calc(-1 * var(--rt-profile-row-inset));color:var(--rt-color-action-primary)}.rt-profile-menu .rt-profile-menu__theme .rt-menu-item__icon{box-sizing:content-box;padding:var(--rt-profile-theme-icon-padding);border-radius:var(--rt-profile-theme-icon-radius);background-color:var(--rt-color-action-primary-subtle)}}\n"]
 		}]
 	}],
 	propDecorators: {

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-profile-menu.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/profile-menu/rt-profile-menu.component.ts","../../../projects/ui-kit-v2/src/lib/components/profile-menu/rt-profile-menu.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    output,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { IRtIcon, RT_KIT_LABELS, ThemeService, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtMenuItemComponent } from '@rt-tools/ui-kit-v2/menu';\nimport { RtSelectComponent } from '@rt-tools/ui-kit-v2/select';\nimport { IRtProfileMenu } from './rt-profile-menu.model';\n\nconst BEM_BLOCK: string = 'rt-profile-menu';\n\n/**\n * Содержимое попапа профиля в шапке `rt-page-header`: кто вошёл и в какой организации, действия с\n * учётной записью, язык и тема.\n *\n * Свою панель меню рисует само — фон, рамку, скругление и тень: поповер кита оформления не даёт,\n * и голые пункты в нём легли бы прямо поверх страницы.\n *\n * Тему переключает `ThemeService`, как у `rt-theme-toggle`: служба одна на страницу, и вход\n * только повторял бы её. Куда ведут остальные действия, решает приложение — они уходят выходами.\n *\n * Стили без инкапсуляции: попап рисуется в перекрытии, у конца `<body>`, и правило по классу блока\n * достаёт до него, а до разметки `rt-menu-item` — тоже.\n */\n@Component({\n    selector: 'rt-profile-menu',\n    templateUrl: './rt-profile-menu.component.html',\n    styleUrls: ['./rt-profile-menu.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // angular\n        FormsModule,\n\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n\n        // standalone components / directives\n        RtMenuItemComponent,\n        RtSelectComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtProfileMenuComponent {\n    readonly #theme: ThemeService = inject(ThemeService);\n\n    /** Подписи кита: сигнал, потому что язык может смениться без перезагрузки. */\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    /** Показан значок противоположной темы: нажатие переводит к ней. */\n    protected readonly themeIcon: Signal<IRtIcon.Name> = computed((): IRtIcon.Name => (this.#theme.isDark() ? 'ico-sun' : 'moon'));\n\n    /** Круг над именем несёт его первую букву: картинки профиля у кита нет. */\n    protected readonly avatar: Signal<string> = computed((): string => this.userName().trim().charAt(0).toUpperCase());\n\n    public readonly userName: InputSignal<string> = input<string>('');\n\n    /** Пустое название — строки организации нет. */\n    public readonly organizationName: InputSignal<string> = input<string>('');\n\n    public readonly organizationChange: InputSignal<IRtProfileMenu.OrganizationChange> = input<IRtProfileMenu.OrganizationChange>('hidden');\n\n    public readonly passwordChange: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Пустой список — переключателя языка нет. */\n    public readonly locales: InputSignal<ReadonlyArray<IRtProfileMenu.Locale>> = input<ReadonlyArray<IRtProfileMenu.Locale>>([]);\n\n    public readonly locale: InputSignal<string> = input<string>('');\n\n    /** Выход недоступен, пока приложение его уже ведёт. */\n    public readonly signOutDisabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly changeOrganization: OutputEmitterRef<void> = output<void>();\n\n    public readonly changePassword: OutputEmitterRef<void> = output<void>();\n\n    public readonly localeChange: OutputEmitterRef<string> = output<string>();\n\n    public readonly signOut: OutputEmitterRef<void> = output<void>();\n\n    public onToggleTheme(): void {\n        this.#theme.toggle();\n    }\n}\n","<ng-container rtBlock=\"rt-profile-menu\">\n    <div rtElem=\"user\">\n        <span rtElem=\"avatar\" aria-hidden=\"true\">{{ avatar() }}</span>\n        <span rtElem=\"name\" qa-dataid=\"profile-user-name\">{{ userName() }}</span>\n        @if (organizationName()) {\n            <span rtElem=\"organization\" qa-dataid=\"profile-organization\">\n                {{ organizationName() }}\n                <span rtElem=\"organization-label\">{{ t().profileMenuOrganization }}</span>\n            </span>\n        }\n    </div>\n\n    <div rtElem=\"nav\" role=\"menu\">\n        @switch (organizationChange()) {\n            @case ('allowed') {\n                <rt-menu-item\n                    rtElem=\"item\"\n                    qa-dataid=\"profile-change-organization\"\n                    icon=\"refresh\"\n                    [label]=\"t().profileMenuChangeOrganization\"\n                    (selected)=\"changeOrganization.emit()\" />\n            }\n            @case ('denied') {\n                <rt-menu-item\n                    rtElem=\"item\"\n                    qa-dataid=\"profile-change-organization\"\n                    icon=\"refresh\"\n                    disabled\n                    [label]=\"t().profileMenuChangeOrganization\"\n                    [tooltip]=\"t().profileMenuChangeOrganizationDenied\" />\n            }\n        }\n\n        @if (passwordChange()) {\n            <rt-menu-item\n                rtElem=\"item\"\n                qa-dataid=\"profile-password-change\"\n                icon=\"ico-lock\"\n                [label]=\"t().profileMenuChangePassword\"\n                (selected)=\"changePassword.emit()\" />\n        }\n\n        <rt-menu-item\n            rtElem=\"item\"\n            qa-dataid=\"profile-logout\"\n            icon=\"ico-exit\"\n            [disabled]=\"signOutDisabled()\"\n            [label]=\"t().profileMenuSignOut\"\n            (selected)=\"signOut.emit()\" />\n    </div>\n\n    <!-- Своего правила у переключателя языка нет: ширину ему задаёт колонка блока. -->\n    @if (locales().length) {\n        <rt-select\n            qa-dataid=\"profile-locale-select\"\n            name=\"rtProfileMenuLocale\"\n            [options]=\"locales()\"\n            [ngModel]=\"locale()\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"localeChange.emit($event)\" />\n    }\n\n    <rt-menu-item\n        rtElem=\"theme\"\n        qa-dataid=\"profile-theme-toggle\"\n        [icon]=\"themeIcon()\"\n        [label]=\"t().profileMenuSwitchTheme\"\n        (selected)=\"onToggleTheme()\" />\n</ng-container>\n"],"mappings":";;;;;;;;AAyBA,MAAM,YAAoB;AAqC1B,IAAa,yBAAb,MAAa,uBAAsB;CAtBnC,cAAA;EAuBa,KAAA,SAAuB,OAAO,YAAY;EAGhC,KAAA,IAA4B,OAAO,aAAa;EAGhD,KAAA,YAAkC,eAA8B,KAAK,OAAO,OAAM,IAAK,YAAY,QAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAG3G,KAAA,SAAyB,eAAuB,KAAK,SAAQ,CAAE,CAAC,KAAI,CAAE,CAAC,OAAO,CAAC,CAAC,CAAC,YAAW,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAElG,KAAA,WAAgC,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAGjD,KAAA,mBAAwC,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;EAEzD,KAAA,qBAAqE,MAAyC,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,qBAAA,CAAA,+BAAA,CAAA,CAAA;EAEvH,KAAA,iBAAkE,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,iBAAA,+BAAA,CAAA;GAChH,WAAW;EAAgB,CAAA;EAIf,KAAA,UAA6D,MAA4C,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;EAE5G,KAAA,SAA8B,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAG/C,KAAA,kBAAmE,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,kBAAA,+BAAA,CAAA;GACjH,WAAW;EAAgB,CAAA;EAGf,KAAA,qBAA6C,OAAM;EAEnD,KAAA,iBAAyC,OAAM;EAE/C,KAAA,eAAyC,OAAM;EAE/C,KAAA,UAAkC,OAAM;CAK3D;CA3CY;CAwCF,gBAAa;EAChB,KAAK,OAAO,OAAM;CACtB;CA3CS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAsB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAtB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAsB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,kBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,oBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,gBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,SAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,QAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,iBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA;IAAA,oBAAA;IAAA,gBAAA;IAAA,cAAA;IAAA,SAAA;GAAA;GAAA,MAAA,EAAA,gBAAA,kBAAA;GAAA,UAAA;GAAA,UC9DnC;GAqEA,QAAA,CAAA,y6EAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDrBQ;IAAW;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,eAAA;KAAA,UAAA,CAAA,SAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAGX;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAGb;KAAmB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACnB;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,iBAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMZ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAtBlC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAiB,iBAGV,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IAGA;IACA;IAGA;IACA;GACH;GAAA,MACK,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,y6EAAA;EAAA,CAAA"}
+{"version":3,"file":"rt-tools-ui-kit-v2-profile-menu.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/profile-menu/rt-profile-menu.component.ts","../../../projects/ui-kit-v2/src/lib/components/profile-menu/rt-profile-menu.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { CdkScrollable } from '@angular/cdk/scrolling';\nimport {\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    output,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { IRtIcon, RT_KIT_LABELS, ThemeService, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtMenuItemComponent } from '@rt-tools/ui-kit-v2/menu';\nimport { RtSelectComponent } from '@rt-tools/ui-kit-v2/select';\nimport { IRtProfileMenu } from './rt-profile-menu.model';\n\nconst BEM_BLOCK: string = 'rt-profile-menu';\n\n/**\n * Содержимое попапа профиля в шапке `rt-page-header`: кто вошёл и в какой организации, действия с\n * учётной записью, язык и тема.\n *\n * Свою панель меню рисует само — фон, рамку, скругление и тень: поповер кита оформления не даёт,\n * и голые пункты в нём легли бы прямо поверх страницы.\n *\n * Тему переключает `ThemeService`, как у `rt-theme-toggle`: служба одна на страницу, и вход\n * только повторял бы её. Куда ведут остальные действия, решает приложение — они уходят выходами.\n *\n * Стили без инкапсуляции: попап рисуется в перекрытии, у конца `<body>`, и правило по классу блока\n * достаёт до него, а до разметки `rt-menu-item` — тоже.\n */\n@Component({\n    selector: 'rt-profile-menu',\n    templateUrl: './rt-profile-menu.component.html',\n    styleUrls: ['./rt-profile-menu.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // angular\n        FormsModule,\n\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n\n        // standalone components / directives\n        RtMenuItemComponent,\n        RtSelectComponent,\n    ],\n    // В панели поповера меню прокручивается само. CDK узнаёт о такой прокрутке только от\n    // зарегистрированного контейнера: без него открытый список языков стоял на месте, а поле под\n    // ним уезжало вместе с меню.\n    hostDirectives: [CdkScrollable],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtProfileMenuComponent {\n    readonly #theme: ThemeService = inject(ThemeService);\n\n    /** Подписи кита: сигнал, потому что язык может смениться без перезагрузки. */\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    /** Показан значок противоположной темы: нажатие переводит к ней. */\n    protected readonly themeIcon: Signal<IRtIcon.Name> = computed((): IRtIcon.Name => (this.#theme.isDark() ? 'ico-sun' : 'moon'));\n\n    /** Круг над именем несёт его первую букву: картинки профиля у кита нет. */\n    protected readonly avatar: Signal<string> = computed((): string => this.userName().trim().charAt(0).toUpperCase());\n\n    public readonly userName: InputSignal<string> = input<string>('');\n\n    /** Пустое название — строки организации нет. */\n    public readonly organizationName: InputSignal<string> = input<string>('');\n\n    public readonly organizationChange: InputSignal<IRtProfileMenu.OrganizationChange> = input<IRtProfileMenu.OrganizationChange>('hidden');\n\n    public readonly passwordChange: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Пустой список — переключателя языка нет. */\n    public readonly locales: InputSignal<ReadonlyArray<IRtProfileMenu.Locale>> = input<ReadonlyArray<IRtProfileMenu.Locale>>([]);\n\n    public readonly locale: InputSignal<string> = input<string>('');\n\n    /** Выход недоступен, пока приложение его уже ведёт. */\n    public readonly signOutDisabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly changeOrganization: OutputEmitterRef<void> = output<void>();\n\n    public readonly changePassword: OutputEmitterRef<void> = output<void>();\n\n    public readonly localeChange: OutputEmitterRef<string> = output<string>();\n\n    public readonly signOut: OutputEmitterRef<void> = output<void>();\n\n    public onToggleTheme(): void {\n        this.#theme.toggle();\n    }\n}\n","<ng-container rtBlock=\"rt-profile-menu\">\n    <div rtElem=\"user\">\n        <span rtElem=\"avatar\" aria-hidden=\"true\">{{ avatar() }}</span>\n        <span rtElem=\"name\" qa-dataid=\"profile-user-name\">{{ userName() }}</span>\n        @if (organizationName()) {\n            <span rtElem=\"organization\" qa-dataid=\"profile-organization\">\n                {{ organizationName() }}\n                <span rtElem=\"organization-label\">{{ t().profileMenuOrganization }}</span>\n            </span>\n        }\n    </div>\n\n    <div rtElem=\"nav\" role=\"menu\">\n        @switch (organizationChange()) {\n            @case ('allowed') {\n                <rt-menu-item\n                    rtElem=\"item\"\n                    qa-dataid=\"profile-change-organization\"\n                    icon=\"refresh\"\n                    [label]=\"t().profileMenuChangeOrganization\"\n                    (selected)=\"changeOrganization.emit()\" />\n            }\n            @case ('denied') {\n                <rt-menu-item\n                    rtElem=\"item\"\n                    qa-dataid=\"profile-change-organization\"\n                    icon=\"refresh\"\n                    disabled\n                    [label]=\"t().profileMenuChangeOrganization\"\n                    [tooltip]=\"t().profileMenuChangeOrganizationDenied\" />\n            }\n        }\n\n        @if (passwordChange()) {\n            <rt-menu-item\n                rtElem=\"item\"\n                qa-dataid=\"profile-password-change\"\n                icon=\"ico-lock\"\n                [label]=\"t().profileMenuChangePassword\"\n                (selected)=\"changePassword.emit()\" />\n        }\n\n        <rt-menu-item\n            rtElem=\"item\"\n            qa-dataid=\"profile-logout\"\n            icon=\"ico-exit\"\n            [disabled]=\"signOutDisabled()\"\n            [label]=\"t().profileMenuSignOut\"\n            (selected)=\"signOut.emit()\" />\n    </div>\n\n    <!-- Своего правила у переключателя языка нет: ширину ему задаёт колонка блока. -->\n    @if (locales().length) {\n        <rt-select\n            qa-dataid=\"profile-locale-select\"\n            name=\"rtProfileMenuLocale\"\n            [options]=\"locales()\"\n            [ngModel]=\"locale()\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"localeChange.emit($event)\" />\n    }\n\n    <rt-menu-item\n        rtElem=\"theme\"\n        qa-dataid=\"profile-theme-toggle\"\n        [icon]=\"themeIcon()\"\n        [label]=\"t().profileMenuSwitchTheme\"\n        (selected)=\"onToggleTheme()\" />\n</ng-container>\n"],"mappings":"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"}

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

@@ -1812,7 +1812,8 @@ var RtChatComponent = class RtChatComponent {
 					kind: "component",
 					type: RtToolbarComponent,
 					selector: "rt-toolbar",
-					inputs: ["dense"]
+					inputs: ["dense", "filtersActive"],
+					outputs: ["filtersApply", "filtersReset"]
 				},
 				{
 					kind: "directive",