@rt-tools/ui-kit-v2 0.17.0 → 0.19.0

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

@@ -0,0 +1,350 @@
+import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, input, booleanAttribute, computed, Directive, contentChildren, signal, viewChild, output, afterNextRender, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { fromEvent, debounceTime } from 'rxjs';
+import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
+import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
+import { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';
+import { rtKitLabel } from '@rt-tools/ui-kit-v2/core';
+
+/**
+ * Декларирует одну вкладку `<rt-tabs>`. Ставится на `<ng-template>`: контент
+ * шаблона становится телом панели и рендерится только когда вкладка активна.
+ *
+ * Метаданные (label, icon, disabled, badge, invalid) — signal-inputs, поэтому
+ * шапка вкладки реагирует на их изменение без ручной перерегистрации. Сам
+ * список вкладок `rt-tabs` собирает через `contentChildren`.
+ */
+class RtTabDirective {
+    constructor() {
+        this.#t_uiTabInvalid = rtKitLabel('uiTabInvalid');
+        /** Шаблон тела панели — рендерится в области контента при активной вкладке. */
+        this.templateRef = inject(TemplateRef);
+        /** Стабильный идентификатор вкладки (значение атрибута `rtTab`). */
+        this.id = input('', { ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), alias: 'rtTab' });
+        /** Текстовый заголовок. Игнорируется, если задан `titleTemplate`. */
+        this.label = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        /** Кастомный шаблон заголовка — замещает `label`. */
+        this.titleTemplate = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "titleTemplate" }] : /* istanbul ignore next */ []));
+        /** Иконка слева от заголовка. */
+        this.icon = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        /** Семантический цвет иконки заголовка. */
+        this.iconColor = input('current', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iconColor" }] : /* istanbul ignore next */ []));
+        /** Значение бейджа справа от заголовка (число/строка). `null` — без бейджа. */
+        this.badge = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "badge" }] : /* istanbul ignore next */ []));
+        /**
+         * Подсказка при наведении на бейдж. Подсказка самой кнопки занята неверной вкладкой,
+         * поэтому у бейджа своя. Пусто — подсказки нет.
+         */
+        this.badgeTitle = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "badgeTitle" }] : /* istanbul ignore next */ []));
+        /**
+         * Подпись бейджа для чтения с экрана: точка или число сами по себе не говорят, что значат.
+         * Пусто — атрибут не ставится, и озвучивается значение бейджа как есть.
+         */
+        this.badgeAriaLabel = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "badgeAriaLabel" }] : /* istanbul ignore next */ []));
+        /** Заблокированная вкладка: не выбирается и не получает фокус. */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Скрытая вкладка: не рендерится ни в шапке, ни в контенте. */
+        this.hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Вкладка с ошибками: подсвечивается danger-цветом. */
+        this.invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Подсказка для невалидной вкладки. Пусто — берётся переведённое умолчание. */
+        this.invalidMessage = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
+        /** Готовый текст подсказки: своя формулировка важнее умолчания. */
+        this.invalidTitle = computed(() => this.invalidMessage() || this.#t_uiTabInvalid(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "invalidTitle" }] : /* istanbul ignore next */ []));
+    }
+    #t_uiTabInvalid;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTabDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtTabDirective, isStandalone: true, selector: "[rtTab]", inputs: { id: { classPropertyName: "id", publicName: "rtTab", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, titleTemplate: { classPropertyName: "titleTemplate", publicName: "titleTemplate", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconColor: { classPropertyName: "iconColor", publicName: "iconColor", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeTitle: { classPropertyName: "badgeTitle", publicName: "badgeTitle", isSignal: true, isRequired: false, transformFunction: null }, badgeAriaLabel: { classPropertyName: "badgeAriaLabel", publicName: "badgeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTabDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtTab]',
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTab", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], titleTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleTemplate", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconColor", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], badgeTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeTitle", required: false }] }], badgeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeAriaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessage", required: false }] }] } });
+
+/**
+ * Декларирует header-контрол `<rt-tabs>` — произвольный шаблон (кнопка, фильтр),
+ * который рендерится слева или справа от полосы вкладок. Ставится на
+ * `<ng-template>`; `rt-tabs` собирает контролы через `contentChildren` и
+ * раскладывает по сторонам согласно `side`.
+ */
+class RtTabsControlDirective {
+    constructor() {
+        /** Шаблон контрола, выводимый в header-слоте. */
+        this.templateRef = inject(TemplateRef);
+        /**
+         * Сторона размещения относительно полосы вкладок.
+         *
+         * Пустое значение приводится к правой стороне: `<ng-template rtTabsControl>` без значения
+         * задаёт входу пустую строку, а не умолчание, и такой контрол не попадал ни в левый слот,
+         * ни в правый — он пропадал из шапки вовсе.
+         */
+        this.side = input('right', { ...(ngDevMode ? { debugName: "side" } : /* istanbul ignore next */ {}), alias: 'rtTabsControl',
+            transform: (value) => (value === '' ? 'right' : value) });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTabsControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtTabsControlDirective, isStandalone: true, selector: "[rtTabsControl]", inputs: { side: { classPropertyName: "side", publicName: "rtTabsControl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTabsControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtTabsControl]',
+                }]
+        }], propDecorators: { side: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTabsControl", required: false }] }] } });
+
+/** Шаг ручной прокрутки полосы вкладок за один тик удержания стрелки (px). */
+const SCROLL_STEP = 12;
+/** Интервал тика прокрутки при зажатой стрелке (мс). */
+const SCROLL_TICK_MS = 15;
+/** Дебаунс пересчёта видимости стрелок прокрутки на resize/scroll (мс). */
+const REST_DEBOUNCE_MS = 50;
+const BEM_BLOCK = 'rt-tabs';
+/**
+ * Полоса вкладок с проекцией контента. Вкладки декларируются через
+ * `<ng-template rtTab="id" label="…">…</ng-template>` (см. {@link RtTabDirective}),
+ * собираются `contentChildren` и рендерятся как header-кнопки + активная панель.
+ * Опциональные header-контролы — через `[rtTabsControl]`.
+ *
+ * Компонент "controlled-ish": активная вкладка берётся из `activeId` (если
+ * задан), иначе — из внутреннего выбора, иначе — первая доступная. Клик/клавиша
+ * эмиттят `activeIdChange`; синхронизацию `activeId` оставляем потребителю.
+ *
+ * Горизонтальная полоса при переполнении прячет вкладки под скролл и показывает
+ * стрелки-«хвосты» (`__rest`) с прокруткой по удержанию. Вертикальная ориентация
+ * раскладывает вкладки в колонку без стрелок.
+ *
+ * Доступность: `role="tablist"`/`role="tab"`/`role="tabpanel"`, `aria-selected`,
+ * roving `tabindex`, навигация стрелками + Home/End.
+ */
+class RtTabsComponent {
+    /** `Window` через `DOCUMENT` (SSR-safe: `defaultView` может быть `null`). */
+    #win;
+    /** Внутренний выбор (uncontrolled-ветка). */
+    #internalId;
+    /** Хэндл интервала прокрутки по удержанию стрелки. */
+    #scrollIntervalId;
+    constructor() {
+        /** `Window` через `DOCUMENT` (SSR-safe: `defaultView` может быть `null`). */
+        this.#win = inject(DOCUMENT).defaultView;
+        /** Все задекларированные вкладки (включая скрытые). */
+        this.tabs = contentChildren(RtTabDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+        /** Все header-контролы. */
+        this.controls = contentChildren(RtTabsControlDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "controls" }] : /* istanbul ignore next */ []));
+        /** Видимые вкладки (без `hidden`). */
+        this.visibleTabs = computed(() => this.tabs().filter((tab) => !tab.hidden()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "visibleTabs" }] : /* istanbul ignore next */ []));
+        this.leftControls = computed(() => this.controls().filter((c) => c.side() === 'left'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "leftControls" }] : /* istanbul ignore next */ []));
+        this.rightControls = computed(() => this.controls().filter((c) => c.side() === 'right'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rightControls" }] : /* istanbul ignore next */ []));
+        /**
+         * Эффективный id активной вкладки. Приоритет: контролируемый `activeId` →
+         * внутренний выбор → первая доступная. Кандидат валидируется по множеству
+         * видимых незаблокированных вкладок, поэтому корректно реагирует на
+         * асинхронную загрузку/смену набора вкладок.
+         */
+        this.selectedId = computed(() => {
+            const enabled = this.visibleTabs().filter((tab) => !tab.disabled());
+            const candidate = this.activeId() ?? this.#internalId();
+            const candidateValid = candidate !== null && enabled.some((tab) => tab.id() === candidate);
+            let result;
+            if (candidateValid) {
+                result = candidate;
+            }
+            else if (enabled.length) {
+                result = enabled[0].id();
+            }
+            else {
+                result = null;
+            }
+            return result;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedId" }] : /* istanbul ignore next */ []));
+        /** Активная вкладка целиком (для рендера панели). */
+        this.activeTab = computed(() => this.visibleTabs().find((tab) => tab.id() === this.selectedId()) ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
+        /** Видны ли стрелки прокрутки слева/справа (только горизонтальная полоса). */
+        this.restBeforeVisible = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "restBeforeVisible" }] : /* istanbul ignore next */ []));
+        this.restAfterVisible = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "restAfterVisible" }] : /* istanbul ignore next */ []));
+        this.tabListRef = viewChild('tabList', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tabListRef" }] : /* istanbul ignore next */ []));
+        /** Контролируемый активный id. `null` — компонент сам выбирает первую вкладку. */
+        this.activeId = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeId" }] : /* istanbul ignore next */ []));
+        /** Ориентация полосы. */
+        this.direction = input('horizontal', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+        /** Растягивать вкладки на всю ширину полосы. */
+        this.stretch = input(false, { ...(ngDevMode ? { debugName: "stretch" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Скроллить область контента при переполнении. */
+        this.contentScrollable = input(true, { ...(ngDevMode ? { debugName: "contentScrollable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Эмиттит id вкладки при её выборе (клик/клавиатура). */
+        this.activeIdChange = output();
+        /** Внутренний выбор (uncontrolled-ветка). */
+        this.#internalId = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#internalId" }] : /* istanbul ignore next */ []));
+        /** Хэндл интервала прокрутки по удержанию стрелки. */
+        this.#scrollIntervalId = null;
+        if (this.#win) {
+            fromEvent(this.#win, 'resize')
+                .pipe(debounceTime(REST_DEBOUNCE_MS), takeUntilDestroyed())
+                .subscribe(() => this.#updateRestVisibility());
+        }
+        afterNextRender(() => this.#updateRestVisibility());
+        // Снимаем hold-scroll интервал при уничтожении: если компонент разрушить
+        // с зажатой стрелкой (pointerdown без pointerup), интервал остался бы жив.
+        inject(DestroyRef).onDestroy(() => this.#clearScrollInterval());
+    }
+    selectTab(id) {
+        const target = this.visibleTabs().find((tab) => tab.id() === id);
+        if (!target || target.disabled()) {
+            return;
+        }
+        this.#internalId.set(id);
+        this.activeIdChange.emit(id);
+        this.#scrollTabIntoView(id);
+    }
+    /** Навигация по вкладкам с клавиатуры (automatic activation). */
+    onTabKeydown(event) {
+        const enabled = this.visibleTabs().filter((tab) => !tab.disabled());
+        if (!enabled.length) {
+            return;
+        }
+        const isVertical = this.direction() === 'vertical';
+        const nextKey = isVertical ? 'ArrowDown' : 'ArrowRight';
+        const prevKey = isVertical ? 'ArrowUp' : 'ArrowLeft';
+        const currentIndex = enabled.findIndex((tab) => tab.id() === this.selectedId());
+        // Карта клавиша → целевой индекс (без if/else-if цепочки).
+        const moveByKey = new Map([
+            [nextKey, (currentIndex + 1) % enabled.length],
+            [prevKey, (currentIndex - 1 + enabled.length) % enabled.length],
+            ['Home', 0],
+            ['End', enabled.length - 1],
+        ]);
+        const targetIndex = moveByKey.get(event.key);
+        if (targetIndex === undefined) {
+            return;
+        }
+        event.preventDefault();
+        const targetId = enabled[targetIndex].id();
+        this.selectTab(targetId);
+        this.#focusTab(targetId);
+    }
+    /** Старт прокрутки полосы по удержанию ЛКМ на стрелке. */
+    onRestPointerDown(direction, event) {
+        if (event.button !== 0 || this.#scrollIntervalId !== null || !this.#win) {
+            return;
+        }
+        this.#scrollIntervalId = this.#win.setInterval(() => {
+            this.#scrollStep(direction);
+            this.#updateRestVisibility();
+        }, SCROLL_TICK_MS);
+    }
+    onRestPointerUp() {
+        this.#clearScrollInterval();
+    }
+    onTabListScroll() {
+        this.#updateRestVisibility();
+    }
+    #clearScrollInterval() {
+        if (this.#win && this.#scrollIntervalId !== null) {
+            this.#win.clearInterval(this.#scrollIntervalId);
+            this.#scrollIntervalId = null;
+        }
+    }
+    #scrollStep(direction) {
+        const list = this.tabListRef()?.nativeElement;
+        if (!list) {
+            return;
+        }
+        const scrolledLeft = list.scrollLeft;
+        const scrolledRight = list.scrollWidth - list.scrollLeft - list.clientWidth;
+        const remaining = direction === 'before' ? scrolledLeft : scrolledRight;
+        if (remaining > 0) {
+            list.scrollBy(direction === 'before' ? -SCROLL_STEP : SCROLL_STEP, 0);
+        }
+        if (remaining - SCROLL_STEP <= 0) {
+            this.#clearScrollInterval();
+        }
+    }
+    #updateRestVisibility() {
+        const list = this.tabListRef()?.nativeElement;
+        if (!list || this.direction() !== 'horizontal') {
+            this.restBeforeVisible.set(false);
+            this.restAfterVisible.set(false);
+            return;
+        }
+        const scrolledRight = list.scrollWidth - list.scrollLeft - list.clientWidth;
+        this.restBeforeVisible.set(list.scrollLeft > 0);
+        // 1px — погрешность субпиксельного scrollWidth
+        this.restAfterVisible.set(scrolledRight > 1);
+    }
+    #scrollTabIntoView(id) {
+        const list = this.tabListRef()?.nativeElement;
+        const tab = list?.querySelector(`[data-tabid="${id}"]`);
+        if (!list || !tab) {
+            return;
+        }
+        const viewLeft = list.scrollLeft;
+        const viewRight = list.scrollLeft + list.clientWidth;
+        if (tab.offsetLeft < viewLeft) {
+            list.scrollTo({ left: tab.offsetLeft });
+        }
+        else if (tab.offsetLeft + tab.offsetWidth > viewRight) {
+            list.scrollTo({ left: tab.offsetLeft + tab.offsetWidth - list.clientWidth });
+        }
+        else {
+            // вкладка целиком в зоне видимости — прокрутка не нужна
+        }
+    }
+    #focusTab(id) {
+        const list = this.tabListRef()?.nativeElement;
+        list?.querySelector(`[data-tabid="${id}"]`)?.focus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtTabsComponent, isStandalone: true, selector: "rt-tabs", inputs: { activeId: { classPropertyName: "activeId", publicName: "activeId", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null }, contentScrollable: { classPropertyName: "contentScrollable", publicName: "contentScrollable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIdChange: "activeIdChange" }, host: { properties: { "class.rt-tabs--direction--horizontal": "direction() === 'horizontal'", "class.rt-tabs--direction--vertical": "direction() === 'vertical'" }, classAttribute: "rt-tabs" }, queries: [{ propertyName: "tabs", predicate: RtTabDirective, isSignal: true }, { propertyName: "controls", predicate: RtTabsControlDirective, isSignal: true }], viewQueries: [{ propertyName: "tabListRef", first: true, predicate: ["tabList"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-tabs\">\n    <div rtElem=\"header\">\n        @if (leftControls().length) {\n            <div rtElem=\"controls\" [rtMod]=\"{ before: true }\">\n                @for (control of leftControls(); track $index) {\n                    <ng-container [ngTemplateOutlet]=\"control.templateRef\" />\n                }\n            </div>\n        }\n\n        <div rtElem=\"tab-list-wrapper\">\n            <div\n                rtElem=\"rest\"\n                qa-dataid=\"tabs-scroll-prev\"\n                [rtMod]=\"{ before: true, visible: restBeforeVisible() }\"\n                (mousedown)=\"onRestPointerDown('before', $event)\"\n                (mouseup)=\"onRestPointerUp()\"\n                (mouseleave)=\"onRestPointerUp()\">\n                <rt-icon name=\"chevron-left\" color=\"current\" size=\"sm\" />\n            </div>\n\n            <div\n                #tabList\n                rtElem=\"tab-list\"\n                qa-dataid=\"tabs-tab-list\"\n                role=\"tablist\"\n                [rtMod]=\"{ stretch: stretch(), direction: direction() }\"\n                [attr.aria-orientation]=\"direction()\"\n                (scroll)=\"onTabListScroll()\">\n                @for (tab of visibleTabs(); track tab.id()) {\n                    <button\n                        rtBlock=\"rt-tab-item\"\n                        qa-dataid=\"tabs-tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        [rtMod]=\"{\n                            selected: tab.id() === selectedId(),\n                            disabled: tab.disabled(),\n                            invalid: tab.invalid(),\n                            stretch: stretch(),\n                        }\"\n                        [id]=\"'rt-tab-' + tab.id()\"\n                        [disabled]=\"tab.disabled()\"\n                        [attr.data-tabid]=\"tab.id()\"\n                        [attr.aria-selected]=\"tab.id() === selectedId()\"\n                        [attr.aria-controls]=\"'rt-tabpanel-' + tab.id()\"\n                        [attr.tabindex]=\"tab.id() === selectedId() ? 0 : -1\"\n                        [rtTooltip]=\"tab.invalid() ? tab.invalidTitle() : ''\"\n                        (click)=\"selectTab(tab.id())\"\n                        (keydown)=\"onTabKeydown($event)\">\n                        @if (tab.icon(); as icon) {\n                            <rt-icon rtElem=\"icon\" size=\"sm\" [name]=\"icon\" [color]=\"tab.iconColor()\" />\n                        }\n\n                        @if (tab.titleTemplate(); as titleTpl) {\n                            <ng-container [ngTemplateOutlet]=\"titleTpl\" />\n                        } @else {\n                            <span rtElem=\"title\">{{ tab.label() }}</span>\n                        }\n\n                        @if (tab.badge() !== null) {\n                            <!-- \u0412 \u043E\u0434\u043D\u0443 \u0441\u0442\u0440\u043E\u043A\u0443: \u043F\u0435\u0440\u0435\u043D\u043E\u0441 \u0432\u043D\u0443\u0442\u0440\u0438 \u0434\u043E\u0431\u0430\u0432\u0438\u043B \u0431\u044B \u043F\u0440\u043E\u0431\u0435\u043B \u0432 \u0442\u0435\u043A\u0441\u0442 \u043A\u043D\u043E\u043F\u043A\u0438. -->\n                            <!-- prettier-ignore -->\n                            <span rtElem=\"badge\" [rtTooltip]=\"tab.badgeTitle()\" [attr.aria-label]=\"tab.badgeAriaLabel() || null\">{{ tab.badge() }}</span>\n                        }\n                    </button>\n                }\n            </div>\n\n            <div\n                rtElem=\"rest\"\n                qa-dataid=\"tabs-scroll-next\"\n                [rtMod]=\"{ after: true, visible: restAfterVisible() }\"\n                (mousedown)=\"onRestPointerDown('after', $event)\"\n                (mouseup)=\"onRestPointerUp()\"\n                (mouseleave)=\"onRestPointerUp()\">\n                <rt-icon name=\"chevron-right\" color=\"current\" size=\"sm\" />\n            </div>\n        </div>\n\n        @if (rightControls().length) {\n            <div rtElem=\"controls\" [rtMod]=\"{ after: true }\">\n                @for (control of rightControls(); track $index) {\n                    <ng-container [ngTemplateOutlet]=\"control.templateRef\" />\n                }\n            </div>\n        }\n    </div>\n\n    @if (activeTab(); as tab) {\n        <div\n            rtElem=\"content\"\n            qa-dataid=\"tabs-panel\"\n            role=\"tabpanel\"\n            tabindex=\"0\"\n            [rtMod]=\"{ scrollable: contentScrollable() }\"\n            [id]=\"'rt-tabpanel-' + tab.id()\"\n            [attr.aria-labelledby]=\"'rt-tab-' + tab.id()\">\n            <ng-container [ngTemplateOutlet]=\"tab.templateRef\" />\n        </div>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tabs{--rt-tabs-border-width: var(--rt-border-width-thin);--rt-tabs-transition-duration: var(--rt-duration-fast);display:flex;-webkit-tap-highlight-color:transparent}.rt-tabs--direction--horizontal{flex-direction:column}.rt-tabs--direction--vertical{flex-direction:row}.rt-tabs__header{display:flex;align-items:center}.rt-tabs__tab-list-wrapper{position:relative;display:flex;overflow:hidden;flex:1 1 auto;align-items:center}.rt-tabs__tab-list{display:flex;border-bottom:var(--rt-tabs-border-width) solid var(--rt-color-border-default);margin:0;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.rt-tabs__tab-list::-webkit-scrollbar{display:none}.rt-tabs__tab-list--direction--horizontal{width:100%;flex-direction:row}.rt-tabs__tab-list--direction--vertical{flex-direction:column;border-right:var(--rt-tabs-border-width) solid var(--rt-color-border-default);border-bottom:0}.rt-tabs__tab-list--stretch{justify-content:space-between}.rt-tabs__rest{position:absolute;z-index:1;top:0;bottom:0;display:flex;width:var(--rt-control-height-lg);align-items:center;justify-content:center;background-color:var(--rt-color-bg-surface);color:var(--rt-color-text-muted);cursor:pointer;transition:color var(--rt-tabs-transition-duration) linear;visibility:hidden}.rt-tabs__rest:hover{color:var(--rt-color-text-primary)}.rt-tabs__rest--before{left:0;border-right:var(--rt-tabs-border-width) solid var(--rt-color-border-default)}.rt-tabs__rest--after{right:0;border-left:var(--rt-tabs-border-width) solid var(--rt-color-border-default)}.rt-tabs__rest--visible{visibility:visible}.rt-tabs__controls{display:flex;flex-shrink:0;align-items:center}.rt-tabs__controls--before{padding-right:var(--rt-space-md)}.rt-tabs__controls--after{padding-left:var(--rt-space-md)}.rt-tabs__content{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;padding-top:var(--rt-space-md);gap:var(--rt-space-md);line-height:var(--rt-leading-relaxed)}.rt-tabs__content--scrollable{overflow:auto}.rt-tab-item{--rt-tab-item-border-width: var(--rt-border-width-thin);--rt-tab-item-badge-radius: var(--rt-radius-full);--rt-tab-item-transition-duration: var(--rt-duration-fast);position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--rt-space-2) var(--rt-space-4);border:0;margin:0;background-color:transparent;color:var(--rt-color-text-muted);cursor:pointer;font-family:inherit;font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold);gap:var(--rt-space-sm);line-height:var(--rt-leading-none);transition:color var(--rt-tab-item-transition-duration) linear,background-color var(--rt-tab-item-transition-duration) linear;white-space:nowrap}.rt-tab-item:after{position:absolute;bottom:calc(-1 * var(--rt-tab-item-border-width));height:2px;background-color:transparent;content:\"\";inset-inline:0;pointer-events:none}.rt-tab-item:hover:not(.rt-tab-item--disabled,.rt-tab-item--selected){background-color:var(--rt-color-bg-hover);color:var(--rt-color-text-primary)}.rt-tab-item:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:-3px}.rt-tab-item__title{overflow:hidden;max-width:200px;text-overflow:ellipsis}.rt-tab-item__icon{flex-shrink:0}.rt-tab-item__badge{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 var(--rt-space-2);border-radius:var(--rt-tab-item-badge-radius);background-color:var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);line-height:var(--rt-leading-none)}.rt-tab-item--selected{color:var(--rt-color-action-primary);cursor:default}.rt-tab-item--selected:after{background-color:var(--rt-color-action-primary)}.rt-tab-item--selected .rt-tab-item__badge{background-color:var(--rt-color-action-primary-soft);color:var(--rt-color-action-primary)}.rt-tab-item--invalid{color:var(--rt-color-state-danger)}.rt-tab-item--invalid:after{background-color:var(--rt-color-state-danger)}.rt-tab-item--disabled{color:var(--rt-color-text-disabled);cursor:not-allowed}.rt-tab-item--stretch{max-width:100%;flex:1 1 auto}}\n"], dependencies: [{ kind: "directive", type: 
+                // angular
+                NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 
+                // standalone components / directives
+                RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }, { kind: "directive", type: RtTooltipDirective, selector: "[rtTooltip]", inputs: ["rtTooltip", "rtTooltipPlacement", "rtTooltipWhenTruncated"], exportAs: ["rtTooltip"] }, { 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: RtTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-tabs', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // angular
+                        NgTemplateOutlet,
+                        // standalone components / directives
+                        RtIconComponent,
+                        RtTooltipDirective,
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                    ], host: {
+                        class: BEM_BLOCK,
+                        '[class.rt-tabs--direction--horizontal]': "direction() === 'horizontal'",
+                        '[class.rt-tabs--direction--vertical]': "direction() === 'vertical'",
+                    }, template: "<ng-container rtBlock=\"rt-tabs\">\n    <div rtElem=\"header\">\n        @if (leftControls().length) {\n            <div rtElem=\"controls\" [rtMod]=\"{ before: true }\">\n                @for (control of leftControls(); track $index) {\n                    <ng-container [ngTemplateOutlet]=\"control.templateRef\" />\n                }\n            </div>\n        }\n\n        <div rtElem=\"tab-list-wrapper\">\n            <div\n                rtElem=\"rest\"\n                qa-dataid=\"tabs-scroll-prev\"\n                [rtMod]=\"{ before: true, visible: restBeforeVisible() }\"\n                (mousedown)=\"onRestPointerDown('before', $event)\"\n                (mouseup)=\"onRestPointerUp()\"\n                (mouseleave)=\"onRestPointerUp()\">\n                <rt-icon name=\"chevron-left\" color=\"current\" size=\"sm\" />\n            </div>\n\n            <div\n                #tabList\n                rtElem=\"tab-list\"\n                qa-dataid=\"tabs-tab-list\"\n                role=\"tablist\"\n                [rtMod]=\"{ stretch: stretch(), direction: direction() }\"\n                [attr.aria-orientation]=\"direction()\"\n                (scroll)=\"onTabListScroll()\">\n                @for (tab of visibleTabs(); track tab.id()) {\n                    <button\n                        rtBlock=\"rt-tab-item\"\n                        qa-dataid=\"tabs-tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        [rtMod]=\"{\n                            selected: tab.id() === selectedId(),\n                            disabled: tab.disabled(),\n                            invalid: tab.invalid(),\n                            stretch: stretch(),\n                        }\"\n                        [id]=\"'rt-tab-' + tab.id()\"\n                        [disabled]=\"tab.disabled()\"\n                        [attr.data-tabid]=\"tab.id()\"\n                        [attr.aria-selected]=\"tab.id() === selectedId()\"\n                        [attr.aria-controls]=\"'rt-tabpanel-' + tab.id()\"\n                        [attr.tabindex]=\"tab.id() === selectedId() ? 0 : -1\"\n                        [rtTooltip]=\"tab.invalid() ? tab.invalidTitle() : ''\"\n                        (click)=\"selectTab(tab.id())\"\n                        (keydown)=\"onTabKeydown($event)\">\n                        @if (tab.icon(); as icon) {\n                            <rt-icon rtElem=\"icon\" size=\"sm\" [name]=\"icon\" [color]=\"tab.iconColor()\" />\n                        }\n\n                        @if (tab.titleTemplate(); as titleTpl) {\n                            <ng-container [ngTemplateOutlet]=\"titleTpl\" />\n                        } @else {\n                            <span rtElem=\"title\">{{ tab.label() }}</span>\n                        }\n\n                        @if (tab.badge() !== null) {\n                            <!-- \u0412 \u043E\u0434\u043D\u0443 \u0441\u0442\u0440\u043E\u043A\u0443: \u043F\u0435\u0440\u0435\u043D\u043E\u0441 \u0432\u043D\u0443\u0442\u0440\u0438 \u0434\u043E\u0431\u0430\u0432\u0438\u043B \u0431\u044B \u043F\u0440\u043E\u0431\u0435\u043B \u0432 \u0442\u0435\u043A\u0441\u0442 \u043A\u043D\u043E\u043F\u043A\u0438. -->\n                            <!-- prettier-ignore -->\n                            <span rtElem=\"badge\" [rtTooltip]=\"tab.badgeTitle()\" [attr.aria-label]=\"tab.badgeAriaLabel() || null\">{{ tab.badge() }}</span>\n                        }\n                    </button>\n                }\n            </div>\n\n            <div\n                rtElem=\"rest\"\n                qa-dataid=\"tabs-scroll-next\"\n                [rtMod]=\"{ after: true, visible: restAfterVisible() }\"\n                (mousedown)=\"onRestPointerDown('after', $event)\"\n                (mouseup)=\"onRestPointerUp()\"\n                (mouseleave)=\"onRestPointerUp()\">\n                <rt-icon name=\"chevron-right\" color=\"current\" size=\"sm\" />\n            </div>\n        </div>\n\n        @if (rightControls().length) {\n            <div rtElem=\"controls\" [rtMod]=\"{ after: true }\">\n                @for (control of rightControls(); track $index) {\n                    <ng-container [ngTemplateOutlet]=\"control.templateRef\" />\n                }\n            </div>\n        }\n    </div>\n\n    @if (activeTab(); as tab) {\n        <div\n            rtElem=\"content\"\n            qa-dataid=\"tabs-panel\"\n            role=\"tabpanel\"\n            tabindex=\"0\"\n            [rtMod]=\"{ scrollable: contentScrollable() }\"\n            [id]=\"'rt-tabpanel-' + tab.id()\"\n            [attr.aria-labelledby]=\"'rt-tab-' + tab.id()\">\n            <ng-container [ngTemplateOutlet]=\"tab.templateRef\" />\n        </div>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tabs{--rt-tabs-border-width: var(--rt-border-width-thin);--rt-tabs-transition-duration: var(--rt-duration-fast);display:flex;-webkit-tap-highlight-color:transparent}.rt-tabs--direction--horizontal{flex-direction:column}.rt-tabs--direction--vertical{flex-direction:row}.rt-tabs__header{display:flex;align-items:center}.rt-tabs__tab-list-wrapper{position:relative;display:flex;overflow:hidden;flex:1 1 auto;align-items:center}.rt-tabs__tab-list{display:flex;border-bottom:var(--rt-tabs-border-width) solid var(--rt-color-border-default);margin:0;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.rt-tabs__tab-list::-webkit-scrollbar{display:none}.rt-tabs__tab-list--direction--horizontal{width:100%;flex-direction:row}.rt-tabs__tab-list--direction--vertical{flex-direction:column;border-right:var(--rt-tabs-border-width) solid var(--rt-color-border-default);border-bottom:0}.rt-tabs__tab-list--stretch{justify-content:space-between}.rt-tabs__rest{position:absolute;z-index:1;top:0;bottom:0;display:flex;width:var(--rt-control-height-lg);align-items:center;justify-content:center;background-color:var(--rt-color-bg-surface);color:var(--rt-color-text-muted);cursor:pointer;transition:color var(--rt-tabs-transition-duration) linear;visibility:hidden}.rt-tabs__rest:hover{color:var(--rt-color-text-primary)}.rt-tabs__rest--before{left:0;border-right:var(--rt-tabs-border-width) solid var(--rt-color-border-default)}.rt-tabs__rest--after{right:0;border-left:var(--rt-tabs-border-width) solid var(--rt-color-border-default)}.rt-tabs__rest--visible{visibility:visible}.rt-tabs__controls{display:flex;flex-shrink:0;align-items:center}.rt-tabs__controls--before{padding-right:var(--rt-space-md)}.rt-tabs__controls--after{padding-left:var(--rt-space-md)}.rt-tabs__content{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;padding-top:var(--rt-space-md);gap:var(--rt-space-md);line-height:var(--rt-leading-relaxed)}.rt-tabs__content--scrollable{overflow:auto}.rt-tab-item{--rt-tab-item-border-width: var(--rt-border-width-thin);--rt-tab-item-badge-radius: var(--rt-radius-full);--rt-tab-item-transition-duration: var(--rt-duration-fast);position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--rt-space-2) var(--rt-space-4);border:0;margin:0;background-color:transparent;color:var(--rt-color-text-muted);cursor:pointer;font-family:inherit;font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold);gap:var(--rt-space-sm);line-height:var(--rt-leading-none);transition:color var(--rt-tab-item-transition-duration) linear,background-color var(--rt-tab-item-transition-duration) linear;white-space:nowrap}.rt-tab-item:after{position:absolute;bottom:calc(-1 * var(--rt-tab-item-border-width));height:2px;background-color:transparent;content:\"\";inset-inline:0;pointer-events:none}.rt-tab-item:hover:not(.rt-tab-item--disabled,.rt-tab-item--selected){background-color:var(--rt-color-bg-hover);color:var(--rt-color-text-primary)}.rt-tab-item:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:-3px}.rt-tab-item__title{overflow:hidden;max-width:200px;text-overflow:ellipsis}.rt-tab-item__icon{flex-shrink:0}.rt-tab-item__badge{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 var(--rt-space-2);border-radius:var(--rt-tab-item-badge-radius);background-color:var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);line-height:var(--rt-leading-none)}.rt-tab-item--selected{color:var(--rt-color-action-primary);cursor:default}.rt-tab-item--selected:after{background-color:var(--rt-color-action-primary)}.rt-tab-item--selected .rt-tab-item__badge{background-color:var(--rt-color-action-primary-soft);color:var(--rt-color-action-primary)}.rt-tab-item--invalid{color:var(--rt-color-state-danger)}.rt-tab-item--invalid:after{background-color:var(--rt-color-state-danger)}.rt-tab-item--disabled{color:var(--rt-color-text-disabled);cursor:not-allowed}.rt-tab-item--stretch{max-width:100%;flex:1 1 auto}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => RtTabDirective), { isSignal: true }] }], controls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => RtTabsControlDirective), { isSignal: true }] }], tabListRef: [{ type: i0.ViewChild, args: ['tabList', { isSignal: true }] }], activeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeId", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }], contentScrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentScrollable", required: false }] }], activeIdChange: [{ type: i0.Output, args: ["activeIdChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtTabDirective, RtTabsComponent, RtTabsControlDirective };
+//# sourceMappingURL=rt-tools-ui-kit-v2-tabs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-tabs.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/tabs/rt-tab.directive.ts","../../../projects/ui-kit-v2/src/lib/components/tabs/rt-tabs-control.directive.ts","../../../projects/ui-kit-v2/src/lib/components/tabs/rt-tabs.component.ts","../../../projects/ui-kit-v2/src/lib/components/tabs/rt-tabs.component.html","../../../projects/ui-kit-v2/src/lib/components/tabs/rt-tools-ui-kit-v2-tabs.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    Directive,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    TemplateRef,\n} from '@angular/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { IRtTabs } from './rt-tabs.model';\n\n/**\n * Декларирует одну вкладку `<rt-tabs>`. Ставится на `<ng-template>`: контент\n * шаблона становится телом панели и рендерится только когда вкладка активна.\n *\n * Метаданные (label, icon, disabled, badge, invalid) — signal-inputs, поэтому\n * шапка вкладки реагирует на их изменение без ручной перерегистрации. Сам\n * список вкладок `rt-tabs` собирает через `contentChildren`.\n */\n@Directive({\n    selector: '[rtTab]',\n})\nexport class RtTabDirective {\n    readonly #t_uiTabInvalid: Signal<string> = rtKitLabel('uiTabInvalid');\n\n    /** Шаблон тела панели — рендерится в области контента при активной вкладке. */\n    public readonly templateRef: TemplateRef<unknown> = inject<TemplateRef<unknown>>(TemplateRef);\n\n    /** Стабильный идентификатор вкладки (значение атрибута `rtTab`). */\n    public readonly id: InputSignal<IRtTabs.Id> = input<IRtTabs.Id>('', { alias: 'rtTab' });\n\n    /** Текстовый заголовок. Игнорируется, если задан `titleTemplate`. */\n    public readonly label: InputSignal<string> = input<string>('');\n\n    /** Кастомный шаблон заголовка — замещает `label`. */\n    public readonly titleTemplate: InputSignal<TemplateRef<unknown> | null> = input<TemplateRef<unknown> | null>(null);\n\n    /** Иконка слева от заголовка. */\n    public readonly icon: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n\n    /** Семантический цвет иконки заголовка. */\n    public readonly iconColor: InputSignal<IRtTabs.TitleColor> = input<IRtTabs.TitleColor>('current');\n\n    /** Значение бейджа справа от заголовка (число/строка). `null` — без бейджа. */\n    public readonly badge: InputSignal<string | number | null> = input<string | number | null>(null);\n\n    /**\n     * Подсказка при наведении на бейдж. Подсказка самой кнопки занята неверной вкладкой,\n     * поэтому у бейджа своя. Пусто — подсказки нет.\n     */\n    public readonly badgeTitle: InputSignal<string> = input<string>('');\n\n    /**\n     * Подпись бейджа для чтения с экрана: точка или число сами по себе не говорят, что значат.\n     * Пусто — атрибут не ставится, и озвучивается значение бейджа как есть.\n     */\n    public readonly badgeAriaLabel: InputSignal<string> = input<string>('');\n\n    /** Заблокированная вкладка: не выбирается и не получает фокус. */\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Скрытая вкладка: не рендерится ни в шапке, ни в контенте. */\n    public readonly hidden: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Вкладка с ошибками: подсвечивается danger-цветом. */\n    public readonly invalid: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Подсказка для невалидной вкладки. Пусто — берётся переведённое умолчание. */\n    public readonly invalidMessage: InputSignal<string> = input<string>('');\n\n    /** Готовый текст подсказки: своя формулировка важнее умолчания. */\n    public readonly invalidTitle: Signal<string> = computed((): string => this.invalidMessage() || this.#t_uiTabInvalid());\n}\n","import { Directive, inject, input, InputSignalWithTransform, TemplateRef } from '@angular/core';\n\nimport { IRtTabs } from './rt-tabs.model';\n\n/**\n * Декларирует header-контрол `<rt-tabs>` — произвольный шаблон (кнопка, фильтр),\n * который рендерится слева или справа от полосы вкладок. Ставится на\n * `<ng-template>`; `rt-tabs` собирает контролы через `contentChildren` и\n * раскладывает по сторонам согласно `side`.\n */\n@Directive({\n    selector: '[rtTabsControl]',\n})\nexport class RtTabsControlDirective {\n    /** Шаблон контрола, выводимый в header-слоте. */\n    public readonly templateRef: TemplateRef<unknown> = inject<TemplateRef<unknown>>(TemplateRef);\n\n    /**\n     * Сторона размещения относительно полосы вкладок.\n     *\n     * Пустое значение приводится к правой стороне: `<ng-template rtTabsControl>` без значения\n     * задаёт входу пустую строку, а не умолчание, и такой контрол не попадал ни в левый слот,\n     * ни в правый — он пропадал из шапки вовсе.\n     */\n    public readonly side: InputSignalWithTransform<IRtTabs.ControlSide, IRtTabs.ControlSide | ''> = input<\n        IRtTabs.ControlSide,\n        IRtTabs.ControlSide | ''\n    >('right', {\n        alias: 'rtTabsControl',\n        transform: (value: IRtTabs.ControlSide | ''): IRtTabs.ControlSide => (value === '' ? 'right' : value),\n    });\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { DOCUMENT, NgTemplateOutlet } from '@angular/common';\nimport {\n    afterNextRender,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChildren,\n    DestroyRef,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    signal,\n    viewChild,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { debounceTime, fromEvent } from 'rxjs';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { RtTabDirective } from './rt-tab.directive';\nimport { RtTabsControlDirective } from './rt-tabs-control.directive';\nimport { IRtTabs } from './rt-tabs.model';\n\n/** Шаг ручной прокрутки полосы вкладок за один тик удержания стрелки (px). */\nconst SCROLL_STEP: number = 12;\n\n/** Интервал тика прокрутки при зажатой стрелке (мс). */\nconst SCROLL_TICK_MS: number = 15;\n\n/** Дебаунс пересчёта видимости стрелок прокрутки на resize/scroll (мс). */\nconst REST_DEBOUNCE_MS: number = 50;\n\nconst BEM_BLOCK: string = 'rt-tabs';\n\ntype TScrollDirection = 'before' | 'after';\n\n/**\n * Полоса вкладок с проекцией контента. Вкладки декларируются через\n * `<ng-template rtTab=\"id\" label=\"…\">…</ng-template>` (см. {@link RtTabDirective}),\n * собираются `contentChildren` и рендерятся как header-кнопки + активная панель.\n * Опциональные header-контролы — через `[rtTabsControl]`.\n *\n * Компонент \"controlled-ish\": активная вкладка берётся из `activeId` (если\n * задан), иначе — из внутреннего выбора, иначе — первая доступная. Клик/клавиша\n * эмиттят `activeIdChange`; синхронизацию `activeId` оставляем потребителю.\n *\n * Горизонтальная полоса при переполнении прячет вкладки под скролл и показывает\n * стрелки-«хвосты» (`__rest`) с прокруткой по удержанию. Вертикальная ориентация\n * раскладывает вкладки в колонку без стрелок.\n *\n * Доступность: `role=\"tablist\"`/`role=\"tab\"`/`role=\"tabpanel\"`, `aria-selected`,\n * roving `tabindex`, навигация стрелками + Home/End.\n */\n@Component({\n    selector: 'rt-tabs',\n    templateUrl: './rt-tabs.component.html',\n    styleUrl: './rt-tabs.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // angular\n        NgTemplateOutlet,\n\n        // standalone components / directives\n        RtIconComponent,\n        RtTooltipDirective,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-tabs--direction--horizontal]': \"direction() === 'horizontal'\",\n        '[class.rt-tabs--direction--vertical]': \"direction() === 'vertical'\",\n    },\n})\nexport class RtTabsComponent {\n    /** `Window` через `DOCUMENT` (SSR-safe: `defaultView` может быть `null`). */\n    readonly #win: Window | null = inject(DOCUMENT).defaultView;\n\n    /** Все задекларированные вкладки (включая скрытые). */\n    protected readonly tabs: Signal<readonly RtTabDirective[]> = contentChildren(RtTabDirective);\n\n    /** Все header-контролы. */\n    protected readonly controls: Signal<readonly RtTabsControlDirective[]> = contentChildren(RtTabsControlDirective);\n\n    /** Видимые вкладки (без `hidden`). */\n    protected readonly visibleTabs: Signal<readonly RtTabDirective[]> = computed((): readonly RtTabDirective[] =>\n        this.tabs().filter((tab: RtTabDirective): boolean => !tab.hidden())\n    );\n\n    protected readonly leftControls: Signal<readonly RtTabsControlDirective[]> = computed((): readonly RtTabsControlDirective[] =>\n        this.controls().filter((c: RtTabsControlDirective): boolean => c.side() === 'left')\n    );\n\n    protected readonly rightControls: Signal<readonly RtTabsControlDirective[]> = computed((): readonly RtTabsControlDirective[] =>\n        this.controls().filter((c: RtTabsControlDirective): boolean => c.side() === 'right')\n    );\n\n    /**\n     * Эффективный id активной вкладки. Приоритет: контролируемый `activeId` →\n     * внутренний выбор → первая доступная. Кандидат валидируется по множеству\n     * видимых незаблокированных вкладок, поэтому корректно реагирует на\n     * асинхронную загрузку/смену набора вкладок.\n     */\n    protected readonly selectedId: Signal<IRtTabs.Id | null> = computed((): IRtTabs.Id | null => {\n        const enabled: readonly RtTabDirective[] = this.visibleTabs().filter((tab: RtTabDirective): boolean => !tab.disabled());\n        const candidate: IRtTabs.Id | null = this.activeId() ?? this.#internalId();\n        const candidateValid: boolean = candidate !== null && enabled.some((tab: RtTabDirective): boolean => tab.id() === candidate);\n\n        let result: IRtTabs.Id | null;\n        if (candidateValid) {\n            result = candidate;\n        } else if (enabled.length) {\n            result = enabled[0].id();\n        } else {\n            result = null;\n        }\n\n        return result;\n    });\n\n    /** Активная вкладка целиком (для рендера панели). */\n    protected readonly activeTab: Signal<RtTabDirective | null> = computed(\n        (): RtTabDirective | null => this.visibleTabs().find((tab: RtTabDirective): boolean => tab.id() === this.selectedId()) ?? null\n    );\n\n    /** Видны ли стрелки прокрутки слева/справа (только горизонтальная полоса). */\n    protected readonly restBeforeVisible: WritableSignal<boolean> = signal(false);\n    protected readonly restAfterVisible: WritableSignal<boolean> = signal(false);\n\n    protected readonly tabListRef: Signal<ElementRef<HTMLElement> | undefined> = viewChild<ElementRef<HTMLElement>>('tabList');\n\n    /** Контролируемый активный id. `null` — компонент сам выбирает первую вкладку. */\n    public readonly activeId: InputSignal<IRtTabs.Id | null> = input<IRtTabs.Id | null>(null);\n\n    /** Ориентация полосы. */\n    public readonly direction: InputSignal<IRtTabs.Direction> = input<IRtTabs.Direction>('horizontal');\n\n    /** Растягивать вкладки на всю ширину полосы. */\n    public readonly stretch: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Скроллить область контента при переполнении. */\n    public readonly contentScrollable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n        transform: booleanAttribute,\n    });\n\n    /** Эмиттит id вкладки при её выборе (клик/клавиатура). */\n    public readonly activeIdChange: OutputEmitterRef<IRtTabs.Id> = output<IRtTabs.Id>();\n\n    /** Внутренний выбор (uncontrolled-ветка). */\n    readonly #internalId: WritableSignal<IRtTabs.Id | null> = signal<IRtTabs.Id | null>(null);\n\n    /** Хэндл интервала прокрутки по удержанию стрелки. */\n    #scrollIntervalId: number | null = null;\n\n    constructor() {\n        if (this.#win) {\n            fromEvent(this.#win, 'resize')\n                .pipe(debounceTime(REST_DEBOUNCE_MS), takeUntilDestroyed())\n                .subscribe((): void => this.#updateRestVisibility());\n        }\n\n        afterNextRender((): void => this.#updateRestVisibility());\n\n        // Снимаем hold-scroll интервал при уничтожении: если компонент разрушить\n        // с зажатой стрелкой (pointerdown без pointerup), интервал остался бы жив.\n        inject(DestroyRef).onDestroy((): void => this.#clearScrollInterval());\n    }\n\n    protected selectTab(id: IRtTabs.Id): void {\n        const target: RtTabDirective | undefined = this.visibleTabs().find((tab: RtTabDirective): boolean => tab.id() === id);\n\n        if (!target || target.disabled()) {\n            return;\n        }\n\n        this.#internalId.set(id);\n        this.activeIdChange.emit(id);\n        this.#scrollTabIntoView(id);\n    }\n\n    /** Навигация по вкладкам с клавиатуры (automatic activation). */\n    protected onTabKeydown(event: KeyboardEvent): void {\n        const enabled: readonly RtTabDirective[] = this.visibleTabs().filter((tab: RtTabDirective): boolean => !tab.disabled());\n\n        if (!enabled.length) {\n            return;\n        }\n\n        const isVertical: boolean = this.direction() === 'vertical';\n        const nextKey: string = isVertical ? 'ArrowDown' : 'ArrowRight';\n        const prevKey: string = isVertical ? 'ArrowUp' : 'ArrowLeft';\n        const currentIndex: number = enabled.findIndex((tab: RtTabDirective): boolean => tab.id() === this.selectedId());\n\n        // Карта клавиша → целевой индекс (без if/else-if цепочки).\n        const moveByKey: ReadonlyMap<string, number> = new Map<string, number>([\n            [nextKey, (currentIndex + 1) % enabled.length],\n            [prevKey, (currentIndex - 1 + enabled.length) % enabled.length],\n            ['Home', 0],\n            ['End', enabled.length - 1],\n        ]);\n\n        const targetIndex: number | undefined = moveByKey.get(event.key);\n\n        if (targetIndex === undefined) {\n            return;\n        }\n\n        event.preventDefault();\n        const targetId: IRtTabs.Id = enabled[targetIndex].id();\n        this.selectTab(targetId);\n        this.#focusTab(targetId);\n    }\n\n    /** Старт прокрутки полосы по удержанию ЛКМ на стрелке. */\n    protected onRestPointerDown(direction: TScrollDirection, event: MouseEvent): void {\n        if (event.button !== 0 || this.#scrollIntervalId !== null || !this.#win) {\n            return;\n        }\n\n        this.#scrollIntervalId = this.#win.setInterval((): void => {\n            this.#scrollStep(direction);\n            this.#updateRestVisibility();\n        }, SCROLL_TICK_MS);\n    }\n\n    protected onRestPointerUp(): void {\n        this.#clearScrollInterval();\n    }\n\n    protected onTabListScroll(): void {\n        this.#updateRestVisibility();\n    }\n\n    #clearScrollInterval(): void {\n        if (this.#win && this.#scrollIntervalId !== null) {\n            this.#win.clearInterval(this.#scrollIntervalId);\n            this.#scrollIntervalId = null;\n        }\n    }\n\n    #scrollStep(direction: TScrollDirection): void {\n        const list: HTMLElement | undefined = this.tabListRef()?.nativeElement;\n        if (!list) {\n            return;\n        }\n\n        const scrolledLeft: number = list.scrollLeft;\n        const scrolledRight: number = list.scrollWidth - list.scrollLeft - list.clientWidth;\n        const remaining: number = direction === 'before' ? scrolledLeft : scrolledRight;\n\n        if (remaining > 0) {\n            list.scrollBy(direction === 'before' ? -SCROLL_STEP : SCROLL_STEP, 0);\n        }\n\n        if (remaining - SCROLL_STEP <= 0) {\n            this.#clearScrollInterval();\n        }\n    }\n\n    #updateRestVisibility(): void {\n        const list: HTMLElement | undefined = this.tabListRef()?.nativeElement;\n\n        if (!list || this.direction() !== 'horizontal') {\n            this.restBeforeVisible.set(false);\n            this.restAfterVisible.set(false);\n            return;\n        }\n\n        const scrolledRight: number = list.scrollWidth - list.scrollLeft - list.clientWidth;\n\n        this.restBeforeVisible.set(list.scrollLeft > 0);\n        // 1px — погрешность субпиксельного scrollWidth\n        this.restAfterVisible.set(scrolledRight > 1);\n    }\n\n    #scrollTabIntoView(id: IRtTabs.Id): void {\n        const list: HTMLElement | undefined = this.tabListRef()?.nativeElement;\n        const tab: HTMLElement | null | undefined = list?.querySelector<HTMLElement>(`[data-tabid=\"${id}\"]`);\n\n        if (!list || !tab) {\n            return;\n        }\n\n        const viewLeft: number = list.scrollLeft;\n        const viewRight: number = list.scrollLeft + list.clientWidth;\n\n        if (tab.offsetLeft < viewLeft) {\n            list.scrollTo({ left: tab.offsetLeft });\n        } else if (tab.offsetLeft + tab.offsetWidth > viewRight) {\n            list.scrollTo({ left: tab.offsetLeft + tab.offsetWidth - list.clientWidth });\n        } else {\n            // вкладка целиком в зоне видимости — прокрутка не нужна\n        }\n    }\n\n    #focusTab(id: IRtTabs.Id): void {\n        const list: HTMLElement | undefined = this.tabListRef()?.nativeElement;\n        list?.querySelector<HTMLElement>(`[data-tabid=\"${id}\"]`)?.focus();\n    }\n}\n","<ng-container rtBlock=\"rt-tabs\">\n    <div rtElem=\"header\">\n        @if (leftControls().length) {\n            <div rtElem=\"controls\" [rtMod]=\"{ before: true }\">\n                @for (control of leftControls(); track $index) {\n                    <ng-container [ngTemplateOutlet]=\"control.templateRef\" />\n                }\n            </div>\n        }\n\n        <div rtElem=\"tab-list-wrapper\">\n            <div\n                rtElem=\"rest\"\n                qa-dataid=\"tabs-scroll-prev\"\n                [rtMod]=\"{ before: true, visible: restBeforeVisible() }\"\n                (mousedown)=\"onRestPointerDown('before', $event)\"\n                (mouseup)=\"onRestPointerUp()\"\n                (mouseleave)=\"onRestPointerUp()\">\n                <rt-icon name=\"chevron-left\" color=\"current\" size=\"sm\" />\n            </div>\n\n            <div\n                #tabList\n                rtElem=\"tab-list\"\n                qa-dataid=\"tabs-tab-list\"\n                role=\"tablist\"\n                [rtMod]=\"{ stretch: stretch(), direction: direction() }\"\n                [attr.aria-orientation]=\"direction()\"\n                (scroll)=\"onTabListScroll()\">\n                @for (tab of visibleTabs(); track tab.id()) {\n                    <button\n                        rtBlock=\"rt-tab-item\"\n                        qa-dataid=\"tabs-tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        [rtMod]=\"{\n                            selected: tab.id() === selectedId(),\n                            disabled: tab.disabled(),\n                            invalid: tab.invalid(),\n                            stretch: stretch(),\n                        }\"\n                        [id]=\"'rt-tab-' + tab.id()\"\n                        [disabled]=\"tab.disabled()\"\n                        [attr.data-tabid]=\"tab.id()\"\n                        [attr.aria-selected]=\"tab.id() === selectedId()\"\n                        [attr.aria-controls]=\"'rt-tabpanel-' + tab.id()\"\n                        [attr.tabindex]=\"tab.id() === selectedId() ? 0 : -1\"\n                        [rtTooltip]=\"tab.invalid() ? tab.invalidTitle() : ''\"\n                        (click)=\"selectTab(tab.id())\"\n                        (keydown)=\"onTabKeydown($event)\">\n                        @if (tab.icon(); as icon) {\n                            <rt-icon rtElem=\"icon\" size=\"sm\" [name]=\"icon\" [color]=\"tab.iconColor()\" />\n                        }\n\n                        @if (tab.titleTemplate(); as titleTpl) {\n                            <ng-container [ngTemplateOutlet]=\"titleTpl\" />\n                        } @else {\n                            <span rtElem=\"title\">{{ tab.label() }}</span>\n                        }\n\n                        @if (tab.badge() !== null) {\n                            <!-- В одну строку: перенос внутри добавил бы пробел в текст кнопки. -->\n                            <!-- prettier-ignore -->\n                            <span rtElem=\"badge\" [rtTooltip]=\"tab.badgeTitle()\" [attr.aria-label]=\"tab.badgeAriaLabel() || null\">{{ tab.badge() }}</span>\n                        }\n                    </button>\n                }\n            </div>\n\n            <div\n                rtElem=\"rest\"\n                qa-dataid=\"tabs-scroll-next\"\n                [rtMod]=\"{ after: true, visible: restAfterVisible() }\"\n                (mousedown)=\"onRestPointerDown('after', $event)\"\n                (mouseup)=\"onRestPointerUp()\"\n                (mouseleave)=\"onRestPointerUp()\">\n                <rt-icon name=\"chevron-right\" color=\"current\" size=\"sm\" />\n            </div>\n        </div>\n\n        @if (rightControls().length) {\n            <div rtElem=\"controls\" [rtMod]=\"{ after: true }\">\n                @for (control of rightControls(); track $index) {\n                    <ng-container [ngTemplateOutlet]=\"control.templateRef\" />\n                }\n            </div>\n        }\n    </div>\n\n    @if (activeTab(); as tab) {\n        <div\n            rtElem=\"content\"\n            qa-dataid=\"tabs-panel\"\n            role=\"tabpanel\"\n            tabindex=\"0\"\n            [rtMod]=\"{ scrollable: contentScrollable() }\"\n            [id]=\"'rt-tabpanel-' + tab.id()\"\n            [attr.aria-labelledby]=\"'rt-tab-' + tab.id()\">\n            <ng-container [ngTemplateOutlet]=\"tab.templateRef\" />\n        </div>\n    }\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}