@rt-tools/ui-kit-v2 0.16.0 → 0.18.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-aside.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside-ref.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.tokens.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.service.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-tools-ui-kit-v2-aside.ts"],"sourcesContent":["function errorAsText(error: unknown): string {\n    try {\n        return JSON.stringify(error) ?? String(error);\n    } catch {\n        return String(error);\n    }\n}\n\n/**\n * Текст, который кнопка блока ошибки кладёт в буфер обмена.\n *\n * Вид повторяет первый кит — `Error time: <дата>_<время>;Error info: <JSON>`: кто разбирал такие\n * копии раньше, читает их так же. Ошибку с петлёй внутри `JSON.stringify` не пишет и бросает —\n * тогда в копию идёт её строковый вид, и нажатие не падает.\n */\nexport function rtAsideErrorCopyText(error: unknown, now: Date): string {\n    return `Error time: ${now.toDateString()}_${now.toTimeString()};Error info: ${errorAsText(error)}`;\n}\n","import { Clipboard } from '@angular/cdk/clipboard';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    inject,\n    input,\n    InputSignal,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { rtAsideErrorCopyText } from './rt-aside-error-box.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-error-box';\n\n/** Сколько кнопка держит «скопировано» — секунда, как у первого кита. */\nconst CONFIRM_DELAY_MS: number = 1000;\n\n/**\n * Блок ошибки запроса боковой панели: надпись и кнопка, которая кладёт в буфер обмена время и\n * ошибку. Перенос `rtui-aside-error-box` первого кита без Material.\n *\n * Обычно его рисует сама панель по входу `requestError`; отдельно он нужен приложению, которое\n * показывает ошибку в другом месте.\n */\n@Component({\n    selector: 'rt-aside-error-box',\n    templateUrl: './rt-aside-error-box.component.html',\n    styleUrl: './rt-aside-error-box.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [RtButtonDirective, BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideErrorBoxComponent {\n    readonly #clipboard: Clipboard = inject(Clipboard);\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    #confirmTimer: ReturnType<typeof setTimeout> | null = null;\n\n    readonly #copyLabel: Signal<string> = rtKitLabel('asideCopyErrorInfo');\n    readonly #copiedLabel: Signal<string> = rtKitLabel('uiCopied');\n\n    protected readonly title: Signal<string> = rtKitLabel('asideRequestError');\n\n    protected readonly copied: WritableSignal<boolean> = signal(false);\n\n    protected readonly buttonLabel: Signal<string> = computed((): string => (this.copied() ? this.#copiedLabel() : this.#copyLabel()));\n\n    protected readonly buttonIcon: Signal<string | null> = computed((): string | null => (this.copied() ? 'check' : null));\n\n    /** Ошибка, пришедшая от неудавшегося запроса: уходит в копию как JSON. */\n    public readonly error: InputSignal<unknown> = input.required<unknown>();\n\n    constructor() {\n        this.#destroyRef.onDestroy((): void => this.#clearTimer());\n    }\n\n    protected onCopy(): void {\n        this.#clipboard.copy(rtAsideErrorCopyText(this.error(), new Date()));\n        this.copied.set(true);\n\n        this.#clearTimer();\n        this.#confirmTimer = setTimeout((): void => this.copied.set(false), CONFIRM_DELAY_MS);\n    }\n\n    #clearTimer(): void {\n        if (this.#confirmTimer !== null) {\n            clearTimeout(this.#confirmTimer);\n            this.#confirmTimer = null;\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-aside-error-box\">\n    <div rtElem=\"frame\" qa-dataid=\"aside-error-box\">\n        <span rtElem=\"title\" qa-dataid=\"aside-error-title\">{{ title() }}</span>\n\n        <button\n            rtButton\n            rtElem=\"copy\"\n            qa-dataid=\"aside-error-copy\"\n            type=\"button\"\n            theme=\"secondary\"\n            appearance=\"text\"\n            size=\"sm\"\n            [label]=\"buttonLabel()\"\n            [icon]=\"buttonIcon()\"\n            [attr.aria-label]=\"buttonLabel()\"\n            (click)=\"onCopy()\"></button>\n    </div>\n</ng-container>\n","import { FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    afterRenderEffect,\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    untracked,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtAsideErrorBoxComponent } from './error-box/rt-aside-error-box.component';\n\nconst BEM_BLOCK: string = 'rt-aside';\n\n/**\n * Варианты ширины side-sheet:\n * - `sm` — 400px (`--rt-aside-width-sm`)\n * - `md` — 540px (`--rt-aside-width-md`, дефолт)\n * - `lg` — 720px (`--rt-aside-width-lg`)\n */\nexport type TRtAsideSize = 'sm' | 'md' | 'lg';\n\n/**\n * Раскладка контентной зоны side-sheet:\n * - `default` — контентная зона сама скроллится при overflow (штатный режим);\n * - `tabs` — контент — это `rt-tabs`: внешняя зона перестаёт быть скроллером,\n *   полоса вкладок прибита, скроллится только контент активной вкладки\n *   (`rt-tabs__content`).\n */\nexport type TRtAsideContentLayout = 'default' | 'tabs';\n\n/**\n * Презентационный styled-frame для side-sheet.\n *\n * Видимость / backdrop / scroll-block / ESC / slide-in анимация — НЕ внутренняя\n * ответственность компонента. Это обеспечивает CDK Overlay через\n * `RtAsideService.open()`. rt-aside здесь — стилизованная \"рамка\" с size-вариантами\n * и тремя слотами: `rt-aside-header`, содержимое и `rt-aside-footer`.\n *\n * Содержимое лежит в одной зоне `.rt-aside__content` — она и держит инсет панели,\n * и прокручивается. Пока зоны не было, каждый корневой узел содержимого получал\n * инсет и прокрутку сам по себе: разделы делили высоту панели между собой, а\n * обводка фокуса поля срезалась краем такого мини-скроллера.\n *\n * Семантика — `role=\"complementary\"` (mirror rt-dialog имеет `role=\"dialog\"`,\n * aside — другая роль, side-sheet не обязательно блокирующий).\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-aside`, чтобы соседние\n * rt-aside-header / rt-aside-footer работали с одним BEM-блоком без\n * cross-encapsulation хака.\n */\n@Component({\n    selector: 'rt-aside',\n    templateUrl: './rt-aside.component.html',\n    styleUrl: './rt-aside.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [BlockDirective, ElemDirective, ModDirective, RtAsideErrorBoxComponent, RtSpinnerComponent],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideComponent {\n    readonly #focusTrapFactory: FocusTrapFactory = inject(FocusTrapFactory);\n    readonly #document: Document = inject(DOCUMENT);\n\n    #focusTrap: FocusTrap | null = null;\n    #restoreFocusTo: HTMLElement | null = null;\n\n    protected readonly frame: Signal<ElementRef<HTMLElement>> = viewChild.required<ElementRef<HTMLElement>>('frame');\n\n    protected readonly hasRequestError: Signal<boolean> = computed(\n        (): boolean => this.requestError() !== null && this.requestError() !== undefined\n    );\n\n    public readonly size: InputSignal<TRtAsideSize> = input<TRtAsideSize>('md');\n    public readonly contentLayout: InputSignal<TRtAsideContentLayout> = input<TRtAsideContentLayout>('default');\n    public readonly width: InputSignal<string | null> = input<string | null>(null);\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Ошибка неудавшегося запроса. Пока она есть, между шапкой и содержимым стоит блок ошибки с\n     * кнопкой копирования; `null` и `undefined` — ошибки нет, любое другое значение её показывает.\n     */\n    public readonly requestError: InputSignal<unknown> = input<unknown>(null);\n\n    /**\n     * Держать Tab внутри панели. При включении фокус уходит на `[cdkFocusInitial]` или первый\n     * элемент под Tab, а когда панель уходит или вход гаснет, возвращается туда, где стоял.\n     */\n    public readonly trapFocus: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Идёт запрос: панель накрыта слоем с крутилкой и помечена занятой. */\n    public readonly pending: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    constructor() {\n        // После отрисовки: до неё у рамки нет ни полей, ни кнопок, и ловить фокус не на чем.\n        afterRenderEffect((): void => {\n            const enabled: boolean = this.trapFocus();\n            const frame: HTMLElement = this.frame().nativeElement;\n            untracked((): void => (enabled ? this.#holdFocus(frame) : this.#releaseFocus()));\n        });\n        inject(DestroyRef).onDestroy((): void => this.#releaseFocus());\n    }\n\n    #holdFocus(frame: HTMLElement): void {\n        if (this.#focusTrap !== null) {\n            return;\n        }\n        const focused: Element | null = this.#document.activeElement;\n        this.#restoreFocusTo = focused instanceof HTMLElement ? focused : null;\n        this.#focusTrap = this.#focusTrapFactory.create(frame);\n        void this.#focusTrap.focusInitialElementWhenReady();\n    }\n\n    #releaseFocus(): void {\n        if (this.#focusTrap === null) {\n            return;\n        }\n        this.#focusTrap.destroy();\n        this.#focusTrap = null;\n        const restoreTo: HTMLElement | null = this.#restoreFocusTo;\n        this.#restoreFocusTo = null;\n        if (restoreTo?.isConnected === true) {\n            restoreTo.focus();\n        }\n    }\n}\n","<div\n    #frame\n    rtBlock=\"rt-aside\"\n    qa-dataid=\"aside\"\n    role=\"complementary\"\n    [rtMod]=\"{ size: size(), content: contentLayout() }\"\n    [style.--rt-aside-width]=\"width()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-busy]=\"pending() || null\">\n    <ng-content select=\"rt-aside-header\" />\n\n    @if (hasRequestError()) {\n        <rt-aside-error-box rtElem=\"error\" [error]=\"requestError()\" />\n    }\n\n    <div rtElem=\"content\" qa-dataid=\"aside-content\">\n        <ng-content />\n    </div>\n\n    <ng-content select=\"rt-aside-footer\" />\n\n    @if (pending()) {\n        <div rtElem=\"pending\" qa-dataid=\"aside-pending\">\n            <rt-spinner />\n        </div>\n    }\n</div>\n","import { OverlayRef } from '@angular/cdk/overlay';\nimport { Renderer2, signal, WritableSignal } from '@angular/core';\n\nimport { Observable, Subject, take } from 'rxjs';\n\n/** Длительность slide-out анимации; синхронизирована с `--rt-aside-animation-duration` в SCSS. */\nconst LEAVE_ANIMATION_DURATION_MS: number = 200;\n\n/**\n * Жест закрытия, на который панель не закрылась: `Escape` или нажатие по подложке. Панель\n * отказывает в нём под `disableClose()` и когда жест выключен настройкой открытия.\n */\nexport type TRtAsideCloseRequest = 'escape' | 'backdrop';\n\n/**\n * Хэндл к программно открытой side-sheet (через `RtAsideService.open()`).\n *\n * Контент-компонент инжектит `RtAsideRef` и закрывает aside через `.close(result?)`.\n * Родитель ждёт результата через `.afterClosed()`.\n *\n * Generic `<T>` — тип результата `close(result)`. Дефолт `unknown` — если результат\n * не нужен, оставляй generic пустым.\n *\n * Lifecycle close():\n *  1. Race-guard `#isClosing` гарантирует один эмит даже при двойном вызове.\n *  2. Снимает `rt-aside-overlay--open` и ставит `rt-aside-overlay--leaving` на host —\n *     CSS-transition (200ms) играет slide-out.\n *  3. Эмиттит result в `afterClosed()` СРАЗУ (consumer не ждёт анимацию).\n *  4. Через `setTimeout(200ms)` зовёт `overlayRef.dispose()` — overlay убран после анимации.\n *\n * Слой, снятый без `close()` — переходом по адресу (`disposeOnNavigation`) или уничтожением\n * хозяина, — тоже завершает `afterClosed()`: подписчик получает `undefined`.\n *\n * @example\n * \\`\\`\\`ts\n * // в контент-компоненте\n * private readonly asideRef = inject(RtAsideRef<{ saved: boolean }>);\n * onSave(): void { this.asideRef.close({ saved: true }); }\n *\n * // в родителе\n * asideService.open(EditAsideComponent).afterClosed().subscribe(result => {...});\n * \\`\\`\\`\n */\nexport class RtAsideRef<T = unknown> {\n    /**\n     * Runtime-флаг, блокирующий close() через ESC / backdrop click.\n     *\n     * Default `false`. Включай (`asideRef.disableClose.set(true)`) на время\n     * in-flight submit'а, чтобы юзер не потерял введённые в форму данные.\n     * Программный `close(result)` гейтом не задет — он всегда закрывает.\n     */\n    public readonly disableClose: WritableSignal<boolean> = signal(false);\n\n    readonly #overlayRef: OverlayRef;\n    readonly #renderer: Renderer2;\n    readonly #afterClosedSource: Subject<T | undefined> = new Subject<T | undefined>();\n    readonly #closeRequestsSource: Subject<TRtAsideCloseRequest>;\n\n    #isClosing: boolean = false;\n\n    /**\n     * `closeRequestsSource` наполняет служба: она слушает жесты и знает, отказала ли в них панель.\n     * Хэндл только завершает поток вместе с панелью.\n     */\n    constructor(\n        overlayRef: OverlayRef,\n        renderer: Renderer2,\n        closeRequestsSource: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>()\n    ) {\n        this.#overlayRef = overlayRef;\n        this.#renderer = renderer;\n        this.#closeRequestsSource = closeRequestsSource;\n        this.#overlayRef\n            .detachments()\n            .pipe(take(1))\n            .subscribe((): void => this.#finish(undefined));\n    }\n\n    /** Закрывает overlay со slide-out анимацией; эмиттит result в `afterClosed()` синхронно. */\n    public close(result?: T): void {\n        if (this.#isClosing) {\n            return;\n        }\n        this.#isClosing = true;\n\n        this.#renderer.removeClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--open');\n        this.#renderer.addClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--leaving');\n\n        // Эмитим результат сразу — consumer не ждёт slide-out.\n        this.#emit(result);\n\n        // Дефер dispose'а на длительность анимации — overlay остаётся в DOM,\n        // пока CSS-transition не отыграет slide-out.\n        setTimeout((): void => {\n            this.#overlayRef.dispose();\n        }, LEAVE_ANIMATION_DURATION_MS);\n    }\n\n    /** Эмиттит один раз — результат `close(result)` или `undefined` при снятом слое — и завершается. */\n    public afterClosed(): Observable<T | undefined> {\n        return this.#afterClosedSource.asObservable();\n    }\n\n    /**\n     * Жесты закрытия, в которых панель отказала: `Escape` и нажатие по подложке под\n     * `disableClose()` или выключенные настройкой. Завершается вместе с панелью.\n     */\n    public closeRequests(): Observable<TRtAsideCloseRequest> {\n        return this.#closeRequestsSource.asObservable();\n    }\n\n    /** Слой снят без `close()`: анимации играть не на чем, остаётся отдать результат. */\n    #finish(result: T | undefined): void {\n        if (this.#isClosing) {\n            return;\n        }\n        this.#isClosing = true;\n        this.#emit(result);\n    }\n\n    #emit(result: T | undefined): void {\n        this.#afterClosedSource.next(result);\n        this.#afterClosedSource.complete();\n        this.#closeRequestsSource.complete();\n    }\n}\n","import { InjectionToken } from '@angular/core';\n\n/**\n * Injection token для передачи данных в side-sheet, открытую через `RtAsideService.open()`.\n *\n * Пользовательский компонент-контент aside'а инжектит токен и получает данные,\n * переданные в `IRtAsideConfig.data`. Тип значения задаётся generic'ом — `inject(RT_ASIDE_DATA)`\n * вернёт `unknown`, прокастуй через `inject(RT_ASIDE_DATA) as MyDataType` ИЛИ\n * объяви токен с конкретным generic'ом в feature-либе.\n *\n * Намеренно отдельный токен от `RT_DIALOG_DATA`, чтобы type-checker не путал контексты\n * (rt-dialog vs rt-aside) — оба сервиса могут существовать в одном DI-дереве.\n *\n * @example\n * \\`\\`\\`ts\n * @Component({...})\n * export class GuestProfileAsideComponent {\n *   readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n * }\n *\n * // parent\n * asideService.open(GuestProfileAsideComponent, { data: { userId: 42 } });\n * \\`\\`\\`\n */\nexport const RT_ASIDE_DATA: InjectionToken<unknown> = new InjectionToken<unknown>('RT_ASIDE_DATA');\n","import { ComponentType, Overlay, OverlayConfig, OverlayRef, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { DOCUMENT } from '@angular/common';\nimport { inject, DestroyRef, Injectable, Injector, Renderer2, RendererFactory2, Signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { EMPTY, map, merge, mergeMap, Observable, Subject, Subscriber, takeUntil } from 'rxjs';\n\nimport { IRtKitConfig } from '@rt-tools/ui-kit-v2/core';\nimport { rtKitDefault } from '@rt-tools/ui-kit-v2/core';\nimport { carryThemeScopeOfFocus, materialPresetClassesOfFocus } from '@rt-tools/ui-kit-v2/core';\nimport { RtAsideRef, TRtAsideCloseRequest } from './rt-aside-ref';\nimport { RT_ASIDE_DATA } from './rt-aside.tokens';\n\n/**\n * Позиционирование side-sheet — у какого края viewport \"приклеена\" панель.\n */\nexport type TRtAsidePosition = 'right' | 'left';\n\n/**\n * Конфигурация открытия side-sheet через `RtAsideService.open()`.\n */\nexport interface IRtAsideConfig<TData = unknown> {\n    /** Данные, доступные внутри aside'а через `inject(RT_ASIDE_DATA)`. */\n    data?: TData;\n\n    /** Дополнительный CSS-класс для backdrop (поверх стандартного `rt-aside-backdrop`). */\n    backdropClass?: string | string[];\n\n    /** Дополнительный CSS-класс для panel-обёртки overlay (поверх `rt-aside-overlay`). */\n    panelClass?: string | string[];\n\n    /** Закрывать aside по клику на backdrop. По дефолту `true`. */\n    closeOnBackdropClick?: boolean;\n\n    /** Закрывать aside по ESC. По дефолту `true`. */\n    closeOnEscape?: boolean;\n\n    /** К какому краю viewport \"приклеить\" панель. По дефолту `\"right\"`. */\n    position?: TRtAsidePosition;\n\n    /**\n     * Injector хозяина панели — обычно `inject(Injector)` открывающего компонента. Он становится\n     * родителем портала: содержимое видит провайдеры хозяина. Уничтожение хозяина закрывает\n     * панель через `close()`. Без него родитель — корневой injector, и панель живёт сама по себе.\n     */\n    injector?: Injector;\n}\n\n/**\n * Контекст одного открытия aside'а — payload для per-open close-подписок в конструкторном\n * стриме. `asideRef` сужен до используемых handler'ами членов (`RtAsideRef<T>` инвариантен\n * по `T`, целиком в generic-agnostic контекст не влезает).\n */\ninterface IRtAsideOpenContext {\n    overlayRef: OverlayRef;\n    asideRef: {\n        disableClose: Signal<boolean>;\n        close: () => void;\n    };\n    closeRequests: Subject<TRtAsideCloseRequest>;\n    /** DestroyRef хозяина из `config.injector`; его уничтожение закрывает панель. */\n    ownerDestroyRef: DestroyRef | null;\n    closeOnBackdropClick: boolean;\n    closeOnEscape: boolean;\n}\n\n/**\n * Программный API для открытия side-sheet поверх CDK Overlay.\n *\n * Архитектурно зеркалит `RtDialogService`, отличаясь только positionStrategy\n * (edge-anchored: `right('0')` / `left('0')` + `top('0')`) и slide-in анимацией,\n * которая триггерится через CSS-классы на overlay host (`Renderer2` инжектится\n * через `RendererFactory2`, потому что в service нет ComponentRef).\n *\n * Lifecycle:\n *  1. `overlay.create({ panelClass: [..., '--entering'] })` — host получает initial\n *     CSS-стейт (translateX(±100%)).\n *  2. `overlayRef.attach(portal)` — контент-компонент монтируется в host.\n *  3. На следующий paint (`requestAnimationFrame`) сервис снимает `--entering` и\n *     добавляет `--open` — CSS-transition сделает slide-in.\n *  4. На `ref.close(result)` ref добавляет `--leaving`, эмиттит result синхронно,\n *     deferred `dispose()` через 200ms (длительность анимации).\n *\n * Альтернатива rt-dialog — для длинных форм / мастеров / side-panels, где\n * центрированная модалка ощущается тесной. Не предназначено для подтверждений\n * или коротких диалогов (для этого — `RtDialogService`).\n *\n * @example\n * \\`\\`\\`ts\n * private readonly asideService = inject(RtAsideService);\n *\n * openProfile(userId: number): void {\n *   const ref = this.asideService.open<GuestProfileAsideComponent, { userId: number }, void>(\n *     GuestProfileAsideComponent,\n *     { data: { userId }, position: \"right\" }\n *   );\n *   ref.afterClosed().subscribe(() => this.reloadList());\n * }\n *\n * // контент-компонент\n * @Component({ ... })\n * export class GuestProfileAsideComponent {\n *   readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n *   readonly #ref = inject(RtAsideRef);\n *   close(): void { this.#ref.close(); }\n * }\n * \\`\\`\\`\n */\n@Injectable({ providedIn: 'root' })\nexport class RtAsideService {\n    readonly #overlay: Overlay = inject(Overlay);\n    readonly #injector: Injector = inject(Injector);\n    readonly #document: Document = inject(DOCUMENT);\n    // Renderer2 нужен для манипуляции CSS-классами на overlay.hostElement.\n    // В service нет ComponentRef, поэтому Renderer2 берём через factory.\n    readonly #renderer: Renderer2 = inject(RendererFactory2).createRenderer(null, null);\n\n    readonly #openSource: Subject<IRtAsideOpenContext> = new Subject<IRtAsideOpenContext>();\n\n    /* Закрывает ли `Escape` штору, когда вызов об этом промолчал. Умолчание кита — закрывает;\n       приложению, которому это мешает, иначе пришлось бы писать отказ на каждом вызове, и\n       забытый вызов отличался бы от остальных. */\n    readonly #closeOnEscape: boolean = rtKitDefault('aside', (it: IRtKitConfig.Aside): boolean | undefined => it.closeOnEscape, true);\n\n    constructor() {\n        // Per-open close-подписки (backdrop / ESC) живут в одном постоянном\n        // конструкторном стриме: open() эмитит контекст открытия, mergeMap\n        // подписывает event-стримы конкретного OverlayRef до его dispose\n        // (`detachments()` терминирует внутренний поток). mergeMap, а не\n        // switchMap — одновременно может быть открыто несколько aside'ов.\n        //\n        // Runtime-guard через asideRef.disableClose() — те же правила, что в\n        // rt-dialog: ESC / backdrop НЕ закрывают overlay, если disableClose=true;\n        // программный ref.close() гейтом не задет.\n        this.#openSource\n            .pipe(\n                mergeMap((openContext: IRtAsideOpenContext): Observable<() => void> => {\n                    // Оба жеста слушаются всегда: отказ в закрытии — тоже ответ, и он уходит в\n                    // `closeRequests()` хэндла, будь то `disableClose` или выключенный жест.\n                    const backdropClose$: Observable<() => void> = openContext.overlayRef.backdropClick().pipe(\n                        map((): (() => void) => (): void => {\n                            this.#answerCloseGesture(openContext, 'backdrop', openContext.closeOnBackdropClick);\n                        })\n                    );\n                    const escapeClose$: Observable<() => void> = openContext.overlayRef.keydownEvents().pipe(\n                        map((event: KeyboardEvent): (() => void) => (): void => {\n                            if (event.key !== 'Escape') {\n                                return;\n                            }\n                            if (openContext.closeOnEscape) {\n                                event.preventDefault();\n                            }\n                            this.#answerCloseGesture(openContext, 'escape', openContext.closeOnEscape);\n                        })\n                    );\n                    const ownerClose$: Observable<() => void> = this.#destroyed(openContext.ownerDestroyRef).pipe(\n                        map((): (() => void) => (): void => openContext.asideRef.close())\n                    );\n                    return merge(backdropClose$, escapeClose$, ownerClose$).pipe(takeUntil(openContext.overlayRef.detachments()));\n                }),\n                takeUntilDestroyed()\n            )\n            .subscribe((handleCloseIntent: () => void): void => handleCloseIntent());\n    }\n\n    public open<TComponent, TData = unknown, TResult = unknown>(\n        component: ComponentType<TComponent>,\n        config?: IRtAsideConfig<TData>\n    ): RtAsideRef<TResult> {\n        const position: TRtAsidePosition = config?.position ?? 'right';\n        const positionStrategy: PositionStrategy =\n            position === 'right'\n                ? this.#overlay.position().global().right('0').top('0')\n                : this.#overlay.position().global().left('0').top('0');\n\n        const panelClasses: string[] = [\n            'rt-aside-overlay',\n            `rt-aside-overlay--position-${position}`,\n            'rt-aside-overlay--entering',\n            ...materialPresetClassesOfFocus(this.#document),\n        ];\n\n        const overlayConfig: OverlayConfig = {\n            positionStrategy,\n            scrollStrategy: this.#overlay.scrollStrategies.block(),\n            hasBackdrop: true,\n            backdropClass: config?.backdropClass ?? 'rt-aside-backdrop',\n            panelClass: config?.panelClass !== undefined ? [...panelClasses, ...this.#toArray(config.panelClass)] : panelClasses,\n            disposeOnNavigation: true,\n        };\n\n        const overlayRef: OverlayRef = this.#overlay.create(overlayConfig);\n        // До attach: содержимое панели может забрать фокус, и кусок темы у кнопки будет потерян.\n        carryThemeScopeOfFocus(overlayRef.overlayElement, this.#document);\n        const closeRequests: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>();\n        const asideRef: RtAsideRef<TResult> = new RtAsideRef<TResult>(overlayRef, this.#renderer, closeRequests);\n\n        // Сами close-подписки объявлены один раз в конструкторе — здесь только\n        // эмит контекста открытия (см. #openSource-стрим).\n        this.#openSource.next({\n            overlayRef,\n            asideRef,\n            closeRequests,\n            ownerDestroyRef: config?.injector?.get(DestroyRef, null) ?? null,\n            closeOnBackdropClick: config?.closeOnBackdropClick !== false,\n            closeOnEscape: config?.closeOnEscape ?? this.#closeOnEscape,\n        });\n\n        const injector: Injector = Injector.create({\n            parent: config?.injector ?? this.#injector,\n            providers: [\n                { provide: RtAsideRef, useValue: asideRef },\n                { provide: RT_ASIDE_DATA, useValue: config?.data ?? null },\n            ],\n        });\n\n        const portal: ComponentPortal<TComponent> = new ComponentPortal<TComponent>(component, null, injector);\n        overlayRef.attach(portal);\n\n        // Slide-in: на следующий paint снимаем --entering и добавляем --open.\n        // CSS transition (см. rt-aside.component.scss) сделает анимацию.\n        // Backdrop default hidden — toggle --visible одновременно со слайдом.\n        requestAnimationFrame((): void => {\n            this.#renderer.removeClass(overlayRef.overlayElement, 'rt-aside-overlay--entering');\n            this.#renderer.addClass(overlayRef.overlayElement, 'rt-aside-overlay--open');\n            const backdropEl: HTMLElement | null = overlayRef.backdropElement;\n            if (backdropEl !== null) {\n                this.#renderer.addClass(backdropEl, 'rt-aside-backdrop--visible');\n            }\n        });\n\n        return asideRef;\n    }\n\n    /** Жест закрытия: закрывает панель, если жест включён и не держит `disableClose`, иначе сообщает об отказе. */\n    #answerCloseGesture(openContext: IRtAsideOpenContext, gesture: TRtAsideCloseRequest, enabled: boolean): void {\n        if (enabled && !openContext.asideRef.disableClose()) {\n            openContext.asideRef.close();\n            return;\n        }\n        openContext.closeRequests.next(gesture);\n    }\n\n    /**\n     * Уничтожение хозяина как поток. Отписка — уход панели — снимает слушателя с хозяина, и его\n     * позднее уничтожение панель уже не трогает.\n     */\n    #destroyed(ownerDestroyRef: DestroyRef | null): Observable<void> {\n        if (ownerDestroyRef === null) {\n            return EMPTY;\n        }\n        return new Observable<void>((subscriber: Subscriber<void>): (() => void) =>\n            ownerDestroyRef.onDestroy((): void => subscriber.next())\n        );\n    }\n\n    /** Нормализует `string | string[]` к массиву (panelClass поддерживает оба формата). */\n    #toArray(value: string | string[]): string[] {\n        return Array.isArray(value) ? value : [value];\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    inject,\n    input,\n    output,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\nimport { RtTagComponent } from '@rt-tools/ui-kit-v2/tag';\nimport { RtAsideRef } from '../rt-aside-ref';\nimport { IRtAsideHeader } from './rt-aside-header.model';\n\nconst BEM_BLOCK: string = 'rt-aside-header';\n\n/**\n * Заголовок side-sheet'а; работает в двух modes:\n *\n * 1. **Programmatic** (через `RtAsideService.open()`) — `RtAsideRef` провайдится\n *    оверлей-инжектором; стрелка «назад» дёргает `asideRef.close()` напрямую,\n *    consumer подписан на `afterClosed()`.\n * 2. **Route-driven** (через `[rtContainerRightSidenavPanel]` driver в\n *    rt-container'е) — `RtAsideRef` НЕ провайдится (overlay принадлежит\n *    rt-container'у, не RtAsideService). Consumer слушает `(dismiss)` output и\n *    сам зовёт `panel.close()`.\n *\n * Оба пути живут одновременно: `onDismiss()` сперва эмитит output, затем (если\n * есть) дёргает optional `asideRef.close()`.\n *\n * Доменные действия (отклонить / удалить / снять с публикации и т.п.)\n * проецируются в слот `[asideActions]` как ряд `rt-icon-button` справа от title.\n *\n * Слот `[asideHeaderContent]` — строка под заголовком на всю ширину шапки: поиск, вкладки,\n * сводка. Пустой слот места не занимает.\n *\n * `ViewEncapsulation.None` — для единообразия с rt-dialog-header (стили\n * префиксованы `.rt-aside-header`).\n *\n * @example\n * ```html\n * <rt-aside-header title=\"Профиль пользователя\" />\n * <rt-aside-header title=\"Создание записи\" [closable]=\"false\" />\n * <rt-aside-header title=\"Детали\" (dismiss)=\"onClose()\">\n *     <rt-icon-button asideActions icon=\"ico-error\" variant=\"danger\"\n *                     ariaLabel=\"Отклонить\" (clicked)=\"reject()\" />\n * </rt-aside-header>\n * ```\n */\n@Component({\n    selector: 'rt-aside-header',\n    templateUrl: './rt-aside-header.component.html',\n    styleUrl: './rt-aside-header.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtSkeletonWrapperComponent,\n        RtTagComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideHeaderComponent {\n    readonly #asideRef: RtAsideRef | null = inject(RtAsideRef, { optional: true });\n\n    /** Текст заголовка — рендерится в `<h2>`. Null/пустая строка вместе с\n     *  `[loading]=true` показывают skeleton вместо title. */\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    public readonly title: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Мелкий приглушённый надзаголовок НАД основным title (контекст действия:\n     * «Создание записи», «Запись № 6»). Null (дефолт) — обычный\n     * однострочный хедер. Overline не участвует в skeleton-режиме — это\n     * статичный текст, известный до загрузки данных.\n     */\n    public readonly overline: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Приглушённая подпись ПОД заголовком: что делается в панели. Null (дефолт) —\n     * строки нет. Как надзаголовок, в skeleton-режиме не участвует.\n     */\n    public readonly subtitle: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Ряд бэйджей (`rt-tag`) под заголовком — контекст сущности (статус, метка\n     * записи и т.п.). Пустой массив (дефолт) — ряд не рендерится. Async-данные:\n     * потребитель отдаёт `[]` пока сущность не зарезолвилась.\n     */\n    public readonly badges: InputSignal<readonly IRtAsideHeader.Badge[]> = input<readonly IRtAsideHeader.Badge[]>([]);\n\n    /** Показывать кнопку закрытия в углу заголовка. Дефолт `true`. */\n    public readonly closable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n        transform: booleanAttribute,\n    });\n\n    /** Показывать skeleton вместо title (loading-state aside'а пока данные\n     *  резолвятся через async fasade). Дефолт `false`. */\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Эмитится при клике по стрелке «назад» — намерение пользователя закрыть\n     * aside (intent, не «закрыто»). Route-driven consumer слушает этот output и\n     * дёргает `panel.close()` сам. Имя `dismiss` вместо `close` — ESLint\n     * `@angular-eslint/no-output-native` блокирует output с именем стандартного\n     * DOM-события (`close`).\n     */\n    public readonly dismiss: OutputEmitterRef<void> = output<void>();\n\n    protected onDismiss(): void {\n        // Сначала output — route-driven consumer обработает intent.\n        this.dismiss.emit();\n        // Затем (если есть) AsideRef — programmatic mode через RtAsideService.\n        this.#asideRef?.close();\n    }\n}\n","<ng-container rtBlock=\"rt-aside-header\">\n    <header rtElem=\"content\" qa-dataid=\"aside-header\">\n        @if (closable()) {\n            <rt-icon-button\n                rtElem=\"back\"\n                qa-dataid=\"aside-back\"\n                icon=\"arrow-left\"\n                size=\"sm\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiBack\"\n                [tooltip]=\"t().uiBack\"\n                (clicked)=\"onDismiss()\" />\n        }\n\n        <div rtElem=\"heading\">\n            @if (overline(); as overlineText) {\n                <p rtElem=\"overline\" qa-dataid=\"aside-overline\">{{ overlineText }}</p>\n            }\n            <h2 rtElem=\"title\" qa-dataid=\"aside-title\">\n                <rt-skeleton-wrapper width=\"180px\" height=\"20px\" [isLoading]=\"loading()\">\n                    {{ title() }}\n                </rt-skeleton-wrapper>\n            </h2>\n\n            @if (subtitle(); as subtitleText) {\n                <p rtElem=\"subtitle\" qa-dataid=\"aside-subtitle\">{{ subtitleText }}</p>\n            }\n\n            @if (badges().length > 0) {\n                <div rtElem=\"badges\">\n                    @for (badge of badges(); track badge.value) {\n                        @if (badge.href; as href) {\n                            <a rtElem=\"badge-link\" qa-dataid=\"aside-badge-link\" target=\"_blank\" rel=\"noopener\" [href]=\"href\">\n                                <rt-tag\n                                    iconEnd=\"external-link\"\n                                    [value]=\"badge.value\"\n                                    [severity]=\"badge.severity ?? 'neutral'\"\n                                    [appearance]=\"badge.appearance ?? 'solid'\"\n                                    [radius]=\"badge.radius ?? 'md'\"\n                                    [icon]=\"badge.icon ?? null\" />\n                            </a>\n                        } @else {\n                            <rt-tag\n                                [value]=\"badge.value\"\n                                [severity]=\"badge.severity ?? 'neutral'\"\n                                [appearance]=\"badge.appearance ?? 'solid'\"\n                                [radius]=\"badge.radius ?? 'md'\"\n                                [icon]=\"badge.icon ?? null\" />\n                        }\n                    }\n                </div>\n            }\n        </div>\n\n        <div rtElem=\"actions\" qa-dataid=\"aside-actions\">\n            <ng-content select=\"[asideActions]\" />\n        </div>\n    </header>\n\n    <div rtElem=\"row\" qa-dataid=\"aside-header-row\">\n        <ng-content select=\"[asideHeaderContent]\" />\n    </div>\n</ng-container>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-aside-footer';\n\n/**\n * Footer-слот для композиции внутри `<rt-aside>`. Две зоны через именованные\n * слоты: `[asideDismiss]` (слева — «Закрыть», `appearance=\"text\"`, всегда) и\n * `[asidePrimary]` (справа — единственный позитивный глагол: Сохранить /\n * Отправить / Опубликовать, если есть). Раскладка `justify-content:\n * space-between`. Доменные/деструктивные действия в футер не кладём — они\n * проецируются иконками в `<rt-aside-header>` слот `[asideActions]`.\n *\n * Только две именованные зоны — безатрибутный контент НЕ проецируется (контент\n * без `asideDismiss`/`asidePrimary` не отрендерится).\n *\n * `ViewEncapsulation.None` — для единообразия с rt-aside.\n *\n * @example\n * \\`\\`\\`html\n * <rt-aside-footer>\n *   <button rtButton asideDismiss appearance=\"text\" (click)=\"onClose()\">Закрыть</button>\n *   <button rtButton asidePrimary theme=\"primary\" (click)=\"save()\">Сохранить</button>\n * </rt-aside-footer>\n * \\`\\`\\`\n */\n@Component({\n    selector: 'rt-aside-footer',\n    templateUrl: './rt-aside-footer.component.html',\n    styleUrl: './rt-aside-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideFooterComponent {}\n","<ng-container rtBlock=\"rt-aside-footer\">\n    <footer rtElem=\"content\" qa-dataid=\"aside-footer\">\n        <ng-content select=\"[asideDismiss]\" />\n        <ng-content select=\"[asidePrimary]\" />\n    </footer>\n</ng-container>\n","import { Signal } from '@angular/core';\n\n/** Что делает панель, когда её просят закрыться. */\nexport enum ERtAsideCloseIntent {\n    /** Ничего: идёт запись, и закрытие посреди неё потеряло бы её результат. */\n    Ignore = 'ignore',\n    /** Закрыться сразу: терять нечего. */\n    Close = 'close',\n    /** Спросить, что сделать с несохранёнными правками. */\n    Ask = 'ask',\n}\n\n/** Исход окна с несохранёнными правками. */\nexport enum ERtAsideUnsavedOutcome {\n    /** Закрыть без сохранения. */\n    Discard = 'discard',\n    /** Закрыть с сохранением. */\n    Save = 'save',\n    /** Остаться в панели. */\n    Stay = 'stay',\n}\n\n/**\n * Гард закрытия, который панель ставит на себя: признак нетронутости формы и\n * запись, которую зовёт исход «закрыть с сохранением».\n */\nexport interface IRtAsideUnsavedGuard {\n    pristine: Signal<boolean>;\n    save: () => void;\n}\n\n/** Состояние панели на момент намерения закрыть её. */\nexport interface IRtAsideCloseState {\n    submitting: boolean;\n    guarded: boolean;\n    pristine: boolean;\n}\n\n/**\n * Решение по намерению закрыть панель. Одно на все четыре пути закрытия: кнопку\n * в шапке, кнопку в футере, нажатие мимо панели и клавишу Esc — иначе Esc обошёл\n * бы то, что ловит кнопка.\n */\nexport function resolveCloseIntent(state: IRtAsideCloseState): ERtAsideCloseIntent {\n    if (state.submitting) {\n        return ERtAsideCloseIntent.Ignore;\n    }\n\n    return state.guarded && !state.pristine ? ERtAsideCloseIntent.Ask : ERtAsideCloseIntent.Close;\n}\n","import { inject, ChangeDetectionStrategy, Component, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtDialogRef } from '@rt-tools/ui-kit-v2/dialog';\nimport { RtDialogComponent } from '@rt-tools/ui-kit-v2/dialog';\nimport { ERtAsideUnsavedOutcome } from './rt-aside-unsaved.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-unsaved-dialog';\n\n/**\n * Окно, которое видит пользователь, закрывая панель с несохранёнными правками. Три\n * исхода: закрыть без сохранения, закрыть с сохранением, остаться. Открывает его\n * общая основа асайда, поэтому наружу компонент не экспортируется.\n *\n * Отказ от правок подан красной кнопкой: это единственный исход, после которого\n * введённое не вернуть.\n */\n@Component({\n    selector: 'rt-aside-unsaved-dialog',\n    templateUrl: './rt-aside-unsaved-dialog.component.html',\n    styleUrl: './rt-aside-unsaved-dialog.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtButtonDirective,\n        RtDialogComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideUnsavedDialogComponent {\n    readonly #dialogRef: RtDialogRef<ERtAsideUnsavedOutcome> = inject(RtDialogRef);\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected onDiscard(): void {\n        this.#dialogRef.close(ERtAsideUnsavedOutcome.Discard);\n    }\n\n    protected onSave(): void {\n        this.#dialogRef.close(ERtAsideUnsavedOutcome.Save);\n    }\n\n    protected onStay(): void {\n        this.#dialogRef.close(ERtAsideUnsavedOutcome.Stay);\n    }\n}\n","<rt-dialog width=\"440px\" qa-dataid=\"aside-unsaved-dialog\" [ariaLabel]=\"t().uiUnsavedTitle\">\n    <div rtBlock=\"rt-aside-unsaved-dialog\">\n        <div rtElem=\"text\">\n            <h2 rtElem=\"title\" qa-dataid=\"aside-unsaved-title\">{{ t().uiUnsavedTitle }}</h2>\n            <p rtElem=\"message\" qa-dataid=\"aside-unsaved-message\">{{ t().uiUnsavedMessage }}</p>\n        </div>\n\n        <div rtElem=\"footer\">\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-discard\"\n                type=\"button\"\n                theme=\"danger\"\n                appearance=\"outlined\"\n                [label]=\"t().uiUnsavedDiscard\"\n                [attr.aria-label]=\"t().uiUnsavedDiscard\"\n                (click)=\"onDiscard()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-stay\"\n                type=\"button\"\n                theme=\"secondary\"\n                appearance=\"text\"\n                [label]=\"t().uiUnsavedStay\"\n                [attr.aria-label]=\"t().uiUnsavedStay\"\n                (click)=\"onStay()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"aside-unsaved-save\"\n                type=\"button\"\n                appearance=\"filled\"\n                [label]=\"t().uiUnsavedSave\"\n                [attr.aria-label]=\"t().uiUnsavedSave\"\n                (click)=\"onSave()\"></button>\n        </div>\n    </div>\n</rt-dialog>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["BEM_BLOCK"],"mappings":"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"}

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

@@ -0,0 +1,214 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, viewChild, signal, computed, input, booleanAttribute, output, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
+import { RT_KIT_LABELS } from '@rt-tools/ui-kit-v2/core';
+import { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';
+import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
+import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
+import { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';
+import * as i1 from '@rt-tools/ui-kit-v2/radius';
+import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
+import { rtScrollActiveOptionIntoView } from '@rt-tools/ui-kit-v2/select';
+
+const BEM_BLOCK = 'rt-autocomplete';
+let panelIdSeed = 0;
+function nextPanelId() {
+    panelIdSeed += 1;
+    return panelIdSeed;
+}
+/**
+ * Typeahead/autocomplete с server-side filter через `(complete)` event.
+ *
+ * Panel рендерится через CDK Overlay (`[rtPopover]` trigger="manual" на input'е)
+ * — открывается по набору текста (не click/hover), не обрезается overflow.
+ * Подписчик получает `(complete)` с текущей строкой и сам грузит подсказки.
+ *
+ * CVA через общий `RtFormControlBase`. Generic `TItem` — тип подсказки и
+ * selected value. Крестик (`clearable`) виден при непустом тексте — очищает и
+ * текст, и выбранный объект. Keyboard-nav (activedescendant): ArrowUp/Down —
+ * highlight, Enter — выбрать активную, Escape — закрыть. Home/End — deferred.
+ */
+class RtAutocompleteComponent extends RtFormControlBase {
+    constructor() {
+        super();
+        this.t = inject(RT_KIT_LABELS);
+        this.panelId = `rt-autocomplete-panel-${nextPanelId()}`;
+        this.popover = viewChild.required(RtPopoverDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "popover" }] : /* istanbul ignore next */ []));
+        this.fieldEl = viewChild('fieldEl', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fieldEl" }] : /* istanbul ignore next */ []));
+        this.inputText = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inputText" }] : /* istanbul ignore next */ []));
+        this.activeIndex = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
+        this.isOpen = computed(() => this.popover().isOpen(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        /** Идентификатор подсвеченной опции — тот же, что уходит в `aria-activedescendant`. */
+        this.activeOptionId = computed(() => this.isOpen() && this.activeIndex() >= 0 ? `${this.panelId}-opt-${this.activeIndex()}` : null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeOptionId" }] : /* istanbul ignore next */ []));
+        this.hasValue = computed(() => this.inputText() !== '', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
+        this.displayText = computed(() => this.displayWith()(this.value()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+        this.suggestions = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []));
+        this.displayWith = input((item) => String(item ?? ''), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayWith" }] : /* istanbul ignore next */ []));
+        this.placeholder = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.minLength = input(1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minLength" }] : /* istanbul ignore next */ []));
+        /** Префикс-иконка слева в поле (например, `map` для поиска). */
+        this.iconLeft = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iconLeft" }] : /* istanbul ignore next */ []));
+        this.openOnFocus = input(false, { ...(ngDevMode ? { debugName: "openOnFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.itemTemplate = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
+        this.complete = output();
+        this.itemSelect = output();
+        // Подсветка, сдвинутая клавишами, не уходит за край панели с пределом высоты.
+        rtScrollActiveOptionIntoView(this.activeOptionId);
+    }
+    writeValue(value) {
+        super.writeValue(value);
+        this.inputText.set(this.displayWith()(this.value()));
+    }
+    setDisabledState(disabled) {
+        super.setDisabledState(disabled);
+        if (disabled) {
+            this.popover().close();
+        }
+    }
+    getEmptyValue() {
+        return null;
+    }
+    focusAfterClear() {
+        this.fieldEl()?.nativeElement.focus();
+    }
+    clearValue() {
+        super.clearValue();
+        this.inputText.set('');
+    }
+    onInput(event) {
+        const target = event.target;
+        const query = target.value;
+        this.inputText.set(query);
+        this.activeIndex.set(-1);
+        if (query.length >= this.minLength()) {
+            this.complete.emit({ query, originalEvent: event });
+            this.popover().open();
+        }
+        else {
+            this.popover().close();
+        }
+    }
+    onFocus() {
+        if (!this.openOnFocus()) {
+            return;
+        }
+        this.complete.emit({ query: this.inputText(), originalEvent: new Event('focus') });
+        this.popover().open();
+    }
+    onBlur() {
+        this.markTouched();
+    }
+    onClosed() {
+        this.activeIndex.set(-1);
+    }
+    onSelect(item) {
+        this.value.set(item);
+        this.inputText.set(this.displayWith()(item));
+        this.emitChange(item);
+        this.itemSelect.emit(item);
+        this.popover().close();
+    }
+    onInputKeydown(event) {
+        if (this.isDisabled()) {
+            return;
+        }
+        const key = event.key;
+        if (!this.isOpen()) {
+            return;
+        }
+        switch (key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.#moveActive(1);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.#moveActive(-1);
+                break;
+            case 'Enter':
+                event.preventDefault();
+                this.#selectActive();
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.popover().close();
+                break;
+            default:
+                break;
+        }
+    }
+    #moveActive(delta) {
+        const items = this.suggestions();
+        if (items.length === 0) {
+            this.activeIndex.set(-1);
+            return;
+        }
+        const index = this.activeIndex();
+        const next = (index + delta + items.length) % items.length;
+        this.activeIndex.set(next);
+    }
+    #selectActive() {
+        const items = this.suggestions();
+        const index = this.activeIndex();
+        if (index >= 0 && index < items.length) {
+            this.onSelect(items[index]);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtAutocompleteComponent, isStandalone: true, selector: "rt-autocomplete", inputs: { suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, displayWith: { classPropertyName: "displayWith", publicName: "displayWith", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, openOnFocus: { classPropertyName: "openOnFocus", publicName: "openOnFocus", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { complete: "complete", itemSelect: "itemSelect" }, host: { properties: { "class.rt-autocomplete--open": "isOpen()", "class.rt-autocomplete--disabled": "isDisabled()", "class.rt-autocomplete--readonly": "isReadonly()", "class.rt-autocomplete--invalid": "isInvalid()", "class.rt-autocomplete--borderless": "!bordered()", "class.rt-autocomplete--size--sm": "size() === 'sm'", "class.rt-autocomplete--size--lg": "size() === 'lg'" }, classAttribute: "rt-autocomplete" }, providers: [
+            // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.
+            { provide: RtFormControlBase, useExisting: forwardRef(() => RtAutocompleteComponent) },
+        ], viewQueries: [{ propertyName: "popover", first: true, predicate: RtPopoverDirective, descendants: true, isSignal: true }, { propertyName: "fieldEl", first: true, predicate: ["fieldEl"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<ng-container rtBlock=\"rt-autocomplete\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"autocomplete-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '\u2014' }}</span>\n    }\n    <div rtElem=\"field\" rtPopoverTrigger=\"manual\" rtPopoverWidth=\"trigger\" [rtPopover]=\"panelTpl\" (rtPopoverClosed)=\"onClosed()\">\n        @if (iconLeft(); as left) {\n            <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n        }\n        <input\n            #fieldEl\n            rtElem=\"input\"\n            qa-dataid=\"autocomplete-input\"\n            type=\"text\"\n            autocomplete=\"off\"\n            role=\"combobox\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-expanded]=\"isOpen()\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [attr.aria-autocomplete]=\"'list'\"\n            [attr.aria-controls]=\"panelId\"\n            [attr.aria-activedescendant]=\"activeOptionId()\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"inputText()\"\n            [disabled]=\"isDisabled()\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            (keydown)=\"onInputKeydown($event)\" />\n        @if (showClearButton()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"autocomplete-clear\"\n                icon=\"ico-close\"\n                size=\"sm\"\n                variant=\"ghost\"\n                iconColor=\"muted\"\n                [ariaLabel]=\"t().uiClear\"\n                [tabIndex]=\"-1\"\n                (clicked)=\"clear($event)\" />\n        }\n    </div>\n\n    <ng-template #panelTpl>\n        <!--\n            \u041E\u043F\u0446\u0438\u0438 \u0432\u044B\u0431\u0438\u0440\u0430\u044E\u0442\u0441\u044F \u043C\u044B\u0448\u044C\u044E \u0447\u0435\u0440\u0435\u0437 (click); keyboard-nav \u2014 \u043D\u0430 input'\u0435\n            (activedescendant), \u043E\u043F\u0446\u0438\u0438 \u043D\u0435 focusable \u0438\u043D\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043B\u044C\u043D\u043E.\n        -->\n        <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n        <ul rtElem=\"panel\" qa-dataid=\"autocomplete-panel\" role=\"listbox\" [id]=\"panelId\">\n            @for (item of suggestions(); track $index; let i = $index) {\n                <li\n                    rtElem=\"option\"\n                    qa-dataid=\"autocomplete-option\"\n                    role=\"option\"\n                    [id]=\"panelId + '-opt-' + i\"\n                    [rtMod]=\"{ active: i === activeIndex() }\"\n                    [attr.aria-selected]=\"item === value()\"\n                    (click)=\"onSelect(item)\">\n                    @if (itemTemplate(); as tpl) {\n                        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: item }\" />\n                    } @else {\n                        {{ displayWith()(item) }}\n                    }\n                </li>\n            } @empty {\n                <li rtElem=\"empty\" qa-dataid=\"autocomplete-empty\">{{ t().uiNothingFound }}</li>\n            }\n        </ul>\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-autocomplete{--rt-autocomplete-radius: var(--rt-input-radius);position:relative;display:block;width:100%}.rt-autocomplete__field{display:inline-flex;width:100%;min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-autocomplete-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:text;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);line-height:var(--rt-input-line-height);transition:var(--rt-input-transition)}.rt-autocomplete__field:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-autocomplete--borderless .rt-autocomplete__field{border-color:transparent}.rt-autocomplete--open .rt-autocomplete__field{border-color:var(--rt-input-color-border-focus)}.rt-autocomplete--invalid .rt-autocomplete__field{border-color:var(--rt-input-color-border-error)}.rt-autocomplete--invalid .rt-autocomplete__field:focus-within{box-shadow:var(--rt-input-focus-shadow-error)}.rt-autocomplete--disabled .rt-autocomplete__field{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-autocomplete--size--sm .rt-autocomplete__field{min-height:var(--rt-input-height-sm)}.rt-autocomplete--size--lg .rt-autocomplete__field{min-height:var(--rt-input-height-lg)}.rt-autocomplete--readonly .rt-autocomplete__field{display:none}.rt-autocomplete__readonly{display:inline-flex;min-height:var(--rt-input-height);align-items:center;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-autocomplete__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-autocomplete__input{min-width:0;flex:1 1 auto;padding:0;border:none;background:transparent;color:inherit;font:inherit;outline:none}.rt-autocomplete__input::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-autocomplete__input:disabled{cursor:not-allowed}.rt-autocomplete__icon-left,.rt-autocomplete__clear{flex-shrink:0}.rt-autocomplete__panel{--rt-autocomplete-panel-shadow: var(--rt-shadow-md);width:100%;max-height:var(--rt-input-panel-max-height);box-sizing:border-box;padding:var(--rt-space-2xs) 0;border:var(--rt-input-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-input-radius);margin:0;background-color:var(--rt-color-bg-surface);box-shadow:var(--rt-autocomplete-panel-shadow);list-style:none;overflow-y:auto}.rt-autocomplete__option{padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-color-text-primary);cursor:pointer;font-size:var(--rt-input-font-size)}.rt-autocomplete__option:hover,.rt-autocomplete__option--active{background-color:var(--rt-color-bg-hover)}.rt-autocomplete__empty{padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-input-color-text-placeholder);font-style:italic}.rt-autocomplete[data-rt-radius=none]{--rt-autocomplete-radius: var(--rt-radius-none)}.rt-autocomplete[data-rt-radius=xs]{--rt-autocomplete-radius: var(--rt-radius-xs)}.rt-autocomplete[data-rt-radius=sm]{--rt-autocomplete-radius: var(--rt-radius-sm)}.rt-autocomplete[data-rt-radius=ms]{--rt-autocomplete-radius: var(--rt-radius-ms)}.rt-autocomplete[data-rt-radius=md]{--rt-autocomplete-radius: var(--rt-radius-md)}.rt-autocomplete[data-rt-radius=lg]{--rt-autocomplete-radius: var(--rt-radius-lg)}.rt-autocomplete[data-rt-radius=xl]{--rt-autocomplete-radius: var(--rt-radius-xl)}.rt-autocomplete[data-rt-radius=\"2xl\"]{--rt-autocomplete-radius: var(--rt-radius-2xl)}.rt-autocomplete[data-rt-radius=full]{--rt-autocomplete-radius: var(--rt-radius-full)}}\n"], dependencies: [{ kind: "directive", type: 
+                // Angular
+                NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 
+                // standalone components / directives
+                RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "size", "color", "fill", "spin", "rotate"] }, { kind: "directive", type: RtPopoverDirective, selector: "[rtPopover]", inputs: ["rtPopover", "rtPopoverTrigger", "rtPopoverWidth", "rtPopoverAlign", "rtPopoverFitViewport", "rtPopoverContext", "rtPopoverPanelClass", "rtPopoverDisabled", "rtPopoverOffsetY", "rtPopoverOffsetX"], outputs: ["rtPopoverOpened", "rtPopoverClosed"], exportAs: ["rtPopover"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // Angular
+                        NgTemplateOutlet,
+                        // standalone components / directives
+                        RtIconButtonComponent,
+                        RtIconComponent,
+                        RtPopoverDirective,
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                    ], providers: [
+                        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.
+                        { provide: RtFormControlBase, useExisting: forwardRef(() => RtAutocompleteComponent) },
+                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
+                        class: BEM_BLOCK,
+                        '[class.rt-autocomplete--open]': 'isOpen()',
+                        '[class.rt-autocomplete--disabled]': 'isDisabled()',
+                        '[class.rt-autocomplete--readonly]': 'isReadonly()',
+                        '[class.rt-autocomplete--invalid]': 'isInvalid()',
+                        '[class.rt-autocomplete--borderless]': '!bordered()',
+                        '[class.rt-autocomplete--size--sm]': "size() === 'sm'",
+                        '[class.rt-autocomplete--size--lg]': "size() === 'lg'",
+                    }, template: "<ng-container rtBlock=\"rt-autocomplete\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"autocomplete-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '\u2014' }}</span>\n    }\n    <div rtElem=\"field\" rtPopoverTrigger=\"manual\" rtPopoverWidth=\"trigger\" [rtPopover]=\"panelTpl\" (rtPopoverClosed)=\"onClosed()\">\n        @if (iconLeft(); as left) {\n            <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n        }\n        <input\n            #fieldEl\n            rtElem=\"input\"\n            qa-dataid=\"autocomplete-input\"\n            type=\"text\"\n            autocomplete=\"off\"\n            role=\"combobox\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-expanded]=\"isOpen()\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [attr.aria-autocomplete]=\"'list'\"\n            [attr.aria-controls]=\"panelId\"\n            [attr.aria-activedescendant]=\"activeOptionId()\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"inputText()\"\n            [disabled]=\"isDisabled()\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            (keydown)=\"onInputKeydown($event)\" />\n        @if (showClearButton()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"autocomplete-clear\"\n                icon=\"ico-close\"\n                size=\"sm\"\n                variant=\"ghost\"\n                iconColor=\"muted\"\n                [ariaLabel]=\"t().uiClear\"\n                [tabIndex]=\"-1\"\n                (clicked)=\"clear($event)\" />\n        }\n    </div>\n\n    <ng-template #panelTpl>\n        <!--\n            \u041E\u043F\u0446\u0438\u0438 \u0432\u044B\u0431\u0438\u0440\u0430\u044E\u0442\u0441\u044F \u043C\u044B\u0448\u044C\u044E \u0447\u0435\u0440\u0435\u0437 (click); keyboard-nav \u2014 \u043D\u0430 input'\u0435\n            (activedescendant), \u043E\u043F\u0446\u0438\u0438 \u043D\u0435 focusable \u0438\u043D\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043B\u044C\u043D\u043E.\n        -->\n        <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n        <ul rtElem=\"panel\" qa-dataid=\"autocomplete-panel\" role=\"listbox\" [id]=\"panelId\">\n            @for (item of suggestions(); track $index; let i = $index) {\n                <li\n                    rtElem=\"option\"\n                    qa-dataid=\"autocomplete-option\"\n                    role=\"option\"\n                    [id]=\"panelId + '-opt-' + i\"\n                    [rtMod]=\"{ active: i === activeIndex() }\"\n                    [attr.aria-selected]=\"item === value()\"\n                    (click)=\"onSelect(item)\">\n                    @if (itemTemplate(); as tpl) {\n                        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: item }\" />\n                    } @else {\n                        {{ displayWith()(item) }}\n                    }\n                </li>\n            } @empty {\n                <li rtElem=\"empty\" qa-dataid=\"autocomplete-empty\">{{ t().uiNothingFound }}</li>\n            }\n        </ul>\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-autocomplete{--rt-autocomplete-radius: var(--rt-input-radius);position:relative;display:block;width:100%}.rt-autocomplete__field{display:inline-flex;width:100%;min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-autocomplete-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:text;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);line-height:var(--rt-input-line-height);transition:var(--rt-input-transition)}.rt-autocomplete__field:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-autocomplete--borderless .rt-autocomplete__field{border-color:transparent}.rt-autocomplete--open .rt-autocomplete__field{border-color:var(--rt-input-color-border-focus)}.rt-autocomplete--invalid .rt-autocomplete__field{border-color:var(--rt-input-color-border-error)}.rt-autocomplete--invalid .rt-autocomplete__field:focus-within{box-shadow:var(--rt-input-focus-shadow-error)}.rt-autocomplete--disabled .rt-autocomplete__field{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-autocomplete--size--sm .rt-autocomplete__field{min-height:var(--rt-input-height-sm)}.rt-autocomplete--size--lg .rt-autocomplete__field{min-height:var(--rt-input-height-lg)}.rt-autocomplete--readonly .rt-autocomplete__field{display:none}.rt-autocomplete__readonly{display:inline-flex;min-height:var(--rt-input-height);align-items:center;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-autocomplete__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-autocomplete__input{min-width:0;flex:1 1 auto;padding:0;border:none;background:transparent;color:inherit;font:inherit;outline:none}.rt-autocomplete__input::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-autocomplete__input:disabled{cursor:not-allowed}.rt-autocomplete__icon-left,.rt-autocomplete__clear{flex-shrink:0}.rt-autocomplete__panel{--rt-autocomplete-panel-shadow: var(--rt-shadow-md);width:100%;max-height:var(--rt-input-panel-max-height);box-sizing:border-box;padding:var(--rt-space-2xs) 0;border:var(--rt-input-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-input-radius);margin:0;background-color:var(--rt-color-bg-surface);box-shadow:var(--rt-autocomplete-panel-shadow);list-style:none;overflow-y:auto}.rt-autocomplete__option{padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-color-text-primary);cursor:pointer;font-size:var(--rt-input-font-size)}.rt-autocomplete__option:hover,.rt-autocomplete__option--active{background-color:var(--rt-color-bg-hover)}.rt-autocomplete__empty{padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-input-color-text-placeholder);font-style:italic}.rt-autocomplete[data-rt-radius=none]{--rt-autocomplete-radius: var(--rt-radius-none)}.rt-autocomplete[data-rt-radius=xs]{--rt-autocomplete-radius: var(--rt-radius-xs)}.rt-autocomplete[data-rt-radius=sm]{--rt-autocomplete-radius: var(--rt-radius-sm)}.rt-autocomplete[data-rt-radius=ms]{--rt-autocomplete-radius: var(--rt-radius-ms)}.rt-autocomplete[data-rt-radius=md]{--rt-autocomplete-radius: var(--rt-radius-md)}.rt-autocomplete[data-rt-radius=lg]{--rt-autocomplete-radius: var(--rt-radius-lg)}.rt-autocomplete[data-rt-radius=xl]{--rt-autocomplete-radius: var(--rt-radius-xl)}.rt-autocomplete[data-rt-radius=\"2xl\"]{--rt-autocomplete-radius: var(--rt-radius-2xl)}.rt-autocomplete[data-rt-radius=full]{--rt-autocomplete-radius: var(--rt-radius-full)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { popover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => RtPopoverDirective), { isSignal: true }] }], fieldEl: [{ type: i0.ViewChild, args: ['fieldEl', { isSignal: true }] }], suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], displayWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayWith", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }], iconLeft: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconLeft", required: false }] }], openOnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnFocus", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], complete: [{ type: i0.Output, args: ["complete"] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtAutocompleteComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-autocomplete.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-autocomplete.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/autocomplete/rt-autocomplete.component.ts","../../../projects/ui-kit-v2/src/lib/components/autocomplete/rt-autocomplete.component.html","../../../projects/ui-kit-v2/src/lib/components/autocomplete/rt-tools-ui-kit-v2-autocomplete.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    computed,\n    forwardRef,\n    inject,\n    input,\n    output,\n    signal,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    TemplateRef,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { rtScrollActiveOptionIntoView } from '@rt-tools/ui-kit-v2/select';\nimport { IRtAutocomplete } from './rt-autocomplete.model';\n\nconst BEM_BLOCK: string = 'rt-autocomplete';\n\nlet panelIdSeed: number = 0;\n\nfunction nextPanelId(): number {\n    panelIdSeed += 1;\n    return panelIdSeed;\n}\n\n/**\n * Typeahead/autocomplete с server-side filter через `(complete)` event.\n *\n * Panel рендерится через CDK Overlay (`[rtPopover]` trigger=\"manual\" на input'е)\n * — открывается по набору текста (не click/hover), не обрезается overflow.\n * Подписчик получает `(complete)` с текущей строкой и сам грузит подсказки.\n *\n * CVA через общий `RtFormControlBase`. Generic `TItem` — тип подсказки и\n * selected value. Крестик (`clearable`) виден при непустом тексте — очищает и\n * текст, и выбранный объект. Keyboard-nav (activedescendant): ArrowUp/Down —\n * highlight, Enter — выбрать активную, Escape — закрыть. Home/End — deferred.\n */\n@Component({\n    selector: 'rt-autocomplete',\n    templateUrl: './rt-autocomplete.component.html',\n    styleUrl: './rt-autocomplete.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // Angular\n        NgTemplateOutlet,\n\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtIconComponent,\n        RtPopoverDirective,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.\n        { provide: RtFormControlBase, useExisting: forwardRef(() => RtAutocompleteComponent) },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-autocomplete--open]': 'isOpen()',\n        '[class.rt-autocomplete--disabled]': 'isDisabled()',\n        '[class.rt-autocomplete--readonly]': 'isReadonly()',\n        '[class.rt-autocomplete--invalid]': 'isInvalid()',\n        '[class.rt-autocomplete--borderless]': '!bordered()',\n        '[class.rt-autocomplete--size--sm]': \"size() === 'sm'\",\n        '[class.rt-autocomplete--size--lg]': \"size() === 'lg'\",\n    },\n})\nexport class RtAutocompleteComponent<TItem> extends RtFormControlBase<TItem | null> {\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly panelId: string = `rt-autocomplete-panel-${nextPanelId()}`;\n\n    protected readonly popover: Signal<RtPopoverDirective> = viewChild.required(RtPopoverDirective);\n\n    protected readonly fieldEl: Signal<ElementRef<HTMLInputElement> | undefined> = viewChild<ElementRef<HTMLInputElement>>('fieldEl');\n\n    protected readonly inputText: WritableSignal<string> = signal<string>('');\n    protected readonly activeIndex: WritableSignal<number> = signal<number>(-1);\n\n    protected readonly isOpen: Signal<boolean> = computed((): boolean => this.popover().isOpen());\n\n    /** Идентификатор подсвеченной опции — тот же, что уходит в `aria-activedescendant`. */\n    protected readonly activeOptionId: Signal<string | null> = computed((): string | null =>\n        this.isOpen() && this.activeIndex() >= 0 ? `${this.panelId}-opt-${this.activeIndex()}` : null\n    );\n\n    protected readonly hasValue: Signal<boolean> = computed((): boolean => this.inputText() !== '');\n\n    public readonly displayText: Signal<string> = computed((): string => this.displayWith()(this.value()));\n\n    public readonly suggestions: InputSignal<ReadonlyArray<TItem>> = input<ReadonlyArray<TItem>>([]);\n\n    public readonly displayWith: InputSignal<(item: TItem | null) => string> = input<(item: TItem | null) => string>(\n        (item: TItem | null): string => String(item ?? '')\n    );\n\n    public readonly placeholder: InputSignal<string> = input<string>('');\n    public readonly minLength: InputSignal<number> = input<number>(1);\n\n    /** Префикс-иконка слева в поле (например, `map` для поиска). */\n    public readonly iconLeft: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n\n    public readonly openOnFocus: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly itemTemplate: InputSignal<TemplateRef<{ $implicit: TItem }> | null> = input<TemplateRef<{ $implicit: TItem }> | null>(\n        null\n    );\n\n    public readonly complete: OutputEmitterRef<IRtAutocomplete.CompleteEvent> = output<IRtAutocomplete.CompleteEvent>();\n\n    public readonly itemSelect: OutputEmitterRef<TItem> = output<TItem>();\n\n    constructor() {\n        super();\n        // Подсветка, сдвинутая клавишами, не уходит за край панели с пределом высоты.\n        rtScrollActiveOptionIntoView(this.activeOptionId);\n    }\n\n    public override writeValue(value: TItem | null): void {\n        super.writeValue(value);\n        this.inputText.set(this.displayWith()(this.value()));\n    }\n\n    public override setDisabledState(disabled: boolean): void {\n        super.setDisabledState(disabled);\n        if (disabled) {\n            this.popover().close();\n        }\n    }\n\n    protected getEmptyValue(): TItem | null {\n        return null;\n    }\n\n    protected focusAfterClear(): void {\n        this.fieldEl()?.nativeElement.focus();\n    }\n\n    protected override clearValue(): void {\n        super.clearValue();\n        this.inputText.set('');\n    }\n\n    protected onInput(event: Event): void {\n        const target: HTMLInputElement = event.target as HTMLInputElement;\n        const query: string = target.value;\n        this.inputText.set(query);\n        this.activeIndex.set(-1);\n        if (query.length >= this.minLength()) {\n            this.complete.emit({ query, originalEvent: event });\n            this.popover().open();\n        } else {\n            this.popover().close();\n        }\n    }\n\n    protected onFocus(): void {\n        if (!this.openOnFocus()) {\n            return;\n        }\n        this.complete.emit({ query: this.inputText(), originalEvent: new Event('focus') });\n        this.popover().open();\n    }\n\n    protected onBlur(): void {\n        this.markTouched();\n    }\n\n    protected onClosed(): void {\n        this.activeIndex.set(-1);\n    }\n\n    protected onSelect(item: TItem): void {\n        this.value.set(item);\n        this.inputText.set(this.displayWith()(item));\n        this.emitChange(item);\n        this.itemSelect.emit(item);\n        this.popover().close();\n    }\n\n    protected onInputKeydown(event: KeyboardEvent): void {\n        if (this.isDisabled()) {\n            return;\n        }\n        const key: string = event.key;\n        if (!this.isOpen()) {\n            return;\n        }\n        switch (key) {\n            case 'ArrowDown':\n                event.preventDefault();\n                this.#moveActive(1);\n                break;\n            case 'ArrowUp':\n                event.preventDefault();\n                this.#moveActive(-1);\n                break;\n            case 'Enter':\n                event.preventDefault();\n                this.#selectActive();\n                break;\n            case 'Escape':\n                event.preventDefault();\n                this.popover().close();\n                break;\n            default:\n                break;\n        }\n    }\n\n    #moveActive(delta: number): void {\n        const items: ReadonlyArray<TItem> = this.suggestions();\n        if (items.length === 0) {\n            this.activeIndex.set(-1);\n            return;\n        }\n        const index: number = this.activeIndex();\n        const next: number = (index + delta + items.length) % items.length;\n        this.activeIndex.set(next);\n    }\n\n    #selectActive(): void {\n        const items: ReadonlyArray<TItem> = this.suggestions();\n        const index: number = this.activeIndex();\n        if (index >= 0 && index < items.length) {\n            this.onSelect(items[index]);\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-autocomplete\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"autocomplete-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    }\n    <div rtElem=\"field\" rtPopoverTrigger=\"manual\" rtPopoverWidth=\"trigger\" [rtPopover]=\"panelTpl\" (rtPopoverClosed)=\"onClosed()\">\n        @if (iconLeft(); as left) {\n            <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n        }\n        <input\n            #fieldEl\n            rtElem=\"input\"\n            qa-dataid=\"autocomplete-input\"\n            type=\"text\"\n            autocomplete=\"off\"\n            role=\"combobox\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-expanded]=\"isOpen()\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [attr.aria-autocomplete]=\"'list'\"\n            [attr.aria-controls]=\"panelId\"\n            [attr.aria-activedescendant]=\"activeOptionId()\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"inputText()\"\n            [disabled]=\"isDisabled()\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            (keydown)=\"onInputKeydown($event)\" />\n        @if (showClearButton()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"autocomplete-clear\"\n                icon=\"ico-close\"\n                size=\"sm\"\n                variant=\"ghost\"\n                iconColor=\"muted\"\n                [ariaLabel]=\"t().uiClear\"\n                [tabIndex]=\"-1\"\n                (clicked)=\"clear($event)\" />\n        }\n    </div>\n\n    <ng-template #panelTpl>\n        <!--\n            Опции выбираются мышью через (click); keyboard-nav — на input'е\n            (activedescendant), опции не focusable индивидуально.\n        -->\n        <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n        <ul rtElem=\"panel\" qa-dataid=\"autocomplete-panel\" role=\"listbox\" [id]=\"panelId\">\n            @for (item of suggestions(); track $index; let i = $index) {\n                <li\n                    rtElem=\"option\"\n                    qa-dataid=\"autocomplete-option\"\n                    role=\"option\"\n                    [id]=\"panelId + '-opt-' + i\"\n                    [rtMod]=\"{ active: i === activeIndex() }\"\n                    [attr.aria-selected]=\"item === value()\"\n                    (click)=\"onSelect(item)\">\n                    @if (itemTemplate(); as tpl) {\n                        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: item }\" />\n                    } @else {\n                        {{ displayWith()(item) }}\n                    }\n                </li>\n            } @empty {\n                <li rtElem=\"empty\" qa-dataid=\"autocomplete-empty\">{{ t().uiNothingFound }}</li>\n            }\n        </ul>\n    </ng-template>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-bar-list.mjs

@@ -0,0 +1,53 @@
+import * as i0 from '@angular/core';
+import { computed, input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BlockDirective, ElemDirective } from '@rt-tools/core';
+import { rtKitLabel } from '@rt-tools/ui-kit-v2/core';
+import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
+
+const BEM_BLOCK = 'rt-bar-list';
+/**
+ * Список «топ-N» со шкалой доли: заголовок, необязательное уточнение, значение
+ * справа и полоса под строкой. Заменяет самодельные бары — третьей реализации
+ * в проекте быть не должно.
+ *
+ * Компонент ничего не считает и не форматирует: доля приходит числом 0…100,
+ * значение — готовой строкой. Так список одинаково годится и для денег, и для
+ * счётчиков визитов.
+ */
+class RtBarListComponent {
+    constructor() {
+        this.#t_uiNoData = rtKitLabel('uiNoData');
+        this.emptyMessage = computed(() => this.emptyText() || this.#t_uiNoData(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []));
+        this.rows = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        this.title = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        /** Пусто — берётся переведённая подпись по умолчанию */
+        this.emptyText = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []));
+    }
+    #t_uiNoData;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtBarListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtBarListComponent, isStandalone: true, selector: "rt-bar-list", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-bar-list" }, ngImport: i0, template: "<section rtBlock=\"rt-bar-list\" qa-dataid=\"bar-list\">\n    @if (title()) {\n        <h3 rtElem=\"title\" qa-dataid=\"bar-list-title\">{{ title() }}</h3>\n    }\n\n    @if (rows().length > 0) {\n        <ul rtElem=\"rows\" qa-dataid=\"bar-list-rows\">\n            @for (row of rows(); track row.id) {\n                <li rtElem=\"row\" qa-dataid=\"bar-list-row\" [attr.data-id]=\"row.id\">\n                    <span rtElem=\"row-head\">\n                        <span rtElem=\"row-title\" qa-dataid=\"bar-list-row-title\">{{ row.title }}</span>\n                        <span rtElem=\"row-value\" qa-dataid=\"bar-list-row-value\">{{ row.value }}</span>\n                    </span>\n                    @if (row.meta) {\n                        <span rtElem=\"row-meta\" qa-dataid=\"bar-list-row-meta\">{{ row.meta }}</span>\n                    }\n                    <span rtElem=\"track\">\n                        <span rtElem=\"fill\" qa-dataid=\"bar-list-row-fill\" [style.width.%]=\"row.sharePercent\"></span>\n                    </span>\n                </li>\n            }\n        </ul>\n    } @else {\n        <div rtElem=\"empty\" qa-dataid=\"bar-list-empty\">\n            <rt-icon name=\"warning\" size=\"md\" color=\"muted\" />\n            <p rtElem=\"empty-text\" qa-dataid=\"bar-list-empty-text\">{{ emptyMessage() }}</p>\n        </div>\n    }\n</section>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-bar-list{display:block}rt-bar-list .rt-bar-list{--rt-bar-list-bar-radius: var(--rt-radius-sm);display:flex;flex-direction:column;gap:var(--rt-space-2)}rt-bar-list .rt-bar-list__title{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold)}rt-bar-list .rt-bar-list__rows{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--rt-space-5);list-style:none}rt-bar-list .rt-bar-list__row{display:flex;min-width:0;flex-direction:column;gap:var(--rt-space-2)}rt-bar-list .rt-bar-list__row-head{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);gap:var(--rt-space-4);line-height:var(--rt-leading-tight)}rt-bar-list .rt-bar-list__row-title{overflow:hidden;color:var(--rt-color-text-primary);text-overflow:ellipsis;white-space:nowrap}rt-bar-list .rt-bar-list__row-value{flex:0 0 auto;color:var(--rt-color-text-primary)}rt-bar-list .rt-bar-list__row-meta{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-none)}rt-bar-list .rt-bar-list__track{display:block;height:6px;border-radius:var(--rt-bar-list-bar-radius);background:var(--rt-color-bg-surface-subtle)}rt-bar-list .rt-bar-list__fill{display:block;min-width:2px;height:100%;border-radius:var(--rt-bar-list-bar-radius);background:var(--rt-color-action-primary)}rt-bar-list .rt-bar-list__empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:var(--rt-space-lg) 0;gap:var(--rt-space-2)}rt-bar-list .rt-bar-list__empty-text{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}}\n"], dependencies: [{ kind: "component", type: 
+                // standalone components / directives
+                RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "size", "color", "fill", "spin", "rotate"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtBarListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-bar-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // standalone components / directives
+                        RtIconComponent,
+                        BlockDirective,
+                        ElemDirective,
+                    ], host: {
+                        class: BEM_BLOCK,
+                    }, template: "<section rtBlock=\"rt-bar-list\" qa-dataid=\"bar-list\">\n    @if (title()) {\n        <h3 rtElem=\"title\" qa-dataid=\"bar-list-title\">{{ title() }}</h3>\n    }\n\n    @if (rows().length > 0) {\n        <ul rtElem=\"rows\" qa-dataid=\"bar-list-rows\">\n            @for (row of rows(); track row.id) {\n                <li rtElem=\"row\" qa-dataid=\"bar-list-row\" [attr.data-id]=\"row.id\">\n                    <span rtElem=\"row-head\">\n                        <span rtElem=\"row-title\" qa-dataid=\"bar-list-row-title\">{{ row.title }}</span>\n                        <span rtElem=\"row-value\" qa-dataid=\"bar-list-row-value\">{{ row.value }}</span>\n                    </span>\n                    @if (row.meta) {\n                        <span rtElem=\"row-meta\" qa-dataid=\"bar-list-row-meta\">{{ row.meta }}</span>\n                    }\n                    <span rtElem=\"track\">\n                        <span rtElem=\"fill\" qa-dataid=\"bar-list-row-fill\" [style.width.%]=\"row.sharePercent\"></span>\n                    </span>\n                </li>\n            }\n        </ul>\n    } @else {\n        <div rtElem=\"empty\" qa-dataid=\"bar-list-empty\">\n            <rt-icon name=\"warning\" size=\"md\" color=\"muted\" />\n            <p rtElem=\"empty-text\" qa-dataid=\"bar-list-empty-text\">{{ emptyMessage() }}</p>\n        </div>\n    }\n</section>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-bar-list{display:block}rt-bar-list .rt-bar-list{--rt-bar-list-bar-radius: var(--rt-radius-sm);display:flex;flex-direction:column;gap:var(--rt-space-2)}rt-bar-list .rt-bar-list__title{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold)}rt-bar-list .rt-bar-list__rows{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--rt-space-5);list-style:none}rt-bar-list .rt-bar-list__row{display:flex;min-width:0;flex-direction:column;gap:var(--rt-space-2)}rt-bar-list .rt-bar-list__row-head{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);gap:var(--rt-space-4);line-height:var(--rt-leading-tight)}rt-bar-list .rt-bar-list__row-title{overflow:hidden;color:var(--rt-color-text-primary);text-overflow:ellipsis;white-space:nowrap}rt-bar-list .rt-bar-list__row-value{flex:0 0 auto;color:var(--rt-color-text-primary)}rt-bar-list .rt-bar-list__row-meta{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-none)}rt-bar-list .rt-bar-list__track{display:block;height:6px;border-radius:var(--rt-bar-list-bar-radius);background:var(--rt-color-bg-surface-subtle)}rt-bar-list .rt-bar-list__fill{display:block;min-width:2px;height:100%;border-radius:var(--rt-bar-list-bar-radius);background:var(--rt-color-action-primary)}rt-bar-list .rt-bar-list__empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:var(--rt-space-lg) 0;gap:var(--rt-space-2)}rt-bar-list .rt-bar-list__empty-text{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}}\n"] }]
+        }], propDecorators: { rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtBarListComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-bar-list.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-bar-list.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/bar-list/rt-bar-list.component.ts","../../../projects/ui-kit-v2/src/lib/components/bar-list/rt-bar-list.component.html","../../../projects/ui-kit-v2/src/lib/components/bar-list/rt-tools-ui-kit-v2-bar-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, InputSignal, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { IRtBarList } from './rt-bar-list.model';\n\nconst BEM_BLOCK: string = 'rt-bar-list';\n\n/**\n * Список «топ-N» со шкалой доли: заголовок, необязательное уточнение, значение\n * справа и полоса под строкой. Заменяет самодельные бары — третьей реализации\n * в проекте быть не должно.\n *\n * Компонент ничего не считает и не форматирует: доля приходит числом 0…100,\n * значение — готовой строкой. Так список одинаково годится и для денег, и для\n * счётчиков визитов.\n */\n@Component({\n    selector: 'rt-bar-list',\n    templateUrl: './rt-bar-list.component.html',\n    styleUrl: './rt-bar-list.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtBarListComponent {\n    readonly #t_uiNoData: Signal<string> = rtKitLabel('uiNoData');\n\n    protected readonly emptyMessage: Signal<string> = computed((): string => this.emptyText() || this.#t_uiNoData());\n\n    public readonly rows: InputSignal<ReadonlyArray<IRtBarList.Row>> = input.required<ReadonlyArray<IRtBarList.Row>>();\n\n    public readonly title: InputSignal<string> = input<string>('');\n\n    /** Пусто — берётся переведённая подпись по умолчанию */\n    public readonly emptyText: InputSignal<string> = input<string>('');\n}\n","<section rtBlock=\"rt-bar-list\" qa-dataid=\"bar-list\">\n    @if (title()) {\n        <h3 rtElem=\"title\" qa-dataid=\"bar-list-title\">{{ title() }}</h3>\n    }\n\n    @if (rows().length > 0) {\n        <ul rtElem=\"rows\" qa-dataid=\"bar-list-rows\">\n            @for (row of rows(); track row.id) {\n                <li rtElem=\"row\" qa-dataid=\"bar-list-row\" [attr.data-id]=\"row.id\">\n                    <span rtElem=\"row-head\">\n                        <span rtElem=\"row-title\" qa-dataid=\"bar-list-row-title\">{{ row.title }}</span>\n                        <span rtElem=\"row-value\" qa-dataid=\"bar-list-row-value\">{{ row.value }}</span>\n                    </span>\n                    @if (row.meta) {\n                        <span rtElem=\"row-meta\" qa-dataid=\"bar-list-row-meta\">{{ row.meta }}</span>\n                    }\n                    <span rtElem=\"track\">\n                        <span rtElem=\"fill\" qa-dataid=\"bar-list-row-fill\" [style.width.%]=\"row.sharePercent\"></span>\n                    </span>\n                </li>\n            }\n        </ul>\n    } @else {\n        <div rtElem=\"empty\" qa-dataid=\"bar-list-empty\">\n            <rt-icon name=\"warning\" size=\"md\" color=\"muted\" />\n            <p rtElem=\"empty-text\" qa-dataid=\"bar-list-empty-text\">{{ emptyMessage() }}</p>\n        </div>\n    }\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,SAAS,GAAW,aAAa;AAEvC;;;;;;;;AAQG;MAiBU,kBAAkB,CAAA;AAhB/B,IAAA,WAAA,GAAA;AAiBa,QAAA,IAAA,CAAA,WAAW,GAAmB,UAAU,CAAC,UAAU,CAAC;AAE1C,QAAA,IAAA,CAAA,YAAY,GAAmB,QAAQ,CAAC,MAAc,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE;yFAAC;QAEhG,IAAA,CAAA,IAAI,GAA+C,KAAK,CAAC,QAAQ;iFAAiC;QAElG,IAAA,CAAA,KAAK,GAAwB,KAAK,CAAS,EAAE;kFAAC;;QAG9C,IAAA,CAAA,SAAS,GAAwB,KAAK,CAAS,EAAE;sFAAC;AACrE,IAAA;AAVY,IAAA,WAAW;8GADX,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,4eCnC/B,y2CA6BA,EAAA,MAAA,EAAA,CAAA,0rDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBDFQ,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMR,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,SAAS;+BACI,aAAa,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,eAAe;wBACf,cAAc;wBACd,aAAa;qBAChB,EAAA,IAAA,EACK;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,y2CAAA,EAAA,MAAA,EAAA,CAAA,0rDAAA,CAAA,EAAA;;;AEjCL;;AAEG;;;;"}