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

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-popover.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/popover/rt-popover.directive.ts","../../../projects/ui-kit-v2/src/lib/components/popover/rt-tools-ui-kit-v2-popover.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    #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    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    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                        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 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.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\n        const config: OverlayConfig = new OverlayConfig({\n            positionStrategy,\n            scrollStrategy: this.#scrollStrategies.reposition(),\n            hasBackdrop: false,\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    #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    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"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 * - `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    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                        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.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: false,\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    #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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"}

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

@@ -0,0 +1,295 @@
+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 { FormsModule } from "@angular/forms";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { RT_KIT_LABELS, ThemeService } from "@rt-tools/ui-kit-v2/core";
+import { RtMenuItemComponent } from "@rt-tools/ui-kit-v2/menu";
+import { RtSelectComponent } from "@rt-tools/ui-kit-v2/select";
+const BEM_BLOCK = "rt-profile-menu";
+var RtProfileMenuComponent = class RtProfileMenuComponent {
+	constructor() {
+		this.#theme = inject(ThemeService);
+		this.t = inject(RT_KIT_LABELS);
+		this.themeIcon = computed(() => this.#theme.isDark() ? "ico-sun" : "moon", ...ngDevMode ? [{ debugName: "themeIcon" }] : /* istanbul ignore next */ []);
+		this.avatar = computed(() => this.userName().trim().charAt(0).toUpperCase(), ...ngDevMode ? [{ debugName: "avatar" }] : /* istanbul ignore next */ []);
+		this.userName = input("", ...ngDevMode ? [{ debugName: "userName" }] : /* istanbul ignore next */ []);
+		this.organizationName = input("", ...ngDevMode ? [{ debugName: "organizationName" }] : /* istanbul ignore next */ []);
+		this.organizationChange = input("hidden", ...ngDevMode ? [{ debugName: "organizationChange" }] : /* istanbul ignore next */ []);
+		this.passwordChange = input(false, {
+			...ngDevMode ? { debugName: "passwordChange" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.locales = input([], ...ngDevMode ? [{ debugName: "locales" }] : /* istanbul ignore next */ []);
+		this.locale = input("", ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+		this.signOutDisabled = input(false, {
+			...ngDevMode ? { debugName: "signOutDisabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.changeOrganization = output();
+		this.changePassword = output();
+		this.localeChange = output();
+		this.signOut = output();
+	}
+	#theme;
+	onToggleTheme() {
+		this.#theme.toggle();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtProfileMenuComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtProfileMenuComponent,
+			isStandalone: true,
+			selector: "rt-profile-menu",
+			inputs: {
+				userName: {
+					classPropertyName: "userName",
+					publicName: "userName",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				organizationName: {
+					classPropertyName: "organizationName",
+					publicName: "organizationName",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				organizationChange: {
+					classPropertyName: "organizationChange",
+					publicName: "organizationChange",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				passwordChange: {
+					classPropertyName: "passwordChange",
+					publicName: "passwordChange",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				locales: {
+					classPropertyName: "locales",
+					publicName: "locales",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				locale: {
+					classPropertyName: "locale",
+					publicName: "locale",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				signOutDisabled: {
+					classPropertyName: "signOutDisabled",
+					publicName: "signOutDisabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				changeOrganization: "changeOrganization",
+				changePassword: "changePassword",
+				localeChange: "localeChange",
+				signOut: "signOut"
+			},
+			host: { classAttribute: "rt-profile-menu" },
+			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            (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"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "component",
+					type: RtMenuItemComponent,
+					selector: "rt-menu-item",
+					inputs: [
+						"icon",
+						"label",
+						"danger",
+						"success",
+						"glyph",
+						"fill",
+						"current",
+						"disabled",
+						"confirmMessage",
+						"confirmTitle",
+						"confirmLabel",
+						"confirmCancelLabel",
+						"confirmTone",
+						"link"
+					],
+					outputs: ["selected"]
+				},
+				{
+					kind: "component",
+					type: RtSelectComponent,
+					selector: "rt-select",
+					inputs: [
+						"appearance",
+						"options",
+						"placeholder",
+						"iconLeft",
+						"filter",
+						"filterPlaceholder",
+						"panelWidth",
+						"panelMaxHeight"
+					],
+					outputs: ["selectionChange"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtProfileMenuComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-profile-menu",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				FormsModule,
+				BlockDirective,
+				ElemDirective,
+				RtMenuItemComponent,
+				RtSelectComponent
+			],
+			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            (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"]
+		}]
+	}],
+	propDecorators: {
+		userName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "userName",
+				required: false
+			}]
+		}],
+		organizationName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "organizationName",
+				required: false
+			}]
+		}],
+		organizationChange: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "organizationChange",
+				required: false
+			}]
+		}],
+		passwordChange: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "passwordChange",
+				required: false
+			}]
+		}],
+		locales: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locales",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		signOutDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "signOutDisabled",
+				required: false
+			}]
+		}],
+		changeOrganization: [{
+			type: i0.Output,
+			args: ["changeOrganization"]
+		}],
+		changePassword: [{
+			type: i0.Output,
+			args: ["changePassword"]
+		}],
+		localeChange: [{
+			type: i0.Output,
+			args: ["localeChange"]
+		}],
+		signOut: [{
+			type: i0.Output,
+			args: ["signOut"]
+		}]
+	}
+});
+export { RtProfileMenuComponent };
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-profile-menu.mjs.map

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

@@ -0,0 +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            (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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"}