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

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

@@ -1,1636 +1,2515 @@
-import { Clipboard } from '@angular/cdk/clipboard';
-import * as i0 from '@angular/core';
-import { inject, DestroyRef, ElementRef, signal, computed, input, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, linkedSignal, viewChild, output, effect, untracked, TemplateRef, Directive, Pipe, Injectable, contentChild, contentChildren, numberAttribute, forwardRef, ViewChild, model } from '@angular/core';
-import { BlockDirective, ElemDirective, ModDirective, IDBStorageService } from '@rt-tools/core';
-import { rtKitLabel, ERtStorageKeys, BreakpointsService, RT_KIT_LABELS } from '@rt-tools/ui-kit-v2/core';
-import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
-import { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';
-import { NgTemplateOutlet } from '@angular/common';
-import { EListSortOrder, EFilterOperatorType } from '@rt-tools/utils';
-import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
-import { CdkTable, CdkColumnDef, CdkCell, CdkCellDef, CdkHeaderCell, CdkHeaderCellDef, DataRowOutlet, FooterRowOutlet, HeaderRowOutlet, NoDataRowOutlet, CDK_TABLE } from '@angular/cdk/table';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { RtEmptyStateComponent } from '@rt-tools/ui-kit-v2/empty-state';
-import { RtMenuItemComponent, RtMenuComponent } from '@rt-tools/ui-kit-v2/menu';
-import * as i1$1 from '@rt-tools/ui-kit-v2/radius';
-import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
-import { RtSkeletonComponent } from '@rt-tools/ui-kit-v2/skeleton';
-import { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';
-import * as i1 from '@angular/forms';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { RtDatePickerComponent } from '@rt-tools/ui-kit-v2/date-picker';
-import { RtInputNumberComponent } from '@rt-tools/ui-kit-v2/input-number';
-import { RtInputComponent } from '@rt-tools/ui-kit-v2/input';
-import { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';
-import { RtSelectComponent } from '@rt-tools/ui-kit-v2/select';
-import { Subject, mergeMap, EMPTY, filter, of } from 'rxjs';
-import { RtAsideComponent, RtAsideFooterComponent, RtAsideHeaderComponent } from '@rt-tools/ui-kit-v2/aside';
-import { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';
-import { RtRouteAsideComponent, RtContainerRightSidenavPanelDirective } from '@rt-tools/ui-kit-v2/container';
-import { moveItemInArray, CdkDrag, CdkDragHandle, CdkDropList } from '@angular/cdk/drag-drop';
-
-const BEM_BLOCK$5 = 'rt-copy-cell';
-/**
- * Ключи подписей действия в покое и после копирования (tooltip и aria-label).
- *
- * Здесь ключи, а не готовый текст: константа вычисляется при загрузке чанка,
- * когда язык страницы ещё не выбран, — переводит сам компонент.
- */
-const COPY_KEY = 'uiCopy';
-const COPIED_KEY = 'uiCopied';
-/** Сколько держать состояние «скопировано» перед сбросом иконки/подписи. */
-const RESET_DELAY_MS = 2000;
-/**
- * Ячейка с копированием в буфер — переиспользуемый примитив для `cdkCellDef`
- * (и не только). rt-table projection-driven: контент ячейки пишет
- * потребитель, поэтому копирование оформлено отдельным cell-level компонентом,
- * а не флагом на конфиге колонки.
- *
- * Потребитель проецирует отображаемый контент через `<ng-content>`. Что уйдёт в
- * буфер:
- * - если задан `[value]` — ровно он (нужно когда копируемое отличается от
- *   отображаемого: для id-ячейки показываем `#123`, копируем `123`);
- * - если `[value]` не задан — берётся отображаемый текст (textContent
- *   проецируемого контента, схлопнутые пробелы) — «копировать как показано»,
- *   удобно для составных ячеек (`#7 — Имя`).
- *
- * По умолчанию кнопка скрыта и проявляется при наведении/фокусе (для плотных
- * таблиц). Вне таблиц (модалки, карточки) строки для hover нет — там
- * `revealOnHover="false"` держит кнопку всегда видимой. Палитра кнопки —
- * через `variant` (по умолчанию `ghost`). После клика на `RESET_DELAY_MS`
- * иконка меняется `copy`→`check`, подпись — на «Скопировано».
- */
-class RtCopyCellComponent {
-    #clipboard;
-    #destroyRef;
-    #host;
-    #resetTimer;
-    #copyLabel;
-    #copiedLabel;
-    constructor() {
-        this.#clipboard = inject(Clipboard);
-        this.#destroyRef = inject(DestroyRef);
-        this.#host = inject(ElementRef);
-        this.#resetTimer = null;
-        this.#copyLabel = rtKitLabel(COPY_KEY);
-        this.#copiedLabel = rtKitLabel(COPIED_KEY);
-        this.copied = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []));
-        /**
-         * Подсказка со значением целиком — только у обрезанного.
-         *
-         * У помещающегося она повторяла бы то, что человек и так читает, и всплывала бы над каждой
-         * ячейкой таблицы; пустая строка директиву подсказки выключает.
-         */
-        this.hint = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
-        this.iconName = computed(() => (this.copied() ? 'check' : 'copy'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
-        this.actionLabel = computed(() => (this.copied() ? this.#copiedLabel() : this.#copyLabel()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "actionLabel" }] : /* istanbul ignore next */ []));
-        /**
-         * Строка для буфера. Если не задана — копируется отображаемый текст
-         * (textContent проецируемого контента). Число приводится к строке.
-         */
-        this.value = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        /** Палитра кнопки копирования. В таблицах — `ghost`; вне таблиц удобнее `secondary`. */
-        this.variant = input('ghost', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-        /**
-         * Прятать кнопку до наведения/фокуса (поведение плотных таблиц). `false` —
-         * кнопка всегда видима: нужно вне таблиц (модалки/карточки), где нет строки
-         * для hover.
-         */
-        this.revealOnHover = input(true, { ...(ngDevMode ? { debugName: "revealOnHover" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.#destroyRef.onDestroy(() => this.#clearTimer());
-    }
-    /**
-     * Замер обрезки в момент наведения.
-     *
-     * Ширина известна только отрисованному узлу, а меняется она и от переезда столбца, и от
-     * ширины окна: посчитанная один раз при заведении, она соврала бы при первом же изменении.
-     */
-    measureTruncation() {
-        const content = this.#host.nativeElement.querySelector(`.${BEM_BLOCK$5}__content`);
-        const truncated = content !== null && content.scrollWidth > content.clientWidth;
-        this.hint.set(truncated ? this.#displayedText() : '');
-    }
-    onCopy(event) {
-        // Гасим всплытие, чтобы клик/Enter по кнопке не активировал кликабельную
-        // строку (rtTableRow) и не дошёл до прочих row-level слушателей.
-        event.stopPropagation();
-        this.#clipboard.copy(this.#resolveText());
-        this.copied.set(true);
-        this.#clearTimer();
-        this.#resetTimer = setTimeout(() => this.copied.set(false), RESET_DELAY_MS);
-    }
-    /** Явный `value` приоритетнее; иначе — отображаемый текст со схлопнутыми пробелами. */
-    #resolveText() {
-        const explicit = this.value();
-        if (explicit !== null) {
-            return String(explicit);
-        }
-        return this.#displayedText();
-    }
-    /** Отображаемый текст со схлопнутыми пробелами: он же уходит в подсказку обрезанного. */
-    #displayedText() {
-        const content = this.#host.nativeElement.querySelector(`.${BEM_BLOCK$5}__content`);
-        return (content?.textContent ?? '').replace(/\s+/g, ' ').trim();
-    }
-    #clearTimer() {
-        if (this.#resetTimer !== null) {
-            clearTimeout(this.#resetTimer);
-            this.#resetTimer = null;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCopyCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: RtCopyCellComponent, isStandalone: true, selector: "rt-copy-cell", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, revealOnHover: { classPropertyName: "revealOnHover", publicName: "revealOnHover", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "measureTruncation()", "focusin": "measureTruncation()" }, properties: { "class.rt-copy-cell--static": "!revealOnHover()" }, classAttribute: "rt-copy-cell" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-copy-cell\">\n    <span rtElem=\"content\" qa-dataid=\"copy-cell-content\" [rtTooltip]=\"hint()\"><ng-content /></span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-cell-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [variant]=\"variant()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy($event)\" />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-cell{--rt-copy-cell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-width:0;align-items:center;gap:var(--rt-space-xs)}.rt-copy-cell__content{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-cell__button{flex:0 0 auto;opacity:0;transition:opacity var(--rt-copy-cell-transition-duration) ease}.rt-copy-cell:hover .rt-copy-cell__button,.rt-copy-cell:focus-within .rt-copy-cell__button{opacity:1}.rt-copy-cell--static .rt-copy-cell__button{opacity:1}.rt-table tbody tr:hover .rt-copy-cell__button,.rt-table tbody tr:focus-within .rt-copy-cell__button{opacity:1}}\n"], dependencies: [{ 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: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: RtTooltipDirective, selector: "[rtTooltip]", inputs: ["rtTooltip", "rtTooltipPlacement", "rtTooltipWhenTruncated"], exportAs: ["rtTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCopyCellComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-copy-cell', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        RtIconButtonComponent,
-                        BlockDirective,
-                        ElemDirective,
-                        RtTooltipDirective,
-                    ], host: {
-                        class: BEM_BLOCK$5,
-                        '[class.rt-copy-cell--static]': '!revealOnHover()',
-                        '(mouseenter)': 'measureTruncation()',
-                        '(focusin)': 'measureTruncation()',
-                    }, template: "<ng-container rtBlock=\"rt-copy-cell\">\n    <span rtElem=\"content\" qa-dataid=\"copy-cell-content\" [rtTooltip]=\"hint()\"><ng-content /></span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-cell-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [variant]=\"variant()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy($event)\" />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-cell{--rt-copy-cell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-width:0;align-items:center;gap:var(--rt-space-xs)}.rt-copy-cell__content{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-cell__button{flex:0 0 auto;opacity:0;transition:opacity var(--rt-copy-cell-transition-duration) ease}.rt-copy-cell:hover .rt-copy-cell__button,.rt-copy-cell:focus-within .rt-copy-cell__button{opacity:1}.rt-copy-cell--static .rt-copy-cell__button{opacity:1}.rt-table tbody tr:hover .rt-copy-cell__button,.rt-table tbody tr:focus-within .rt-copy-cell__button{opacity:1}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], revealOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "revealOnHover", required: false }] }] } });
-
-/**
- * Следующее состояние сортировки при нажатии на заголовок колонки.
- *
- * Порядок кругов: по возрастанию → по убыванию → без сортировки. Третье состояние
- * нужно, чтобы пользователь мог вернуть исходный порядок, не перезагружая список.
- */
+import { Clipboard } from "@angular/cdk/clipboard";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, Injectable, Pipe, TemplateRef, ViewChild, ViewEncapsulation, booleanAttribute, computed, contentChild, contentChildren, effect, forwardRef, inject, input, linkedSignal, model, numberAttribute, output, signal, untracked, viewChild } from "@angular/core";
+import { BlockDirective, ElemDirective, IDBStorageService, ModDirective } from "@rt-tools/core";
+import { BreakpointsService, ERtStorageKeys, RT_KIT_LABELS, rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtIconButtonComponent } from "@rt-tools/ui-kit-v2/icon-button";
+import { RtTooltipDirective } from "@rt-tools/ui-kit-v2/tooltip";
+import { NgTemplateOutlet } from "@angular/common";
+import { EFilterOperatorType, EListSortOrder } from "@rt-tools/utils";
+import { RtIconComponent } from "@rt-tools/ui-kit-v2/icon";
+import { CDK_TABLE, CdkCell, CdkCellDef, CdkColumnDef, CdkHeaderCell, CdkHeaderCellDef, CdkTable, DataRowOutlet, FooterRowOutlet, HeaderRowOutlet, NoDataRowOutlet } from "@angular/cdk/table";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { RtEmptyStateComponent } from "@rt-tools/ui-kit-v2/empty-state";
+import { RtMenuComponent, RtMenuItemComponent } from "@rt-tools/ui-kit-v2/menu";
+import * as i1 from "@rt-tools/ui-kit-v2/radius";
+import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
+import { RtSkeletonComponent } from "@rt-tools/ui-kit-v2/skeleton";
+import { RtSpinnerComponent } from "@rt-tools/ui-kit-v2/spinner";
+import * as i1$1 from "@angular/forms";
+import { FormControl, ReactiveFormsModule } from "@angular/forms";
+import { RtDatePickerComponent } from "@rt-tools/ui-kit-v2/date-picker";
+import { RtInputNumberComponent } from "@rt-tools/ui-kit-v2/input-number";
+import { RtInputComponent } from "@rt-tools/ui-kit-v2/input";
+import { RtPopoverDirective } from "@rt-tools/ui-kit-v2/popover";
+import { RtSelectComponent } from "@rt-tools/ui-kit-v2/select";
+import { EMPTY, Subject, filter, mergeMap, of } from "rxjs";
+import { RtAsideComponent, RtAsideFooterComponent, RtAsideHeaderComponent } from "@rt-tools/ui-kit-v2/aside";
+import { RtButtonDirective } from "@rt-tools/ui-kit-v2/button";
+import { RtContainerRightSidenavPanelDirective, RtRouteAsideComponent } from "@rt-tools/ui-kit-v2/container";
+import { CdkDrag, CdkDragHandle, CdkDropList, moveItemInArray } from "@angular/cdk/drag-drop";
+const BEM_BLOCK$5 = "rt-copy-cell";
+const COPY_KEY = "uiCopy";
+const COPIED_KEY = "uiCopied";
+const RESET_DELAY_MS = 2e3;
+var RtCopyCellComponent = class RtCopyCellComponent {
+	#clipboard;
+	#destroyRef;
+	#host;
+	#resetTimer;
+	#copyLabel;
+	#copiedLabel;
+	constructor() {
+		this.#clipboard = inject(Clipboard);
+		this.#destroyRef = inject(DestroyRef);
+		this.#host = inject(ElementRef);
+		this.#resetTimer = null;
+		this.#copyLabel = rtKitLabel(COPY_KEY);
+		this.#copiedLabel = rtKitLabel(COPIED_KEY);
+		this.copied = signal(false, ...ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []);
+		this.hint = signal("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+		this.iconName = computed(() => this.copied() ? "check" : "copy", ...ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []);
+		this.actionLabel = computed(() => this.copied() ? this.#copiedLabel() : this.#copyLabel(), ...ngDevMode ? [{ debugName: "actionLabel" }] : /* istanbul ignore next */ []);
+		this.value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+		this.variant = input("ghost", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+		this.revealOnHover = input(true, {
+			...ngDevMode ? { debugName: "revealOnHover" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.#destroyRef.onDestroy(() => this.#clearTimer());
+	}
+	measureTruncation() {
+		const content = this.#host.nativeElement.querySelector(`.${BEM_BLOCK$5}__content`);
+		const truncated = content !== null && content.scrollWidth > content.clientWidth;
+		this.hint.set(truncated ? this.#displayedText() : "");
+	}
+	onCopy(event) {
+		event.stopPropagation();
+		this.#clipboard.copy(this.#resolveText());
+		this.copied.set(true);
+		this.#clearTimer();
+		this.#resetTimer = setTimeout(() => this.copied.set(false), RESET_DELAY_MS);
+	}
+	#resolveText() {
+		const explicit = this.value();
+		if (explicit !== null) return String(explicit);
+		return this.#displayedText();
+	}
+	#displayedText() {
+		return (this.#host.nativeElement.querySelector(`.${BEM_BLOCK$5}__content`)?.textContent ?? "").replace(/\s+/g, " ").trim();
+	}
+	#clearTimer() {
+		if (this.#resetTimer !== null) {
+			clearTimeout(this.#resetTimer);
+			this.#resetTimer = null;
+		}
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtCopyCellComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtCopyCellComponent,
+			isStandalone: true,
+			selector: "rt-copy-cell",
+			inputs: {
+				value: {
+					classPropertyName: "value",
+					publicName: "value",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				variant: {
+					classPropertyName: "variant",
+					publicName: "variant",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				revealOnHover: {
+					classPropertyName: "revealOnHover",
+					publicName: "revealOnHover",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: {
+				listeners: {
+					"mouseenter": "measureTruncation()",
+					"focusin": "measureTruncation()"
+				},
+				properties: { "class.rt-copy-cell--static": "!revealOnHover()" },
+				classAttribute: "rt-copy-cell"
+			},
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-copy-cell\">\n    <span rtElem=\"content\" qa-dataid=\"copy-cell-content\" [rtTooltip]=\"hint()\"><ng-content /></span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-cell-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [variant]=\"variant()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy($event)\" />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-cell{--rt-copy-cell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-width:0;align-items:center;gap:var(--rt-space-xs)}.rt-copy-cell__content{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-cell__button{flex:0 0 auto;opacity:0;transition:opacity var(--rt-copy-cell-transition-duration) ease}.rt-copy-cell:hover .rt-copy-cell__button,.rt-copy-cell:focus-within .rt-copy-cell__button{opacity:1}.rt-copy-cell--static .rt-copy-cell__button{opacity:1}.rt-table tbody tr:hover .rt-copy-cell__button,.rt-table tbody tr:focus-within .rt-copy-cell__button{opacity:1}}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: RtTooltipDirective,
+					selector: "[rtTooltip]",
+					inputs: [
+						"rtTooltip",
+						"rtTooltipPlacement",
+						"rtTooltipWhenTruncated",
+						"rtTooltipHideOnClick"
+					],
+					exportAs: ["rtTooltip"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtCopyCellComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-copy-cell",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtIconButtonComponent,
+				BlockDirective,
+				ElemDirective,
+				RtTooltipDirective
+			],
+			host: {
+				class: BEM_BLOCK$5,
+				"[class.rt-copy-cell--static]": "!revealOnHover()",
+				"(mouseenter)": "measureTruncation()",
+				"(focusin)": "measureTruncation()"
+			},
+			template: "<ng-container rtBlock=\"rt-copy-cell\">\n    <span rtElem=\"content\" qa-dataid=\"copy-cell-content\" [rtTooltip]=\"hint()\"><ng-content /></span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-cell-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [variant]=\"variant()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy($event)\" />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-cell{--rt-copy-cell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-width:0;align-items:center;gap:var(--rt-space-xs)}.rt-copy-cell__content{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-cell__button{flex:0 0 auto;opacity:0;transition:opacity var(--rt-copy-cell-transition-duration) ease}.rt-copy-cell:hover .rt-copy-cell__button,.rt-copy-cell:focus-within .rt-copy-cell__button{opacity:1}.rt-copy-cell--static .rt-copy-cell__button{opacity:1}.rt-table tbody tr:hover .rt-copy-cell__button,.rt-table tbody tr:focus-within .rt-copy-cell__button{opacity:1}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		revealOnHover: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "revealOnHover",
+				required: false
+			}]
+		}]
+	}
+});
 function nextSort(current, propertyName) {
-    if (current === null || current.propertyName !== propertyName) {
-        return { propertyName, sortDirection: EListSortOrder.ASC };
-    }
-    if (current.sortDirection === EListSortOrder.ASC) {
-        return { propertyName, sortDirection: EListSortOrder.DESC };
-    }
-    return null;
+	if (current === null || current.propertyName !== propertyName) return {
+		propertyName,
+		sortDirection: EListSortOrder.ASC
+	};
+	if (current.sortDirection === EListSortOrder.ASC) return {
+		propertyName,
+		sortDirection: EListSortOrder.DESC
+	};
+	return null;
 }
-/** Направление сортировки по этой колонке либо `null`, когда сортирует другая. */
 function sortDirectionOf(current, propertyName) {
-    return current !== null && current.propertyName === propertyName ? current.sortDirection : null;
+	return current !== null && current.propertyName === propertyName ? current.sortDirection : null;
 }
-/** Значение `aria-sort` заголовка: направление читается скринридером с самой колонки. */
 function ariaSortOf(current, propertyName) {
-    const direction = sortDirectionOf(current, propertyName);
-    if (direction === null) {
-        return 'none';
-    }
-    return direction === EListSortOrder.ASC ? 'ascending' : 'descending';
+	const direction = sortDirectionOf(current, propertyName);
+	if (direction === null) return "none";
+	return direction === EListSortOrder.ASC ? "ascending" : "descending";
 }
-/**
- * Сортируется ли колонка. Колонка, описанная в `columnsConfig`, сортируется только
- * по своему признаку; колонки, которой в конфиге нет, метаданных взять неоткуда —
- * объявлением служит сам заголовок.
- */
 function isColumnSortable(config, key) {
-    const column = config.find((candidate) => candidate.key === key);
-    return column === undefined ? true : column.sortable === true;
+	const column = config.find((candidate) => candidate.key === key);
+	return column === void 0 ? true : column.sortable === true;
 }
-
-/** Имя внутренней «…»-колонки действий, добавляемой при `[showRowActions]`. */
-const RT_TABLE_ROW_ACTIONS_COLUMN = 'rtRowActions';
-/**
- * Колонки конфига без применённых настроек пользователя — источник для кнопки
- * «Сбросить» в панели. Закрытая колонка видима всегда: скрыть её панель не даёт.
- */
+const RT_TABLE_ROW_ACTIONS_COLUMN = "rtRowActions";
 function defaultColumnItems(config) {
-    return config.map((column) => ({
-        ...column,
-        hidden: column.locked === true ? false : column.hidden === true,
-    }));
+	return config.map((column) => ({
+		...column,
+		hidden: column.locked === true ? false : column.hidden === true
+	}));
 }
-/**
- * Разрешённые колонки настраиваемой таблицы: конфиг в применённом порядке с текущим
- * признаком скрытия.
- *
- * Порядок берётся из сохранённых настроек, а колонки, появившиеся в конфиге после
- * сохранения, встают в конец: настройки, снятые с прежнего состава, иначе прятали бы
- * новую колонку молча. Настроек нет — порядок и скрытие берутся из самого конфига.
- */
 function resolveColumns(config, settings) {
-    if (config.length === 0) {
-        return [];
-    }
-    const byKey = new Map(config.map((column) => [column.key, column]));
-    const orderedKeys = settings
-        ? [
-            ...settings.order.filter((key) => byKey.has(key)),
-            ...config
-                .filter((column) => !settings.order.includes(column.key))
-                .map((column) => column.key),
-        ]
-        : config.map((column) => column.key);
-    const hiddenKeys = new Set(settings
-        ? settings.hidden
-        : config
-            .filter((column) => column.hidden === true)
-            .map((column) => column.key));
-    return orderedKeys
-        .map((key) => byKey.get(key))
-        .filter((column) => column !== undefined)
-        .map((column) => ({
-        ...column,
-        hidden: column.locked === true ? false : hiddenKeys.has(column.key),
-    }));
+	if (config.length === 0) return [];
+	const byKey = new Map(config.map((column) => [column.key, column]));
+	const orderedKeys = settings ? [...settings.order.filter((key) => byKey.has(key)), ...config.filter((column) => !settings.order.includes(column.key)).map((column) => column.key)] : config.map((column) => column.key);
+	const hiddenKeys = new Set(settings ? settings.hidden : config.filter((column) => column.hidden === true).map((column) => column.key));
+	return orderedKeys.map((key) => byKey.get(key)).filter((column) => column !== void 0).map((column) => ({
+		...column,
+		hidden: column.locked === true ? false : hiddenKeys.has(column.key)
+	}));
 }
-/**
- * Имена колонок для строк CDK: у настраиваемой таблицы — видимые в применённом порядке,
- * у остальных — то, что назвал вход `[columns]`. Колонка действий встаёт последней, когда
- * действия строки включены.
- */
 function displayedColumnKeys(resolved, legacyColumns, configurable, showRowActions) {
-    const base = configurable
-        ? resolved
-            .filter((column) => !column.hidden)
-            .map((column) => column.key)
-        : [...legacyColumns];
-    return showRowActions ? [...base, RT_TABLE_ROW_ACTIONS_COLUMN] : [...base];
+	const base = configurable ? resolved.filter((column) => !column.hidden).map((column) => column.key) : [...legacyColumns];
+	return showRowActions ? [...base, RT_TABLE_ROW_ACTIONS_COLUMN] : [...base];
 }
-/**
- * Настройки панели, приведённые к конфигу: ключи закрытых колонок из списка скрытых
- * вычищаются. Панель их не предлагает, но настройки приезжают и из хранилища — снятые с
- * той поры, когда колонка закрытой ещё не была.
- */
 function withoutLockedHidden(config, settings) {
-    const lockedKeys = new Set(config
-        .filter((column) => column.locked === true)
-        .map((column) => column.key));
-    return {
-        order: [...settings.order],
-        hidden: settings.hidden.filter((key) => !lockedKeys.has(key)),
-    };
+	const lockedKeys = new Set(config.filter((column) => column.locked === true).map((column) => column.key));
+	return {
+		order: [...settings.order],
+		hidden: settings.hidden.filter((key) => !lockedKeys.has(key))
+	};
 }
-
-/**
- * Значение в том виде, в каком оно хранится: дата — строкой.
- *
- * `Date` не равен строке никогда, и без приведения повторный выбор той же даты каждый раз
- * считался бы новым значением — а тогда статья «повтор того же значения не сообщает ничего»
- * не держалась бы именно там, где её проще всего нарушить.
- */
 function filterValueOf(value) {
-    return value instanceof Date ? value.toISOString() : (value ?? '');
+	return value instanceof Date ? value.toISOString() : value ?? "";
 }
-/** Условие по этой колонке из набора либо `null`, когда колонка ничего не отбирает. */
 function filterOf(filters, propertyName) {
-    return filters.find((filter) => filter.propertyName === propertyName) ?? null;
+	return filters.find((filter) => filter.propertyName === propertyName) ?? null;
 }
-/**
- * Набор условий после перемены значения по одной колонке.
- *
- * Пустое значение снимает колонку с отбора, а не уходит пустым условием: условие без значения
- * просит потребителя ответить «подходит всё», и потребитель, прочитавший его буквально, не
- * вернёт ни одной строки.
- *
- * Возвращает прежний набор тем же объектом, когда менять нечего: по этому признаку ячейка и
- * решает, сообщать ли наружу.
- */
 function filtersWithValue(filters, propertyName, operatorType, value) {
-    const current = filterOf(filters, propertyName);
-    if (value === '') {
-        return current === null ? filters : filters.filter((filter) => filter !== current);
-    }
-    if (current === null) {
-        return [...filters, { propertyName, operatorType, value }];
-    }
-    if (current.value === value) {
-        return filters;
-    }
-    return filters.map((filter) => (filter === current ? { ...filter, value } : filter));
+	const current = filterOf(filters, propertyName);
+	if (value === "") return current === null ? filters : filters.filter((filter) => filter !== current);
+	if (current === null) return [...filters, {
+		propertyName,
+		operatorType,
+		value
+	}];
+	if (current.value === value) return filters;
+	return filters.map((filter) => filter === current ? {
+		...filter,
+		value
+	} : filter);
 }
-/**
- * Набор условий после перемены вида сравнения по одной колонке.
- *
- * Пока значения нет, менять вид сравнения не у чего: отбирать нечего, и набор условий не
- * изменился — значит, наружу ничего не уходит.
- */
 function filtersWithOperator(filters, propertyName, operatorType) {
-    const current = filterOf(filters, propertyName);
-    if (current === null || current.operatorType === operatorType) {
-        return filters;
-    }
-    return filters.map((filter) => (filter === current ? { ...filter, operatorType } : filter));
+	const current = filterOf(filters, propertyName);
+	if (current === null || current.operatorType === operatorType) return filters;
+	return filters.map((filter) => filter === current ? {
+		...filter,
+		operatorType
+	} : filter);
 }
-/** Вид сравнения, с которого колонка начинает: свой, первый разрешённый либо равенство. */
 function startOperatorOf(allowed, start) {
-    if (start !== undefined) {
-        return start;
-    }
-    return allowed !== undefined && allowed.length > 0 ? allowed[0] : EFilterOperatorType.EQUALS;
+	if (start !== void 0) return start;
+	return allowed !== void 0 && allowed.length > 0 ? allowed[0] : EFilterOperatorType.EQUALS;
 }
-/**
- * Ячейки строки отбора: по ячейке на каждую показанную колонку, в том же порядке.
- *
- * У колонки без объявленного отбора ячейка пустая, и место своё она держит: убрать её значило бы
- * сдвинуть все следующие ячейки на одну колонку влево — поле города встало бы под шапкой цены.
- * Колонка действий строки приходит сюда тем же путём, последней, и отбора у неё нет никогда; её
- * ячейка помечена, чтобы строка отбора не дала ширины колонке, которая места не занимает.
- */
 function filterCellsOf(columns, config) {
-    return columns.map((key) => {
-        const column = config.find((item) => item.key === key);
-        return { key, filter: column?.filter ?? null, actions: key === RT_TABLE_ROW_ACTIONS_COLUMN };
-    });
+	return columns.map((key) => {
+		return {
+			key,
+			filter: config.find((item) => item.key === key)?.filter ?? null,
+			actions: key === RT_TABLE_ROW_ACTIONS_COLUMN
+		};
+	});
 }
-
-const BEM_BLOCK$4 = 'rt-table-filter-header';
-/** Ключ подписи для каждого вида сравнения: имена операторов даёт словарь кита, а не шаблон. */
+const BEM_BLOCK$4 = "rt-table-filter-header";
 const OPERATOR_LABELS = Object.freeze({
-    [EFilterOperatorType.EQUALS]: 'uiFilterEquals',
-    [EFilterOperatorType.NOT_EQUALS]: 'uiFilterNotEquals',
-    [EFilterOperatorType.CONTAINS]: 'uiFilterContains',
-    [EFilterOperatorType.STARTS_WITH]: 'uiFilterStartsWith',
-    [EFilterOperatorType.ENDS_WITH]: 'uiFilterEndsWith',
-    [EFilterOperatorType.GREATER_THAN]: 'uiFilterGreaterThan',
-    [EFilterOperatorType.LESS_THAN]: 'uiFilterLessThan',
+	[EFilterOperatorType.EQUALS]: "uiFilterEquals",
+	[EFilterOperatorType.NOT_EQUALS]: "uiFilterNotEquals",
+	[EFilterOperatorType.CONTAINS]: "uiFilterContains",
+	[EFilterOperatorType.STARTS_WITH]: "uiFilterStartsWith",
+	[EFilterOperatorType.ENDS_WITH]: "uiFilterEndsWith",
+	[EFilterOperatorType.GREATER_THAN]: "uiFilterGreaterThan",
+	[EFilterOperatorType.LESS_THAN]: "uiFilterLessThan"
 });
-/**
- * Виды, у которых недописанного состояния нет вовсе: выбор и дата готовы в ту же минуту, что и
- * сделаны, и ждать ухода из поля значило бы задержать ответ на ровном месте. Текст и число ждут:
- * набор условий, уходящий на каждый знак, спрашивает сервер по букве.
- */
-const INSTANT_KINDS = new Set(['select', 'date']);
-/** Одно и то же условие: колонка, вид сравнения и значение совпадают. */
+const INSTANT_KINDS = /* @__PURE__ */ new Set(["select", "date"]);
 function sameFilter(a, b) {
-    if (a === null || b === null) {
-        return a === b;
-    }
-    return a.propertyName === b.propertyName && a.operatorType === b.operatorType && a.value === b.value;
+	if (a === null || b === null) return a === b;
+	return a.propertyName === b.propertyName && a.operatorType === b.operatorType && a.value === b.value;
 }
-/** Виды сравнения по порядку: колонка разрешает своё подмножество, порядок берётся отсюда. */
 const ALL_OPERATORS = Object.freeze([
-    EFilterOperatorType.EQUALS,
-    EFilterOperatorType.NOT_EQUALS,
-    EFilterOperatorType.CONTAINS,
-    EFilterOperatorType.STARTS_WITH,
-    EFilterOperatorType.ENDS_WITH,
-    EFilterOperatorType.GREATER_THAN,
-    EFilterOperatorType.LESS_THAN,
+	EFilterOperatorType.EQUALS,
+	EFilterOperatorType.NOT_EQUALS,
+	EFilterOperatorType.CONTAINS,
+	EFilterOperatorType.STARTS_WITH,
+	EFilterOperatorType.ENDS_WITH,
+	EFilterOperatorType.GREATER_THAN,
+	EFilterOperatorType.LESS_THAN
 ]);
-/**
- * Отбор в шапке столбца таблицы.
- *
- * Стоит рядом с именем колонки: сужение, живущее в стороне от того, что сужает, не даёт увидеть,
- * какая колонка сузила список — человек читает короткий список и не узнаёт, почему он короткий.
- *
- * Своих полей не рисует ни одного: вид отбора решает, какую готовую часть кита позвать. Поля кита
- * ведутся формой, поэтому значение идёт через `FormControl`, а не входом со своим выходом.
- *
- * Наружу уходит весь набор условий, а не одно изменившееся: потребитель спрашивает сервер набором,
- * и, получив одно условие, держал бы вторую копию набора — две копии расходятся молча. Строк
- * семейство не отбирает: строки принадлежат тому, кто держит список.
- */
-class RtTableFilterHeaderComponent {
-    #destroyRef;
-    /**
-     * Подпись каждого вида сравнения — своим сигналом словаря. Семь сигналов, а не один по
-     * текущему виду: список показывает их все сразу, и подпись невыбранного вида нужна так же.
-     */
-    #operatorLabels;
-    constructor() {
-        this.#destroyRef = inject(DestroyRef);
-        /**
-         * Подпись каждого вида сравнения — своим сигналом словаря. Семь сигналов, а не один по
-         * текущему виду: список показывает их все сразу, и подпись невыбранного вида нужна так же.
-         */
-        this.#operatorLabels = Object.freeze({
-            [EFilterOperatorType.EQUALS]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.EQUALS]),
-            [EFilterOperatorType.NOT_EQUALS]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.NOT_EQUALS]),
-            [EFilterOperatorType.CONTAINS]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.CONTAINS]),
-            [EFilterOperatorType.STARTS_WITH]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.STARTS_WITH]),
-            [EFilterOperatorType.ENDS_WITH]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.ENDS_WITH]),
-            [EFilterOperatorType.GREATER_THAN]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.GREATER_THAN]),
-            [EFilterOperatorType.LESS_THAN]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.LESS_THAN]),
-        });
-        /** Значение ведёт форма: поля кита берут его только так. */
-        this.control = new FormControl('');
-        /**
-         * Условие по этой колонке либо `null`: по нему видно и значение, и вид сравнения. Сверяется по
-         * содержимому, а не по ссылке: перемена соседней колонки приносит новый набор, и условие этой
-         * колонки, пересобранное потребителем тем же, переменой не считается.
-         */
-        this.own = computed(() => filterOf(this.filters(), this.propertyName()), { ...(ngDevMode ? { debugName: "own" } : /* istanbul ignore next */ {}), equal: sameFilter });
-        /**
-         * Вид сравнения, выбранный здесь, пока значения нет: условия ещё нет, и хранить выбор, кроме
-         * самой ячейки, негде. Без него выбор терялся бы, и введённое значение уходило бы с видом по
-         * умолчанию. Условие этой колонки, пришедшее снаружи, выбор сбрасывает — вид берётся из него.
-         */
-        this.chosenOperator = linkedSignal({ ...(ngDevMode ? { debugName: "chosenOperator" } : /* istanbul ignore next */ {}), source: this.own, computation: () => null });
-        this.value = computed(() => this.own()?.value ?? '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        /** Очистка видна только там, где есть что очищать. */
-        this.clearable = computed(() => this.value() !== '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "clearable" }] : /* istanbul ignore next */ []));
-        this.operator = computed(() => {
-            const chosen = this.chosenOperator();
-            if (chosen !== null) {
-                return chosen;
-            }
-            const own = this.own();
-            return own !== null ? own.operatorType : startOperatorOf(this.filter()?.operators, this.filter()?.startOperator);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "operator" }] : /* istanbul ignore next */ []));
-        /** Виды сравнения, которые разрешила колонка; молчит колонка — разрешены все. */
-        this.operators = computed(() => {
-            const allowed = this.filter()?.operators;
-            return allowed !== undefined && allowed.length > 0 ? allowed : ALL_OPERATORS;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "operators" }] : /* istanbul ignore next */ []));
-        this.chooseLabel = rtKitLabel('uiFilterChoose');
-        this.valueLabel = rtKitLabel('uiFilterValue');
-        this.clearLabel = rtKitLabel('uiClear');
-        this.filtersLabel = rtKitLabel('uiFilters');
-        /** Список видов сравнения открыт в слое; выбор пункта закрывает его отсюда — сам пункт не умеет. */
-        this.operatorPopover = viewChild(RtPopoverDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "operatorPopover" }] : /* istanbul ignore next */ []));
-        /** Список видов сравнения с подписями: шаблон читает готовое, а не зовёт словарь сам. */
-        this.operatorViews = computed(() => this.operators().map((type) => ({ type, label: this.#operatorLabels[type]() })), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "operatorViews" }] : /* istanbul ignore next */ []));
-        /** Подпись текущего вида сравнения — её несёт кнопка, открывающая список. */
-        this.operatorLabel = computed(() => this.#operatorLabels[this.operator()](), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "operatorLabel" }] : /* istanbul ignore next */ []));
-        /**
-         * Имя кнопки для скринридера: что она открывает и какой вид стоит сейчас. Одно «Фильтры»
-         * не отличало бы кнопку одной колонки от другой и не говорило бы, какой вид выбран.
-         */
-        this.operatorAriaLabel = computed(() => `${this.filtersLabel()}: ${this.operatorLabel()}`, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "operatorAriaLabel" }] : /* istanbul ignore next */ []));
-        /** Сообщает ли этот вид сразу: у выбора и даты недописанного состояния нет. */
-        this.instant = computed(() => INSTANT_KINDS.has(this.filter()?.kind ?? 'text'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "instant" }] : /* istanbul ignore next */ []));
-        this.options = computed(() => (this.filter()?.options ?? []).map((option) => ({
-            value: option.value,
-            label: option.label,
-        })), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-        /** Ключ колонки — тот же, что в `cdkColumnDef` и в `[columnsConfig]`. */
-        this.propertyName = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "propertyName" }] : /* istanbul ignore next */ []));
-        /**
-         * Чем колонка отбирает. Объявляет колонка, а не угадывает значение; колонка, которая молчит,
-         * не отбирает вовсе — решает это сама ячейка, а не тот, кто её ставит: иначе обещание держал
-         * бы каждый потребитель по-своему.
-         */
-        this.filter = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
-        /** Текущий набор условий — весь, по всем колонкам сразу. */
-        this.filters = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []));
-        this.filtersChange = output();
-        this.control.valueChanges
-            .pipe(takeUntilDestroyed(this.#destroyRef))
-            .subscribe((value) => this.#onValue(value));
-        // Набор условий меняется и снаружи — соседняя колонка, очистка всех сразу. Поле идёт
-        // следом, и запись в него молчит: иначе она вернулась бы сюда же переменой значения.
-        effect(() => {
-            const value = this.value();
-            untracked(() => {
-                if (filterValueOf(this.control.value) !== value) {
-                    this.control.setValue(value, { emitEvent: false });
-                }
-            });
-        });
-    }
-    onOperator(operatorType) {
-        this.operatorPopover()?.close();
-        this.chosenOperator.set(operatorType);
-        this.#report(filtersWithOperator(this.filters(), this.propertyName(), operatorType));
-    }
-    onClear() {
-        const instant = this.instant();
-        this.control.setValue('');
-        // У мгновенного вида о снятии сообщила сама перемена значения; у остальных — здесь:
-        // очистку нажали, ждать ухода из поля нечего.
-        if (!instant) {
-            this.onCommit();
-        }
-    }
-    /** Уход из поля и Enter: набранное значение уходит наружу разом, а не по знаку. */
-    onCommit() {
-        this.#commit(this.control.value);
-    }
-    #onValue(value) {
-        if (this.instant()) {
-            this.#commit(value);
-        }
-    }
-    #commit(value) {
-        this.#report(filtersWithValue(this.filters(), this.propertyName(), this.operator(), filterValueOf(value)));
-    }
-    /**
-     * Наружу уходит только изменившийся набор. Прежний приходит тем же объектом, и по этому
-     * признаку видно, что менять было нечего: повтор того же значения и смена вида сравнения
-     * без значения не сообщают ничего.
-     */
-    #report(next) {
-        if (next !== this.filters()) {
-            this.filtersChange.emit(next);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableFilterHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtTableFilterHeaderComponent, isStandalone: true, selector: "rt-table-filter-header", inputs: { propertyName: { classPropertyName: "propertyName", publicName: "propertyName", isSignal: true, isRequired: true, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtersChange: "filtersChange" }, host: { classAttribute: "rt-table-filter-header" }, viewQueries: [{ propertyName: "operatorPopover", first: true, predicate: RtPopoverDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-table-filter-header\">\n    @if (filter(); as columnFilter) {\n        <!--\n        \u041A\u043D\u043E\u043F\u043A\u0430 \u0432\u0438\u0434\u0430 \u0441\u0440\u0430\u0432\u043D\u0435\u043D\u0438\u044F \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u0441\u043F\u0438\u0441\u043E\u043A \u0442\u0435\u0445 \u0432\u0438\u0434\u043E\u0432, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u043B\u0430 \u043A\u043E\u043B\u043E\u043D\u043A\u0430. \u0421\u043F\u0438\u0441\u043E\u043A\n        \u043E\u0431\u044A\u044F\u0432\u043B\u0435\u043D \u0432\u043D\u0443\u0442\u0440\u0438 \u0431\u043B\u043E\u043A\u0430 \u043D\u0430\u043C\u0435\u0440\u0435\u043D\u043D\u043E: `rtElem` \u0431\u0435\u0440\u0451\u0442 \u0438\u043C\u044F \u0431\u043B\u043E\u043A\u0430 \u0438\u043D\u044A\u0435\u043A\u0446\u0438\u0435\u0439 \u0443 \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043E \u043F\u0440\u0435\u0434\u043A\u0430\n        \u0441 `rtBlock`, \u0430 \u0443 \u0448\u0430\u0431\u043B\u043E\u043D\u0430, \u043E\u0431\u044A\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u0441\u043D\u0430\u0440\u0443\u0436\u0438, \u0442\u0430\u043A\u043E\u0433\u043E \u043F\u0440\u0435\u0434\u043A\u0430 \u043D\u0435\u0442 \u0432\u043E\u0432\u0441\u0435.\n    -->\n        <button\n            type=\"button\"\n            rtElem=\"operator\"\n            qa-dataid=\"table-filter-operator\"\n            [attr.aria-label]=\"operatorAriaLabel()\"\n            [rtMod]=\"{ set: clearable() }\"\n            [rtPopover]=\"operatorsTpl\">\n            {{ operatorLabel() }}\n        </button>\n\n        <!--\n        \u041D\u0430\u0431\u0440\u0430\u043D\u043D\u043E\u0435 \u0443\u0445\u043E\u0434\u0438\u0442 \u043D\u0430\u0440\u0443\u0436\u0443 \u043F\u043E \u0443\u0445\u043E\u0434\u0443 \u0438\u0437 \u043F\u043E\u043B\u044F \u0438 \u043F\u043E Enter, \u0430 \u043D\u0435 \u043F\u043E \u043A\u0430\u0436\u0434\u043E\u043C\u0443 \u0437\u043D\u0430\u043A\u0443: \u043D\u0430\u0431\u043E\u0440 \u0443\u0441\u043B\u043E\u0432\u0438\u0439,\n        \u0443\u0445\u043E\u0434\u044F\u0449\u0438\u0439 \u043D\u0430 \u0431\u0443\u043A\u0432\u0443, \u0441\u043F\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440 \u043F\u043E \u0431\u0443\u043A\u0432\u0435. \u0412\u044B\u0431\u043E\u0440 \u0438 \u0434\u0430\u0442\u0430 \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0442 \u0441\u0430\u043C\u0438 \u2014 \u0443 \u043D\u0438\u0445\n        \u043D\u0435\u0434\u043E\u043F\u0438\u0441\u0430\u043D\u043D\u043E\u0433\u043E \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F \u043D\u0435\u0442.\n    -->\n        <div rtElem=\"value\" qa-dataid=\"table-filter-value\">\n            @switch (columnFilter.kind) {\n                @case ('number') {\n                    <rt-input-number\n                        qa-dataid=\"table-filter-number\"\n                        size=\"sm\"\n                        [placeholder]=\"valueLabel()\"\n                        [clearable]=\"false\"\n                        [formControl]=\"control\"\n                        (focusout)=\"onCommit()\"\n                        (keydown.enter)=\"onCommit()\" />\n                }\n\n                @case ('select') {\n                    <rt-select\n                        qa-dataid=\"table-filter-select\"\n                        size=\"sm\"\n                        [placeholder]=\"chooseLabel()\"\n                        [clearable]=\"false\"\n                        [options]=\"options()\"\n                        [formControl]=\"control\" />\n                }\n\n                @case ('date') {\n                    <rt-date-picker qa-dataid=\"table-filter-date\" size=\"sm\" [clearable]=\"false\" [formControl]=\"control\" />\n                }\n\n                @default {\n                    <rt-input\n                        qa-dataid=\"table-filter-text\"\n                        size=\"sm\"\n                        [placeholder]=\"valueLabel()\"\n                        [clearable]=\"false\"\n                        [formControl]=\"control\"\n                        (focusout)=\"onCommit()\"\n                        (keydown.enter)=\"onCommit()\" />\n                }\n            }\n        </div>\n\n        <!-- \u041E\u0447\u0438\u0441\u0442\u043A\u0430 \u0441\u0442\u043E\u0438\u0442 \u0432 \u0440\u0430\u0437\u043C\u0435\u0442\u043A\u0435 \u0442\u043E\u043B\u044C\u043A\u043E \u0442\u0430\u043C, \u0433\u0434\u0435 \u0435\u0441\u0442\u044C \u0447\u0442\u043E \u043E\u0447\u0438\u0449\u0430\u0442\u044C. -->\n        @if (clearable()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"table-filter-clear\"\n                variant=\"ghost\"\n                icon=\"ico-close\"\n                size=\"sm\"\n                [ariaLabel]=\"clearLabel()\"\n                (clicked)=\"onClear()\" />\n        }\n\n        <ng-template #operatorsTpl>\n            <div rtElem=\"operators\" qa-dataid=\"table-filter-operators\" role=\"menu\">\n                @for (view of operatorViews(); track view.type) {\n                    <rt-menu-item qa-dataid=\"table-filter-operator-item\" [label]=\"view.label\" (selected)=\"onOperator(view.type)\" />\n                }\n            </div>\n        </ng-template>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-filter-header{--rt-table-filter-header-radius: var(--rt-radius-sm);--rt-table-filter-header-operator-color: var(--rt-color-text-muted);--rt-table-filter-header-operator-color-set: var(--rt-color-text-primary);--rt-table-filter-header-operator-bg-hover: var(--rt-color-bg-subtle);--rt-table-filter-header-operator-focus-shadow: var(--rt-shadow-focus-ring);display:flex;width:100%;min-width:0;align-items:center;gap:var(--rt-space-1)}.rt-table-filter-header__operator{padding:var(--rt-space-0-5) var(--rt-space-1);border:0;border-radius:var(--rt-table-filter-header-radius);background:transparent;color:var(--rt-table-filter-header-operator-color);cursor:pointer;font-family:inherit;font-size:var(--rt-text-xs);white-space:nowrap}.rt-table-filter-header__operator:hover{background:var(--rt-table-filter-header-operator-bg-hover)}.rt-table-filter-header__operator:focus-visible{box-shadow:var(--rt-table-filter-header-operator-focus-shadow);outline:none}.rt-table-filter-header__operator--set{color:var(--rt-table-filter-header-operator-color-set);font-weight:var(--rt-font-weight-medium)}.rt-table-filter-header__value{min-width:0;flex:1 1 auto}.rt-table-filter-header__clear{flex:none}.rt-table-filter-header__operators{--rt-table-filter-header-menu-radius: var(--rt-radius-md);--rt-table-filter-header-menu-shadow: var(--rt-shadow-card);display:flex;flex-direction:column;padding:var(--rt-space-1);border-radius:var(--rt-table-filter-header-menu-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-table-filter-header-menu-shadow)}}\n"], dependencies: [{ kind: "ngmodule", type: 
-                // angular
-                ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: 
-                // rt-tools
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "component", type: 
-                // components
-                RtDatePickerComponent, selector: "rt-date-picker", inputs: ["appearance", "type", "min", "max", "minuteStep"] }, { kind: "component", type: 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: RtInputComponent, selector: "rt-input", inputs: ["appearance", "type", "placeholder", "iconLeft", "iconRight", "passwordToggle", "autocomplete"] }, { kind: "component", type: RtInputNumberComponent, selector: "rt-input-number", inputs: ["appearance", "iconLeft", "prefix", "placeholder", "min", "max", "minFractionDigits", "maxFractionDigits", "grouped"] }, { kind: "component", type: RtMenuItemComponent, selector: "rt-menu-item", inputs: ["icon", "label", "danger", "success", "glyph", "fill", "current", "disabled", "confirmMessage", "confirmTitle", "confirmLabel", "confirmCancelLabel", "confirmTone", "link"], outputs: ["selected"] }, { kind: "directive", type: RtPopoverDirective, selector: "[rtPopover]", inputs: ["rtPopover", "rtPopoverTrigger", "rtPopoverWidth", "rtPopoverAlign", "rtPopoverFitViewport", "rtPopoverContext", "rtPopoverPanelClass", "rtPopoverDisabled", "rtPopoverOffsetY", "rtPopoverOffsetX"], outputs: ["rtPopoverOpened", "rtPopoverClosed"], exportAs: ["rtPopover"] }, { kind: "component", type: RtSelectComponent, selector: "rt-select", inputs: ["appearance", "options", "placeholder", "iconLeft", "filter", "filterPlaceholder", "panelWidth", "panelMaxHeight"], outputs: ["selectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableFilterHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-table-filter-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // angular
-                        ReactiveFormsModule,
-                        // rt-tools
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                        // components
-                        RtDatePickerComponent,
-                        RtIconButtonComponent,
-                        RtInputComponent,
-                        RtInputNumberComponent,
-                        RtMenuItemComponent,
-                        RtPopoverDirective,
-                        RtSelectComponent,
-                    ], host: {
-                        class: BEM_BLOCK$4,
-                    }, template: "<ng-container rtBlock=\"rt-table-filter-header\">\n    @if (filter(); as columnFilter) {\n        <!--\n        \u041A\u043D\u043E\u043F\u043A\u0430 \u0432\u0438\u0434\u0430 \u0441\u0440\u0430\u0432\u043D\u0435\u043D\u0438\u044F \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u0441\u043F\u0438\u0441\u043E\u043A \u0442\u0435\u0445 \u0432\u0438\u0434\u043E\u0432, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u043B\u0430 \u043A\u043E\u043B\u043E\u043D\u043A\u0430. \u0421\u043F\u0438\u0441\u043E\u043A\n        \u043E\u0431\u044A\u044F\u0432\u043B\u0435\u043D \u0432\u043D\u0443\u0442\u0440\u0438 \u0431\u043B\u043E\u043A\u0430 \u043D\u0430\u043C\u0435\u0440\u0435\u043D\u043D\u043E: `rtElem` \u0431\u0435\u0440\u0451\u0442 \u0438\u043C\u044F \u0431\u043B\u043E\u043A\u0430 \u0438\u043D\u044A\u0435\u043A\u0446\u0438\u0435\u0439 \u0443 \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043E \u043F\u0440\u0435\u0434\u043A\u0430\n        \u0441 `rtBlock`, \u0430 \u0443 \u0448\u0430\u0431\u043B\u043E\u043D\u0430, \u043E\u0431\u044A\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u0441\u043D\u0430\u0440\u0443\u0436\u0438, \u0442\u0430\u043A\u043E\u0433\u043E \u043F\u0440\u0435\u0434\u043A\u0430 \u043D\u0435\u0442 \u0432\u043E\u0432\u0441\u0435.\n    -->\n        <button\n            type=\"button\"\n            rtElem=\"operator\"\n            qa-dataid=\"table-filter-operator\"\n            [attr.aria-label]=\"operatorAriaLabel()\"\n            [rtMod]=\"{ set: clearable() }\"\n            [rtPopover]=\"operatorsTpl\">\n            {{ operatorLabel() }}\n        </button>\n\n        <!--\n        \u041D\u0430\u0431\u0440\u0430\u043D\u043D\u043E\u0435 \u0443\u0445\u043E\u0434\u0438\u0442 \u043D\u0430\u0440\u0443\u0436\u0443 \u043F\u043E \u0443\u0445\u043E\u0434\u0443 \u0438\u0437 \u043F\u043E\u043B\u044F \u0438 \u043F\u043E Enter, \u0430 \u043D\u0435 \u043F\u043E \u043A\u0430\u0436\u0434\u043E\u043C\u0443 \u0437\u043D\u0430\u043A\u0443: \u043D\u0430\u0431\u043E\u0440 \u0443\u0441\u043B\u043E\u0432\u0438\u0439,\n        \u0443\u0445\u043E\u0434\u044F\u0449\u0438\u0439 \u043D\u0430 \u0431\u0443\u043A\u0432\u0443, \u0441\u043F\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440 \u043F\u043E \u0431\u0443\u043A\u0432\u0435. \u0412\u044B\u0431\u043E\u0440 \u0438 \u0434\u0430\u0442\u0430 \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0442 \u0441\u0430\u043C\u0438 \u2014 \u0443 \u043D\u0438\u0445\n        \u043D\u0435\u0434\u043E\u043F\u0438\u0441\u0430\u043D\u043D\u043E\u0433\u043E \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F \u043D\u0435\u0442.\n    -->\n        <div rtElem=\"value\" qa-dataid=\"table-filter-value\">\n            @switch (columnFilter.kind) {\n                @case ('number') {\n                    <rt-input-number\n                        qa-dataid=\"table-filter-number\"\n                        size=\"sm\"\n                        [placeholder]=\"valueLabel()\"\n                        [clearable]=\"false\"\n                        [formControl]=\"control\"\n                        (focusout)=\"onCommit()\"\n                        (keydown.enter)=\"onCommit()\" />\n                }\n\n                @case ('select') {\n                    <rt-select\n                        qa-dataid=\"table-filter-select\"\n                        size=\"sm\"\n                        [placeholder]=\"chooseLabel()\"\n                        [clearable]=\"false\"\n                        [options]=\"options()\"\n                        [formControl]=\"control\" />\n                }\n\n                @case ('date') {\n                    <rt-date-picker qa-dataid=\"table-filter-date\" size=\"sm\" [clearable]=\"false\" [formControl]=\"control\" />\n                }\n\n                @default {\n                    <rt-input\n                        qa-dataid=\"table-filter-text\"\n                        size=\"sm\"\n                        [placeholder]=\"valueLabel()\"\n                        [clearable]=\"false\"\n                        [formControl]=\"control\"\n                        (focusout)=\"onCommit()\"\n                        (keydown.enter)=\"onCommit()\" />\n                }\n            }\n        </div>\n\n        <!-- \u041E\u0447\u0438\u0441\u0442\u043A\u0430 \u0441\u0442\u043E\u0438\u0442 \u0432 \u0440\u0430\u0437\u043C\u0435\u0442\u043A\u0435 \u0442\u043E\u043B\u044C\u043A\u043E \u0442\u0430\u043C, \u0433\u0434\u0435 \u0435\u0441\u0442\u044C \u0447\u0442\u043E \u043E\u0447\u0438\u0449\u0430\u0442\u044C. -->\n        @if (clearable()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"table-filter-clear\"\n                variant=\"ghost\"\n                icon=\"ico-close\"\n                size=\"sm\"\n                [ariaLabel]=\"clearLabel()\"\n                (clicked)=\"onClear()\" />\n        }\n\n        <ng-template #operatorsTpl>\n            <div rtElem=\"operators\" qa-dataid=\"table-filter-operators\" role=\"menu\">\n                @for (view of operatorViews(); track view.type) {\n                    <rt-menu-item qa-dataid=\"table-filter-operator-item\" [label]=\"view.label\" (selected)=\"onOperator(view.type)\" />\n                }\n            </div>\n        </ng-template>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-filter-header{--rt-table-filter-header-radius: var(--rt-radius-sm);--rt-table-filter-header-operator-color: var(--rt-color-text-muted);--rt-table-filter-header-operator-color-set: var(--rt-color-text-primary);--rt-table-filter-header-operator-bg-hover: var(--rt-color-bg-subtle);--rt-table-filter-header-operator-focus-shadow: var(--rt-shadow-focus-ring);display:flex;width:100%;min-width:0;align-items:center;gap:var(--rt-space-1)}.rt-table-filter-header__operator{padding:var(--rt-space-0-5) var(--rt-space-1);border:0;border-radius:var(--rt-table-filter-header-radius);background:transparent;color:var(--rt-table-filter-header-operator-color);cursor:pointer;font-family:inherit;font-size:var(--rt-text-xs);white-space:nowrap}.rt-table-filter-header__operator:hover{background:var(--rt-table-filter-header-operator-bg-hover)}.rt-table-filter-header__operator:focus-visible{box-shadow:var(--rt-table-filter-header-operator-focus-shadow);outline:none}.rt-table-filter-header__operator--set{color:var(--rt-table-filter-header-operator-color-set);font-weight:var(--rt-font-weight-medium)}.rt-table-filter-header__value{min-width:0;flex:1 1 auto}.rt-table-filter-header__clear{flex:none}.rt-table-filter-header__operators{--rt-table-filter-header-menu-radius: var(--rt-radius-md);--rt-table-filter-header-menu-shadow: var(--rt-shadow-card);display:flex;flex-direction:column;padding:var(--rt-space-1);border-radius:var(--rt-table-filter-header-menu-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-table-filter-header-menu-shadow)}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { operatorPopover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => RtPopoverDirective), { isSignal: true }] }], propertyName: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyName", required: true }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: false }] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }] } });
-
-/**
- * Захватывает `<ng-template rtTableCard let-row>` — кастомную разметку карточки
- * строки для мобильного (узкого) режима `rt-table`. Когда задан, rt-table на
- * узком экране (≤1080px) рендерит эту разметку в `<article>` вместо
- * авто-карточки «label: value» по колонкам.
- *
- * Escape-hatch для страниц, которым нужна rich-карточка (составной primary-блок,
- * теги, произвольная раскладка), а не построчный список полей.
- *
- * @example
- * ```html
- * <rt-table #t="rtTable" [dataSource]="rows" ...>
- *     ...колонки...
- *     <ng-template rtTableCard [rtTableCardRowType]="rows" let-row>
- *         <div class="my-card-head">{{ row.login }}</div>
- *     </ng-template>
- *     <tr cdk-row *cdkRowDef="let row; columns: t.displayedColumns()"></tr>
- * </rt-table>
- * ```
- */
-class RtTableCardDirective {
-    constructor() {
-        this.template = inject(TemplateRef);
-        /**
-         * Type-carrier для вывода `TRow`: биндят тот же массив, что в `dataSource`.
-         * Значение в рантайме не читается — служит только подсказкой типизации для
-         * `let-row` (через `ngTemplateContextGuard`).
-         */
-        this.rtTableCardRowType = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rtTableCardRowType" }] : /* istanbul ignore next */ []));
-    }
-    /** Type-guard: сужает контекст шаблона до строки таблицы при проверке шаблонов. */
-    static ngTemplateContextGuard(_directive, 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас
-    context) {
-        return true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableCardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtTableCardDirective, isStandalone: true, selector: "ng-template[rtTableCard]", inputs: { rtTableCardRowType: { classPropertyName: "rtTableCardRowType", publicName: "rtTableCardRowType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableCardDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ng-template[rtTableCard]',
-                }]
-        }], propDecorators: { rtTableCardRowType: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTableCardRowType", required: false }] }] } });
-
-/**
- * Строки, которые можно показать карточками. Источник данных таблицы бывает массивом,
- * потоком и своим объектом, а карточки строятся только по массиву: у остальных состав строк
- * известен лишь самой таблице, и брать его отсюда нечем.
- */
+var RtTableFilterHeaderComponent = class RtTableFilterHeaderComponent {
+	#destroyRef;
+	#operatorLabels;
+	constructor() {
+		this.#destroyRef = inject(DestroyRef);
+		this.#operatorLabels = Object.freeze({
+			[EFilterOperatorType.EQUALS]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.EQUALS]),
+			[EFilterOperatorType.NOT_EQUALS]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.NOT_EQUALS]),
+			[EFilterOperatorType.CONTAINS]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.CONTAINS]),
+			[EFilterOperatorType.STARTS_WITH]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.STARTS_WITH]),
+			[EFilterOperatorType.ENDS_WITH]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.ENDS_WITH]),
+			[EFilterOperatorType.GREATER_THAN]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.GREATER_THAN]),
+			[EFilterOperatorType.LESS_THAN]: rtKitLabel(OPERATOR_LABELS[EFilterOperatorType.LESS_THAN])
+		});
+		this.control = new FormControl("");
+		this.own = computed(() => filterOf(this.filters(), this.propertyName()), {
+			...ngDevMode ? { debugName: "own" } : /* istanbul ignore next */ {},
+			equal: sameFilter
+		});
+		this.chosenOperator = linkedSignal({
+			...ngDevMode ? { debugName: "chosenOperator" } : /* istanbul ignore next */ {},
+			source: this.own,
+			computation: () => null
+		});
+		this.value = computed(() => this.own()?.value ?? "", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+		this.clearable = computed(() => this.value() !== "", ...ngDevMode ? [{ debugName: "clearable" }] : /* istanbul ignore next */ []);
+		this.operator = computed(() => {
+			const chosen = this.chosenOperator();
+			if (chosen !== null) return chosen;
+			const own = this.own();
+			return own !== null ? own.operatorType : startOperatorOf(this.filter()?.operators, this.filter()?.startOperator);
+		}, ...ngDevMode ? [{ debugName: "operator" }] : /* istanbul ignore next */ []);
+		this.operators = computed(() => {
+			const allowed = this.filter()?.operators;
+			return allowed !== void 0 && allowed.length > 0 ? allowed : ALL_OPERATORS;
+		}, ...ngDevMode ? [{ debugName: "operators" }] : /* istanbul ignore next */ []);
+		this.chooseLabel = rtKitLabel("uiFilterChoose");
+		this.valueLabel = rtKitLabel("uiFilterValue");
+		this.clearLabel = rtKitLabel("uiClear");
+		this.filtersLabel = rtKitLabel("uiFilters");
+		this.operatorPopover = viewChild(RtPopoverDirective, ...ngDevMode ? [{ debugName: "operatorPopover" }] : /* istanbul ignore next */ []);
+		this.operatorViews = computed(() => this.operators().map((type) => ({
+			type,
+			label: this.#operatorLabels[type]()
+		})), ...ngDevMode ? [{ debugName: "operatorViews" }] : /* istanbul ignore next */ []);
+		this.operatorLabel = computed(() => this.#operatorLabels[this.operator()](), ...ngDevMode ? [{ debugName: "operatorLabel" }] : /* istanbul ignore next */ []);
+		this.operatorAriaLabel = computed(() => `${this.filtersLabel()}: ${this.operatorLabel()}`, ...ngDevMode ? [{ debugName: "operatorAriaLabel" }] : /* istanbul ignore next */ []);
+		this.instant = computed(() => INSTANT_KINDS.has(this.filter()?.kind ?? "text"), ...ngDevMode ? [{ debugName: "instant" }] : /* istanbul ignore next */ []);
+		this.options = computed(() => (this.filter()?.options ?? []).map((option) => ({
+			value: option.value,
+			label: option.label
+		})), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+		this.propertyName = input.required(...ngDevMode ? [{ debugName: "propertyName" }] : /* istanbul ignore next */ []);
+		this.filter = input(null, ...ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []);
+		this.filters = input([], ...ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []);
+		this.filtersChange = output();
+		this.control.valueChanges.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((value) => this.#onValue(value));
+		effect(() => {
+			const value = this.value();
+			untracked(() => {
+				if (filterValueOf(this.control.value) !== value) this.control.setValue(value, { emitEvent: false });
+			});
+		});
+	}
+	onOperator(operatorType) {
+		this.operatorPopover()?.close();
+		this.chosenOperator.set(operatorType);
+		this.#report(filtersWithOperator(this.filters(), this.propertyName(), operatorType));
+	}
+	onClear() {
+		const instant = this.instant();
+		this.control.setValue("");
+		if (!instant) this.onCommit();
+	}
+	onCommit() {
+		this.#commit(this.control.value);
+	}
+	#onValue(value) {
+		if (this.instant()) this.#commit(value);
+	}
+	#commit(value) {
+		this.#report(filtersWithValue(this.filters(), this.propertyName(), this.operator(), filterValueOf(value)));
+	}
+	#report(next) {
+		if (next !== this.filters()) this.filtersChange.emit(next);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableFilterHeaderComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtTableFilterHeaderComponent,
+			isStandalone: true,
+			selector: "rt-table-filter-header",
+			inputs: {
+				propertyName: {
+					classPropertyName: "propertyName",
+					publicName: "propertyName",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				filter: {
+					classPropertyName: "filter",
+					publicName: "filter",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				filters: {
+					classPropertyName: "filters",
+					publicName: "filters",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { filtersChange: "filtersChange" },
+			host: { classAttribute: "rt-table-filter-header" },
+			viewQueries: [{
+				propertyName: "operatorPopover",
+				first: true,
+				predicate: RtPopoverDirective,
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-table-filter-header\">\n    @if (filter(); as columnFilter) {\n        <!--\n        Кнопка вида сравнения открывает список тех видов, которые разрешила колонка. Список\n        объявлен внутри блока намеренно: `rtElem` берёт имя блока инъекцией у ближайшего предка\n        с `rtBlock`, а у шаблона, объявленного снаружи, такого предка нет вовсе.\n    -->\n        <button\n            type=\"button\"\n            rtElem=\"operator\"\n            qa-dataid=\"table-filter-operator\"\n            [attr.aria-label]=\"operatorAriaLabel()\"\n            [rtMod]=\"{ set: clearable() }\"\n            [rtPopover]=\"operatorsTpl\">\n            {{ operatorLabel() }}\n        </button>\n\n        <!--\n        Набранное уходит наружу по уходу из поля и по Enter, а не по каждому знаку: набор условий,\n        уходящий на букву, спрашивает сервер по букве. Выбор и дата сообщают сами — у них\n        недописанного состояния нет.\n    -->\n        <div rtElem=\"value\" qa-dataid=\"table-filter-value\">\n            @switch (columnFilter.kind) {\n                @case ('number') {\n                    <rt-input-number\n                        qa-dataid=\"table-filter-number\"\n                        size=\"sm\"\n                        [placeholder]=\"valueLabel()\"\n                        [clearable]=\"false\"\n                        [formControl]=\"control\"\n                        (focusout)=\"onCommit()\"\n                        (keydown.enter)=\"onCommit()\" />\n                }\n\n                @case ('select') {\n                    <rt-select\n                        qa-dataid=\"table-filter-select\"\n                        size=\"sm\"\n                        [placeholder]=\"chooseLabel()\"\n                        [clearable]=\"false\"\n                        [options]=\"options()\"\n                        [formControl]=\"control\" />\n                }\n\n                @case ('date') {\n                    <rt-date-picker qa-dataid=\"table-filter-date\" size=\"sm\" [clearable]=\"false\" [formControl]=\"control\" />\n                }\n\n                @default {\n                    <rt-input\n                        qa-dataid=\"table-filter-text\"\n                        size=\"sm\"\n                        [placeholder]=\"valueLabel()\"\n                        [clearable]=\"false\"\n                        [formControl]=\"control\"\n                        (focusout)=\"onCommit()\"\n                        (keydown.enter)=\"onCommit()\" />\n                }\n            }\n        </div>\n\n        <!-- Очистка стоит в разметке только там, где есть что очищать. -->\n        @if (clearable()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"table-filter-clear\"\n                variant=\"ghost\"\n                icon=\"ico-close\"\n                size=\"sm\"\n                [ariaLabel]=\"clearLabel()\"\n                (clicked)=\"onClear()\" />\n        }\n\n        <ng-template #operatorsTpl>\n            <div rtElem=\"operators\" qa-dataid=\"table-filter-operators\" role=\"menu\">\n                @for (view of operatorViews(); track view.type) {\n                    <rt-menu-item qa-dataid=\"table-filter-operator-item\" [label]=\"view.label\" (selected)=\"onOperator(view.type)\" />\n                }\n            </div>\n        </ng-template>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-filter-header{--rt-table-filter-header-radius: var(--rt-radius-sm);--rt-table-filter-header-operator-color: var(--rt-color-text-muted);--rt-table-filter-header-operator-color-set: var(--rt-color-text-primary);--rt-table-filter-header-operator-bg-hover: var(--rt-color-bg-subtle);--rt-table-filter-header-operator-focus-shadow: var(--rt-shadow-focus-ring);display:flex;width:100%;min-width:0;align-items:center;gap:var(--rt-space-1)}.rt-table-filter-header__operator{padding:var(--rt-space-0-5) var(--rt-space-1);border:0;border-radius:var(--rt-table-filter-header-radius);background:transparent;color:var(--rt-table-filter-header-operator-color);cursor:pointer;font-family:inherit;font-size:var(--rt-text-xs);white-space:nowrap}.rt-table-filter-header__operator:hover{background:var(--rt-table-filter-header-operator-bg-hover)}.rt-table-filter-header__operator:focus-visible{box-shadow:var(--rt-table-filter-header-operator-focus-shadow);outline:none}.rt-table-filter-header__operator--set{color:var(--rt-table-filter-header-operator-color-set);font-weight:var(--rt-font-weight-medium)}.rt-table-filter-header__value{min-width:0;flex:1 1 auto}.rt-table-filter-header__clear{flex:none}.rt-table-filter-header__operators{--rt-table-filter-header-menu-radius: var(--rt-radius-md);--rt-table-filter-header-menu-shadow: var(--rt-shadow-card);display:flex;flex-direction:column;padding:var(--rt-space-1);border-radius:var(--rt-table-filter-header-menu-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-table-filter-header-menu-shadow)}}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: ReactiveFormsModule
+				},
+				{
+					kind: "directive",
+					type: i1$1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1$1.FormControlDirective,
+					selector: "[formControl]",
+					inputs: [
+						"formControl",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				},
+				{
+					kind: "component",
+					type: RtDatePickerComponent,
+					selector: "rt-date-picker",
+					inputs: [
+						"appearance",
+						"type",
+						"min",
+						"max",
+						"minuteStep"
+					]
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					kind: "component",
+					type: RtInputComponent,
+					selector: "rt-input",
+					inputs: [
+						"appearance",
+						"type",
+						"placeholder",
+						"iconLeft",
+						"iconRight",
+						"passwordToggle",
+						"autocomplete"
+					]
+				},
+				{
+					kind: "component",
+					type: RtInputNumberComponent,
+					selector: "rt-input-number",
+					inputs: [
+						"appearance",
+						"iconLeft",
+						"prefix",
+						"placeholder",
+						"min",
+						"max",
+						"minFractionDigits",
+						"maxFractionDigits",
+						"grouped"
+					]
+				},
+				{
+					kind: "component",
+					type: RtMenuItemComponent,
+					selector: "rt-menu-item",
+					inputs: [
+						"icon",
+						"label",
+						"danger",
+						"success",
+						"glyph",
+						"fill",
+						"current",
+						"disabled",
+						"confirmMessage",
+						"confirmTitle",
+						"confirmLabel",
+						"confirmCancelLabel",
+						"confirmTone",
+						"link"
+					],
+					outputs: ["selected"]
+				},
+				{
+					kind: "directive",
+					type: RtPopoverDirective,
+					selector: "[rtPopover]",
+					inputs: [
+						"rtPopover",
+						"rtPopoverTrigger",
+						"rtPopoverWidth",
+						"rtPopoverAlign",
+						"rtPopoverFitViewport",
+						"rtPopoverContext",
+						"rtPopoverPanelClass",
+						"rtPopoverDisabled",
+						"rtPopoverOffsetY",
+						"rtPopoverOffsetX",
+						"rtPopoverPositions"
+					],
+					outputs: ["rtPopoverOpened", "rtPopoverClosed"],
+					exportAs: ["rtPopover"]
+				},
+				{
+					kind: "component",
+					type: RtSelectComponent,
+					selector: "rt-select",
+					inputs: [
+						"appearance",
+						"options",
+						"placeholder",
+						"iconLeft",
+						"filter",
+						"filterPlaceholder",
+						"panelWidth",
+						"panelMaxHeight"
+					],
+					outputs: ["selectionChange"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTableFilterHeaderComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-table-filter-header",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				ReactiveFormsModule,
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				RtDatePickerComponent,
+				RtIconButtonComponent,
+				RtInputComponent,
+				RtInputNumberComponent,
+				RtMenuItemComponent,
+				RtPopoverDirective,
+				RtSelectComponent
+			],
+			host: { class: BEM_BLOCK$4 },
+			template: "<ng-container rtBlock=\"rt-table-filter-header\">\n    @if (filter(); as columnFilter) {\n        <!--\n        Кнопка вида сравнения открывает список тех видов, которые разрешила колонка. Список\n        объявлен внутри блока намеренно: `rtElem` берёт имя блока инъекцией у ближайшего предка\n        с `rtBlock`, а у шаблона, объявленного снаружи, такого предка нет вовсе.\n    -->\n        <button\n            type=\"button\"\n            rtElem=\"operator\"\n            qa-dataid=\"table-filter-operator\"\n            [attr.aria-label]=\"operatorAriaLabel()\"\n            [rtMod]=\"{ set: clearable() }\"\n            [rtPopover]=\"operatorsTpl\">\n            {{ operatorLabel() }}\n        </button>\n\n        <!--\n        Набранное уходит наружу по уходу из поля и по Enter, а не по каждому знаку: набор условий,\n        уходящий на букву, спрашивает сервер по букве. Выбор и дата сообщают сами — у них\n        недописанного состояния нет.\n    -->\n        <div rtElem=\"value\" qa-dataid=\"table-filter-value\">\n            @switch (columnFilter.kind) {\n                @case ('number') {\n                    <rt-input-number\n                        qa-dataid=\"table-filter-number\"\n                        size=\"sm\"\n                        [placeholder]=\"valueLabel()\"\n                        [clearable]=\"false\"\n                        [formControl]=\"control\"\n                        (focusout)=\"onCommit()\"\n                        (keydown.enter)=\"onCommit()\" />\n                }\n\n                @case ('select') {\n                    <rt-select\n                        qa-dataid=\"table-filter-select\"\n                        size=\"sm\"\n                        [placeholder]=\"chooseLabel()\"\n                        [clearable]=\"false\"\n                        [options]=\"options()\"\n                        [formControl]=\"control\" />\n                }\n\n                @case ('date') {\n                    <rt-date-picker qa-dataid=\"table-filter-date\" size=\"sm\" [clearable]=\"false\" [formControl]=\"control\" />\n                }\n\n                @default {\n                    <rt-input\n                        qa-dataid=\"table-filter-text\"\n                        size=\"sm\"\n                        [placeholder]=\"valueLabel()\"\n                        [clearable]=\"false\"\n                        [formControl]=\"control\"\n                        (focusout)=\"onCommit()\"\n                        (keydown.enter)=\"onCommit()\" />\n                }\n            }\n        </div>\n\n        <!-- Очистка стоит в разметке только там, где есть что очищать. -->\n        @if (clearable()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"table-filter-clear\"\n                variant=\"ghost\"\n                icon=\"ico-close\"\n                size=\"sm\"\n                [ariaLabel]=\"clearLabel()\"\n                (clicked)=\"onClear()\" />\n        }\n\n        <ng-template #operatorsTpl>\n            <div rtElem=\"operators\" qa-dataid=\"table-filter-operators\" role=\"menu\">\n                @for (view of operatorViews(); track view.type) {\n                    <rt-menu-item qa-dataid=\"table-filter-operator-item\" [label]=\"view.label\" (selected)=\"onOperator(view.type)\" />\n                }\n            </div>\n        </ng-template>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-filter-header{--rt-table-filter-header-radius: var(--rt-radius-sm);--rt-table-filter-header-operator-color: var(--rt-color-text-muted);--rt-table-filter-header-operator-color-set: var(--rt-color-text-primary);--rt-table-filter-header-operator-bg-hover: var(--rt-color-bg-subtle);--rt-table-filter-header-operator-focus-shadow: var(--rt-shadow-focus-ring);display:flex;width:100%;min-width:0;align-items:center;gap:var(--rt-space-1)}.rt-table-filter-header__operator{padding:var(--rt-space-0-5) var(--rt-space-1);border:0;border-radius:var(--rt-table-filter-header-radius);background:transparent;color:var(--rt-table-filter-header-operator-color);cursor:pointer;font-family:inherit;font-size:var(--rt-text-xs);white-space:nowrap}.rt-table-filter-header__operator:hover{background:var(--rt-table-filter-header-operator-bg-hover)}.rt-table-filter-header__operator:focus-visible{box-shadow:var(--rt-table-filter-header-operator-focus-shadow);outline:none}.rt-table-filter-header__operator--set{color:var(--rt-table-filter-header-operator-color-set);font-weight:var(--rt-font-weight-medium)}.rt-table-filter-header__value{min-width:0;flex:1 1 auto}.rt-table-filter-header__clear{flex:none}.rt-table-filter-header__operators{--rt-table-filter-header-menu-radius: var(--rt-radius-md);--rt-table-filter-header-menu-shadow: var(--rt-shadow-card);display:flex;flex-direction:column;padding:var(--rt-space-1);border-radius:var(--rt-table-filter-header-menu-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-table-filter-header-menu-shadow)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		operatorPopover: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => RtPopoverDirective), { isSignal: true }]
+		}],
+		propertyName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "propertyName",
+				required: true
+			}]
+		}],
+		filter: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filter",
+				required: false
+			}]
+		}],
+		filters: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filters",
+				required: false
+			}]
+		}],
+		filtersChange: [{
+			type: i0.Output,
+			args: ["filtersChange"]
+		}]
+	}
+});
+var RtTableCardDirective = class RtTableCardDirective {
+	constructor() {
+		this.template = inject(TemplateRef);
+		this.rtTableCardRowType = input([], ...ngDevMode ? [{ debugName: "rtTableCardRowType" }] : /* istanbul ignore next */ []);
+	}
+	static ngTemplateContextGuard(_directive, context) {
+		return true;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableCardDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtTableCardDirective,
+			isStandalone: true,
+			selector: "ng-template[rtTableCard]",
+			inputs: { rtTableCardRowType: {
+				classPropertyName: "rtTableCardRowType",
+				publicName: "rtTableCardRowType",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTableCardDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[rtTableCard]" }]
+	}],
+	propDecorators: { rtTableCardRowType: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "rtTableCardRowType",
+			required: false
+		}]
+	}] }
+});
 function cardRowsOf(dataSource) {
-    return Array.isArray(dataSource) ? dataSource : [];
+	return Array.isArray(dataSource) ? dataSource : [];
 }
-/**
- * Есть ли строки в источнике данных. CdkTable принимает массив, поток и свой объект — точно
- * ответить можно только про массив. Для остальных ответ `true`: заглушку «пусто» и скелет там не
- * показываем, раз не можем знать наверняка.
- */
 function hasRowsIn(dataSource) {
-    return Array.isArray(dataSource) ? dataSource.length > 0 : true;
+	return Array.isArray(dataSource) ? dataSource.length > 0 : true;
 }
-/**
- * Поля авто-карточки: видимые колонки, кроме колонки действий, с подписью из конфига и
- * шаблоном ячейки из объявления колонки. Колонка без шаблона ячейки пропускается — рисовать
- * её значение нечем.
- */
 function cardColumnsOf(displayedColumns, columnDefs, columnsConfig) {
-    const defsByName = new Map(columnDefs.map((def) => [def.name, def]));
-    const labelByKey = new Map(columnsConfig.map((column) => [column.key, column.label]));
-    return displayedColumns
-        .filter((key) => key !== RT_TABLE_ROW_ACTIONS_COLUMN)
-        .map((key) => {
-        const cell = defsByName.get(key)?.cell?.template;
-        return cell === undefined ? null : { key, cell, label: labelByKey.get(key) ?? key };
-    })
-        .filter((column) => column !== null);
+	const defsByName = new Map(columnDefs.map((def) => [def.name, def]));
+	const labelByKey = new Map(columnsConfig.map((column) => [column.key, column.label]));
+	return displayedColumns.filter((key) => key !== RT_TABLE_ROW_ACTIONS_COLUMN).map((key) => {
+		const cell = defsByName.get(key)?.cell?.template;
+		return cell === void 0 ? null : {
+			key,
+			cell,
+			label: labelByKey.get(key) ?? key
+		};
+	}).filter((column) => column !== null);
 }
-
-/**
- * Узлы, нажатие по которым — своё действие, а не открытие строки или карточки: кнопка, ссылка,
- * поле и узлы с ролью кнопки или переключателя.
- */
 const INTERACTIVE_SELECTOR = "button, a, input, select, textarea, label, [role='button'], [role='switch']";
-/**
- * Пришло ли событие из интерактивного узла внутри строки или карточки. Такое нажатие открытием
- * не считается — иначе вложенные действия спорили бы с переходом к записи.
- */
 function isFromInteractive(target) {
-    return target instanceof Element && target.closest(INTERACTIVE_SELECTOR) !== null;
+	return target instanceof Element && target.closest(INTERACTIVE_SELECTOR) !== null;
 }
-/**
- * Строка таблицы, которую показывает карточка с этим номером. Карточки строятся из того же массива,
- * что и строки, и в том же порядке, поэтому номер карточки — номер строки. Строки вложенной
- * таблицы в счёт не идут: берутся только строки, чья ближайшая таблица — эта.
- */
 function cardRowOf(host, index) {
-    const rows = Array.from(host.querySelectorAll('.cdk-row')).filter((row) => row.parentElement?.closest('rt-table, table[rt-table]') === host);
-    return rows[index] ?? null;
-}
-
-/** Один обработчик на нажатие, Enter и пробел */
-const ACTIVATE = 'activate($event)';
-/**
- * Нажатие на карточку узкого экрана открывает запись так же, как нажатие на строку. Своего выхода у
- * карточки нет: нажатие, Enter и пробел уходят спрятанной строке с тем же номером, и срабатывает
- * тот же `(activated)`, что приложение вешает на строку через `rtTableRow`. Нажатие по кнопке,
- * ссылке или полю внутри карточки открытием не считается.
- *
- * Карточка отзывается и берёт фокус только при `clickable` таблицы — тот же вход включает вид
- * кликабельной строки.
- */
-class RtTableCardActivationDirective {
-    constructor() {
-        this.#card = inject(ElementRef).nativeElement;
-        /** Номер карточки — он же номер строки, которую она показывает */
-        this.rtTableCardActivation = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rtTableCardActivation" }] : /* istanbul ignore next */ []));
-        /** Карточка отзывается на нажатие */
-        this.rtTableCardActivationEnabled = input(false, { ...(ngDevMode ? { debugName: "rtTableCardActivationEnabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    }
-    #card;
-    activate(event) {
-        if (!this.rtTableCardActivationEnabled() || isFromInteractive(event.target)) {
-            return;
-        }
-        if (event instanceof KeyboardEvent) {
-            // Пробел иначе проскроллит страницу
-            event.preventDefault();
-        }
-        const host = this.#card.closest('rt-table, table[rt-table]');
-        if (host !== null) {
-            cardRowOf(host, this.rtTableCardActivation())?.click();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableCardActivationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtTableCardActivationDirective, isStandalone: true, selector: "[rtTableCardActivation]", inputs: { rtTableCardActivation: { classPropertyName: "rtTableCardActivation", publicName: "rtTableCardActivation", isSignal: true, isRequired: true, transformFunction: null }, rtTableCardActivationEnabled: { classPropertyName: "rtTableCardActivationEnabled", publicName: "rtTableCardActivationEnabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "activate($event)", "keydown.enter": "activate($event)", "keydown.space": "activate($event)" }, properties: { "attr.tabindex": "rtTableCardActivationEnabled() ? 0 : null" } }, ngImport: i0 }); }
+	return Array.from(host.querySelectorAll(".cdk-row")).filter((row) => row.parentElement?.closest("rt-table, table[rt-table]") === host)[index] ?? null;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableCardActivationDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtTableCardActivation]',
-                    host: {
-                        '[attr.tabindex]': 'rtTableCardActivationEnabled() ? 0 : null',
-                        '(click)': ACTIVATE,
-                        '(keydown.enter)': ACTIVATE,
-                        '(keydown.space)': ACTIVATE,
-                    },
-                }]
-        }], propDecorators: { rtTableCardActivation: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTableCardActivation", required: true }] }], rtTableCardActivationEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTableCardActivationEnabled", required: false }] }] } });
-
-/**
- * Захватывает `<ng-template rtTableRowActions let-row>` — содержимое «…»-меню
- * действий строки. `rt-table` (`[showRowActions]`) рендерит этот шаблон в конце
- * каждой строки внутри `rt-menu`, прокидывая строку через `$implicit`.
- *
- * Тип `let-row` выводится из `[rtTableRowActionsRowType]` (передаётся тот же
- * массив, что в `dataSource`) — type-carrier, как `*ngFor` выводит тип из
- * `ngForOf`. В рантайме значение не используется.
- *
- * @example
- * ```html
- * <rt-table #t="rtTable" [columns]="cols" [showRowActions]="true" [dataSource]="rows" ...>
- *     ...колонки...
- *     <ng-template rtTableRowActions [rtTableRowActionsRowType]="rows" let-row>
- *         <rt-menu-item icon="ico-edit" label="Редактировать" (selected)="edit(row)" />
- *     </ng-template>
- *     <tr cdk-header-row *cdkHeaderRowDef="t.displayedColumns()"></tr>
- *     <tr cdk-row *cdkRowDef="let row; columns: t.displayedColumns()"></tr>
- * </rt-table>
- * ```
- */
-class RtTableRowActionsDirective {
-    constructor() {
-        this.template = inject(TemplateRef);
-        /**
-         * Type-carrier для вывода `TRow`: биндят тот же массив, что в `dataSource`.
-         * Значение в рантайме не читается — служит только подсказкой типизации для
-         * `let-row` (через `ngTemplateContextGuard`). Имя совпадает с binding'ом —
-         * без alias, чтобы не триггерить `no-input-rename`.
-         */
-        this.rtTableRowActionsRowType = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rtTableRowActionsRowType" }] : /* istanbul ignore next */ []));
-    }
-    /** Type-guard: сужает контекст шаблона до строки таблицы при проверке шаблонов. */
-    static ngTemplateContextGuard(_directive, 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас
-    context) {
-        return true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableRowActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtTableRowActionsDirective, isStandalone: true, selector: "ng-template[rtTableRowActions]", inputs: { rtTableRowActionsRowType: { classPropertyName: "rtTableRowActionsRowType", publicName: "rtTableRowActionsRowType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableRowActionsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ng-template[rtTableRowActions]',
-                }]
-        }], propDecorators: { rtTableRowActionsRowType: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTableRowActionsRowType", required: false }] }] } });
-
-/**
- * Есть ли у строки хотя бы одно доступное действие.
- *
- * Признак приходит предикатом от экрана, а не подсчётом отрисованных пунктов меню:
- * содержимое спроецированного шаблона известно только после отрисовки, и кнопка
- * успевала бы мигнуть на первом кадре.
- *
- * Предикат не задан — у строки есть действия: экран, который ничего не гейтит,
- * показывает кнопку меню, как и раньше.
- */
+const ACTIVATE = "activate($event)";
+var RtTableCardActivationDirective = class RtTableCardActivationDirective {
+	constructor() {
+		this.#card = inject(ElementRef).nativeElement;
+		this.rtTableCardActivation = input.required(...ngDevMode ? [{ debugName: "rtTableCardActivation" }] : /* istanbul ignore next */ []);
+		this.rtTableCardActivationEnabled = input(false, {
+			...ngDevMode ? { debugName: "rtTableCardActivationEnabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+	}
+	#card;
+	activate(event) {
+		if (!this.rtTableCardActivationEnabled() || isFromInteractive(event.target)) return;
+		if (event instanceof KeyboardEvent) event.preventDefault();
+		const host = this.#card.closest("rt-table, table[rt-table]");
+		if (host !== null) cardRowOf(host, this.rtTableCardActivation())?.click();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableCardActivationDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtTableCardActivationDirective,
+			isStandalone: true,
+			selector: "[rtTableCardActivation]",
+			inputs: {
+				rtTableCardActivation: {
+					classPropertyName: "rtTableCardActivation",
+					publicName: "rtTableCardActivation",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				rtTableCardActivationEnabled: {
+					classPropertyName: "rtTableCardActivationEnabled",
+					publicName: "rtTableCardActivationEnabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: {
+				listeners: {
+					"click": "activate($event)",
+					"keydown.enter": "activate($event)",
+					"keydown.space": "activate($event)"
+				},
+				properties: { "attr.tabindex": "rtTableCardActivationEnabled() ? 0 : null" }
+			},
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTableCardActivationDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[rtTableCardActivation]",
+			host: {
+				"[attr.tabindex]": "rtTableCardActivationEnabled() ? 0 : null",
+				"(click)": ACTIVATE,
+				"(keydown.enter)": ACTIVATE,
+				"(keydown.space)": ACTIVATE
+			}
+		}]
+	}],
+	propDecorators: {
+		rtTableCardActivation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rtTableCardActivation",
+				required: true
+			}]
+		}],
+		rtTableCardActivationEnabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rtTableCardActivationEnabled",
+				required: false
+			}]
+		}]
+	}
+});
+var RtTableRowActionsDirective = class RtTableRowActionsDirective {
+	constructor() {
+		this.template = inject(TemplateRef);
+		this.rtTableRowActionsRowType = input([], ...ngDevMode ? [{ debugName: "rtTableRowActionsRowType" }] : /* istanbul ignore next */ []);
+	}
+	static ngTemplateContextGuard(_directive, context) {
+		return true;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableRowActionsDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtTableRowActionsDirective,
+			isStandalone: true,
+			selector: "ng-template[rtTableRowActions]",
+			inputs: { rtTableRowActionsRowType: {
+				classPropertyName: "rtTableRowActionsRowType",
+				publicName: "rtTableRowActionsRowType",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTableRowActionsDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[rtTableRowActions]" }]
+	}],
+	propDecorators: { rtTableRowActionsRowType: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "rtTableRowActionsRowType",
+			required: false
+		}]
+	}] }
+});
 function rowHasAvailableActions(row, hasActions) {
-    return hasActions === null ? true : hasActions(row);
-}
-
-/**
- * Есть ли у строки доступные действия — гейт кнопки «…» в ячейке действий.
- *
- * Pure-pipe: пересчитывается только при смене строки или предиката, а не на каждом
- * цикле проверки. Значение приходит из контекста шаблона (строка таблицы), поэтому
- * `computed()` здесь неприменим.
- */
-class RtRowHasActionsPipe {
-    transform(row, hasActions) {
-        return rowHasAvailableActions(row, hasActions);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRowHasActionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RtRowHasActionsPipe, isStandalone: true, name: "rtRowHasActions" }); }
+	return hasActions === null ? true : hasActions(row);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRowHasActionsPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'rtRowHasActions' }]
-        }] });
-
-/** Ключ настроек одной таблицы в хранилище браузера. */
+var RtRowHasActionsPipe = class RtRowHasActionsPipe {
+	transform(row, hasActions) {
+		return rowHasAvailableActions(row, hasActions);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtRowHasActionsPipe,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Pipe
+		});
+	}
+	static {
+		this.ɵpipe = i0.ɵɵngDeclarePipe({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtRowHasActionsPipe,
+			isStandalone: true,
+			name: "rtRowHasActions"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtRowHasActionsPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "rtRowHasActions" }]
+	}]
+});
 function settingsKey(tableId) {
-    return `${ERtStorageKeys.TableColumnsPrefix}${tableId}`;
+	return `${ERtStorageKeys.TableColumnsPrefix}${tableId}`;
 }
-/**
- * Хранение настроек колонок одной таблицы.
- *
- * Запись объявлена одним потоком, а не подпиской в методе: запросы приходят по одному на
- * каждое движение панели настроек, и каждый из них — своя независимая запись. Зависимости
- * приходят доводами, потому что заводится это в конструкторе компонента, где внедрение уже
- * доступно, а сам класс службой не объявлен — он живёт ровно столько, сколько таблица.
- */
-class RtTableSettingsPersistence {
-    #storage;
-    #requestsSource = new Subject();
-    constructor(storage, destroyRef) {
-        this.#storage = storage;
-        this.#requestsSource
-            .pipe(mergeMap((request) => this.#storage.set(settingsKey(request.tableId), request.settings)), takeUntilDestroyed(destroyRef))
-            .subscribe();
-    }
-    /** Сохранённые настройки этой таблицы. Записи может не быть — тогда применять нечего. */
-    load(tableId) {
-        return this.#storage.get(settingsKey(tableId));
-    }
-    /** Кладёт настройки в очередь записи: сама запись идёт объявленным потоком. */
-    save(tableId, settings) {
-        this.#requestsSource.next({ tableId, settings });
-    }
-}
-
-/**
- * Реестр настраиваемых таблиц — мост между `rt-table` (shared UI) и route-асайдом
- * настроек колонок, которые живут в разных ветках дерева и не видят друг друга
- * напрямую. `rt-table` регистрируется по `tableId` на init, снимается на destroy;
- * асайд читает регистрацию активной таблицы (`active()` выставляется при открытии).
- *
- * Реестр реактивный (`Map` живёт в сигнале): при F5 route-асайд инициализируется
- * раньше `rt-table`, и синхронный промах по пустому реестру не должен быть
- * финальным — асайд дожидается регистрации через `effect` (фикс F-16).
- */
-class RtTableSettingsRegistry {
-    constructor() {
-        this.#registrations = signal(new Map(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#registrations" }] : /* istanbul ignore next */ []));
-        this.#active = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#active" }] : /* istanbul ignore next */ []));
-        /** Id таблицы, чьи настройки сейчас открыты в асайде (или `null`). */
-        this.active = this.#active.asReadonly();
-        /**
-         * Id единственной зарегистрированной таблицы (или `null`, если их 0 или >1).
-         * Нужен асайду для восстановления `active` после F5: сервис пересоздан,
-         * `setActive` никто не звал, но открытая страница регистрирует ровно
-         * одну настраиваемую таблицу.
-         */
-        this.soleTableId = computed(() => {
-            const registrations = this.#registrations();
-            if (registrations.size !== 1) {
-                return null;
-            }
-            const first = registrations.keys().next().value;
-            return first ?? null;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "soleTableId" }] : /* istanbul ignore next */ []));
-    }
-    #registrations;
-    #active;
-    register(tableId, registration) {
-        this.#registrations.update((current) => {
-            const next = new Map(current);
-            next.set(tableId, registration);
-            return next;
-        });
-    }
-    unregister(tableId) {
-        this.#registrations.update((current) => {
-            const next = new Map(current);
-            next.delete(tableId);
-            return next;
-        });
-        if (this.#active() === tableId) {
-            this.#active.set(null);
-        }
-    }
-    /** Реактивная регистрация таблицы: `null`, пока таблица не зарегистрировалась. */
-    get(tableId) {
-        return computed(() => this.#registrations().get(tableId) ?? null);
-    }
-    setActive(tableId) {
-        this.#active.set(tableId);
-    }
-    clearActive() {
-        this.#active.set(null);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableSettingsRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableSettingsRegistry, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableSettingsRegistry, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Настройка колонок одной таблицы: применённые настройки, объявление реестру, загрузка и запись.
- *
- * Лежит отдельно от компонента: это целое со своим состоянием, а компонент только отдаёт ему свои
- * входы и зовёт на старте и в конце жизни. Входы приезжают функциями, а не сигналами: поле с
- * этим классом заводится раньше, чем поля входов компонента, и читать их можно только позже.
- * Внедрение зовётся в конструкторе — класс заводится полем компонента, где оно доступно.
- * Подписку на сохранённые настройки держит компонент: подписка в методе здесь запрещена.
- */
-class RtTableColumnSettings {
-    #registry;
-    #persistence;
-    #config;
-    #tableId;
-    /** Настройки колонок, применённые поверх конфига; `null` — умолчания конфига. */
-    #applied;
-    /** Колонки конфига без настроек пользователя — с них панель начинает после сброса. */
-    #defaults;
-    /** Ключ записи настроек. `null` — таблица не настраиваемая: нет ключа или конфига. */
-    #persistableTableId;
-    constructor(config, tableId) {
-        this.#registry = inject(RtTableSettingsRegistry);
-        this.#persistence = new RtTableSettingsPersistence(inject(IDBStorageService), inject(DestroyRef));
-        /** Настройки колонок, применённые поверх конфига; `null` — умолчания конфига. */
-        this.#applied = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#applied" }] : /* istanbul ignore next */ []));
-        /** Колонки конфига без настроек пользователя — с них панель начинает после сброса. */
-        this.#defaults = computed(() => defaultColumnItems(this.#config()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#defaults" }] : /* istanbul ignore next */ []));
-        /** Ключ записи настроек. `null` — таблица не настраиваемая: нет ключа или конфига. */
-        this.#persistableTableId = computed(() => {
-            const id = this.#tableId();
-            return id !== null && this.#config().length > 0 ? id : null;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#persistableTableId" }] : /* istanbul ignore next */ []));
-        /** Разрешённые колонки в применённом порядке, с текущим признаком скрытости. */
-        this.resolved = computed(() => resolveColumns(this.#config(), this.#applied()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "resolved" }] : /* istanbul ignore next */ []));
-        /** Таблица настраиваемая: есть и конфиг колонок, и ключ таблицы. */
-        this.canConfigure = computed(() => this.#config().length > 0 && this.#tableId() !== null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canConfigure" }] : /* istanbul ignore next */ []));
-        this.#config = config;
-        this.#tableId = tableId;
-    }
-    /** Объявить таблицу реестру: с этой минуты её настраивает панель. */
-    start() {
-        this.#register();
-    }
-    /**
-     * Сохранённые настройки таблицы. У ненастраиваемой таблицы и у таблицы без записи поток пуст:
-     * применять нечего. Подписывается компонент — на старте своей жизни.
-     */
-    saved() {
-        const persistedTableId = this.#persistableTableId();
-        if (persistedTableId === null) {
-            return EMPTY;
-        }
-        return this.#persistence
-            .load(persistedTableId)
-            .pipe(filter((settings) => settings !== undefined));
-    }
-    /** Снять таблицу с реестра в конце её жизни. */
-    stop() {
-        const tableId = this.#tableId();
-        if (tableId !== null) {
-            this.#registry.unregister(tableId);
-        }
-    }
-    /** Применить настройки: закреплённые колонки скрыть нельзя. */
-    apply(settings) {
-        this.#applied.set(withoutLockedHidden(this.#config(), settings));
-    }
-    /**
-     * Объявляет таблицу реестру: её колонки, умолчания и приём применения настроек. Реестр —
-     * мост к панели настроек, которую потребитель открывает переходом по адресу.
-     */
-    #register() {
-        const tableId = this.#tableId();
-        if (tableId === null || !this.canConfigure()) {
-            return;
-        }
-        const registration = {
-            columns: this.resolved,
-            defaults: this.#defaults,
-            apply: (settings) => {
-                this.apply(settings);
-                this.#persist(settings);
-            },
-        };
-        this.#registry.register(tableId, registration);
-    }
-    /** Сохраняет настройки колонок у настраиваемой таблицы; у прочих сохранять нечего. */
-    #persist(settings) {
-        const tableId = this.#persistableTableId();
-        if (tableId !== null) {
-            this.#persistence.save(tableId, settings);
-        }
-    }
-}
-
-const BEM_BLOCK$3 = 'rt-table';
+var RtTableSettingsPersistence = class {
+	#storage;
+	#requestsSource = new Subject();
+	constructor(storage, destroyRef) {
+		this.#storage = storage;
+		this.#requestsSource.pipe(mergeMap((request) => this.#storage.set(settingsKey(request.tableId), request.settings)), takeUntilDestroyed(destroyRef)).subscribe();
+	}
+	load(tableId) {
+		return this.#storage.get(settingsKey(tableId));
+	}
+	save(tableId, settings) {
+		this.#requestsSource.next({
+			tableId,
+			settings
+		});
+	}
+};
+var RtTableSettingsRegistry = class RtTableSettingsRegistry {
+	constructor() {
+		this.#registrations = signal(/* @__PURE__ */ new Map(), ...ngDevMode ? [{ debugName: "#registrations" }] : /* istanbul ignore next */ []);
+		this.#active = signal(null, ...ngDevMode ? [{ debugName: "#active" }] : /* istanbul ignore next */ []);
+		this.active = this.#active.asReadonly();
+		this.soleTableId = computed(() => {
+			const registrations = this.#registrations();
+			if (registrations.size !== 1) return null;
+			return registrations.keys().next().value ?? null;
+		}, ...ngDevMode ? [{ debugName: "soleTableId" }] : /* istanbul ignore next */ []);
+	}
+	#registrations;
+	#active;
+	register(tableId, registration) {
+		this.#registrations.update((current) => {
+			const next = new Map(current);
+			next.set(tableId, registration);
+			return next;
+		});
+	}
+	unregister(tableId) {
+		this.#registrations.update((current) => {
+			const next = new Map(current);
+			next.delete(tableId);
+			return next;
+		});
+		if (this.#active() === tableId) this.#active.set(null);
+	}
+	get(tableId) {
+		return computed(() => this.#registrations().get(tableId) ?? null);
+	}
+	setActive(tableId) {
+		this.#active.set(tableId);
+	}
+	clearActive() {
+		this.#active.set(null);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableSettingsRegistry,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableSettingsRegistry,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTableSettingsRegistry,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var RtTableColumnSettings = class {
+	#registry;
+	#persistence;
+	#config;
+	#tableId;
+	#applied;
+	#defaults;
+	#persistableTableId;
+	constructor(config, tableId) {
+		this.#registry = inject(RtTableSettingsRegistry);
+		this.#persistence = new RtTableSettingsPersistence(inject(IDBStorageService), inject(DestroyRef));
+		this.#applied = signal(null, ...ngDevMode ? [{ debugName: "#applied" }] : /* istanbul ignore next */ []);
+		this.#defaults = computed(() => defaultColumnItems(this.#config()), ...ngDevMode ? [{ debugName: "#defaults" }] : /* istanbul ignore next */ []);
+		this.#persistableTableId = computed(() => {
+			const id = this.#tableId();
+			return id !== null && this.#config().length > 0 ? id : null;
+		}, ...ngDevMode ? [{ debugName: "#persistableTableId" }] : /* istanbul ignore next */ []);
+		this.resolved = computed(() => resolveColumns(this.#config(), this.#applied()), ...ngDevMode ? [{ debugName: "resolved" }] : /* istanbul ignore next */ []);
+		this.canConfigure = computed(() => this.#config().length > 0 && this.#tableId() !== null, ...ngDevMode ? [{ debugName: "canConfigure" }] : /* istanbul ignore next */ []);
+		this.#config = config;
+		this.#tableId = tableId;
+	}
+	start() {
+		this.#register();
+	}
+	saved() {
+		const persistedTableId = this.#persistableTableId();
+		if (persistedTableId === null) return EMPTY;
+		return this.#persistence.load(persistedTableId).pipe(filter((settings) => settings !== void 0));
+	}
+	stop() {
+		const tableId = this.#tableId();
+		if (tableId !== null) this.#registry.unregister(tableId);
+	}
+	apply(settings) {
+		this.#applied.set(withoutLockedHidden(this.#config(), settings));
+	}
+	#register() {
+		const tableId = this.#tableId();
+		if (tableId === null || !this.canConfigure()) return;
+		const registration = {
+			columns: this.resolved,
+			defaults: this.#defaults,
+			apply: (settings) => {
+				this.apply(settings);
+				this.#persist(settings);
+			}
+		};
+		this.#registry.register(tableId, registration);
+	}
+	#persist(settings) {
+		const tableId = this.#persistableTableId();
+		if (tableId !== null) this.#persistence.save(tableId, settings);
+	}
+};
+const BEM_BLOCK$3 = "rt-table";
 const DEFAULT_SKELETON_ROWS = 5;
-/** Ключ подписи пустой таблицы: язык известен только после старта приложения */
-const DEFAULT_EMPTY_KEY = 'uiNoRows';
-/**
- * Таблица — стилизованная обёртка над `cdk-table` (`@angular/cdk/table`).
- *
- * Селектор работает и как element (`<rt-table>`), и как attribute на native `<table rt-table>`.
- * Native-вариант предпочтительнее — даёт правильную table-семантику для скрин-ридеров, но
- * наложения загрузки, пустого места и заглушек требуют element-варианта: `<div>` не валиден как
- * ребёнок `<table>`.
- *
- * Какие состояния таблица различает и чем рисует каждое — в заметке семьи рядом, `CONTEXT.md`.
- */
-class RtTableComponent extends CdkTable {
-    constructor() {
-        super(...arguments);
-        this.#t_uiNoRows = rtKitLabel(DEFAULT_EMPTY_KEY);
-        this.#destroyRef = inject(DestroyRef);
-        this.#breakpoints = inject(BreakpointsService);
-        this.#dataSourceVersion = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#dataSourceVersion" }] : /* istanbul ignore next */ []));
-        /**
-         * Выбранная сортировка. Заводится от входа `[sort]` и переключается заголовками:
-         * таблица показывает порядок и без потребителя, который его слушает.
-         */
-        this.#sort = linkedSignal(() => this.sort(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#sort" }] : /* istanbul ignore next */ []));
-        /** Настройка колонок: применённые настройки, реестр панели, загрузка и запись. */
-        this.#columnSettings = new RtTableColumnSettings(() => this.columnsConfig(), () => this.tableId());
-        /**
-         * Роль хоста: у native `<table rt-table>` она есть от самого тега, а элементному
-         * `<rt-table>` её ставим сами. Без неё скрин-ридер читает список строками текста: роли
-         * строк и ячеек CDK проставляет сам, а роли самой таблицы у него нет, и проставленные
-         * остаются висеть вне таблицы. Считается один раз — тег хоста по ходу жизни не меняется.
-         */
-        this.hostRole = inject(ElementRef).nativeElement.tagName === 'RT-TABLE' ? 'table' : null;
-        /** `true` когда initial-load в полёте и entities ещё нет — рендерим skeleton rows. */
-        this.isInitialLoading = computed(() => this.loading() && this.#hasData() === false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isInitialLoading" }] : /* istanbul ignore next */ []));
-        /** `true` когда загрузка завершена и entities пустые — рендерим empty placeholder. */
-        this.isEmpty = computed(() => !this.loading() && !this.fetching() && this.#hasData() === false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
-        /** Массив для `@for` — числа от 0 до skeletonRows-1, рендерим placeholder-rows. */
-        this.skeletonRowIndexes = computed(() => Array.from({ length: this.skeletonRows() }, (_, i) => i), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "skeletonRowIndexes" }] : /* istanbul ignore next */ []));
-        /** Шаблон содержимого «…»-меню действий строки (`<ng-template rtTableRowActions>`). */
-        this.rowActions = contentChild(RtTableRowActionsDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
-        /** Кастомный шаблон карточки мобильного режима (`<ng-template rtTableCard>`). Опционален. */
-        this.cardTemplate = contentChild(RtTableCardDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "cardTemplate" }] : /* istanbul ignore next */ []));
-        /**
-         * Все проецируемые потребителем `cdkColumnDef` — источник cell-шаблонов для
-         * авто-карточек. «…»-колонка действий объявлена во view rt-table, поэтому в
-         * этот content-query не попадает.
-         */
-        this.columnDefs = contentChildren(CdkColumnDef, { ...(ngDevMode ? { debugName: "columnDefs" } : /* istanbul ignore next */ {}), descendants: true });
-        /** Узкий вьюпорт (≤1080px): таблица прячется, строки рендерятся карточками. */
-        this.isNarrow = this.#breakpoints.narrow;
-        /** Карточки показываются только когда card-режим включён (`[cards]`) и экран узкий. */
-        this.showCards = computed(() => this.cards() && this.isNarrow(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showCards" }] : /* istanbul ignore next */ []));
-        /**
-         * Строки для карточек узкого экрана. Признак `#dataSourceVersion` пересчитывает список
-         * при смене источника: CDK хранит его полем, а не сигналом.
-         */
-        this.cardRows = computed(() => {
-            this.#dataSourceVersion();
-            return cardRowsOf(this.dataSource);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "cardRows" }] : /* istanbul ignore next */ []));
-        /** Поля авто-карточки узкого экрана: видимые колонки с подписью и шаблоном ячейки. */
-        this.cardColumns = computed(() => cardColumnsOf(this.displayedColumns(), this.columnDefs(), this.columnsConfig()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "cardColumns" }] : /* istanbul ignore next */ []));
-        /** ContentChild template для кастом empty-placeholder'а. Опционален; fallback — emptyMessage. */
-        this.emptyTemplate = contentChild('rtTableEmpty', { ...(ngDevMode ? { debugName: "emptyTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
-        /** ARIA-label корневого `<table>` (или `<rt-table>` элемента). */
-        this.ariaLabel = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-        /** Плотность: `"compact"` уменьшает padding и высоту ячеек. */
-        this.density = input('default', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
-        /**
-         * Мобильный card-режим на узком экране (≤1080px): таблица рендерится списком
-         * карточек «поле: значение». Включён по умолчанию для всех списков. Отключать
-         * (`[cards]="false"`) для не-списочных таблиц — например, key-value quote-таблицы
-         * внутри асайда, где карточки дублируют смысл.
-         */
-        this.cards = input(true, { ...(ngDevMode ? { debugName: "cards" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Строки кликабельны (открывают деталь/асайд). Включает визуальный аффорданс
-         * (cursor/focus-ring); саму активацию + a11y обеспечивает директива
-         * `rtTableRow` на `<tr cdk-row>`.
-         */
-        this.clickable = input(false, { ...(ngDevMode ? { debugName: "clickable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Initial-load в полёте. При `true` + пустых entities рендерит skeleton rows. */
-        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Re-fetch в полёте. При `true` рисует sticky overlay c rt-spinner поверх существующих rows. */
-        this.fetching = input(false, { ...(ngDevMode ? { debugName: "fetching" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Имена колонок (тот же массив что в `*cdkRowDef columns: ...`). Нужен для skeleton row layout. */
-        this.columns = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
-        /**
-         * Метаданные колонок для настраиваемой таблицы: `[{key,label,hidden?,locked?}]`.
-         * Когда задан — `displayedColumns()` вычисляется из него с учётом настроек
-         * (видимость + порядок), а таблица получает панель настроек (при заданном `[tableId]`).
-         * Пуст — таблица работает по legacy `[columns]` без панели.
-         */
-        this.columnsConfig = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "columnsConfig" }] : /* istanbul ignore next */ []));
-        /**
-         * Идентификатор таблицы для персиста настроек колонок (ключ в IndexedDB).
-         * Без него панель настроек недоступна (`canConfigure()` = false).
-         */
-        this.tableId = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "tableId" }] : /* istanbul ignore next */ []));
-        /**
-         * Добавляет в конец строки «…»-колонку действий (`rt-menu`). Содержимое меню —
-         * через `<ng-template rtTableRowActions let-row>`; колонку нужно подключить
-         * в row-def'ах через `displayedColumns()`.
-         */
-        this.showRowActions = input(false, { ...(ngDevMode ? { debugName: "showRowActions" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Есть ли у строки доступные действия. Строка, которой нельзя сделать ничего,
-         * кнопки «…» не показывает вовсе. Экран заполняет тем же признаком, которым
-         * гейтит пункты меню; `null` — у всех строк действия есть.
-         */
-        this.rowHasActions = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rowHasActions" }] : /* istanbul ignore next */ []));
-        /**
-         * Показывать ли строку отбора под шапкой. Таблица с отбором в настройке колонок не
-         * становится таблицей с полями над строками сама: вторая строка шапки стоит высоты
-         * экрана, и платить за неё решает потребитель.
-         */
-        this.showFilters = input(false, { ...(ngDevMode ? { debugName: "showFilters" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Набор условий, по которому нарисованы ячейки отбора. Держит его потребитель. */
-        this.filters = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []));
-        /** Набор условий изменился. Строки сужает потребитель — таблица только сообщает. */
-        this.filtersChange = output();
-        /** Выбранная сортировка: `null` — порядок задаёт источник данных. */
-        this.sort = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sort" }] : /* istanbul ignore next */ []));
-        /** Пользователь переключил порядок заголовком. Саму выборку делает потребитель. */
-        this.sortChange = output();
-        /** Текущая сортировка — её читают заголовки колонок (`rtSortHeader`). */
-        this.currentSort = this.#sort.asReadonly();
-        /**
-         * Разрешённые колонки настраиваемой таблицы: `[columnsConfig]` в применённом
-         * порядке, с текущим флагом `hidden` (locked всегда видимы). Панель настроек
-         * читает этот список для отрисовки; из него же строится `displayedColumns()`.
-         * Пустой при отсутствии `[columnsConfig]` (legacy-режим).
-         */
-        this.resolvedColumns = computed(() => this.#columnSettings.resolved(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "resolvedColumns" }] : /* istanbul ignore next */ []));
-        /**
-         * Колонки для `*cdkHeaderRowDef`/`*cdkRowDef`. При заданном `[columnsConfig]` —
-         * видимые колонки в применённом порядке; иначе — legacy `[columns]`. Плюс
-         * «…»-колонка действий в конце при `[showRowActions]`. Потребитель читает через
-         * template-ref: `<rt-table #t="rtTable" ...>` →
-         * `*cdkRowDef="let row; columns: t.displayedColumns()"`.
-         */
-        this.displayedColumns = computed(() => displayedColumnKeys(this.resolvedColumns(), this.columns(), this.columnsConfig().length > 0, this.showRowActions()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "displayedColumns" }] : /* istanbul ignore next */ []));
-        /**
-         * Ячейки строки отбора: по ячейке на каждую показанную колонку, в том же порядке. У
-         * колонки без объявленного отбора ячейка пустая, но своё место держит — иначе ячейки
-         * съезжают на соседние колонки. Колонка действий строки попадает сюда тем же путём:
-         * `displayedColumns()` уже несёт её последней.
-         */
-        this.filterCells = computed(() => filterCellsOf(this.displayedColumns(), this.columnsConfig()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filterCells" }] : /* istanbul ignore next */ []));
-        /** `true` когда таблица настраиваемая: есть и `[columnsConfig]`, и `[tableId]`. */
-        this.canConfigure = this.#columnSettings.canConfigure;
-        /** Сколько skeleton-строк рендерить во время initial-load. Default 5. */
-        this.skeletonRows = input(DEFAULT_SKELETON_ROWS, { ...(ngDevMode ? { debugName: "skeletonRows" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        /** Подпись пустой таблицы; пусто — берётся переведённое умолчание. */
-        this.emptyMessage = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []));
-        /** Своя подпись пустой таблицы важнее умолчания */
-        this.emptyText = computed(() => this.emptyMessage() || this.#t_uiNoRows(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []));
-        /** Иконка дефолтного empty-placeholder'а (rt-empty-state). `null` — без иконки. */
-        this.emptyIcon = input('inbox', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyIcon" }] : /* istanbul ignore next */ []));
-        /** Описание под заголовком дефолтного empty-placeholder'а. Опционально. */
-        this.emptyDescription = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyDescription" }] : /* istanbul ignore next */ []));
-    }
-    #t_uiNoRows;
-    #destroyRef;
-    #breakpoints;
-    #dataSourceVersion;
-    /**
-     * Выбранная сортировка. Заводится от входа `[sort]` и переключается заголовками:
-     * таблица показывает порядок и без потребителя, который его слушает.
-     */
-    #sort;
-    /** Настройка колонок: применённые настройки, реестр панели, загрузка и запись. */
-    #columnSettings;
-    ngOnInit() {
-        super.ngOnInit();
-        // Регистрируем view-колонку действий до первого рендера строк, чтобы
-        // `displayedColumns()` мог на неё ссылаться без «column not found».
-        // Cell/header присваиваем вручную — их ContentChild ещё не отработал.
-        if (this.actionsColumnDef !== undefined && this.actionsCellDef !== undefined && this.actionsHeaderCellDef !== undefined) {
-            this.actionsColumnDef.cell = this.actionsCellDef;
-            this.actionsColumnDef.headerCell = this.actionsHeaderCellDef;
-            this.addColumnDef(this.actionsColumnDef);
-        }
-        this.#columnSettings.start();
-        this.#columnSettings
-            .saved()
-            .pipe(takeUntilDestroyed(this.#destroyRef))
-            .subscribe((settings) => this.applyColumnSettings(settings));
-    }
-    ngOnDestroy() {
-        if (this.actionsColumnDef !== undefined) {
-            this.removeColumnDef(this.actionsColumnDef);
-        }
-        this.#columnSettings.stop();
-        super.ngOnDestroy();
-    }
-    /**
-     * Переключает порядок по колонке: по возрастанию → по убыванию → без сортировки.
-     * Выбранное состояние уходит наружу — выборку делает потребитель.
-     */
-    toggleSort(propertyName) {
-        const selected = nextSort(this.#sort(), propertyName);
-        this.#sort.set(selected);
-        this.sortChange.emit(selected);
-    }
-    /** Ячейка отбора сообщила новый набор условий — таблица отдаёт его наружу целиком. */
-    reportFilters(filters) {
-        this.filtersChange.emit(filters);
-    }
-    applyColumnSettings(settings) {
-        this.#columnSettings.apply(settings);
-    }
-    /**
-     * Пробрасывает `dataSource` в CdkTable и отдельно инвалидирует signals,
-     * которые вычисляют loading/empty-состояния по plain CDK input.
-     */
-    set dataSource(dataSource) {
-        super.dataSource = dataSource;
-        this.#dataSourceVersion.update((version) => version + 1);
-    }
-    /** Возвращает текущий источник данных, сохранённый базовым CdkTable. */
-    get dataSource() {
-        return super.dataSource;
-    }
-    /** Есть ли строки в `dataSource`; признак версии пересчитывает ответ при смене источника. */
-    #hasData() {
-        this.#dataSourceVersion();
-        return hasRowsIn(this.dataSource);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtTableComponent, isStandalone: true, selector: "rt-table, table[rt-table]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, cards: { classPropertyName: "cards", publicName: "cards", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, fetching: { classPropertyName: "fetching", publicName: "fetching", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, columnsConfig: { classPropertyName: "columnsConfig", publicName: "columnsConfig", isSignal: true, isRequired: false, transformFunction: null }, tableId: { classPropertyName: "tableId", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null }, showRowActions: { classPropertyName: "showRowActions", publicName: "showRowActions", isSignal: true, isRequired: false, transformFunction: null }, rowHasActions: { classPropertyName: "rowHasActions", publicName: "rowHasActions", isSignal: true, isRequired: false, transformFunction: null }, showFilters: { classPropertyName: "showFilters", publicName: "showFilters", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyIcon: { classPropertyName: "emptyIcon", publicName: "emptyIcon", isSignal: true, isRequired: false, transformFunction: null }, emptyDescription: { classPropertyName: "emptyDescription", publicName: "emptyDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtersChange: "filtersChange", sortChange: "sortChange" }, host: { properties: { "class.rt-table--density--compact": "density() === 'compact'", "class.rt-table--clickable": "clickable()", "class.rt-table--loading": "isInitialLoading()", "class.rt-table--fetching": "fetching()", "class.rt-table--empty": "isEmpty()", "class.rt-table--cards": "showCards()", "attr.role": "hostRole", "attr.aria-label": "ariaLabel()", "attr.aria-busy": "isInitialLoading() || fetching() ? 'true' : null" }, classAttribute: "rt-table" }, providers: [
-            {
-                provide: CDK_TABLE,
-                useExisting: forwardRef(() => RtTableComponent),
-            },
-        ], queries: [{ propertyName: "rowActions", first: true, predicate: RtTableRowActionsDirective, descendants: true, isSignal: true }, { propertyName: "cardTemplate", first: true, predicate: RtTableCardDirective, descendants: true, isSignal: true }, { propertyName: "columnDefs", predicate: CdkColumnDef, descendants: true, isSignal: true }, { propertyName: "emptyTemplate", first: true, predicate: ["rtTableEmpty"], descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "actionsColumnDef", first: true, predicate: CdkColumnDef, descendants: true, static: true }, { propertyName: "actionsCellDef", first: true, predicate: CdkCellDef, descendants: true, static: true }, { propertyName: "actionsHeaderCellDef", first: true, predicate: CdkHeaderCellDef, descendants: true, static: true }], exportAs: ["rtTable"], usesInheritance: true, hostDirectives: [{ directive: i1$1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<ng-container rtBlock=\"rt-table\">\n    <ng-content select=\"caption\" />\n    <ng-content select=\"colgroup, col\" />\n\n    <ng-container cdkColumnDef=\"rtRowActions\">\n        <th *cdkHeaderCellDef rtElem=\"actions-header\" cdk-header-cell aria-hidden=\"true\"></th>\n        <td *cdkCellDef=\"let row\" rtElem=\"actions-cell\" qa-dataid=\"table-row-actions\" cdk-cell>\n            @if (rowActions()?.template; as tpl) {\n                @if (row | rtRowHasActions: rowHasActions()) {\n                    <div rtElem=\"actions-float\">\n                        <rt-menu>\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                        </rt-menu>\n                    </div>\n                }\n            }\n        </td>\n    </ng-container>\n\n    <ng-container headerRowOutlet />\n\n    @if (showFilters()) {\n        <tr rtElem=\"filter-row\" qa-dataid=\"table-filter-row\">\n            @for (cell of filterCells(); track cell.key) {\n                <th\n                    rtElem=\"filter-cell\"\n                    qa-dataid=\"table-filter-cell\"\n                    [rtMod]=\"{ actions: cell.actions }\"\n                    [attr.aria-hidden]=\"cell.actions || null\">\n                    @if (cell.filter) {\n                        <rt-table-filter-header\n                            [propertyName]=\"cell.key\"\n                            [filter]=\"cell.filter\"\n                            [filters]=\"filters()\"\n                            (filtersChange)=\"reportFilters($event)\" />\n                    }\n                </th>\n            }\n        </tr>\n    }\n\n    @if (isInitialLoading()) {\n        @for (i of skeletonRowIndexes(); track i) {\n            <tr rtElem=\"skeleton-row\" qa-dataid=\"table-skeleton-row\">\n                @for (col of displayedColumns(); track col) {\n                    <td rtElem=\"skeleton-cell\">\n                        <rt-skeleton rtElem=\"skeleton-bar\" />\n                    </td>\n                }\n            </tr>\n        }\n    }\n\n    <ng-container rowOutlet />\n    <ng-container noDataRowOutlet />\n    <ng-container footerRowOutlet />\n\n    @if (isEmpty()) {\n        <tr rtElem=\"empty-row\" qa-dataid=\"table-empty-row\">\n            <td rtElem=\"empty\" [attr.colspan]=\"displayedColumns().length || null\">\n                @if (emptyTemplate(); as tpl) {\n                    <ng-container [ngTemplateOutlet]=\"tpl\" />\n                } @else {\n                    <rt-empty-state\n                        rtElem=\"empty-message\"\n                        qa-dataid=\"table-empty\"\n                        [icon]=\"emptyIcon()\"\n                        [title]=\"emptyText()\"\n                        [description]=\"emptyDescription()\" />\n                }\n            </td>\n        </tr>\n    }\n\n    @if (showCards()) {\n        <div rtElem=\"cards\" qa-dataid=\"table-cards\" role=\"list\">\n            @if (isInitialLoading()) {\n                @for (i of skeletonRowIndexes(); track i) {\n                    <article rtElem=\"card\" qa-dataid=\"table-skeleton-card\" [rtMod]=\"{ skeleton: true }\">\n                        <rt-skeleton rtElem=\"card-skeleton-bar\" />\n                        <rt-skeleton rtElem=\"card-skeleton-bar\" />\n                    </article>\n                }\n            } @else if (isEmpty()) {\n                @if (emptyTemplate(); as tpl) {\n                    <ng-container [ngTemplateOutlet]=\"tpl\" />\n                } @else {\n                    <rt-empty-state\n                        rtElem=\"empty-message\"\n                        qa-dataid=\"table-empty\"\n                        [icon]=\"emptyIcon()\"\n                        [title]=\"emptyText()\"\n                        [description]=\"emptyDescription()\" />\n                }\n            } @else {\n                @for (row of cardRows(); track row; let index = $index) {\n                    <article\n                        rtElem=\"card\"\n                        qa-dataid=\"table-card\"\n                        role=\"listitem\"\n                        [rtTableCardActivation]=\"index\"\n                        [rtTableCardActivationEnabled]=\"clickable()\">\n                        @if (cardTemplate()?.template; as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                        } @else {\n                            @for (col of cardColumns(); track col.key) {\n                                <div rtElem=\"card-field\" qa-dataid=\"table-card-field\" [attr.data-key]=\"col.key\">\n                                    <span rtElem=\"card-label\" qa-dataid=\"table-card-label\">{{ col.label }}</span>\n                                    <div rtElem=\"card-value\" qa-dataid=\"table-card-value\">\n                                        <ng-container [ngTemplateOutlet]=\"col.cell\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                                    </div>\n                                </div>\n                            }\n                            @if (rowActions()?.template; as tpl) {\n                                @if (row | rtRowHasActions: rowHasActions()) {\n                                    <div rtElem=\"card-actions\" qa-dataid=\"table-card-actions\">\n                                        <rt-menu>\n                                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                                        </rt-menu>\n                                    </div>\n                                }\n                            }\n                        }\n                    </article>\n                }\n            }\n        </div>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table{--rt-table-border-width: var(--rt-border-width-thin);--rt-table-card-radius: var(--rt-radius-md);position:relative;display:table;width:100%;background:var(--rt-color-bg-surface);border-collapse:collapse;color:var(--rt-color-text-primary)}.rt-table .cdk-header-cell,.rt-table .cdk-cell,.rt-table__filter-cell,.rt-table__skeleton-cell{position:relative;height:50px;padding:var(--rt-space-2) var(--rt-space-5);border-bottom:var(--rt-table-border-width) solid var(--rt-color-border-subtle);border-left:var(--rt-table-border-width) solid var(--rt-color-border-subtle);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium);text-align:start;vertical-align:middle}.rt-table .cdk-header-cell[data-align=right],.rt-table .cdk-cell[data-align=right],.rt-table__filter-cell[data-align=right],.rt-table__skeleton-cell[data-align=right],.rt-table .cdk-header-cell[data-align=right] input,.rt-table .cdk-cell[data-align=right] input,.rt-table__filter-cell[data-align=right] input,.rt-table__skeleton-cell[data-align=right] input{text-align:right}.rt-table .cdk-header-cell:first-child,.rt-table .cdk-cell:first-child,.rt-table__filter-cell:first-child,.rt-table__skeleton-cell:first-child{border-left:none}.rt-table .cdk-header-cell{border-top:var(--rt-table-border-width) solid var(--rt-color-border-subtle);background:var(--rt-color-bg-surface);color:var(--rt-color-text-muted)}.rt-table .cdk-cell{color:var(--rt-color-text-primary);overflow-wrap:anywhere}.rt-table__filter-row{display:table-row}.rt-table__filter-cell{height:auto;background:var(--rt-color-bg-surface);padding-block:var(--rt-space-1);vertical-align:middle}.rt-table__filter-cell--actions,.rt-table__actions-header.cdk-header-cell{width:0;padding:0;border:none}.rt-table__actions-cell.cdk-cell{position:sticky;z-index:1;right:0;width:0;padding:0;border:none;background:transparent}.rt-table__actions-float{position:absolute;display:flex;height:100%;align-items:center;padding:0 var(--rt-space-2) 0 var(--rt-space-8);background:linear-gradient(to right,transparent 0%,var(--rt-color-bg-hover) 45%);inset:0 0 0 auto;pointer-events:none}.rt-table__actions-float .rt-menu{pointer-events:auto}@media(hover:hover){.rt-table__actions-cell.cdk-cell{visibility:hidden}.cdk-row:hover .rt-table__actions-cell.cdk-cell,.cdk-row:focus-within .rt-table__actions-cell.cdk-cell,.rt-table__actions-cell.cdk-cell:has(.rt-menu--open){visibility:visible}}.rt-table .cdk-row:hover{background:var(--rt-color-bg-hover)}.rt-table .cdk-row.rt-table__row--danger,.rt-table .cdk-row.rt-table__row--danger:hover{background:var(--rt-color-state-danger-bg)}.rt-table--clickable .cdk-row,.rt-table--clickable .rt-table__card{cursor:pointer}.rt-table--clickable .cdk-row:focus-visible,.rt-table--clickable .rt-table__card:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:-2px}.rt-table a{text-decoration:none}.rt-table--density--compact .cdk-header-cell,.rt-table--density--compact .cdk-cell,.rt-table--density--compact .rt-table__skeleton-cell{height:36px;padding:var(--rt-space-xs) var(--rt-space-sm)}.rt-table__skeleton-bar{display:block;width:80%;height:14px}.rt-table__empty-row{display:table-row}.rt-table__empty{padding:var(--rt-space-6) var(--rt-space-5);border-bottom:var(--rt-table-border-width) solid var(--rt-color-border-subtle);background:var(--rt-color-bg-surface);color:var(--rt-color-text-muted);text-align:center}.rt-table__empty-message{margin:0;font-size:var(--rt-text-sm)}.rt-table__overlay{position:absolute;z-index:1;display:grid;min-height:100%;inset:0;place-items:center;pointer-events:none}.rt-table__overlay-backdrop{position:absolute;background:var(--rt-color-bg-surface);inset:0;opacity:.72}.rt-table__overlay-spinner{position:sticky;z-index:1;top:50%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}.rt-table__cards{display:none}.rt-table--cards{display:block;min-width:0;max-width:100%}.rt-table--cards .cdk-header-row,.rt-table--cards .cdk-row,.rt-table--cards .rt-table__skeleton-row,.rt-table--cards .rt-table__empty-row,.rt-table--cards .rt-table__filter-row{display:none}.rt-table--cards .rt-table__cards{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-table--cards:not(.rt-table--empty){background:transparent}.rt-table__card{display:flex;flex-direction:column;padding:var(--rt-space-md);border:var(--rt-table-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-table-card-radius);background:var(--rt-color-bg-surface);gap:var(--rt-space-xs)}.rt-table__card-field{display:flex;align-items:baseline;justify-content:space-between;gap:var(--rt-space-md)}.rt-table__card-label{flex:0 0 auto;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-table__card-value{min-width:0;overflow-wrap:anywhere;text-align:right}.rt-table__card-value .cdk-cell{display:inline;height:auto;padding:0;border:none;font:inherit;min-inline-size:0;text-align:inherit}.rt-table__card-actions{display:flex;justify-content:flex-end}.rt-table__card-skeleton-bar{display:block;width:60%;height:14px}.rt-table__card-skeleton-bar:first-child{width:80%}.rt-table[data-rt-radius=none]{--rt-table-card-radius: var(--rt-radius-none)}.rt-table[data-rt-radius=xs]{--rt-table-card-radius: var(--rt-radius-xs)}.rt-table[data-rt-radius=sm]{--rt-table-card-radius: var(--rt-radius-sm)}.rt-table[data-rt-radius=ms]{--rt-table-card-radius: var(--rt-radius-ms)}.rt-table[data-rt-radius=md]{--rt-table-card-radius: var(--rt-radius-md)}.rt-table[data-rt-radius=lg]{--rt-table-card-radius: var(--rt-radius-lg)}.rt-table[data-rt-radius=xl]{--rt-table-card-radius: var(--rt-radius-xl)}.rt-table[data-rt-radius=\"2xl\"]{--rt-table-card-radius: var(--rt-radius-2xl)}.rt-table[data-rt-radius=full]{--rt-table-card-radius: var(--rt-radius-full)}:root[data-theme=dark] .rt-table,html.rt-theme-dark .rt-table{background:var(--rt-color-bg-page)}:root[data-theme=dark] .rt-table .cdk-header-cell,:root[data-theme=dark] .rt-table .rt-table__empty,:root[data-theme=dark] .rt-table .rt-table__overlay-backdrop,html.rt-theme-dark .rt-table .cdk-header-cell,html.rt-theme-dark .rt-table .rt-table__empty,html.rt-theme-dark .rt-table .rt-table__overlay-backdrop{background:var(--rt-color-bg-page)}}\n"], dependencies: [{ kind: "directive", type: 
-                // @angular/cdk
-                CdkCell, selector: "cdk-cell, td[cdk-cell]" }, { kind: "directive", type: CdkCellDef, selector: "[cdkCellDef]" }, { kind: "directive", type: CdkColumnDef, selector: "[cdkColumnDef]", inputs: ["cdkColumnDef", "sticky", "stickyEnd"] }, { kind: "directive", type: CdkHeaderCell, selector: "cdk-header-cell, th[cdk-header-cell]" }, { kind: "directive", type: CdkHeaderCellDef, selector: "[cdkHeaderCellDef]" }, { kind: "directive", type: DataRowOutlet, selector: "[rowOutlet]" }, { kind: "directive", type: FooterRowOutlet, selector: "[footerRowOutlet]" }, { kind: "directive", type: HeaderRowOutlet, selector: "[headerRowOutlet]" }, { kind: "directive", type: NoDataRowOutlet, selector: "[noDataRowOutlet]" }, { kind: "directive", type: 
-                // @angular/common
-                NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 
-                // standalone components / directives
-                RtEmptyStateComponent, selector: "rt-empty-state", inputs: ["icon", "glyph", "title", "description", "framed"] }, { kind: "component", type: RtMenuComponent, selector: "rt-menu", inputs: ["icon", "ariaLabel", "align", "panelClass", "triggerSize", "size", "disabled"], outputs: ["openedChange"] }, { kind: "component", type: RtSkeletonComponent, selector: "rt-skeleton", inputs: ["shape", "size", "width", "height", "animation"] }, { kind: "component", type: RtTableFilterHeaderComponent, selector: "rt-table-filter-header", inputs: ["propertyName", "filter", "filters"], outputs: ["filtersChange"] }, { kind: "directive", type: RtTableCardActivationDirective, selector: "[rtTableCardActivation]", inputs: ["rtTableCardActivation", "rtTableCardActivationEnabled"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "pipe", type: 
-                // pipes
-                RtRowHasActionsPipe, name: "rtRowHasActions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-table, table[rt-table]', exportAs: 'rtTable', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // @angular/cdk
-                        CdkCell,
-                        CdkCellDef,
-                        CdkColumnDef,
-                        CdkHeaderCell,
-                        CdkHeaderCellDef,
-                        DataRowOutlet,
-                        FooterRowOutlet,
-                        HeaderRowOutlet,
-                        NoDataRowOutlet,
-                        // @angular/common
-                        NgTemplateOutlet,
-                        // standalone components / directives
-                        RtEmptyStateComponent,
-                        RtMenuComponent,
-                        RtSkeletonComponent,
-                        RtSpinnerComponent,
-                        RtTableFilterHeaderComponent,
-                        RtTableCardActivationDirective,
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                        // pipes
-                        RtRowHasActionsPipe,
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], providers: [
-                        {
-                            provide: CDK_TABLE,
-                            useExisting: forwardRef(() => RtTableComponent),
-                        },
-                    ], host: {
-                        class: BEM_BLOCK$3,
-                        '[class.rt-table--density--compact]': "density() === 'compact'",
-                        '[class.rt-table--clickable]': 'clickable()',
-                        '[class.rt-table--loading]': 'isInitialLoading()',
-                        '[class.rt-table--fetching]': 'fetching()',
-                        '[class.rt-table--empty]': 'isEmpty()',
-                        '[class.rt-table--cards]': 'showCards()',
-                        '[attr.role]': 'hostRole',
-                        '[attr.aria-label]': 'ariaLabel()',
-                        '[attr.aria-busy]': "isInitialLoading() || fetching() ? 'true' : null",
-                    }, template: "<ng-container rtBlock=\"rt-table\">\n    <ng-content select=\"caption\" />\n    <ng-content select=\"colgroup, col\" />\n\n    <ng-container cdkColumnDef=\"rtRowActions\">\n        <th *cdkHeaderCellDef rtElem=\"actions-header\" cdk-header-cell aria-hidden=\"true\"></th>\n        <td *cdkCellDef=\"let row\" rtElem=\"actions-cell\" qa-dataid=\"table-row-actions\" cdk-cell>\n            @if (rowActions()?.template; as tpl) {\n                @if (row | rtRowHasActions: rowHasActions()) {\n                    <div rtElem=\"actions-float\">\n                        <rt-menu>\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                        </rt-menu>\n                    </div>\n                }\n            }\n        </td>\n    </ng-container>\n\n    <ng-container headerRowOutlet />\n\n    @if (showFilters()) {\n        <tr rtElem=\"filter-row\" qa-dataid=\"table-filter-row\">\n            @for (cell of filterCells(); track cell.key) {\n                <th\n                    rtElem=\"filter-cell\"\n                    qa-dataid=\"table-filter-cell\"\n                    [rtMod]=\"{ actions: cell.actions }\"\n                    [attr.aria-hidden]=\"cell.actions || null\">\n                    @if (cell.filter) {\n                        <rt-table-filter-header\n                            [propertyName]=\"cell.key\"\n                            [filter]=\"cell.filter\"\n                            [filters]=\"filters()\"\n                            (filtersChange)=\"reportFilters($event)\" />\n                    }\n                </th>\n            }\n        </tr>\n    }\n\n    @if (isInitialLoading()) {\n        @for (i of skeletonRowIndexes(); track i) {\n            <tr rtElem=\"skeleton-row\" qa-dataid=\"table-skeleton-row\">\n                @for (col of displayedColumns(); track col) {\n                    <td rtElem=\"skeleton-cell\">\n                        <rt-skeleton rtElem=\"skeleton-bar\" />\n                    </td>\n                }\n            </tr>\n        }\n    }\n\n    <ng-container rowOutlet />\n    <ng-container noDataRowOutlet />\n    <ng-container footerRowOutlet />\n\n    @if (isEmpty()) {\n        <tr rtElem=\"empty-row\" qa-dataid=\"table-empty-row\">\n            <td rtElem=\"empty\" [attr.colspan]=\"displayedColumns().length || null\">\n                @if (emptyTemplate(); as tpl) {\n                    <ng-container [ngTemplateOutlet]=\"tpl\" />\n                } @else {\n                    <rt-empty-state\n                        rtElem=\"empty-message\"\n                        qa-dataid=\"table-empty\"\n                        [icon]=\"emptyIcon()\"\n                        [title]=\"emptyText()\"\n                        [description]=\"emptyDescription()\" />\n                }\n            </td>\n        </tr>\n    }\n\n    @if (showCards()) {\n        <div rtElem=\"cards\" qa-dataid=\"table-cards\" role=\"list\">\n            @if (isInitialLoading()) {\n                @for (i of skeletonRowIndexes(); track i) {\n                    <article rtElem=\"card\" qa-dataid=\"table-skeleton-card\" [rtMod]=\"{ skeleton: true }\">\n                        <rt-skeleton rtElem=\"card-skeleton-bar\" />\n                        <rt-skeleton rtElem=\"card-skeleton-bar\" />\n                    </article>\n                }\n            } @else if (isEmpty()) {\n                @if (emptyTemplate(); as tpl) {\n                    <ng-container [ngTemplateOutlet]=\"tpl\" />\n                } @else {\n                    <rt-empty-state\n                        rtElem=\"empty-message\"\n                        qa-dataid=\"table-empty\"\n                        [icon]=\"emptyIcon()\"\n                        [title]=\"emptyText()\"\n                        [description]=\"emptyDescription()\" />\n                }\n            } @else {\n                @for (row of cardRows(); track row; let index = $index) {\n                    <article\n                        rtElem=\"card\"\n                        qa-dataid=\"table-card\"\n                        role=\"listitem\"\n                        [rtTableCardActivation]=\"index\"\n                        [rtTableCardActivationEnabled]=\"clickable()\">\n                        @if (cardTemplate()?.template; as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                        } @else {\n                            @for (col of cardColumns(); track col.key) {\n                                <div rtElem=\"card-field\" qa-dataid=\"table-card-field\" [attr.data-key]=\"col.key\">\n                                    <span rtElem=\"card-label\" qa-dataid=\"table-card-label\">{{ col.label }}</span>\n                                    <div rtElem=\"card-value\" qa-dataid=\"table-card-value\">\n                                        <ng-container [ngTemplateOutlet]=\"col.cell\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                                    </div>\n                                </div>\n                            }\n                            @if (rowActions()?.template; as tpl) {\n                                @if (row | rtRowHasActions: rowHasActions()) {\n                                    <div rtElem=\"card-actions\" qa-dataid=\"table-card-actions\">\n                                        <rt-menu>\n                                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                                        </rt-menu>\n                                    </div>\n                                }\n                            }\n                        }\n                    </article>\n                }\n            }\n        </div>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table{--rt-table-border-width: var(--rt-border-width-thin);--rt-table-card-radius: var(--rt-radius-md);position:relative;display:table;width:100%;background:var(--rt-color-bg-surface);border-collapse:collapse;color:var(--rt-color-text-primary)}.rt-table .cdk-header-cell,.rt-table .cdk-cell,.rt-table__filter-cell,.rt-table__skeleton-cell{position:relative;height:50px;padding:var(--rt-space-2) var(--rt-space-5);border-bottom:var(--rt-table-border-width) solid var(--rt-color-border-subtle);border-left:var(--rt-table-border-width) solid var(--rt-color-border-subtle);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium);text-align:start;vertical-align:middle}.rt-table .cdk-header-cell[data-align=right],.rt-table .cdk-cell[data-align=right],.rt-table__filter-cell[data-align=right],.rt-table__skeleton-cell[data-align=right],.rt-table .cdk-header-cell[data-align=right] input,.rt-table .cdk-cell[data-align=right] input,.rt-table__filter-cell[data-align=right] input,.rt-table__skeleton-cell[data-align=right] input{text-align:right}.rt-table .cdk-header-cell:first-child,.rt-table .cdk-cell:first-child,.rt-table__filter-cell:first-child,.rt-table__skeleton-cell:first-child{border-left:none}.rt-table .cdk-header-cell{border-top:var(--rt-table-border-width) solid var(--rt-color-border-subtle);background:var(--rt-color-bg-surface);color:var(--rt-color-text-muted)}.rt-table .cdk-cell{color:var(--rt-color-text-primary);overflow-wrap:anywhere}.rt-table__filter-row{display:table-row}.rt-table__filter-cell{height:auto;background:var(--rt-color-bg-surface);padding-block:var(--rt-space-1);vertical-align:middle}.rt-table__filter-cell--actions,.rt-table__actions-header.cdk-header-cell{width:0;padding:0;border:none}.rt-table__actions-cell.cdk-cell{position:sticky;z-index:1;right:0;width:0;padding:0;border:none;background:transparent}.rt-table__actions-float{position:absolute;display:flex;height:100%;align-items:center;padding:0 var(--rt-space-2) 0 var(--rt-space-8);background:linear-gradient(to right,transparent 0%,var(--rt-color-bg-hover) 45%);inset:0 0 0 auto;pointer-events:none}.rt-table__actions-float .rt-menu{pointer-events:auto}@media(hover:hover){.rt-table__actions-cell.cdk-cell{visibility:hidden}.cdk-row:hover .rt-table__actions-cell.cdk-cell,.cdk-row:focus-within .rt-table__actions-cell.cdk-cell,.rt-table__actions-cell.cdk-cell:has(.rt-menu--open){visibility:visible}}.rt-table .cdk-row:hover{background:var(--rt-color-bg-hover)}.rt-table .cdk-row.rt-table__row--danger,.rt-table .cdk-row.rt-table__row--danger:hover{background:var(--rt-color-state-danger-bg)}.rt-table--clickable .cdk-row,.rt-table--clickable .rt-table__card{cursor:pointer}.rt-table--clickable .cdk-row:focus-visible,.rt-table--clickable .rt-table__card:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:-2px}.rt-table a{text-decoration:none}.rt-table--density--compact .cdk-header-cell,.rt-table--density--compact .cdk-cell,.rt-table--density--compact .rt-table__skeleton-cell{height:36px;padding:var(--rt-space-xs) var(--rt-space-sm)}.rt-table__skeleton-bar{display:block;width:80%;height:14px}.rt-table__empty-row{display:table-row}.rt-table__empty{padding:var(--rt-space-6) var(--rt-space-5);border-bottom:var(--rt-table-border-width) solid var(--rt-color-border-subtle);background:var(--rt-color-bg-surface);color:var(--rt-color-text-muted);text-align:center}.rt-table__empty-message{margin:0;font-size:var(--rt-text-sm)}.rt-table__overlay{position:absolute;z-index:1;display:grid;min-height:100%;inset:0;place-items:center;pointer-events:none}.rt-table__overlay-backdrop{position:absolute;background:var(--rt-color-bg-surface);inset:0;opacity:.72}.rt-table__overlay-spinner{position:sticky;z-index:1;top:50%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}.rt-table__cards{display:none}.rt-table--cards{display:block;min-width:0;max-width:100%}.rt-table--cards .cdk-header-row,.rt-table--cards .cdk-row,.rt-table--cards .rt-table__skeleton-row,.rt-table--cards .rt-table__empty-row,.rt-table--cards .rt-table__filter-row{display:none}.rt-table--cards .rt-table__cards{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-table--cards:not(.rt-table--empty){background:transparent}.rt-table__card{display:flex;flex-direction:column;padding:var(--rt-space-md);border:var(--rt-table-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-table-card-radius);background:var(--rt-color-bg-surface);gap:var(--rt-space-xs)}.rt-table__card-field{display:flex;align-items:baseline;justify-content:space-between;gap:var(--rt-space-md)}.rt-table__card-label{flex:0 0 auto;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-table__card-value{min-width:0;overflow-wrap:anywhere;text-align:right}.rt-table__card-value .cdk-cell{display:inline;height:auto;padding:0;border:none;font:inherit;min-inline-size:0;text-align:inherit}.rt-table__card-actions{display:flex;justify-content:flex-end}.rt-table__card-skeleton-bar{display:block;width:60%;height:14px}.rt-table__card-skeleton-bar:first-child{width:80%}.rt-table[data-rt-radius=none]{--rt-table-card-radius: var(--rt-radius-none)}.rt-table[data-rt-radius=xs]{--rt-table-card-radius: var(--rt-radius-xs)}.rt-table[data-rt-radius=sm]{--rt-table-card-radius: var(--rt-radius-sm)}.rt-table[data-rt-radius=ms]{--rt-table-card-radius: var(--rt-radius-ms)}.rt-table[data-rt-radius=md]{--rt-table-card-radius: var(--rt-radius-md)}.rt-table[data-rt-radius=lg]{--rt-table-card-radius: var(--rt-radius-lg)}.rt-table[data-rt-radius=xl]{--rt-table-card-radius: var(--rt-radius-xl)}.rt-table[data-rt-radius=\"2xl\"]{--rt-table-card-radius: var(--rt-radius-2xl)}.rt-table[data-rt-radius=full]{--rt-table-card-radius: var(--rt-radius-full)}:root[data-theme=dark] .rt-table,html.rt-theme-dark .rt-table{background:var(--rt-color-bg-page)}:root[data-theme=dark] .rt-table .cdk-header-cell,:root[data-theme=dark] .rt-table .rt-table__empty,:root[data-theme=dark] .rt-table .rt-table__overlay-backdrop,html.rt-theme-dark .rt-table .cdk-header-cell,html.rt-theme-dark .rt-table .rt-table__empty,html.rt-theme-dark .rt-table .rt-table__overlay-backdrop{background:var(--rt-color-bg-page)}}\n"] }]
-        }], propDecorators: { actionsColumnDef: [{
-                type: ViewChild,
-                args: [CdkColumnDef, { static: true }]
-            }], actionsCellDef: [{
-                type: ViewChild,
-                args: [CdkCellDef, { static: true }]
-            }], actionsHeaderCellDef: [{
-                type: ViewChild,
-                args: [CdkHeaderCellDef, { static: true }]
-            }], rowActions: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtTableRowActionsDirective), { isSignal: true }] }], cardTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtTableCardDirective), { isSignal: true }] }], columnDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CdkColumnDef), { ...{ descendants: true }, isSignal: true }] }], emptyTemplate: [{ type: i0.ContentChild, args: ['rtTableEmpty', { ...{ read: TemplateRef }, isSignal: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], cards: [{ type: i0.Input, args: [{ isSignal: true, alias: "cards", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], fetching: [{ type: i0.Input, args: [{ isSignal: true, alias: "fetching", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], columnsConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnsConfig", required: false }] }], tableId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableId", required: false }] }], showRowActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRowActions", required: false }] }], rowHasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHasActions", required: false }] }], showFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFilters", required: false }] }], filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: false }] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }], sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], skeletonRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "skeletonRows", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], emptyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyIcon", required: false }] }], emptyDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyDescription", required: false }] }] } });
-
-const BEM_BLOCK$2 = 'rt-table-sort-header';
-/** Иконка направления: без сортировки — обе стрелки, иначе стрелка выбранного порядка. */
+const DEFAULT_EMPTY_KEY = "uiNoRows";
+var RtTableComponent = class RtTableComponent extends CdkTable {
+	constructor() {
+		super(...arguments);
+		this.#t_uiNoRows = rtKitLabel(DEFAULT_EMPTY_KEY);
+		this.#destroyRef = inject(DestroyRef);
+		this.#breakpoints = inject(BreakpointsService);
+		this.#dataSourceVersion = signal(0, ...ngDevMode ? [{ debugName: "#dataSourceVersion" }] : /* istanbul ignore next */ []);
+		this.#sort = linkedSignal(() => this.sort(), ...ngDevMode ? [{ debugName: "#sort" }] : /* istanbul ignore next */ []);
+		this.#columnSettings = new RtTableColumnSettings(() => this.columnsConfig(), () => this.tableId());
+		this.hostRole = inject(ElementRef).nativeElement.tagName === "RT-TABLE" ? "table" : null;
+		this.isInitialLoading = computed(() => this.loading() && this.#hasData() === false, ...ngDevMode ? [{ debugName: "isInitialLoading" }] : /* istanbul ignore next */ []);
+		this.isEmpty = computed(() => !this.loading() && !this.fetching() && this.#hasData() === false, ...ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []);
+		this.skeletonRowIndexes = computed(() => Array.from({ length: this.skeletonRows() }, (_, i) => i), ...ngDevMode ? [{ debugName: "skeletonRowIndexes" }] : /* istanbul ignore next */ []);
+		this.rowActions = contentChild(RtTableRowActionsDirective, ...ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []);
+		this.cardTemplate = contentChild(RtTableCardDirective, ...ngDevMode ? [{ debugName: "cardTemplate" }] : /* istanbul ignore next */ []);
+		this.columnDefs = contentChildren(CdkColumnDef, {
+			...ngDevMode ? { debugName: "columnDefs" } : /* istanbul ignore next */ {},
+			descendants: true
+		});
+		this.isNarrow = this.#breakpoints.narrow;
+		this.showCards = computed(() => this.cards() && this.isNarrow(), ...ngDevMode ? [{ debugName: "showCards" }] : /* istanbul ignore next */ []);
+		this.cardRows = computed(() => {
+			this.#dataSourceVersion();
+			return cardRowsOf(this.dataSource);
+		}, ...ngDevMode ? [{ debugName: "cardRows" }] : /* istanbul ignore next */ []);
+		this.cardColumns = computed(() => cardColumnsOf(this.displayedColumns(), this.columnDefs(), this.columnsConfig()), ...ngDevMode ? [{ debugName: "cardColumns" }] : /* istanbul ignore next */ []);
+		this.emptyTemplate = contentChild("rtTableEmpty", {
+			...ngDevMode ? { debugName: "emptyTemplate" } : /* istanbul ignore next */ {},
+			read: TemplateRef
+		});
+		this.ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+		this.density = input("default", ...ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []);
+		this.cards = input(true, {
+			...ngDevMode ? { debugName: "cards" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.clickable = input(false, {
+			...ngDevMode ? { debugName: "clickable" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.loading = input(false, {
+			...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.fetching = input(false, {
+			...ngDevMode ? { debugName: "fetching" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.columns = input([], ...ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []);
+		this.columnsConfig = input([], ...ngDevMode ? [{ debugName: "columnsConfig" }] : /* istanbul ignore next */ []);
+		this.tableId = input(null, ...ngDevMode ? [{ debugName: "tableId" }] : /* istanbul ignore next */ []);
+		this.showRowActions = input(false, {
+			...ngDevMode ? { debugName: "showRowActions" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.rowHasActions = input(null, ...ngDevMode ? [{ debugName: "rowHasActions" }] : /* istanbul ignore next */ []);
+		this.showFilters = input(false, {
+			...ngDevMode ? { debugName: "showFilters" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.filters = input([], ...ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []);
+		this.filtersChange = output();
+		this.sort = input(null, ...ngDevMode ? [{ debugName: "sort" }] : /* istanbul ignore next */ []);
+		this.sortChange = output();
+		this.currentSort = this.#sort.asReadonly();
+		this.resolvedColumns = computed(() => this.#columnSettings.resolved(), ...ngDevMode ? [{ debugName: "resolvedColumns" }] : /* istanbul ignore next */ []);
+		this.displayedColumns = computed(() => displayedColumnKeys(this.resolvedColumns(), this.columns(), this.columnsConfig().length > 0, this.showRowActions()), ...ngDevMode ? [{ debugName: "displayedColumns" }] : /* istanbul ignore next */ []);
+		this.filterCells = computed(() => filterCellsOf(this.displayedColumns(), this.columnsConfig()), ...ngDevMode ? [{ debugName: "filterCells" }] : /* istanbul ignore next */ []);
+		this.canConfigure = this.#columnSettings.canConfigure;
+		this.skeletonRows = input(DEFAULT_SKELETON_ROWS, {
+			...ngDevMode ? { debugName: "skeletonRows" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.emptyMessage = input("", ...ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []);
+		this.emptyText = computed(() => this.emptyMessage() || this.#t_uiNoRows(), ...ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []);
+		this.emptyIcon = input("inbox", ...ngDevMode ? [{ debugName: "emptyIcon" }] : /* istanbul ignore next */ []);
+		this.emptyDescription = input(null, ...ngDevMode ? [{ debugName: "emptyDescription" }] : /* istanbul ignore next */ []);
+	}
+	#t_uiNoRows;
+	#destroyRef;
+	#breakpoints;
+	#dataSourceVersion;
+	#sort;
+	#columnSettings;
+	ngOnInit() {
+		super.ngOnInit();
+		if (this.actionsColumnDef !== void 0 && this.actionsCellDef !== void 0 && this.actionsHeaderCellDef !== void 0) {
+			this.actionsColumnDef.cell = this.actionsCellDef;
+			this.actionsColumnDef.headerCell = this.actionsHeaderCellDef;
+			this.addColumnDef(this.actionsColumnDef);
+		}
+		this.#columnSettings.start();
+		this.#columnSettings.saved().pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((settings) => this.applyColumnSettings(settings));
+	}
+	ngOnDestroy() {
+		if (this.actionsColumnDef !== void 0) this.removeColumnDef(this.actionsColumnDef);
+		this.#columnSettings.stop();
+		super.ngOnDestroy();
+	}
+	toggleSort(propertyName) {
+		const selected = nextSort(this.#sort(), propertyName);
+		this.#sort.set(selected);
+		this.sortChange.emit(selected);
+	}
+	reportFilters(filters) {
+		this.filtersChange.emit(filters);
+	}
+	applyColumnSettings(settings) {
+		this.#columnSettings.apply(settings);
+	}
+	set dataSource(dataSource) {
+		super.dataSource = dataSource;
+		this.#dataSourceVersion.update((version) => version + 1);
+	}
+	get dataSource() {
+		return super.dataSource;
+	}
+	#hasData() {
+		this.#dataSourceVersion();
+		return hasRowsIn(this.dataSource);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableComponent,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtTableComponent,
+			isStandalone: true,
+			selector: "rt-table, table[rt-table]",
+			inputs: {
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				density: {
+					classPropertyName: "density",
+					publicName: "density",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				cards: {
+					classPropertyName: "cards",
+					publicName: "cards",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				clickable: {
+					classPropertyName: "clickable",
+					publicName: "clickable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				loading: {
+					classPropertyName: "loading",
+					publicName: "loading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				fetching: {
+					classPropertyName: "fetching",
+					publicName: "fetching",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				columns: {
+					classPropertyName: "columns",
+					publicName: "columns",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				columnsConfig: {
+					classPropertyName: "columnsConfig",
+					publicName: "columnsConfig",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				tableId: {
+					classPropertyName: "tableId",
+					publicName: "tableId",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showRowActions: {
+					classPropertyName: "showRowActions",
+					publicName: "showRowActions",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				rowHasActions: {
+					classPropertyName: "rowHasActions",
+					publicName: "rowHasActions",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showFilters: {
+					classPropertyName: "showFilters",
+					publicName: "showFilters",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				filters: {
+					classPropertyName: "filters",
+					publicName: "filters",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				sort: {
+					classPropertyName: "sort",
+					publicName: "sort",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				skeletonRows: {
+					classPropertyName: "skeletonRows",
+					publicName: "skeletonRows",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				emptyMessage: {
+					classPropertyName: "emptyMessage",
+					publicName: "emptyMessage",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				emptyIcon: {
+					classPropertyName: "emptyIcon",
+					publicName: "emptyIcon",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				emptyDescription: {
+					classPropertyName: "emptyDescription",
+					publicName: "emptyDescription",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				filtersChange: "filtersChange",
+				sortChange: "sortChange"
+			},
+			host: {
+				properties: {
+					"class.rt-table--density--compact": "density() === 'compact'",
+					"class.rt-table--clickable": "clickable()",
+					"class.rt-table--loading": "isInitialLoading()",
+					"class.rt-table--fetching": "fetching()",
+					"class.rt-table--empty": "isEmpty()",
+					"class.rt-table--cards": "showCards()",
+					"attr.role": "hostRole",
+					"attr.aria-label": "ariaLabel()",
+					"attr.aria-busy": "isInitialLoading() || fetching() ? 'true' : null"
+				},
+				classAttribute: "rt-table"
+			},
+			providers: [{
+				provide: CDK_TABLE,
+				useExisting: forwardRef(() => RtTableComponent)
+			}],
+			queries: [
+				{
+					propertyName: "rowActions",
+					first: true,
+					predicate: RtTableRowActionsDirective,
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "cardTemplate",
+					first: true,
+					predicate: RtTableCardDirective,
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "columnDefs",
+					predicate: CdkColumnDef,
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "emptyTemplate",
+					first: true,
+					predicate: ["rtTableEmpty"],
+					descendants: true,
+					read: TemplateRef,
+					isSignal: true
+				}
+			],
+			viewQueries: [
+				{
+					propertyName: "actionsColumnDef",
+					first: true,
+					predicate: CdkColumnDef,
+					descendants: true,
+					static: true
+				},
+				{
+					propertyName: "actionsCellDef",
+					first: true,
+					predicate: CdkCellDef,
+					descendants: true,
+					static: true
+				},
+				{
+					propertyName: "actionsHeaderCellDef",
+					first: true,
+					predicate: CdkHeaderCellDef,
+					descendants: true,
+					static: true
+				}
+			],
+			exportAs: ["rtTable"],
+			usesInheritance: true,
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-table\">\n    <ng-content select=\"caption\" />\n    <ng-content select=\"colgroup, col\" />\n\n    <ng-container cdkColumnDef=\"rtRowActions\">\n        <th *cdkHeaderCellDef rtElem=\"actions-header\" cdk-header-cell aria-hidden=\"true\"></th>\n        <td *cdkCellDef=\"let row\" rtElem=\"actions-cell\" qa-dataid=\"table-row-actions\" cdk-cell>\n            @if (rowActions()?.template; as tpl) {\n                @if (row | rtRowHasActions: rowHasActions()) {\n                    <div rtElem=\"actions-float\">\n                        <rt-menu>\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                        </rt-menu>\n                    </div>\n                }\n            }\n        </td>\n    </ng-container>\n\n    <ng-container headerRowOutlet />\n\n    @if (showFilters()) {\n        <tr rtElem=\"filter-row\" qa-dataid=\"table-filter-row\">\n            @for (cell of filterCells(); track cell.key) {\n                <th\n                    rtElem=\"filter-cell\"\n                    qa-dataid=\"table-filter-cell\"\n                    [rtMod]=\"{ actions: cell.actions }\"\n                    [attr.aria-hidden]=\"cell.actions || null\">\n                    @if (cell.filter) {\n                        <rt-table-filter-header\n                            [propertyName]=\"cell.key\"\n                            [filter]=\"cell.filter\"\n                            [filters]=\"filters()\"\n                            (filtersChange)=\"reportFilters($event)\" />\n                    }\n                </th>\n            }\n        </tr>\n    }\n\n    @if (isInitialLoading()) {\n        @for (i of skeletonRowIndexes(); track i) {\n            <tr rtElem=\"skeleton-row\" qa-dataid=\"table-skeleton-row\">\n                @for (col of displayedColumns(); track col) {\n                    <td rtElem=\"skeleton-cell\">\n                        <rt-skeleton rtElem=\"skeleton-bar\" />\n                    </td>\n                }\n            </tr>\n        }\n    }\n\n    <ng-container rowOutlet />\n    <ng-container noDataRowOutlet />\n    <ng-container footerRowOutlet />\n\n    @if (isEmpty()) {\n        <tr rtElem=\"empty-row\" qa-dataid=\"table-empty-row\">\n            <td rtElem=\"empty\" [attr.colspan]=\"displayedColumns().length || null\">\n                @if (emptyTemplate(); as tpl) {\n                    <ng-container [ngTemplateOutlet]=\"tpl\" />\n                } @else {\n                    <rt-empty-state\n                        rtElem=\"empty-message\"\n                        qa-dataid=\"table-empty\"\n                        [icon]=\"emptyIcon()\"\n                        [title]=\"emptyText()\"\n                        [description]=\"emptyDescription()\" />\n                }\n            </td>\n        </tr>\n    }\n\n    @if (showCards()) {\n        <div rtElem=\"cards\" qa-dataid=\"table-cards\" role=\"list\">\n            @if (isInitialLoading()) {\n                @for (i of skeletonRowIndexes(); track i) {\n                    <article rtElem=\"card\" qa-dataid=\"table-skeleton-card\" [rtMod]=\"{ skeleton: true }\">\n                        <rt-skeleton rtElem=\"card-skeleton-bar\" />\n                        <rt-skeleton rtElem=\"card-skeleton-bar\" />\n                    </article>\n                }\n            } @else if (isEmpty()) {\n                @if (emptyTemplate(); as tpl) {\n                    <ng-container [ngTemplateOutlet]=\"tpl\" />\n                } @else {\n                    <rt-empty-state\n                        rtElem=\"empty-message\"\n                        qa-dataid=\"table-empty\"\n                        [icon]=\"emptyIcon()\"\n                        [title]=\"emptyText()\"\n                        [description]=\"emptyDescription()\" />\n                }\n            } @else {\n                @for (row of cardRows(); track row; let index = $index) {\n                    <article\n                        rtElem=\"card\"\n                        qa-dataid=\"table-card\"\n                        role=\"listitem\"\n                        [rtTableCardActivation]=\"index\"\n                        [rtTableCardActivationEnabled]=\"clickable()\">\n                        @if (cardTemplate()?.template; as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                        } @else {\n                            @for (col of cardColumns(); track col.key) {\n                                <div rtElem=\"card-field\" qa-dataid=\"table-card-field\" [attr.data-key]=\"col.key\">\n                                    <span rtElem=\"card-label\" qa-dataid=\"table-card-label\">{{ col.label }}</span>\n                                    <div rtElem=\"card-value\" qa-dataid=\"table-card-value\">\n                                        <ng-container [ngTemplateOutlet]=\"col.cell\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                                    </div>\n                                </div>\n                            }\n                            @if (rowActions()?.template; as tpl) {\n                                @if (row | rtRowHasActions: rowHasActions()) {\n                                    <div rtElem=\"card-actions\" qa-dataid=\"table-card-actions\">\n                                        <rt-menu>\n                                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                                        </rt-menu>\n                                    </div>\n                                }\n                            }\n                        }\n                    </article>\n                }\n            }\n        </div>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table{--rt-table-border-width: var(--rt-border-width-thin);--rt-table-card-radius: var(--rt-radius-md);position:relative;display:table;width:100%;background:var(--rt-color-bg-surface);border-collapse:collapse;color:var(--rt-color-text-primary)}.rt-table .cdk-header-cell,.rt-table .cdk-cell,.rt-table__filter-cell,.rt-table__skeleton-cell{position:relative;height:50px;padding:var(--rt-space-2) var(--rt-space-5);border-bottom:var(--rt-table-border-width) solid var(--rt-color-border-subtle);border-left:var(--rt-table-border-width) solid var(--rt-color-border-subtle);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium);text-align:start;vertical-align:middle}.rt-table .cdk-header-cell[data-align=right],.rt-table .cdk-cell[data-align=right],.rt-table__filter-cell[data-align=right],.rt-table__skeleton-cell[data-align=right],.rt-table .cdk-header-cell[data-align=right] input,.rt-table .cdk-cell[data-align=right] input,.rt-table__filter-cell[data-align=right] input,.rt-table__skeleton-cell[data-align=right] input{text-align:right}.rt-table .cdk-header-cell:first-child,.rt-table .cdk-cell:first-child,.rt-table__filter-cell:first-child,.rt-table__skeleton-cell:first-child{border-left:none}.rt-table .cdk-header-cell{border-top:var(--rt-table-border-width) solid var(--rt-color-border-subtle);background:var(--rt-color-bg-surface);color:var(--rt-color-text-muted)}.rt-table .cdk-cell{color:var(--rt-color-text-primary);overflow-wrap:anywhere}.rt-table__filter-row{display:table-row}.rt-table__filter-cell{height:auto;background:var(--rt-color-bg-surface);padding-block:var(--rt-space-1);vertical-align:middle}.rt-table__filter-cell--actions,.rt-table__actions-header.cdk-header-cell{width:0;padding:0;border:none}.rt-table__actions-cell.cdk-cell{position:sticky;z-index:1;right:0;width:0;padding:0;border:none;background:transparent}.rt-table__actions-float{position:absolute;display:flex;height:100%;align-items:center;padding:0 var(--rt-space-2) 0 var(--rt-space-8);background:linear-gradient(to right,transparent 0%,var(--rt-color-bg-hover) 45%);inset:0 0 0 auto;pointer-events:none}.rt-table__actions-float .rt-menu{pointer-events:auto}@media(hover:hover){.rt-table__actions-cell.cdk-cell{visibility:hidden}.cdk-row:hover .rt-table__actions-cell.cdk-cell,.cdk-row:focus-within .rt-table__actions-cell.cdk-cell,.rt-table__actions-cell.cdk-cell:has(.rt-menu--open){visibility:visible}}.rt-table .cdk-row:hover{background:var(--rt-color-bg-hover)}.rt-table .cdk-row.rt-table__row--danger,.rt-table .cdk-row.rt-table__row--danger:hover{background:var(--rt-color-state-danger-bg)}.rt-table--clickable .cdk-row,.rt-table--clickable .rt-table__card{cursor:pointer}.rt-table--clickable .cdk-row:focus-visible,.rt-table--clickable .rt-table__card:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:-2px}.rt-table a{text-decoration:none}.rt-table--density--compact .cdk-header-cell,.rt-table--density--compact .cdk-cell,.rt-table--density--compact .rt-table__skeleton-cell{height:36px;padding:var(--rt-space-xs) var(--rt-space-sm)}.rt-table__skeleton-bar{display:block;width:80%;height:14px}.rt-table__empty-row{display:table-row}.rt-table__empty{padding:var(--rt-space-6) var(--rt-space-5);border-bottom:var(--rt-table-border-width) solid var(--rt-color-border-subtle);background:var(--rt-color-bg-surface);color:var(--rt-color-text-muted);text-align:center}.rt-table__empty-message{margin:0;font-size:var(--rt-text-sm)}.rt-table__overlay{position:absolute;z-index:1;display:grid;min-height:100%;inset:0;place-items:center;pointer-events:none}.rt-table__overlay-backdrop{position:absolute;background:var(--rt-color-bg-surface);inset:0;opacity:.72}.rt-table__overlay-spinner{position:sticky;z-index:1;top:50%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}.rt-table__cards{display:none}.rt-table--cards{display:block;min-width:0;max-width:100%}.rt-table--cards .cdk-header-row,.rt-table--cards .cdk-row,.rt-table--cards .rt-table__skeleton-row,.rt-table--cards .rt-table__empty-row,.rt-table--cards .rt-table__filter-row{display:none}.rt-table--cards .rt-table__cards{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-table--cards:not(.rt-table--empty){background:transparent}.rt-table__card{display:flex;flex-direction:column;padding:var(--rt-space-md);border:var(--rt-table-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-table-card-radius);background:var(--rt-color-bg-surface);gap:var(--rt-space-xs)}.rt-table__card-field{display:flex;align-items:baseline;justify-content:space-between;gap:var(--rt-space-md)}.rt-table__card-label{flex:0 0 auto;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-table__card-value{min-width:0;overflow-wrap:anywhere;text-align:right}.rt-table__card-value .cdk-cell{display:inline;height:auto;padding:0;border:none;font:inherit;min-inline-size:0;text-align:inherit}.rt-table__card-actions{display:flex;justify-content:flex-end}.rt-table__card-skeleton-bar{display:block;width:60%;height:14px}.rt-table__card-skeleton-bar:first-child{width:80%}.rt-table[data-rt-radius=none]{--rt-table-card-radius: var(--rt-radius-none)}.rt-table[data-rt-radius=xs]{--rt-table-card-radius: var(--rt-radius-xs)}.rt-table[data-rt-radius=sm]{--rt-table-card-radius: var(--rt-radius-sm)}.rt-table[data-rt-radius=ms]{--rt-table-card-radius: var(--rt-radius-ms)}.rt-table[data-rt-radius=md]{--rt-table-card-radius: var(--rt-radius-md)}.rt-table[data-rt-radius=lg]{--rt-table-card-radius: var(--rt-radius-lg)}.rt-table[data-rt-radius=xl]{--rt-table-card-radius: var(--rt-radius-xl)}.rt-table[data-rt-radius=\"2xl\"]{--rt-table-card-radius: var(--rt-radius-2xl)}.rt-table[data-rt-radius=full]{--rt-table-card-radius: var(--rt-radius-full)}:root[data-theme=dark] .rt-table,html.rt-theme-dark .rt-table{background:var(--rt-color-bg-page)}:root[data-theme=dark] .rt-table .cdk-header-cell,:root[data-theme=dark] .rt-table .rt-table__empty,:root[data-theme=dark] .rt-table .rt-table__overlay-backdrop,html.rt-theme-dark .rt-table .cdk-header-cell,html.rt-theme-dark .rt-table .rt-table__empty,html.rt-theme-dark .rt-table .rt-table__overlay-backdrop{background:var(--rt-color-bg-page)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: CdkCell,
+					selector: "cdk-cell, td[cdk-cell]"
+				},
+				{
+					kind: "directive",
+					type: CdkCellDef,
+					selector: "[cdkCellDef]"
+				},
+				{
+					kind: "directive",
+					type: CdkColumnDef,
+					selector: "[cdkColumnDef]",
+					inputs: [
+						"cdkColumnDef",
+						"sticky",
+						"stickyEnd"
+					]
+				},
+				{
+					kind: "directive",
+					type: CdkHeaderCell,
+					selector: "cdk-header-cell, th[cdk-header-cell]"
+				},
+				{
+					kind: "directive",
+					type: CdkHeaderCellDef,
+					selector: "[cdkHeaderCellDef]"
+				},
+				{
+					kind: "directive",
+					type: DataRowOutlet,
+					selector: "[rowOutlet]"
+				},
+				{
+					kind: "directive",
+					type: FooterRowOutlet,
+					selector: "[footerRowOutlet]"
+				},
+				{
+					kind: "directive",
+					type: HeaderRowOutlet,
+					selector: "[headerRowOutlet]"
+				},
+				{
+					kind: "directive",
+					type: NoDataRowOutlet,
+					selector: "[noDataRowOutlet]"
+				},
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "component",
+					type: RtEmptyStateComponent,
+					selector: "rt-empty-state",
+					inputs: [
+						"icon",
+						"glyph",
+						"title",
+						"description",
+						"framed"
+					]
+				},
+				{
+					kind: "component",
+					type: RtMenuComponent,
+					selector: "rt-menu",
+					inputs: [
+						"icon",
+						"ariaLabel",
+						"align",
+						"panelClass",
+						"triggerSize",
+						"size",
+						"disabled"
+					],
+					outputs: ["openedChange"]
+				},
+				{
+					kind: "component",
+					type: RtSkeletonComponent,
+					selector: "rt-skeleton",
+					inputs: [
+						"shape",
+						"size",
+						"width",
+						"height",
+						"animation"
+					]
+				},
+				{
+					kind: "component",
+					type: RtTableFilterHeaderComponent,
+					selector: "rt-table-filter-header",
+					inputs: [
+						"propertyName",
+						"filter",
+						"filters"
+					],
+					outputs: ["filtersChange"]
+				},
+				{
+					kind: "directive",
+					type: RtTableCardActivationDirective,
+					selector: "[rtTableCardActivation]",
+					inputs: ["rtTableCardActivation", "rtTableCardActivationEnabled"]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				},
+				{
+					kind: "pipe",
+					type: RtRowHasActionsPipe,
+					name: "rtRowHasActions"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTableComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-table, table[rt-table]",
+			exportAs: "rtTable",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				CdkCell,
+				CdkCellDef,
+				CdkColumnDef,
+				CdkHeaderCell,
+				CdkHeaderCellDef,
+				DataRowOutlet,
+				FooterRowOutlet,
+				HeaderRowOutlet,
+				NoDataRowOutlet,
+				NgTemplateOutlet,
+				RtEmptyStateComponent,
+				RtMenuComponent,
+				RtSkeletonComponent,
+				RtSpinnerComponent,
+				RtTableFilterHeaderComponent,
+				RtTableCardActivationDirective,
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				RtRowHasActionsPipe
+			],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			providers: [{
+				provide: CDK_TABLE,
+				useExisting: forwardRef(() => RtTableComponent)
+			}],
+			host: {
+				class: BEM_BLOCK$3,
+				"[class.rt-table--density--compact]": "density() === 'compact'",
+				"[class.rt-table--clickable]": "clickable()",
+				"[class.rt-table--loading]": "isInitialLoading()",
+				"[class.rt-table--fetching]": "fetching()",
+				"[class.rt-table--empty]": "isEmpty()",
+				"[class.rt-table--cards]": "showCards()",
+				"[attr.role]": "hostRole",
+				"[attr.aria-label]": "ariaLabel()",
+				"[attr.aria-busy]": "isInitialLoading() || fetching() ? 'true' : null"
+			},
+			template: "<ng-container rtBlock=\"rt-table\">\n    <ng-content select=\"caption\" />\n    <ng-content select=\"colgroup, col\" />\n\n    <ng-container cdkColumnDef=\"rtRowActions\">\n        <th *cdkHeaderCellDef rtElem=\"actions-header\" cdk-header-cell aria-hidden=\"true\"></th>\n        <td *cdkCellDef=\"let row\" rtElem=\"actions-cell\" qa-dataid=\"table-row-actions\" cdk-cell>\n            @if (rowActions()?.template; as tpl) {\n                @if (row | rtRowHasActions: rowHasActions()) {\n                    <div rtElem=\"actions-float\">\n                        <rt-menu>\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                        </rt-menu>\n                    </div>\n                }\n            }\n        </td>\n    </ng-container>\n\n    <ng-container headerRowOutlet />\n\n    @if (showFilters()) {\n        <tr rtElem=\"filter-row\" qa-dataid=\"table-filter-row\">\n            @for (cell of filterCells(); track cell.key) {\n                <th\n                    rtElem=\"filter-cell\"\n                    qa-dataid=\"table-filter-cell\"\n                    [rtMod]=\"{ actions: cell.actions }\"\n                    [attr.aria-hidden]=\"cell.actions || null\">\n                    @if (cell.filter) {\n                        <rt-table-filter-header\n                            [propertyName]=\"cell.key\"\n                            [filter]=\"cell.filter\"\n                            [filters]=\"filters()\"\n                            (filtersChange)=\"reportFilters($event)\" />\n                    }\n                </th>\n            }\n        </tr>\n    }\n\n    @if (isInitialLoading()) {\n        @for (i of skeletonRowIndexes(); track i) {\n            <tr rtElem=\"skeleton-row\" qa-dataid=\"table-skeleton-row\">\n                @for (col of displayedColumns(); track col) {\n                    <td rtElem=\"skeleton-cell\">\n                        <rt-skeleton rtElem=\"skeleton-bar\" />\n                    </td>\n                }\n            </tr>\n        }\n    }\n\n    <ng-container rowOutlet />\n    <ng-container noDataRowOutlet />\n    <ng-container footerRowOutlet />\n\n    @if (isEmpty()) {\n        <tr rtElem=\"empty-row\" qa-dataid=\"table-empty-row\">\n            <td rtElem=\"empty\" [attr.colspan]=\"displayedColumns().length || null\">\n                @if (emptyTemplate(); as tpl) {\n                    <ng-container [ngTemplateOutlet]=\"tpl\" />\n                } @else {\n                    <rt-empty-state\n                        rtElem=\"empty-message\"\n                        qa-dataid=\"table-empty\"\n                        [icon]=\"emptyIcon()\"\n                        [title]=\"emptyText()\"\n                        [description]=\"emptyDescription()\" />\n                }\n            </td>\n        </tr>\n    }\n\n    @if (showCards()) {\n        <div rtElem=\"cards\" qa-dataid=\"table-cards\" role=\"list\">\n            @if (isInitialLoading()) {\n                @for (i of skeletonRowIndexes(); track i) {\n                    <article rtElem=\"card\" qa-dataid=\"table-skeleton-card\" [rtMod]=\"{ skeleton: true }\">\n                        <rt-skeleton rtElem=\"card-skeleton-bar\" />\n                        <rt-skeleton rtElem=\"card-skeleton-bar\" />\n                    </article>\n                }\n            } @else if (isEmpty()) {\n                @if (emptyTemplate(); as tpl) {\n                    <ng-container [ngTemplateOutlet]=\"tpl\" />\n                } @else {\n                    <rt-empty-state\n                        rtElem=\"empty-message\"\n                        qa-dataid=\"table-empty\"\n                        [icon]=\"emptyIcon()\"\n                        [title]=\"emptyText()\"\n                        [description]=\"emptyDescription()\" />\n                }\n            } @else {\n                @for (row of cardRows(); track row; let index = $index) {\n                    <article\n                        rtElem=\"card\"\n                        qa-dataid=\"table-card\"\n                        role=\"listitem\"\n                        [rtTableCardActivation]=\"index\"\n                        [rtTableCardActivationEnabled]=\"clickable()\">\n                        @if (cardTemplate()?.template; as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                        } @else {\n                            @for (col of cardColumns(); track col.key) {\n                                <div rtElem=\"card-field\" qa-dataid=\"table-card-field\" [attr.data-key]=\"col.key\">\n                                    <span rtElem=\"card-label\" qa-dataid=\"table-card-label\">{{ col.label }}</span>\n                                    <div rtElem=\"card-value\" qa-dataid=\"table-card-value\">\n                                        <ng-container [ngTemplateOutlet]=\"col.cell\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                                    </div>\n                                </div>\n                            }\n                            @if (rowActions()?.template; as tpl) {\n                                @if (row | rtRowHasActions: rowHasActions()) {\n                                    <div rtElem=\"card-actions\" qa-dataid=\"table-card-actions\">\n                                        <rt-menu>\n                                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                                        </rt-menu>\n                                    </div>\n                                }\n                            }\n                        }\n                    </article>\n                }\n            }\n        </div>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table{--rt-table-border-width: var(--rt-border-width-thin);--rt-table-card-radius: var(--rt-radius-md);position:relative;display:table;width:100%;background:var(--rt-color-bg-surface);border-collapse:collapse;color:var(--rt-color-text-primary)}.rt-table .cdk-header-cell,.rt-table .cdk-cell,.rt-table__filter-cell,.rt-table__skeleton-cell{position:relative;height:50px;padding:var(--rt-space-2) var(--rt-space-5);border-bottom:var(--rt-table-border-width) solid var(--rt-color-border-subtle);border-left:var(--rt-table-border-width) solid var(--rt-color-border-subtle);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium);text-align:start;vertical-align:middle}.rt-table .cdk-header-cell[data-align=right],.rt-table .cdk-cell[data-align=right],.rt-table__filter-cell[data-align=right],.rt-table__skeleton-cell[data-align=right],.rt-table .cdk-header-cell[data-align=right] input,.rt-table .cdk-cell[data-align=right] input,.rt-table__filter-cell[data-align=right] input,.rt-table__skeleton-cell[data-align=right] input{text-align:right}.rt-table .cdk-header-cell:first-child,.rt-table .cdk-cell:first-child,.rt-table__filter-cell:first-child,.rt-table__skeleton-cell:first-child{border-left:none}.rt-table .cdk-header-cell{border-top:var(--rt-table-border-width) solid var(--rt-color-border-subtle);background:var(--rt-color-bg-surface);color:var(--rt-color-text-muted)}.rt-table .cdk-cell{color:var(--rt-color-text-primary);overflow-wrap:anywhere}.rt-table__filter-row{display:table-row}.rt-table__filter-cell{height:auto;background:var(--rt-color-bg-surface);padding-block:var(--rt-space-1);vertical-align:middle}.rt-table__filter-cell--actions,.rt-table__actions-header.cdk-header-cell{width:0;padding:0;border:none}.rt-table__actions-cell.cdk-cell{position:sticky;z-index:1;right:0;width:0;padding:0;border:none;background:transparent}.rt-table__actions-float{position:absolute;display:flex;height:100%;align-items:center;padding:0 var(--rt-space-2) 0 var(--rt-space-8);background:linear-gradient(to right,transparent 0%,var(--rt-color-bg-hover) 45%);inset:0 0 0 auto;pointer-events:none}.rt-table__actions-float .rt-menu{pointer-events:auto}@media(hover:hover){.rt-table__actions-cell.cdk-cell{visibility:hidden}.cdk-row:hover .rt-table__actions-cell.cdk-cell,.cdk-row:focus-within .rt-table__actions-cell.cdk-cell,.rt-table__actions-cell.cdk-cell:has(.rt-menu--open){visibility:visible}}.rt-table .cdk-row:hover{background:var(--rt-color-bg-hover)}.rt-table .cdk-row.rt-table__row--danger,.rt-table .cdk-row.rt-table__row--danger:hover{background:var(--rt-color-state-danger-bg)}.rt-table--clickable .cdk-row,.rt-table--clickable .rt-table__card{cursor:pointer}.rt-table--clickable .cdk-row:focus-visible,.rt-table--clickable .rt-table__card:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:-2px}.rt-table a{text-decoration:none}.rt-table--density--compact .cdk-header-cell,.rt-table--density--compact .cdk-cell,.rt-table--density--compact .rt-table__skeleton-cell{height:36px;padding:var(--rt-space-xs) var(--rt-space-sm)}.rt-table__skeleton-bar{display:block;width:80%;height:14px}.rt-table__empty-row{display:table-row}.rt-table__empty{padding:var(--rt-space-6) var(--rt-space-5);border-bottom:var(--rt-table-border-width) solid var(--rt-color-border-subtle);background:var(--rt-color-bg-surface);color:var(--rt-color-text-muted);text-align:center}.rt-table__empty-message{margin:0;font-size:var(--rt-text-sm)}.rt-table__overlay{position:absolute;z-index:1;display:grid;min-height:100%;inset:0;place-items:center;pointer-events:none}.rt-table__overlay-backdrop{position:absolute;background:var(--rt-color-bg-surface);inset:0;opacity:.72}.rt-table__overlay-spinner{position:sticky;z-index:1;top:50%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}.rt-table__cards{display:none}.rt-table--cards{display:block;min-width:0;max-width:100%}.rt-table--cards .cdk-header-row,.rt-table--cards .cdk-row,.rt-table--cards .rt-table__skeleton-row,.rt-table--cards .rt-table__empty-row,.rt-table--cards .rt-table__filter-row{display:none}.rt-table--cards .rt-table__cards{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-table--cards:not(.rt-table--empty){background:transparent}.rt-table__card{display:flex;flex-direction:column;padding:var(--rt-space-md);border:var(--rt-table-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-table-card-radius);background:var(--rt-color-bg-surface);gap:var(--rt-space-xs)}.rt-table__card-field{display:flex;align-items:baseline;justify-content:space-between;gap:var(--rt-space-md)}.rt-table__card-label{flex:0 0 auto;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-table__card-value{min-width:0;overflow-wrap:anywhere;text-align:right}.rt-table__card-value .cdk-cell{display:inline;height:auto;padding:0;border:none;font:inherit;min-inline-size:0;text-align:inherit}.rt-table__card-actions{display:flex;justify-content:flex-end}.rt-table__card-skeleton-bar{display:block;width:60%;height:14px}.rt-table__card-skeleton-bar:first-child{width:80%}.rt-table[data-rt-radius=none]{--rt-table-card-radius: var(--rt-radius-none)}.rt-table[data-rt-radius=xs]{--rt-table-card-radius: var(--rt-radius-xs)}.rt-table[data-rt-radius=sm]{--rt-table-card-radius: var(--rt-radius-sm)}.rt-table[data-rt-radius=ms]{--rt-table-card-radius: var(--rt-radius-ms)}.rt-table[data-rt-radius=md]{--rt-table-card-radius: var(--rt-radius-md)}.rt-table[data-rt-radius=lg]{--rt-table-card-radius: var(--rt-radius-lg)}.rt-table[data-rt-radius=xl]{--rt-table-card-radius: var(--rt-radius-xl)}.rt-table[data-rt-radius=\"2xl\"]{--rt-table-card-radius: var(--rt-radius-2xl)}.rt-table[data-rt-radius=full]{--rt-table-card-radius: var(--rt-radius-full)}:root[data-theme=dark] .rt-table,html.rt-theme-dark .rt-table{background:var(--rt-color-bg-page)}:root[data-theme=dark] .rt-table .cdk-header-cell,:root[data-theme=dark] .rt-table .rt-table__empty,:root[data-theme=dark] .rt-table .rt-table__overlay-backdrop,html.rt-theme-dark .rt-table .cdk-header-cell,html.rt-theme-dark .rt-table .rt-table__empty,html.rt-theme-dark .rt-table .rt-table__overlay-backdrop{background:var(--rt-color-bg-page)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		actionsColumnDef: [{
+			type: ViewChild,
+			args: [CdkColumnDef, { static: true }]
+		}],
+		actionsCellDef: [{
+			type: ViewChild,
+			args: [CdkCellDef, { static: true }]
+		}],
+		actionsHeaderCellDef: [{
+			type: ViewChild,
+			args: [CdkHeaderCellDef, { static: true }]
+		}],
+		rowActions: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtTableRowActionsDirective), { isSignal: true }]
+		}],
+		cardTemplate: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtTableCardDirective), { isSignal: true }]
+		}],
+		columnDefs: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => CdkColumnDef), {
+				descendants: true,
+				isSignal: true
+			}]
+		}],
+		emptyTemplate: [{
+			type: i0.ContentChild,
+			args: ["rtTableEmpty", {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		density: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "density",
+				required: false
+			}]
+		}],
+		cards: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "cards",
+				required: false
+			}]
+		}],
+		clickable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clickable",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		fetching: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fetching",
+				required: false
+			}]
+		}],
+		columns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "columns",
+				required: false
+			}]
+		}],
+		columnsConfig: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "columnsConfig",
+				required: false
+			}]
+		}],
+		tableId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tableId",
+				required: false
+			}]
+		}],
+		showRowActions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showRowActions",
+				required: false
+			}]
+		}],
+		rowHasActions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rowHasActions",
+				required: false
+			}]
+		}],
+		showFilters: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showFilters",
+				required: false
+			}]
+		}],
+		filters: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filters",
+				required: false
+			}]
+		}],
+		filtersChange: [{
+			type: i0.Output,
+			args: ["filtersChange"]
+		}],
+		sort: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sort",
+				required: false
+			}]
+		}],
+		sortChange: [{
+			type: i0.Output,
+			args: ["sortChange"]
+		}],
+		skeletonRows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "skeletonRows",
+				required: false
+			}]
+		}],
+		emptyMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyMessage",
+				required: false
+			}]
+		}],
+		emptyIcon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyIcon",
+				required: false
+			}]
+		}],
+		emptyDescription: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyDescription",
+				required: false
+			}]
+		}]
+	}
+});
+const BEM_BLOCK$2 = "rt-table-sort-header";
 const ICONS = Object.freeze({
-    none: 'sort-alt',
-    [EListSortOrder.ASC]: 'arrow-up',
-    [EListSortOrder.DESC]: 'arrow-down',
+	none: "sort-alt",
+	[EListSortOrder.ASC]: "arrow-up",
+	[EListSortOrder.DESC]: "arrow-down"
+});
+var RtTableSortHeaderComponent = class RtTableSortHeaderComponent {
+	constructor() {
+		this.#table = inject(RtTableComponent);
+		this.direction = computed(() => sortDirectionOf(this.#table.currentSort(), this.rtSortHeader()), ...ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []);
+		this.icon = computed(() => ICONS[this.direction() ?? "none"], ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
+		this.sortable = computed(() => isColumnSortable(this.#table.columnsConfig(), this.rtSortHeader()), ...ngDevMode ? [{ debugName: "sortable" }] : /* istanbul ignore next */ []);
+		this.rtSortHeader = input.required(...ngDevMode ? [{ debugName: "rtSortHeader" }] : /* istanbul ignore next */ []);
+		this.ariaSort = computed(() => ariaSortOf(this.#table.currentSort(), this.rtSortHeader()), ...ngDevMode ? [{ debugName: "ariaSort" }] : /* istanbul ignore next */ []);
+	}
+	#table;
+	onToggle() {
+		this.#table.toggleSort(this.rtSortHeader());
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableSortHeaderComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtTableSortHeaderComponent,
+			isStandalone: true,
+			selector: "rt-table-sort-header, th[rtSortHeader]",
+			inputs: { rtSortHeader: {
+				classPropertyName: "rtSortHeader",
+				publicName: "rtSortHeader",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			} },
+			host: {
+				properties: { "attr.aria-sort": "ariaSort()" },
+				classAttribute: "rt-table-sort-header"
+			},
+			ngImport: i0,
+			template: "<ng-template #label>\n    <ng-content />\n</ng-template>\n\n<ng-container rtBlock=\"rt-table-sort-header\">\n    @if (sortable()) {\n        <button\n            rtElem=\"button\"\n            qa-dataid=\"table-sort-header\"\n            type=\"button\"\n            [attr.data-column]=\"rtSortHeader()\"\n            [attr.data-direction]=\"direction()\"\n            [rtMod]=\"{ active: direction() !== null }\"\n            (click)=\"onToggle()\">\n            <ng-container [ngTemplateOutlet]=\"label\" />\n            <rt-icon rtElem=\"icon\" size=\"xs\" [name]=\"icon()\" />\n        </button>\n    } @else {\n        <ng-container [ngTemplateOutlet]=\"label\" />\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-sort-header__button{display:inline-flex;align-items:center;padding:0;border:none;background:none;color:inherit;cursor:pointer;font:inherit;gap:var(--rt-space-xs);text-align:inherit}.rt-table-sort-header__button:hover{color:var(--rt-color-text-primary)}.rt-table-sort-header__button:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:2px}.rt-table-sort-header__icon{flex:0 0 auto;color:var(--rt-color-text-muted)}.rt-table-sort-header__button--active{color:var(--rt-color-text-primary)}.rt-table-sort-header__button--active .rt-table-sort-header__icon{color:var(--rt-color-action-primary)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				},
+				{
+					kind: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTableSortHeaderComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-table-sort-header, th[rtSortHeader]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				NgTemplateOutlet,
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				RtIconComponent
+			],
+			host: {
+				class: BEM_BLOCK$2,
+				"[attr.aria-sort]": "ariaSort()"
+			},
+			template: "<ng-template #label>\n    <ng-content />\n</ng-template>\n\n<ng-container rtBlock=\"rt-table-sort-header\">\n    @if (sortable()) {\n        <button\n            rtElem=\"button\"\n            qa-dataid=\"table-sort-header\"\n            type=\"button\"\n            [attr.data-column]=\"rtSortHeader()\"\n            [attr.data-direction]=\"direction()\"\n            [rtMod]=\"{ active: direction() !== null }\"\n            (click)=\"onToggle()\">\n            <ng-container [ngTemplateOutlet]=\"label\" />\n            <rt-icon rtElem=\"icon\" size=\"xs\" [name]=\"icon()\" />\n        </button>\n    } @else {\n        <ng-container [ngTemplateOutlet]=\"label\" />\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-sort-header__button{display:inline-flex;align-items:center;padding:0;border:none;background:none;color:inherit;cursor:pointer;font:inherit;gap:var(--rt-space-xs);text-align:inherit}.rt-table-sort-header__button:hover{color:var(--rt-color-text-primary)}.rt-table-sort-header__button:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:2px}.rt-table-sort-header__icon{flex:0 0 auto;color:var(--rt-color-text-muted)}.rt-table-sort-header__button--active{color:var(--rt-color-text-primary)}.rt-table-sort-header__button--active .rt-table-sort-header__icon{color:var(--rt-color-action-primary)}}\n"]
+		}]
+	}],
+	propDecorators: { rtSortHeader: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "rtSortHeader",
+			required: true
+		}]
+	}] }
+});
+var RtTableRowDirective = class RtTableRowDirective {
+	constructor() {
+		this.activated = output();
+	}
+	onClick(event) {
+		if (isFromInteractive(event.target)) return;
+		this.activated.emit();
+	}
+	onKey(event) {
+		if (isFromInteractive(event.target)) return;
+		event.preventDefault();
+		this.activated.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableRowDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtTableRowDirective,
+			isStandalone: true,
+			selector: "[rtTableRow]",
+			outputs: { activated: "activated" },
+			host: {
+				attributes: { "tabindex": "0" },
+				listeners: {
+					"click": "onClick($event)",
+					"keydown.enter": "onKey($event)",
+					"keydown.space": "onKey($event)"
+				}
+			},
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTableRowDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[rtTableRow]",
+			host: {
+				tabindex: "0",
+				"(click)": "onClick($event)",
+				"(keydown.enter)": "onKey($event)",
+				"(keydown.space)": "onKey($event)"
+			}
+		}]
+	}],
+	propDecorators: { activated: [{
+		type: i0.Output,
+		args: ["activated"]
+	}] }
+});
+const BEM_BLOCK$1 = "rt-table-settings-panel";
+var RtTableSettingsPanelComponent = class RtTableSettingsPanelComponent {
+	constructor() {
+		this.t = inject(RT_KIT_LABELS);
+		this.items = model.required(...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	}
+	onDrop(event) {
+		if (event.previousIndex === event.currentIndex) return;
+		const next = [...this.items()];
+		moveItemInArray(next, event.previousIndex, event.currentIndex);
+		this.items.set(next);
+	}
+	onToggleHidden(key) {
+		this.items.update((items) => items.map((item) => item.key === key && item.locked !== true ? {
+			...item,
+			hidden: !item.hidden
+		} : item));
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableSettingsPanelComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtTableSettingsPanelComponent,
+			isStandalone: true,
+			selector: "rt-table-settings-panel",
+			inputs: { items: {
+				classPropertyName: "items",
+				publicName: "items",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			} },
+			outputs: { items: "itemsChange" },
+			host: { classAttribute: "rt-table-settings-panel" },
+			ngImport: i0,
+			template: "<ul rtBlock=\"rt-table-settings-panel\" rtElem=\"list\" qa-dataid=\"table-settings-list\" cdkDropList (cdkDropListDropped)=\"onDrop($event)\">\n    @for (item of items(); track item.key) {\n        <li\n            rtElem=\"row\"\n            qa-dataid=\"table-settings-row\"\n            cdkDrag\n            [attr.data-key]=\"item.key\"\n            [rtMod]=\"{ locked: item.locked === true, hidden: item.hidden }\"\n            [cdkDragDisabled]=\"item.locked === true\">\n            @if (item.locked === true) {\n                <span rtElem=\"handle\" rtMod=\"placeholder\" aria-hidden=\"true\"></span>\n            } @else {\n                <button rtElem=\"handle\" qa-dataid=\"table-settings-drag\" type=\"button\" cdkDragHandle [attr.aria-label]=\"t().uiDragColumn\">\n                    <rt-icon name=\"bars\" size=\"sm\" color=\"muted\" />\n                </button>\n            }\n\n            <span rtElem=\"label\" qa-dataid=\"table-settings-label\">{{ item.label }}</span>\n\n            <rt-icon-button\n                rtElem=\"toggle\"\n                qa-dataid=\"table-settings-toggle\"\n                [icon]=\"item.hidden ? 'eye-slash' : 'eye'\"\n                [ariaLabel]=\"item.hidden ? t().uiShowColumn : t().uiHideColumn\"\n                [tooltip]=\"item.locked === true ? t().uiColumnLocked : item.hidden ? t().uiShow : t().uiHide\"\n                [disabled]=\"item.locked === true\"\n                (clicked)=\"onToggleHidden(item.key)\" />\n        </li>\n    }\n</ul>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-settings-panel{--rt-table-settings-panel-row-radius: var(--rt-radius-md);--rt-table-settings-panel-row-border-width: var(--rt-border-width-thin);--rt-table-settings-panel-row-shadow: var(--rt-shadow-card)}.rt-table-settings-panel__list{display:flex;min-width:320px;flex-direction:column;padding:0;margin:0;gap:var(--rt-space-2xs);list-style:none}.rt-table-settings-panel__row{--rt-table-settings-panel-drag-duration: var(--rt-duration-base);display:flex;align-items:center;padding:var(--rt-space-2xs) var(--rt-space-xs);border:var(--rt-table-settings-panel-row-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-table-settings-panel-row-radius);background-color:var(--rt-color-bg-surface);gap:var(--rt-space-sm)}.rt-table-settings-panel__row--hidden{color:var(--rt-color-text-muted)}.rt-table-settings-panel__row.cdk-drag-preview{box-shadow:var(--rt-table-settings-panel-row-shadow)}.rt-table-settings-panel__row.cdk-drag-placeholder{opacity:.4}.rt-table-settings-panel__row.cdk-drag-animating{transition:transform var(--rt-table-settings-panel-drag-duration) cubic-bezier(0,0,.2,1)}.rt-table-settings-panel__handle{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:grab}.rt-table-settings-panel__handle:active{cursor:grabbing}.rt-table-settings-panel__handle--placeholder{cursor:default}.rt-table-settings-panel__label{overflow:hidden;min-width:0;flex:1;font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}.rt-table-settings-panel__toggle{margin-left:auto}.cdk-drop-list-dragging .rt-table-settings-panel__row:not(.cdk-drag-placeholder){transition:transform var(--rt-table-settings-panel-drag-duration) cubic-bezier(0,0,.2,1)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: CdkDrag,
+					selector: "[cdkDrag]",
+					inputs: [
+						"cdkDragData",
+						"cdkDragLockAxis",
+						"cdkDragRootElement",
+						"cdkDragBoundary",
+						"cdkDragStartDelay",
+						"cdkDragFreeDragPosition",
+						"cdkDragDisabled",
+						"cdkDragConstrainPosition",
+						"cdkDragPreviewClass",
+						"cdkDragPreviewContainer",
+						"cdkDragScale"
+					],
+					outputs: [
+						"cdkDragStarted",
+						"cdkDragReleased",
+						"cdkDragEnded",
+						"cdkDragEntered",
+						"cdkDragExited",
+						"cdkDragDropped",
+						"cdkDragMoved"
+					],
+					exportAs: ["cdkDrag"]
+				},
+				{
+					kind: "directive",
+					type: CdkDragHandle,
+					selector: "[cdkDragHandle]",
+					inputs: ["cdkDragHandleDisabled"]
+				},
+				{
+					kind: "directive",
+					type: CdkDropList,
+					selector: "[cdkDropList], cdk-drop-list",
+					inputs: [
+						"cdkDropListConnectedTo",
+						"cdkDropListData",
+						"cdkDropListOrientation",
+						"id",
+						"cdkDropListLockAxis",
+						"cdkDropListDisabled",
+						"cdkDropListSortingDisabled",
+						"cdkDropListEnterPredicate",
+						"cdkDropListSortPredicate",
+						"cdkDropListAutoScrollDisabled",
+						"cdkDropListAutoScrollStep",
+						"cdkDropListElementContainer",
+						"cdkDropListHasAnchor"
+					],
+					outputs: [
+						"cdkDropListDropped",
+						"cdkDropListEntered",
+						"cdkDropListExited",
+						"cdkDropListSorted"
+					],
+					exportAs: ["cdkDropList"]
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					kind: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				},
+				{
+					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.2.2",
+	ngImport: i0,
+	type: RtTableSettingsPanelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-table-settings-panel",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				CdkDrag,
+				CdkDragHandle,
+				CdkDropList,
+				RtIconButtonComponent,
+				RtIconComponent,
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			host: { class: BEM_BLOCK$1 },
+			template: "<ul rtBlock=\"rt-table-settings-panel\" rtElem=\"list\" qa-dataid=\"table-settings-list\" cdkDropList (cdkDropListDropped)=\"onDrop($event)\">\n    @for (item of items(); track item.key) {\n        <li\n            rtElem=\"row\"\n            qa-dataid=\"table-settings-row\"\n            cdkDrag\n            [attr.data-key]=\"item.key\"\n            [rtMod]=\"{ locked: item.locked === true, hidden: item.hidden }\"\n            [cdkDragDisabled]=\"item.locked === true\">\n            @if (item.locked === true) {\n                <span rtElem=\"handle\" rtMod=\"placeholder\" aria-hidden=\"true\"></span>\n            } @else {\n                <button rtElem=\"handle\" qa-dataid=\"table-settings-drag\" type=\"button\" cdkDragHandle [attr.aria-label]=\"t().uiDragColumn\">\n                    <rt-icon name=\"bars\" size=\"sm\" color=\"muted\" />\n                </button>\n            }\n\n            <span rtElem=\"label\" qa-dataid=\"table-settings-label\">{{ item.label }}</span>\n\n            <rt-icon-button\n                rtElem=\"toggle\"\n                qa-dataid=\"table-settings-toggle\"\n                [icon]=\"item.hidden ? 'eye-slash' : 'eye'\"\n                [ariaLabel]=\"item.hidden ? t().uiShowColumn : t().uiHideColumn\"\n                [tooltip]=\"item.locked === true ? t().uiColumnLocked : item.hidden ? t().uiShow : t().uiHide\"\n                [disabled]=\"item.locked === true\"\n                (clicked)=\"onToggleHidden(item.key)\" />\n        </li>\n    }\n</ul>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-settings-panel{--rt-table-settings-panel-row-radius: var(--rt-radius-md);--rt-table-settings-panel-row-border-width: var(--rt-border-width-thin);--rt-table-settings-panel-row-shadow: var(--rt-shadow-card)}.rt-table-settings-panel__list{display:flex;min-width:320px;flex-direction:column;padding:0;margin:0;gap:var(--rt-space-2xs);list-style:none}.rt-table-settings-panel__row{--rt-table-settings-panel-drag-duration: var(--rt-duration-base);display:flex;align-items:center;padding:var(--rt-space-2xs) var(--rt-space-xs);border:var(--rt-table-settings-panel-row-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-table-settings-panel-row-radius);background-color:var(--rt-color-bg-surface);gap:var(--rt-space-sm)}.rt-table-settings-panel__row--hidden{color:var(--rt-color-text-muted)}.rt-table-settings-panel__row.cdk-drag-preview{box-shadow:var(--rt-table-settings-panel-row-shadow)}.rt-table-settings-panel__row.cdk-drag-placeholder{opacity:.4}.rt-table-settings-panel__row.cdk-drag-animating{transition:transform var(--rt-table-settings-panel-drag-duration) cubic-bezier(0,0,.2,1)}.rt-table-settings-panel__handle{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:grab}.rt-table-settings-panel__handle:active{cursor:grabbing}.rt-table-settings-panel__handle--placeholder{cursor:default}.rt-table-settings-panel__label{overflow:hidden;min-width:0;flex:1;font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}.rt-table-settings-panel__toggle{margin-left:auto}.cdk-drop-list-dragging .rt-table-settings-panel__row:not(.cdk-drag-placeholder){transition:transform var(--rt-table-settings-panel-drag-duration) cubic-bezier(0,0,.2,1)}}\n"]
+		}]
+	}],
+	propDecorators: { items: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "items",
+			required: true
+		}]
+	}, {
+		type: i0.Output,
+		args: ["itemsChange"]
+	}] }
+});
+const BEM_BLOCK = "rt-table-settings-aside";
+var RtTableSettingsAsideComponent = class RtTableSettingsAsideComponent extends RtRouteAsideComponent {
+	#registry;
+	#initialActive;
+	#registration;
+	#seeded;
+	#adopted;
+	constructor() {
+		super();
+		this.#registry = inject(RtTableSettingsRegistry);
+		this.#initialActive = this.#registry.active();
+		this.#registration = computed(() => {
+			const tableId = this.#registry.active();
+			return tableId !== null ? this.#registry.get(tableId)() : null;
+		}, ...ngDevMode ? [{ debugName: "#registration" }] : /* istanbul ignore next */ []);
+		this.t = inject(RT_KIT_LABELS);
+		this.items = signal([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+		this.#seeded = false;
+		this.#adopted = false;
+		if (this.#initialActive === null) effect(() => {
+			if (this.#adopted || this.#registry.active() !== null) return;
+			const sole = this.#registry.soleTableId();
+			if (sole !== null) {
+				this.#adopted = true;
+				this.#registry.setActive(sole);
+			}
+		});
+		effect(() => {
+			const registration = this.#registration();
+			const panel = this.panel();
+			if (panel === void 0 || !panel.ready()) return;
+			if (registration === null) {
+				if (this.#initialActive !== null || this.#adopted) this.onClose();
+				return;
+			}
+			if (!this.#seeded) {
+				this.#seeded = true;
+				this.items.set(registration.columns().map((c) => ({ ...c })));
+			}
+		});
+	}
+	resolve() {
+		return of(null);
+	}
+	onReset() {
+		const registration = this.#registration();
+		if (registration === null) return;
+		this.items.set(registration.defaults().map((c) => ({ ...c })));
+	}
+	onSave() {
+		const registration = this.#registration();
+		if (registration !== null) {
+			const items = this.items();
+			registration.apply({
+				order: items.map((item) => item.key),
+				hidden: items.filter((item) => item.hidden).map((item) => item.key)
+			});
+		}
+		this.#registry.clearActive();
+		this.onClose();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTableSettingsAsideComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtTableSettingsAsideComponent,
+			isStandalone: true,
+			selector: "rt-table-settings-aside",
+			host: { classAttribute: "rt-table-settings-aside" },
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<ng-container rtContainerRightSidenavPanel #panel=\"rtContainerRightPanel\" (cancelled)=\"onCancel()\" (closed)=\"onClosed()\" />\n\n<rt-aside [ariaLabel]=\"t().uiColumnSettings\">\n    <rt-aside-header [title]=\"t().uiColumnSettingsTitle\" (dismiss)=\"onClose()\">\n        <rt-icon-button\n            asideActions\n            qa-dataid=\"table-settings-reset\"\n            icon=\"undo\"\n            variant=\"ghost\"\n            [tooltip]=\"t().uiResetDefaults\"\n            [ariaLabel]=\"t().uiResetDefaults\"\n            (clicked)=\"onReset()\" />\n    </rt-aside-header>\n\n    <rt-table-settings-panel [(items)]=\"items\" />\n\n    <rt-aside-footer>\n        <button\n            rtButton\n            asideDismiss\n            qa-dataid=\"table-settings-close\"\n            type=\"button\"\n            appearance=\"text\"\n            [label]=\"t().uiClose\"\n            [attr.aria-label]=\"t().uiClose\"\n            (click)=\"onClose()\"></button>\n        <button\n            rtButton\n            asidePrimary\n            qa-dataid=\"table-settings-save\"\n            type=\"button\"\n            [label]=\"t().uiSave\"\n            [attr.aria-label]=\"t().uiSave\"\n            (click)=\"onSave()\"></button>\n    </rt-aside-footer>\n</rt-aside>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-settings-aside{display:contents}}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: RtAsideComponent,
+					selector: "rt-aside",
+					inputs: [
+						"size",
+						"contentLayout",
+						"width",
+						"ariaLabel",
+						"requestError",
+						"trapFocus",
+						"pending"
+					]
+				},
+				{
+					kind: "component",
+					type: RtAsideFooterComponent,
+					selector: "rt-aside-footer"
+				},
+				{
+					kind: "component",
+					type: RtAsideHeaderComponent,
+					selector: "rt-aside-header",
+					inputs: [
+						"title",
+						"overline",
+						"subtitle",
+						"badges",
+						"closable",
+						"loading"
+					],
+					outputs: ["dismiss"]
+				},
+				{
+					kind: "directive",
+					type: RtButtonDirective,
+					selector: "button[rtButton], a[rtButton]",
+					inputs: [
+						"label",
+						"icon",
+						"iconPos",
+						"theme",
+						"appearance",
+						"size",
+						"loading",
+						"loadingIcon",
+						"loadingLabel",
+						"pressed"
+					]
+				},
+				{
+					kind: "directive",
+					type: RtContainerRightSidenavPanelDirective,
+					selector: "[rtContainerRightSidenavPanel]",
+					outputs: [
+						"opened",
+						"closed",
+						"cancelled"
+					],
+					exportAs: ["rtContainerRightPanel"]
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					kind: "component",
+					type: RtTableSettingsPanelComponent,
+					selector: "rt-table-settings-panel",
+					inputs: ["items"],
+					outputs: ["itemsChange"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTableSettingsAsideComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-table-settings-aside",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtAsideComponent,
+				RtAsideFooterComponent,
+				RtAsideHeaderComponent,
+				RtButtonDirective,
+				RtContainerRightSidenavPanelDirective,
+				RtIconButtonComponent,
+				RtTableSettingsPanelComponent
+			],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtContainerRightSidenavPanel #panel=\"rtContainerRightPanel\" (cancelled)=\"onCancel()\" (closed)=\"onClosed()\" />\n\n<rt-aside [ariaLabel]=\"t().uiColumnSettings\">\n    <rt-aside-header [title]=\"t().uiColumnSettingsTitle\" (dismiss)=\"onClose()\">\n        <rt-icon-button\n            asideActions\n            qa-dataid=\"table-settings-reset\"\n            icon=\"undo\"\n            variant=\"ghost\"\n            [tooltip]=\"t().uiResetDefaults\"\n            [ariaLabel]=\"t().uiResetDefaults\"\n            (clicked)=\"onReset()\" />\n    </rt-aside-header>\n\n    <rt-table-settings-panel [(items)]=\"items\" />\n\n    <rt-aside-footer>\n        <button\n            rtButton\n            asideDismiss\n            qa-dataid=\"table-settings-close\"\n            type=\"button\"\n            appearance=\"text\"\n            [label]=\"t().uiClose\"\n            [attr.aria-label]=\"t().uiClose\"\n            (click)=\"onClose()\"></button>\n        <button\n            rtButton\n            asidePrimary\n            qa-dataid=\"table-settings-save\"\n            type=\"button\"\n            [label]=\"t().uiSave\"\n            [attr.aria-label]=\"t().uiSave\"\n            (click)=\"onSave()\"></button>\n    </rt-aside-footer>\n</rt-aside>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-settings-aside{display:contents}}\n"]
+		}]
+	}],
+	ctorParameters: () => []
 });
-/**
- * Заголовок сортируемой колонки — атрибутом на ячейке шапки:
- * `<th *cdkHeaderCellDef cdk-header-cell rtSortHeader="checkIn">Заезд</th>`.
- *
- * Подпись проецируется внутрь кнопки, и доступное имя кнопки берётся из неё — порядок
- * меняется не только мышью. Текущее направление читается с самой колонки через
- * `aria-sort`, а видно его по стрелке.
- *
- * Колонка сортируется, только когда помечена `sortable` в `[columnsConfig]` таблицы;
- * иначе заголовок остаётся обычной подписью. Элементная форма селектора нужна правилу
- * префиксов и в разметке не применяется: `aria-sort` принадлежит ячейке шапки.
- */
-class RtTableSortHeaderComponent {
-    constructor() {
-        this.#table = inject(RtTableComponent);
-        /** Направление сортировки по этой колонке; `null` — сортирует другая либо никакая. */
-        this.direction = computed(() => sortDirectionOf(this.#table.currentSort(), this.rtSortHeader()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
-        this.icon = computed(() => ICONS[this.direction() ?? 'none'], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-        this.sortable = computed(() => isColumnSortable(this.#table.columnsConfig(), this.rtSortHeader()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sortable" }] : /* istanbul ignore next */ []));
-        /** Ключ колонки — тот же, что в `cdkColumnDef` и в `[columnsConfig]`. */
-        this.rtSortHeader = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rtSortHeader" }] : /* istanbul ignore next */ []));
-        this.ariaSort = computed(() => ariaSortOf(this.#table.currentSort(), this.rtSortHeader()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaSort" }] : /* istanbul ignore next */ []));
-    }
-    #table;
-    onToggle() {
-        this.#table.toggleSort(this.rtSortHeader());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableSortHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtTableSortHeaderComponent, isStandalone: true, selector: "rt-table-sort-header, th[rtSortHeader]", inputs: { rtSortHeader: { classPropertyName: "rtSortHeader", publicName: "rtSortHeader", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.aria-sort": "ariaSort()" }, classAttribute: "rt-table-sort-header" }, ngImport: i0, template: "<ng-template #label>\n    <ng-content />\n</ng-template>\n\n<ng-container rtBlock=\"rt-table-sort-header\">\n    @if (sortable()) {\n        <button\n            rtElem=\"button\"\n            qa-dataid=\"table-sort-header\"\n            type=\"button\"\n            [attr.data-column]=\"rtSortHeader()\"\n            [attr.data-direction]=\"direction()\"\n            [rtMod]=\"{ active: direction() !== null }\"\n            (click)=\"onToggle()\">\n            <ng-container [ngTemplateOutlet]=\"label\" />\n            <rt-icon rtElem=\"icon\" size=\"xs\" [name]=\"icon()\" />\n        </button>\n    } @else {\n        <ng-container [ngTemplateOutlet]=\"label\" />\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-sort-header__button{display:inline-flex;align-items:center;padding:0;border:none;background:none;color:inherit;cursor:pointer;font:inherit;gap:var(--rt-space-xs);text-align:inherit}.rt-table-sort-header__button:hover{color:var(--rt-color-text-primary)}.rt-table-sort-header__button:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:2px}.rt-table-sort-header__icon{flex:0 0 auto;color:var(--rt-color-text-muted)}.rt-table-sort-header__button--active{color:var(--rt-color-text-primary)}.rt-table-sort-header__button--active .rt-table-sort-header__icon{color:var(--rt-color-action-primary)}}\n"], dependencies: [{ kind: "directive", type: 
-                // angular
-                NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 
-                // rt-tools
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "component", type: 
-                // components
-                RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableSortHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-table-sort-header, th[rtSortHeader]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // angular
-                        NgTemplateOutlet,
-                        // rt-tools
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                        // components
-                        RtIconComponent,
-                    ], host: {
-                        class: BEM_BLOCK$2,
-                        '[attr.aria-sort]': 'ariaSort()',
-                    }, template: "<ng-template #label>\n    <ng-content />\n</ng-template>\n\n<ng-container rtBlock=\"rt-table-sort-header\">\n    @if (sortable()) {\n        <button\n            rtElem=\"button\"\n            qa-dataid=\"table-sort-header\"\n            type=\"button\"\n            [attr.data-column]=\"rtSortHeader()\"\n            [attr.data-direction]=\"direction()\"\n            [rtMod]=\"{ active: direction() !== null }\"\n            (click)=\"onToggle()\">\n            <ng-container [ngTemplateOutlet]=\"label\" />\n            <rt-icon rtElem=\"icon\" size=\"xs\" [name]=\"icon()\" />\n        </button>\n    } @else {\n        <ng-container [ngTemplateOutlet]=\"label\" />\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-sort-header__button{display:inline-flex;align-items:center;padding:0;border:none;background:none;color:inherit;cursor:pointer;font:inherit;gap:var(--rt-space-xs);text-align:inherit}.rt-table-sort-header__button:hover{color:var(--rt-color-text-primary)}.rt-table-sort-header__button:focus-visible{outline:2px solid var(--rt-color-action-primary);outline-offset:2px}.rt-table-sort-header__icon{flex:0 0 auto;color:var(--rt-color-text-muted)}.rt-table-sort-header__button--active{color:var(--rt-color-text-primary)}.rt-table-sort-header__button--active .rt-table-sort-header__icon{color:var(--rt-color-action-primary)}}\n"] }]
-        }], propDecorators: { rtSortHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtSortHeader", required: true }] }] } });
-
-/**
- * Делает строку таблицы (`<tr cdk-row>`) активируемой — общий паттерн «клик по
- * строке открывает деталь/асайд». Инкапсулирует доступность: строка становится
- * focusable, активируется кликом и Enter/Space, наружу отдаёт `(activated)`.
- *
- * Клик/клавиша по интерактивному потомку (кнопка/ссылка/контрол) активацией
- * строки НЕ считается — иначе вложенные действия конфликтовали бы с переходом.
- * Роль строки не переопределяется (table-семантика для скрин-ридеров сохраняется).
- * Визуальный аффорданс (cursor/hover/focus-ring) включает `[clickable]` на rt-table.
- */
-class RtTableRowDirective {
-    constructor() {
-        this.activated = output();
-    }
-    onClick(event) {
-        if (isFromInteractive(event.target)) {
-            return;
-        }
-        this.activated.emit();
-    }
-    onKey(event) {
-        if (isFromInteractive(event.target)) {
-            return;
-        }
-        // Space иначе проскроллит страницу — гасим дефолт перед активацией.
-        event.preventDefault();
-        this.activated.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtTableRowDirective, isStandalone: true, selector: "[rtTableRow]", outputs: { activated: "activated" }, host: { attributes: { "tabindex": "0" }, listeners: { "click": "onClick($event)", "keydown.enter": "onKey($event)", "keydown.space": "onKey($event)" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableRowDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtTableRow]',
-                    host: {
-                        tabindex: '0',
-                        '(click)': 'onClick($event)',
-                        '(keydown.enter)': 'onKey($event)',
-                        '(keydown.space)': 'onKey($event)',
-                    },
-                }]
-        }], propDecorators: { activated: [{ type: i0.Output, args: ["activated"] }] } });
-
-const BEM_BLOCK$1 = 'rt-table-settings-panel';
-/**
- * Презентационный редактор списка колонок таблицы: reorder (drag-drop) + видимость
- * (глаз). Locked-колонки всегда видимы и не перетаскиваются. Двусторонний `items` —
- * текущее состояние; контейнер (route-асайд настроек) владеет сигналом, читает его
- * для «Сохранить»/«Сбросить» и передаёт сюда через `[(items)]`.
- */
-class RtTableSettingsPanelComponent {
-    constructor() {
-        this.t = inject(RT_KIT_LABELS);
-        this.items = model.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-    }
-    /** Reorder через drag-drop. Locked-строки drag-disabled; индексы — по всему списку. */
-    onDrop(event) {
-        if (event.previousIndex === event.currentIndex) {
-            return;
-        }
-        const next = [...this.items()];
-        moveItemInArray(next, event.previousIndex, event.currentIndex);
-        this.items.set(next);
-    }
-    /** Переключить видимость колонки (locked — нельзя). */
-    onToggleHidden(key) {
-        this.items.update((items) => items.map((item) => item.key === key && item.locked !== true ? { ...item, hidden: !item.hidden } : item));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableSettingsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtTableSettingsPanelComponent, isStandalone: true, selector: "rt-table-settings-panel", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { items: "itemsChange" }, host: { classAttribute: "rt-table-settings-panel" }, ngImport: i0, template: "<ul rtBlock=\"rt-table-settings-panel\" rtElem=\"list\" qa-dataid=\"table-settings-list\" cdkDropList (cdkDropListDropped)=\"onDrop($event)\">\n    @for (item of items(); track item.key) {\n        <li\n            rtElem=\"row\"\n            qa-dataid=\"table-settings-row\"\n            cdkDrag\n            [attr.data-key]=\"item.key\"\n            [rtMod]=\"{ locked: item.locked === true, hidden: item.hidden }\"\n            [cdkDragDisabled]=\"item.locked === true\">\n            @if (item.locked === true) {\n                <span rtElem=\"handle\" rtMod=\"placeholder\" aria-hidden=\"true\"></span>\n            } @else {\n                <button rtElem=\"handle\" qa-dataid=\"table-settings-drag\" type=\"button\" cdkDragHandle [attr.aria-label]=\"t().uiDragColumn\">\n                    <rt-icon name=\"bars\" size=\"sm\" color=\"muted\" />\n                </button>\n            }\n\n            <span rtElem=\"label\" qa-dataid=\"table-settings-label\">{{ item.label }}</span>\n\n            <rt-icon-button\n                rtElem=\"toggle\"\n                qa-dataid=\"table-settings-toggle\"\n                [icon]=\"item.hidden ? 'eye-slash' : 'eye'\"\n                [ariaLabel]=\"item.hidden ? t().uiShowColumn : t().uiHideColumn\"\n                [tooltip]=\"item.locked === true ? t().uiColumnLocked : item.hidden ? t().uiShow : t().uiHide\"\n                [disabled]=\"item.locked === true\"\n                (clicked)=\"onToggleHidden(item.key)\" />\n        </li>\n    }\n</ul>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-settings-panel{--rt-table-settings-panel-row-radius: var(--rt-radius-md);--rt-table-settings-panel-row-border-width: var(--rt-border-width-thin);--rt-table-settings-panel-row-shadow: var(--rt-shadow-card)}.rt-table-settings-panel__list{display:flex;min-width:320px;flex-direction:column;padding:0;margin:0;gap:var(--rt-space-2xs);list-style:none}.rt-table-settings-panel__row{--rt-table-settings-panel-drag-duration: var(--rt-duration-base);display:flex;align-items:center;padding:var(--rt-space-2xs) var(--rt-space-xs);border:var(--rt-table-settings-panel-row-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-table-settings-panel-row-radius);background-color:var(--rt-color-bg-surface);gap:var(--rt-space-sm)}.rt-table-settings-panel__row--hidden{color:var(--rt-color-text-muted)}.rt-table-settings-panel__row.cdk-drag-preview{box-shadow:var(--rt-table-settings-panel-row-shadow)}.rt-table-settings-panel__row.cdk-drag-placeholder{opacity:.4}.rt-table-settings-panel__row.cdk-drag-animating{transition:transform var(--rt-table-settings-panel-drag-duration) cubic-bezier(0,0,.2,1)}.rt-table-settings-panel__handle{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:grab}.rt-table-settings-panel__handle:active{cursor:grabbing}.rt-table-settings-panel__handle--placeholder{cursor:default}.rt-table-settings-panel__label{overflow:hidden;min-width:0;flex:1;font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}.rt-table-settings-panel__toggle{margin-left:auto}.cdk-drop-list-dragging .rt-table-settings-panel__row:not(.cdk-drag-placeholder){transition:transform var(--rt-table-settings-panel-drag-duration) cubic-bezier(0,0,.2,1)}}\n"], dependencies: [{ kind: "directive", type: 
-                // @angular/cdk
-                CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { 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", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }, { 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: RtTableSettingsPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-table-settings-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // @angular/cdk
-                        CdkDrag,
-                        CdkDragHandle,
-                        CdkDropList,
-                        // standalone components / directives
-                        RtIconButtonComponent,
-                        RtIconComponent,
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                    ], host: {
-                        class: BEM_BLOCK$1,
-                    }, template: "<ul rtBlock=\"rt-table-settings-panel\" rtElem=\"list\" qa-dataid=\"table-settings-list\" cdkDropList (cdkDropListDropped)=\"onDrop($event)\">\n    @for (item of items(); track item.key) {\n        <li\n            rtElem=\"row\"\n            qa-dataid=\"table-settings-row\"\n            cdkDrag\n            [attr.data-key]=\"item.key\"\n            [rtMod]=\"{ locked: item.locked === true, hidden: item.hidden }\"\n            [cdkDragDisabled]=\"item.locked === true\">\n            @if (item.locked === true) {\n                <span rtElem=\"handle\" rtMod=\"placeholder\" aria-hidden=\"true\"></span>\n            } @else {\n                <button rtElem=\"handle\" qa-dataid=\"table-settings-drag\" type=\"button\" cdkDragHandle [attr.aria-label]=\"t().uiDragColumn\">\n                    <rt-icon name=\"bars\" size=\"sm\" color=\"muted\" />\n                </button>\n            }\n\n            <span rtElem=\"label\" qa-dataid=\"table-settings-label\">{{ item.label }}</span>\n\n            <rt-icon-button\n                rtElem=\"toggle\"\n                qa-dataid=\"table-settings-toggle\"\n                [icon]=\"item.hidden ? 'eye-slash' : 'eye'\"\n                [ariaLabel]=\"item.hidden ? t().uiShowColumn : t().uiHideColumn\"\n                [tooltip]=\"item.locked === true ? t().uiColumnLocked : item.hidden ? t().uiShow : t().uiHide\"\n                [disabled]=\"item.locked === true\"\n                (clicked)=\"onToggleHidden(item.key)\" />\n        </li>\n    }\n</ul>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-settings-panel{--rt-table-settings-panel-row-radius: var(--rt-radius-md);--rt-table-settings-panel-row-border-width: var(--rt-border-width-thin);--rt-table-settings-panel-row-shadow: var(--rt-shadow-card)}.rt-table-settings-panel__list{display:flex;min-width:320px;flex-direction:column;padding:0;margin:0;gap:var(--rt-space-2xs);list-style:none}.rt-table-settings-panel__row{--rt-table-settings-panel-drag-duration: var(--rt-duration-base);display:flex;align-items:center;padding:var(--rt-space-2xs) var(--rt-space-xs);border:var(--rt-table-settings-panel-row-border-width) solid var(--rt-color-border-default);border-radius:var(--rt-table-settings-panel-row-radius);background-color:var(--rt-color-bg-surface);gap:var(--rt-space-sm)}.rt-table-settings-panel__row--hidden{color:var(--rt-color-text-muted)}.rt-table-settings-panel__row.cdk-drag-preview{box-shadow:var(--rt-table-settings-panel-row-shadow)}.rt-table-settings-panel__row.cdk-drag-placeholder{opacity:.4}.rt-table-settings-panel__row.cdk-drag-animating{transition:transform var(--rt-table-settings-panel-drag-duration) cubic-bezier(0,0,.2,1)}.rt-table-settings-panel__handle{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:grab}.rt-table-settings-panel__handle:active{cursor:grabbing}.rt-table-settings-panel__handle--placeholder{cursor:default}.rt-table-settings-panel__label{overflow:hidden;min-width:0;flex:1;font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}.rt-table-settings-panel__toggle{margin-left:auto}.cdk-drop-list-dragging .rt-table-settings-panel__row:not(.cdk-drag-placeholder){transition:transform var(--rt-table-settings-panel-drag-duration) cubic-bezier(0,0,.2,1)}}\n"] }]
-        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }, { type: i0.Output, args: ["itemsChange"] }] } });
-
-const BEM_BLOCK = 'rt-table-settings-aside';
-/**
- * Общий route-driven side-sheet настроек колонок для любой `rt-table`. Открывается
- * навигацией на `(ro:table-settings)`; какая таблица настраивается — берётся из
- * `RtTableSettingsRegistry.active()` (потребитель выставляет `setActive(tableId)`
- * перед навигацией). Create-mode: id в route нет (`tableId` — строка, числовой базой
- * не резолвится).
- *
- * Тело списка (drag-reorder + видимость) — переиспользуемый `rt-table-settings-panel`;
- * «Сохранить»/«Сбросить» живут в chrome асайда над локальным `items`, засеянным из
- * активной регистрации. Регистрируется в `routes.ts` каждого shell под `outlet: "ro"`.
- */
-class RtTableSettingsAsideComponent extends RtRouteAsideComponent {
-    #registry;
-    /**
-     * `active` на момент создания асайда: `null` — восстановление после F5
-     * (`setActive` никто не звал), непустой id — штатное открытие потребителем.
-     */
-    #initialActive;
-    /** Регистрация активной таблицы (её колонки/дефолты/apply). Реактивна к реестру. */
-    #registration;
-    #seeded;
-    /** Асайд восстановил `active` сам (после F5) — дальше живёт по штатным правилам. */
-    #adopted;
-    constructor() {
-        super();
-        this.#registry = inject(RtTableSettingsRegistry);
-        /**
-         * `active` на момент создания асайда: `null` — восстановление после F5
-         * (`setActive` никто не звал), непустой id — штатное открытие потребителем.
-         */
-        this.#initialActive = this.#registry.active();
-        /** Регистрация активной таблицы (её колонки/дефолты/apply). Реактивна к реестру. */
-        this.#registration = computed(() => {
-            const tableId = this.#registry.active();
-            return tableId !== null ? this.#registry.get(tableId)() : null;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#registration" }] : /* istanbul ignore next */ []));
-        /** Рабочая копия списка колонок (сидится из регистрации, редактируется телом-панелью). */
-        this.t = inject(RT_KIT_LABELS);
-        this.items = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-        this.#seeded = false;
-        /** Асайд восстановил `active` сам (после F5) — дальше живёт по штатным правилам. */
-        this.#adopted = false;
-        // Фикс F-16: после F5 асайд инициализируется раньше `rt-table`, реестр в
-        // этот момент пуст и `active` сброшен (root-сервис пересоздан). Вместо
-        // самозакрытия на первом промахе ждём регистрацию: страница регистрирует
-        // ровно одну настраиваемую таблицу — она и становится активной.
-        if (this.#initialActive === null) {
-            effect(() => {
-                // Усыновление одноразовое: после него асайд живёт по штатным
-                // правилам (уход со страницы = закрытие), а не перепрыгивает
-                // на таблицу следующей страницы.
-                if (this.#adopted || this.#registry.active() !== null) {
-                    return;
-                }
-                const sole = this.#registry.soleTableId();
-                if (sole !== null) {
-                    this.#adopted = true;
-                    this.#registry.setActive(sole);
-                }
-            });
-        }
-        effect(() => {
-            const registration = this.#registration();
-            const panel = this.panel();
-            if (panel === undefined || !panel.ready()) {
-                return;
-            }
-            if (registration === null) {
-                // Штатно открытый (или уже усыновивший таблицу) асайд закрывается,
-                // когда регистрация исчезла — уход со страницы таблицы. Асайд,
-                // восстановленный после F5, регистрацию ещё ЖДЁТ — не закрываемся.
-                if (this.#initialActive !== null || this.#adopted) {
-                    this.onClose();
-                }
-                return;
-            }
-            if (!this.#seeded) {
-                this.#seeded = true;
-                this.items.set(registration.columns().map((c) => ({
-                    ...c,
-                })));
-            }
-        });
-    }
-    resolve() {
-        return of(null);
-    }
-    /** Сбросить рабочую копию к дефолтным колонкам из конфига. */
-    onReset() {
-        const registration = this.#registration();
-        if (registration === null) {
-            return;
-        }
-        this.items.set(registration.defaults().map((c) => ({ ...c })));
-    }
-    /** Применить настройки к таблице (через registry) и закрыть асайд. */
-    onSave() {
-        const registration = this.#registration();
-        if (registration !== null) {
-            const items = this.items();
-            registration.apply({
-                order: items.map((item) => item.key),
-                hidden: items
-                    .filter((item) => item.hidden)
-                    .map((item) => item.key),
-            });
-        }
-        this.#registry.clearActive();
-        this.onClose();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableSettingsAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: RtTableSettingsAsideComponent, isStandalone: true, selector: "rt-table-settings-aside", host: { classAttribute: "rt-table-settings-aside" }, usesInheritance: true, ngImport: i0, template: "<ng-container rtContainerRightSidenavPanel #panel=\"rtContainerRightPanel\" (cancelled)=\"onCancel()\" (closed)=\"onClosed()\" />\n\n<rt-aside [ariaLabel]=\"t().uiColumnSettings\">\n    <rt-aside-header [title]=\"t().uiColumnSettingsTitle\" (dismiss)=\"onClose()\">\n        <rt-icon-button\n            asideActions\n            qa-dataid=\"table-settings-reset\"\n            icon=\"undo\"\n            variant=\"ghost\"\n            [tooltip]=\"t().uiResetDefaults\"\n            [ariaLabel]=\"t().uiResetDefaults\"\n            (clicked)=\"onReset()\" />\n    </rt-aside-header>\n\n    <rt-table-settings-panel [(items)]=\"items\" />\n\n    <rt-aside-footer>\n        <button\n            rtButton\n            asideDismiss\n            qa-dataid=\"table-settings-close\"\n            type=\"button\"\n            appearance=\"text\"\n            [label]=\"t().uiClose\"\n            [attr.aria-label]=\"t().uiClose\"\n            (click)=\"onClose()\"></button>\n        <button\n            rtButton\n            asidePrimary\n            qa-dataid=\"table-settings-save\"\n            type=\"button\"\n            [label]=\"t().uiSave\"\n            [attr.aria-label]=\"t().uiSave\"\n            (click)=\"onSave()\"></button>\n    </rt-aside-footer>\n</rt-aside>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-settings-aside{display:contents}}\n"], dependencies: [{ kind: "component", type: RtAsideComponent, selector: "rt-aside", inputs: ["size", "contentLayout", "width", "ariaLabel", "requestError", "trapFocus", "pending"] }, { kind: "component", type: RtAsideFooterComponent, selector: "rt-aside-footer" }, { kind: "component", type: RtAsideHeaderComponent, selector: "rt-aside-header", inputs: ["title", "overline", "subtitle", "badges", "closable", "loading"], outputs: ["dismiss"] }, { kind: "directive", type: RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { kind: "directive", type: RtContainerRightSidenavPanelDirective, selector: "[rtContainerRightSidenavPanel]", outputs: ["opened", "closed", "cancelled"], exportAs: ["rtContainerRightPanel"] }, { kind: "component", type: 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: RtTableSettingsPanelComponent, selector: "rt-table-settings-panel", inputs: ["items"], outputs: ["itemsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTableSettingsAsideComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-table-settings-aside', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        RtAsideComponent,
-                        RtAsideFooterComponent,
-                        RtAsideHeaderComponent,
-                        RtButtonDirective,
-                        RtContainerRightSidenavPanelDirective,
-                        RtIconButtonComponent,
-                        RtTableSettingsPanelComponent,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<ng-container rtContainerRightSidenavPanel #panel=\"rtContainerRightPanel\" (cancelled)=\"onCancel()\" (closed)=\"onClosed()\" />\n\n<rt-aside [ariaLabel]=\"t().uiColumnSettings\">\n    <rt-aside-header [title]=\"t().uiColumnSettingsTitle\" (dismiss)=\"onClose()\">\n        <rt-icon-button\n            asideActions\n            qa-dataid=\"table-settings-reset\"\n            icon=\"undo\"\n            variant=\"ghost\"\n            [tooltip]=\"t().uiResetDefaults\"\n            [ariaLabel]=\"t().uiResetDefaults\"\n            (clicked)=\"onReset()\" />\n    </rt-aside-header>\n\n    <rt-table-settings-panel [(items)]=\"items\" />\n\n    <rt-aside-footer>\n        <button\n            rtButton\n            asideDismiss\n            qa-dataid=\"table-settings-close\"\n            type=\"button\"\n            appearance=\"text\"\n            [label]=\"t().uiClose\"\n            [attr.aria-label]=\"t().uiClose\"\n            (click)=\"onClose()\"></button>\n        <button\n            rtButton\n            asidePrimary\n            qa-dataid=\"table-settings-save\"\n            type=\"button\"\n            [label]=\"t().uiSave\"\n            [attr.aria-label]=\"t().uiSave\"\n            (click)=\"onSave()\"></button>\n    </rt-aside-footer>\n</rt-aside>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-table-settings-aside{display:contents}}\n"] }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { RT_TABLE_ROW_ACTIONS_COLUMN, RtCopyCellComponent, RtRowHasActionsPipe, RtTableCardDirective, RtTableComponent, RtTableFilterHeaderComponent, RtTableRowActionsDirective, RtTableRowDirective, RtTableSettingsAsideComponent, RtTableSettingsPanelComponent, RtTableSettingsRegistry, RtTableSortHeaderComponent, ariaSortOf, defaultColumnItems, displayedColumnKeys, filterCellsOf, filterOf, filterValueOf, filtersWithOperator, filtersWithValue, isColumnSortable, nextSort, resolveColumns, rowHasAvailableActions, sortDirectionOf, startOperatorOf, withoutLockedHidden };
-//# sourceMappingURL=rt-tools-ui-kit-v2-table.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-table.mjs.map