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

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

@@ -1,260 +1,756 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, TemplateRef, Directive, DestroyRef, contentChild, computed, input, booleanAttribute, numberAttribute, output, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1 from '@angular/forms';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { map, filter } from 'rxjs';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import { RT_KIT_LABELS, rtKitLabel, searchDebounce } from '@rt-tools/ui-kit-v2/core';
-import { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';
-import { RtCheckboxComponent } from '@rt-tools/ui-kit-v2/checkbox';
-import { RtEmptyStateComponent } from '@rt-tools/ui-kit-v2/empty-state';
-import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
-import { RtInputComponent } from '@rt-tools/ui-kit-v2/input';
-import { RtPaginationComponent } from '@rt-tools/ui-kit-v2/pagination';
-import { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';
-
-/**
- * Маркеры частей панели инструментов — своим файлом, как у соседних семей.
- *
- * В имени класса стоит слово «Toolbar», хотя в разметке его нет: имя `RtDynamicListSelectorsDirective`
- * в дереве уже занято первым китом, и там оно означает другое — проводку состояния списка, а не
- * маркер стороны полосы. Два одинаковых имени в двух китах проверка дерева не пропускает.
- *
- * Каждый маркер держит свой шаблон и о списке не знает ничего: список читает маркеры среди своего
- * содержимого и берёт у них шаблон. Часть, которую потребитель не объявил, для списка просто
- * отсутствует.
- */
-/**
- * Левая сторона панели: то, чем человек отбирает записи.
- *
- * @example
- * ```html
- * <rt-dynamic-list>
- *     <ng-container *rtDynamicListSelectors>
- *         <rt-select [options]="stages()" />
- *     </ng-container>
- * </rt-dynamic-list>
- * ```
- */
-class RtDynamicListToolbarSelectorsDirective {
-    constructor() {
-        this.templateRef = inject(TemplateRef);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDynamicListToolbarSelectorsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtDynamicListToolbarSelectorsDirective, isStandalone: true, selector: "[rtDynamicListSelectors]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDynamicListToolbarSelectorsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtDynamicListSelectors]',
-                }]
-        }] });
-/** Правая сторона панели: действия над разделом. Поле поиска стоит после них и остаётся за семьёй. */
-class RtDynamicListToolbarActionsDirective {
-    constructor() {
-        this.templateRef = inject(TemplateRef);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDynamicListToolbarActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtDynamicListToolbarActionsDirective, isStandalone: true, selector: "[rtDynamicListActions]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDynamicListToolbarActionsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtDynamicListActions]',
-                }]
-        }] });
-
-const BEM_BLOCK = 'rt-dynamic-list';
-/**
- * Размеры страницы, которые предлагает полоса страниц. Семья передаёт их полосе сама: по наименьшему
- * из них она решает, рисовать ли полосу, и то же решение принимает полоса у себя.
- */
-const PER_PAGE_OPTIONS = [20, 50, 100];
-/**
- * Список записей со своей панелью инструментов.
- *
- * Полосу панели семья раскладывает сама, а не зовёт `rt-toolbar`: у того стороны объявлены
- * нешринкующимися, и на хозяине уже́ содержимого полоса раздаётся шире него и уезжает за край.
- * Семья кладёт в полосу готовые части кита — поле, кнопки, флажок, — а строит её сама.
- *
- * Семья ничего не рисует сама: поиск — поле кита, действия — его кнопки со значком, пустое место —
- * его пустое состояние, страницы — его нумерация. Сами записи проецируются: таблица между панелью
- * и страницами — потребителя, с его колонками, ячейками и действиями строки.
- *
- * Договорённость — `docs/specs/ui-kit-v2/dynamic-list/`.
- */
-class RtDynamicListComponent {
-    #destroyRef;
-    /**
-     * Последнее, что знают и потребитель, и поле: отправленное потребителю или поставленное им самим.
-     * Одно и то же дважды не спрашивается, а поставленное потребителем не возвращается ему эхом.
-     */
-    #lastSearch;
-    constructor() {
-        this.#destroyRef = inject(DestroyRef);
-        /**
-         * Последнее, что знают и потребитель, и поле: отправленное потребителю или поставленное им самим.
-         * Одно и то же дважды не спрашивается, а поставленное потребителем не возвращается ему эхом.
-         */
-        this.#lastSearch = '';
-        this.t = inject(RT_KIT_LABELS);
-        this.searchControl = new FormControl('', { nonNullable: true });
-        this.perPageOptions = PER_PAGE_OPTIONS;
-        this.selectorsTpl = contentChild(RtDynamicListToolbarSelectorsDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selectorsTpl" }] : /* istanbul ignore next */ []));
-        this.actionsTpl = contentChild(RtDynamicListToolbarActionsDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "actionsTpl" }] : /* istanbul ignore next */ []));
-        /** «Выбрано: N» — подпись с подстановкой, потому её берут не из карты, а вызовом. */
-        this.selectedLabel = rtKitLabel('uiSelectedCount', computed(() => ({ count: this.selectedCount() })));
-        /** Отчего пусто. Отбор стоит — значит, записи убрал он, и человеку показывают дорогу назад. */
-        this.emptyReason = computed(() => this.filtered() ? 'filter' : 'section', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyReason" }] : /* istanbul ignore next */ []));
-        /** Значок пустого места: под отбором — лупа, у пустого раздела — лоток. */
-        this.emptyIcon = computed(() => this.emptyReason() === 'filter' ? 'search' : 'inbox', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyIcon" }] : /* istanbul ignore next */ []));
-        /** Подпись пустого места. Своя подпись потребителя сильнее обеих подписей кита. */
-        this.emptyTitleText = computed(() => {
-            if (this.emptyTitle()) {
-                return this.emptyTitle();
-            }
-            return this.emptyReason() === 'filter' ? this.t().uiNothingFound : this.t().uiNoRows;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyTitleText" }] : /* istanbul ignore next */ []));
-        /**
-         * Полоса страниц рисуется, пока записей больше наименьшего размера страницы — то же правило, что у
-         * самой полосы. Число страниц при нынешнем размере тут не решает: выбравший крупный размер, при
-         * котором всё легло на одну страницу, иначе терял вместе с полосой и дорогу к размеру поменьше.
-         */
-        this.isPaginationShown = computed(() => {
-            const page = this.pageModel();
-            if (!page || this.empty()) {
-                return false;
-            }
-            return page.totalCount > Math.min(...PER_PAGE_OPTIONS);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isPaginationShown" }] : /* istanbul ignore next */ []));
-        /**
-         * Есть ли в панели хоть что-нибудь. Полоса без единой части — это отступ над записями, и
-         * место она забирает у них.
-         */
-        this.isToolbarShown = computed(() => [
-            this.showSearch(),
-            this.showRefresh(),
-            this.showClearFilters(),
-            this.showColumnSettings(),
-            this.selectable(),
-            !!this.selectorsTpl(),
-            !!this.actionsTpl(),
-        ].some((part) => part), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isToolbarShown" }] : /* istanbul ignore next */ []));
-        /** Записи проецируются, и о числе страниц семья узнаёт только из модели страницы. */
-        this.pageModel = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "pageModel" }] : /* istanbul ignore next */ []));
-        /** Первая загрузка: вместо всего содержимого стоит вертушка. */
-        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Подгрузка поверх нарисованного: записи остаются на месте, вертушка стоит над ними. */
-        this.fetching = input(false, { ...(ngDevMode ? { debugName: "fetching" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Записей нет вовсе. От пустого ответа под отбором отличается входом `filtered`. */
-        this.empty = input(false, { ...(ngDevMode ? { debugName: "empty" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Отбор стоит. Вместе с `empty` даёт вторую причину пустоты — ту, у которой есть дорога назад. */
-        this.filtered = input(false, { ...(ngDevMode ? { debugName: "filtered" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Кнопка сброса отбора: показана у раздела с отбором, выключена, пока сбрасывать нечего. */
-        this.showClearFilters = input(false, { ...(ngDevMode ? { debugName: "showClearFilters" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.showRefresh = input(false, { ...(ngDevMode ? { debugName: "showRefresh" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.showColumnSettings = input(false, { ...(ngDevMode ? { debugName: "showColumnSettings" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.showSearch = input(true, { ...(ngDevMode ? { debugName: "showSearch" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Выбор записей: флажок «выбрать все» и счётчик выбранного на левой стороне панели. */
-        this.selectable = input(false, { ...(ngDevMode ? { debugName: "selectable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.allSelected = input(false, { ...(ngDevMode ? { debugName: "allSelected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.someSelected = input(false, { ...(ngDevMode ? { debugName: "someSelected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.selectAllDisabled = input(false, { ...(ngDevMode ? { debugName: "selectAllDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.selectedCount = input(0, { ...(ngDevMode ? { debugName: "selectedCount" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        this.emptyTitle = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyTitle" }] : /* istanbul ignore next */ []));
-        this.emptyDescription = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "emptyDescription" }] : /* istanbul ignore next */ []));
-        /** Поиск потребителя: поле следует за ним при каждой смене и потребителю его не возвращает. */
-        this.searchTerm = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "searchTerm" }] : /* istanbul ignore next */ []));
-        this.searchChange = output();
-        this.refreshed = output();
-        this.filtersCleared = output();
-        this.columnSettingsOpened = output();
-        this.pageChange = output();
-        this.perPageChange = output();
-        this.allSelectedChange = output();
-        // Поиск потребителя ставится в поле, только когда он отличается от последнего, что список
-        // отправил или поставил сам. Эхо отправленного — даже запоздалое, когда человек уже дописал
-        // дальше, — поле не трогает: иначе оно стирало бы набранное и сбивало каретку.
-        effect(() => {
-            const term = this.searchTerm() ?? '';
-            untracked(() => {
-                if (term.trim() === this.#lastSearch) {
-                    return;
-                }
-                this.#lastSearch = term.trim();
-                this.searchControl.setValue(term, { emitEvent: false });
-            });
-        });
-    }
-    ngOnInit() {
-        // Дебаунс непустого ввода; очистка крестиком применяется сразу — так же, как в списке
-        // переписок: оператор один на кит, и два разных ожидания разошлись бы молча.
-        this.searchControl.valueChanges
-            .pipe(map((value) => value.trim()), searchDebounce(), 
-        // Набранное, которое потребитель или сброс отбора успели заменить, уже не в поле.
-        filter((value) => value === this.searchControl.value.trim()), filter((value) => value !== this.#lastSearch), takeUntilDestroyed(this.#destroyRef))
-            .subscribe((value) => {
-            this.#lastSearch = value;
-            this.searchChange.emit(value);
-        });
-    }
-    onSelectAll(checked) {
-        this.allSelectedChange.emit(checked);
-    }
-    /**
-     * Сброс отбора снимает и поиск: пустой ответ под поиском — тоже ответ под отбором, и дорога назад
-     * без очистки поля вела бы к тому же пустому ответу. Поле очищается молча: `filtersCleared`
-     * уже значит «и поиск снят», и отдельный пустой `searchChange` заставил бы потребителя
-     * запрашивать список дважды.
-     */
-    onClearFilters() {
-        this.#lastSearch = '';
-        this.searchControl.setValue('', { emitEvent: false });
-        this.filtersCleared.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDynamicListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtDynamicListComponent, isStandalone: true, selector: "rt-dynamic-list", inputs: { pageModel: { classPropertyName: "pageModel", publicName: "pageModel", 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 }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, filtered: { classPropertyName: "filtered", publicName: "filtered", isSignal: true, isRequired: false, transformFunction: null }, showClearFilters: { classPropertyName: "showClearFilters", publicName: "showClearFilters", isSignal: true, isRequired: false, transformFunction: null }, showRefresh: { classPropertyName: "showRefresh", publicName: "showRefresh", isSignal: true, isRequired: false, transformFunction: null }, showColumnSettings: { classPropertyName: "showColumnSettings", publicName: "showColumnSettings", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, allSelected: { classPropertyName: "allSelected", publicName: "allSelected", isSignal: true, isRequired: false, transformFunction: null }, someSelected: { classPropertyName: "someSelected", publicName: "someSelected", isSignal: true, isRequired: false, transformFunction: null }, selectAllDisabled: { classPropertyName: "selectAllDisabled", publicName: "selectAllDisabled", isSignal: true, isRequired: false, transformFunction: null }, selectedCount: { classPropertyName: "selectedCount", publicName: "selectedCount", isSignal: true, isRequired: false, transformFunction: null }, emptyTitle: { classPropertyName: "emptyTitle", publicName: "emptyTitle", isSignal: true, isRequired: false, transformFunction: null }, emptyDescription: { classPropertyName: "emptyDescription", publicName: "emptyDescription", isSignal: true, isRequired: false, transformFunction: null }, searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchChange: "searchChange", refreshed: "refreshed", filtersCleared: "filtersCleared", columnSettingsOpened: "columnSettingsOpened", pageChange: "pageChange", perPageChange: "perPageChange", allSelectedChange: "allSelectedChange" }, host: { classAttribute: "rt-dynamic-list" }, queries: [{ propertyName: "selectorsTpl", first: true, predicate: RtDynamicListToolbarSelectorsDirective, descendants: true, isSignal: true }, { propertyName: "actionsTpl", first: true, predicate: RtDynamicListToolbarActionsDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-dynamic-list\">\n    @if (loading()) {\n        <div rtElem=\"loader\" qa-dataid=\"dynamic-list-loader\">\n            <rt-spinner />\n        </div>\n    } @else {\n        @if (fetching()) {\n            <div rtElem=\"veil\" qa-dataid=\"dynamic-list-veil\">\n                <rt-spinner />\n            </div>\n        }\n\n        @if (isToolbarShown()) {\n            <div rtElem=\"toolbar\" qa-dataid=\"dynamic-list-toolbar\">\n                @if (selectable() || selectorsTpl()) {\n                    <div rtElem=\"selectors\" qa-dataid=\"dynamic-list-selectors\">\n                        @if (selectable()) {\n                            <rt-checkbox\n                                qa-dataid=\"dynamic-list-select-all\"\n                                [ariaLabel]=\"t().uiSelectAll\"\n                                [ngModel]=\"allSelected()\"\n                                [indeterminate]=\"!allSelected() && someSelected()\"\n                                [disabled]=\"selectAllDisabled()\"\n                                (ngModelChange)=\"onSelectAll($event)\" />\n\n                            @if (selectedCount()) {\n                                <span rtElem=\"counter\" qa-dataid=\"dynamic-list-selected-count\">\n                                    {{ selectedLabel() }}\n                                </span>\n                            }\n                        }\n\n                        @if (selectorsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" />\n                        }\n                    </div>\n                }\n\n                <div rtElem=\"right\" qa-dataid=\"dynamic-list-right\">\n                    <div rtElem=\"actions\">\n                        @if (actionsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" />\n                        }\n\n                        @if (showClearFilters()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-clear-filters\"\n                                icon=\"filter-slash\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiClearFilters\"\n                                [tooltip]=\"t().uiClearFilters\"\n                                [disabled]=\"!filtered()\"\n                                (clicked)=\"onClearFilters()\" />\n                        }\n\n                        @if (showRefresh()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-refresh\"\n                                icon=\"refresh\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiRefresh\"\n                                [tooltip]=\"t().uiRefresh\"\n                                (clicked)=\"refreshed.emit()\" />\n                        }\n\n                        @if (showColumnSettings()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-column-settings\"\n                                icon=\"sliders-v\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiColumnSettings\"\n                                [tooltip]=\"t().uiColumnSettings\"\n                                (clicked)=\"columnSettingsOpened.emit()\" />\n                        }\n                    </div>\n\n                    @if (showSearch()) {\n                        <div rtElem=\"search\">\n                            <rt-input\n                                qa-dataid=\"dynamic-list-search\"\n                                iconLeft=\"search\"\n                                [placeholder]=\"t().uiSearch\"\n                                [formControl]=\"searchControl\" />\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n\n        @if (empty()) {\n            <rt-empty-state\n                rtElem=\"empty\"\n                qa-dataid=\"dynamic-list-empty\"\n                [icon]=\"emptyIcon()\"\n                [title]=\"emptyTitleText()\"\n                [description]=\"emptyDescription()\">\n                @if (emptyReason() === 'filter') {\n                    <button\n                        rtButton\n                        qa-dataid=\"dynamic-list-empty-clear\"\n                        type=\"button\"\n                        icon=\"filter-slash\"\n                        appearance=\"outlined\"\n                        size=\"sm\"\n                        [label]=\"t().uiClearFilters\"\n                        [attr.aria-label]=\"t().uiClearFilters\"\n                        (click)=\"onClearFilters()\"></button>\n                }\n            </rt-empty-state>\n        } @else {\n            <div rtElem=\"content\" qa-dataid=\"dynamic-list-content\">\n                <ng-content />\n            </div>\n\n            @if (isPaginationShown()) {\n                <rt-pagination\n                    rtElem=\"pagination\"\n                    qa-dataid=\"dynamic-list-pagination\"\n                    [pageModel]=\"pageModel()!\"\n                    [perPageOptions]=\"perPageOptions\"\n                    [loading]=\"fetching()\"\n                    (pageChange)=\"pageChange.emit($event)\"\n                    (perPageChange)=\"perPageChange.emit($event)\" />\n            }\n        }\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-dynamic-list{--rt-dynamic-list-gap: var(--rt-space-4);--rt-dynamic-list-search-width: var(--rt-size-64);--rt-dynamic-list-veil-bg: var(--rt-color-bg-surface);position:relative;display:flex;flex-direction:column;block-size:100%;gap:var(--rt-dynamic-list-gap);inline-size:100%;min-block-size:0}.rt-dynamic-list__loader{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--rt-space-8)}.rt-dynamic-list__veil{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--rt-dynamic-list-veil-bg) 60%,transparent);inset:0}.rt-dynamic-list__toolbar{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__selectors{display:flex;flex:0 1 auto;align-items:center;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__counter{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-dynamic-list__right{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--rt-space-1)}.rt-dynamic-list__search{flex:1 1 auto;max-inline-size:var(--rt-dynamic-list-search-width);min-inline-size:0}.rt-dynamic-list__content{display:flex;overflow:auto;flex:1 1 auto;flex-direction:column;isolation:isolate;min-block-size:0}.rt-dynamic-list__empty{flex:1 1 auto}.rt-dynamic-list__pagination{flex:0 0 auto}@media(width<=1080px){.rt-dynamic-list__right{flex-wrap:wrap}.rt-dynamic-list__search{max-inline-size:none}}}\n"], dependencies: [{ kind: "directive", type: 
-                // Angular
-                NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: 
-                // standalone components / directives
-                RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { kind: "component", type: RtCheckboxComponent, selector: "rt-checkbox", inputs: ["inputId", "ariaLabel", "disabled", "indeterminate"] }, { kind: "component", type: RtEmptyStateComponent, selector: "rt-empty-state", inputs: ["icon", "glyph", "title", "description", "framed"] }, { 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: RtPaginationComponent, selector: "rt-pagination", inputs: ["pageModel", "perPageOptions", "prevIcon", "nextIcon", "numbering", "loading"], outputs: ["pageChange", "perPageChange"] }, { kind: "component", type: RtSpinnerComponent, selector: "rt-spinner", inputs: ["diameter", "color", "appearance", "overlay", "backdrop", "plate"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDynamicListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-dynamic-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // Angular
-                        NgTemplateOutlet,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        // standalone components / directives
-                        RtButtonDirective,
-                        RtCheckboxComponent,
-                        RtEmptyStateComponent,
-                        RtIconButtonComponent,
-                        RtInputComponent,
-                        RtPaginationComponent,
-                        RtSpinnerComponent,
-                        BlockDirective,
-                        ElemDirective,
-                    ], host: { class: BEM_BLOCK }, template: "<ng-container rtBlock=\"rt-dynamic-list\">\n    @if (loading()) {\n        <div rtElem=\"loader\" qa-dataid=\"dynamic-list-loader\">\n            <rt-spinner />\n        </div>\n    } @else {\n        @if (fetching()) {\n            <div rtElem=\"veil\" qa-dataid=\"dynamic-list-veil\">\n                <rt-spinner />\n            </div>\n        }\n\n        @if (isToolbarShown()) {\n            <div rtElem=\"toolbar\" qa-dataid=\"dynamic-list-toolbar\">\n                @if (selectable() || selectorsTpl()) {\n                    <div rtElem=\"selectors\" qa-dataid=\"dynamic-list-selectors\">\n                        @if (selectable()) {\n                            <rt-checkbox\n                                qa-dataid=\"dynamic-list-select-all\"\n                                [ariaLabel]=\"t().uiSelectAll\"\n                                [ngModel]=\"allSelected()\"\n                                [indeterminate]=\"!allSelected() && someSelected()\"\n                                [disabled]=\"selectAllDisabled()\"\n                                (ngModelChange)=\"onSelectAll($event)\" />\n\n                            @if (selectedCount()) {\n                                <span rtElem=\"counter\" qa-dataid=\"dynamic-list-selected-count\">\n                                    {{ selectedLabel() }}\n                                </span>\n                            }\n                        }\n\n                        @if (selectorsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" />\n                        }\n                    </div>\n                }\n\n                <div rtElem=\"right\" qa-dataid=\"dynamic-list-right\">\n                    <div rtElem=\"actions\">\n                        @if (actionsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" />\n                        }\n\n                        @if (showClearFilters()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-clear-filters\"\n                                icon=\"filter-slash\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiClearFilters\"\n                                [tooltip]=\"t().uiClearFilters\"\n                                [disabled]=\"!filtered()\"\n                                (clicked)=\"onClearFilters()\" />\n                        }\n\n                        @if (showRefresh()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-refresh\"\n                                icon=\"refresh\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiRefresh\"\n                                [tooltip]=\"t().uiRefresh\"\n                                (clicked)=\"refreshed.emit()\" />\n                        }\n\n                        @if (showColumnSettings()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-column-settings\"\n                                icon=\"sliders-v\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiColumnSettings\"\n                                [tooltip]=\"t().uiColumnSettings\"\n                                (clicked)=\"columnSettingsOpened.emit()\" />\n                        }\n                    </div>\n\n                    @if (showSearch()) {\n                        <div rtElem=\"search\">\n                            <rt-input\n                                qa-dataid=\"dynamic-list-search\"\n                                iconLeft=\"search\"\n                                [placeholder]=\"t().uiSearch\"\n                                [formControl]=\"searchControl\" />\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n\n        @if (empty()) {\n            <rt-empty-state\n                rtElem=\"empty\"\n                qa-dataid=\"dynamic-list-empty\"\n                [icon]=\"emptyIcon()\"\n                [title]=\"emptyTitleText()\"\n                [description]=\"emptyDescription()\">\n                @if (emptyReason() === 'filter') {\n                    <button\n                        rtButton\n                        qa-dataid=\"dynamic-list-empty-clear\"\n                        type=\"button\"\n                        icon=\"filter-slash\"\n                        appearance=\"outlined\"\n                        size=\"sm\"\n                        [label]=\"t().uiClearFilters\"\n                        [attr.aria-label]=\"t().uiClearFilters\"\n                        (click)=\"onClearFilters()\"></button>\n                }\n            </rt-empty-state>\n        } @else {\n            <div rtElem=\"content\" qa-dataid=\"dynamic-list-content\">\n                <ng-content />\n            </div>\n\n            @if (isPaginationShown()) {\n                <rt-pagination\n                    rtElem=\"pagination\"\n                    qa-dataid=\"dynamic-list-pagination\"\n                    [pageModel]=\"pageModel()!\"\n                    [perPageOptions]=\"perPageOptions\"\n                    [loading]=\"fetching()\"\n                    (pageChange)=\"pageChange.emit($event)\"\n                    (perPageChange)=\"perPageChange.emit($event)\" />\n            }\n        }\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-dynamic-list{--rt-dynamic-list-gap: var(--rt-space-4);--rt-dynamic-list-search-width: var(--rt-size-64);--rt-dynamic-list-veil-bg: var(--rt-color-bg-surface);position:relative;display:flex;flex-direction:column;block-size:100%;gap:var(--rt-dynamic-list-gap);inline-size:100%;min-block-size:0}.rt-dynamic-list__loader{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--rt-space-8)}.rt-dynamic-list__veil{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--rt-dynamic-list-veil-bg) 60%,transparent);inset:0}.rt-dynamic-list__toolbar{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__selectors{display:flex;flex:0 1 auto;align-items:center;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__counter{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-dynamic-list__right{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--rt-space-1)}.rt-dynamic-list__search{flex:1 1 auto;max-inline-size:var(--rt-dynamic-list-search-width);min-inline-size:0}.rt-dynamic-list__content{display:flex;overflow:auto;flex:1 1 auto;flex-direction:column;isolation:isolate;min-block-size:0}.rt-dynamic-list__empty{flex:1 1 auto}.rt-dynamic-list__pagination{flex:0 0 auto}@media(width<=1080px){.rt-dynamic-list__right{flex-wrap:wrap}.rt-dynamic-list__search{max-inline-size:none}}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { selectorsTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtDynamicListToolbarSelectorsDirective), { isSignal: true }] }], actionsTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtDynamicListToolbarActionsDirective), { isSignal: true }] }], pageModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageModel", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], fetching: [{ type: i0.Input, args: [{ isSignal: true, alias: "fetching", required: false }] }], empty: [{ type: i0.Input, args: [{ isSignal: true, alias: "empty", required: false }] }], filtered: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtered", required: false }] }], showClearFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearFilters", required: false }] }], showRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRefresh", required: false }] }], showColumnSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "showColumnSettings", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], allSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "allSelected", required: false }] }], someSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "someSelected", required: false }] }], selectAllDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllDisabled", required: false }] }], selectedCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCount", required: false }] }], emptyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyTitle", required: false }] }], emptyDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyDescription", required: false }] }], searchTerm: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchTerm", required: false }] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }], refreshed: [{ type: i0.Output, args: ["refreshed"] }], filtersCleared: [{ type: i0.Output, args: ["filtersCleared"] }], columnSettingsOpened: [{ type: i0.Output, args: ["columnSettingsOpened"] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], perPageChange: [{ type: i0.Output, args: ["perPageChange"] }], allSelectedChange: [{ type: i0.Output, args: ["allSelectedChange"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, TemplateRef, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, inject, input, numberAttribute, output, untracked } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import * as i1 from "@angular/forms";
+import { FormControl, FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { filter, map } from "rxjs";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { RT_KIT_LABELS, rtKitLabel, searchDebounce } from "@rt-tools/ui-kit-v2/core";
+import { RtButtonDirective } from "@rt-tools/ui-kit-v2/button";
+import { RtCheckboxComponent } from "@rt-tools/ui-kit-v2/checkbox";
+import { RtEmptyStateComponent } from "@rt-tools/ui-kit-v2/empty-state";
+import { RtIconButtonComponent } from "@rt-tools/ui-kit-v2/icon-button";
+import { RtInputComponent } from "@rt-tools/ui-kit-v2/input";
+import { RtPaginationComponent } from "@rt-tools/ui-kit-v2/pagination";
+import { RtSpinnerComponent } from "@rt-tools/ui-kit-v2/spinner";
+var RtDynamicListToolbarSelectorsDirective = class RtDynamicListToolbarSelectorsDirective {
+	constructor() {
+		this.templateRef = inject(TemplateRef);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtDynamicListToolbarSelectorsDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtDynamicListToolbarSelectorsDirective,
+			isStandalone: true,
+			selector: "[rtDynamicListSelectors]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtDynamicListToolbarSelectorsDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtDynamicListSelectors]" }]
+	}]
+});
+var RtDynamicListToolbarActionsDirective = class RtDynamicListToolbarActionsDirective {
+	constructor() {
+		this.templateRef = inject(TemplateRef);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtDynamicListToolbarActionsDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtDynamicListToolbarActionsDirective,
+			isStandalone: true,
+			selector: "[rtDynamicListActions]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtDynamicListToolbarActionsDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtDynamicListActions]" }]
+	}]
+});
+const BEM_BLOCK = "rt-dynamic-list";
+const PER_PAGE_OPTIONS = [
+	20,
+	50,
+	100
+];
+var RtDynamicListComponent = class RtDynamicListComponent {
+	#destroyRef;
+	#lastSearch;
+	constructor() {
+		this.#destroyRef = inject(DestroyRef);
+		this.#lastSearch = "";
+		this.t = inject(RT_KIT_LABELS);
+		this.searchControl = new FormControl("", { nonNullable: true });
+		this.perPageOptions = PER_PAGE_OPTIONS;
+		this.selectorsTpl = contentChild(RtDynamicListToolbarSelectorsDirective, ...ngDevMode ? [{ debugName: "selectorsTpl" }] : /* istanbul ignore next */ []);
+		this.actionsTpl = contentChild(RtDynamicListToolbarActionsDirective, ...ngDevMode ? [{ debugName: "actionsTpl" }] : /* istanbul ignore next */ []);
+		this.selectedLabel = rtKitLabel("uiSelectedCount", computed(() => ({ count: this.selectedCount() })));
+		this.emptyReason = computed(() => this.filtered() ? "filter" : "section", ...ngDevMode ? [{ debugName: "emptyReason" }] : /* istanbul ignore next */ []);
+		this.emptyIcon = computed(() => this.emptyReason() === "filter" ? "search" : "inbox", ...ngDevMode ? [{ debugName: "emptyIcon" }] : /* istanbul ignore next */ []);
+		this.emptyTitleText = computed(() => {
+			if (this.emptyTitle()) return this.emptyTitle();
+			return this.emptyReason() === "filter" ? this.t().uiNothingFound : this.t().uiNoRows;
+		}, ...ngDevMode ? [{ debugName: "emptyTitleText" }] : /* istanbul ignore next */ []);
+		this.isPaginationShown = computed(() => {
+			const page = this.pageModel();
+			if (!page || this.empty()) return false;
+			return page.totalCount > Math.min(...PER_PAGE_OPTIONS);
+		}, ...ngDevMode ? [{ debugName: "isPaginationShown" }] : /* istanbul ignore next */ []);
+		this.isToolbarShown = computed(() => [
+			this.showSearch(),
+			this.showRefresh(),
+			this.showClearFilters(),
+			this.showColumnSettings(),
+			this.selectable(),
+			!!this.selectorsTpl(),
+			!!this.actionsTpl()
+		].some((part) => part), ...ngDevMode ? [{ debugName: "isToolbarShown" }] : /* istanbul ignore next */ []);
+		this.pageModel = input(null, ...ngDevMode ? [{ debugName: "pageModel" }] : /* istanbul ignore next */ []);
+		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.empty = input(false, {
+			...ngDevMode ? { debugName: "empty" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.filtered = input(false, {
+			...ngDevMode ? { debugName: "filtered" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.showClearFilters = input(false, {
+			...ngDevMode ? { debugName: "showClearFilters" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.showRefresh = input(false, {
+			...ngDevMode ? { debugName: "showRefresh" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.showColumnSettings = input(false, {
+			...ngDevMode ? { debugName: "showColumnSettings" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.showSearch = input(true, {
+			...ngDevMode ? { debugName: "showSearch" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.selectable = input(false, {
+			...ngDevMode ? { debugName: "selectable" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.allSelected = input(false, {
+			...ngDevMode ? { debugName: "allSelected" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.someSelected = input(false, {
+			...ngDevMode ? { debugName: "someSelected" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.selectAllDisabled = input(false, {
+			...ngDevMode ? { debugName: "selectAllDisabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.selectedCount = input(0, {
+			...ngDevMode ? { debugName: "selectedCount" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.emptyTitle = input("", ...ngDevMode ? [{ debugName: "emptyTitle" }] : /* istanbul ignore next */ []);
+		this.emptyDescription = input(null, ...ngDevMode ? [{ debugName: "emptyDescription" }] : /* istanbul ignore next */ []);
+		this.searchTerm = input("", ...ngDevMode ? [{ debugName: "searchTerm" }] : /* istanbul ignore next */ []);
+		this.searchChange = output();
+		this.refreshed = output();
+		this.filtersCleared = output();
+		this.columnSettingsOpened = output();
+		this.pageChange = output();
+		this.perPageChange = output();
+		this.allSelectedChange = output();
+		effect(() => {
+			const term = this.searchTerm() ?? "";
+			untracked(() => {
+				if (term.trim() === this.#lastSearch) return;
+				this.#lastSearch = term.trim();
+				this.searchControl.setValue(term, { emitEvent: false });
+			});
+		});
+	}
+	ngOnInit() {
+		this.searchControl.valueChanges.pipe(map((value) => value.trim()), searchDebounce(), filter((value) => value === this.searchControl.value.trim()), filter((value) => value !== this.#lastSearch), takeUntilDestroyed(this.#destroyRef)).subscribe((value) => {
+			this.#lastSearch = value;
+			this.searchChange.emit(value);
+		});
+	}
+	onSelectAll(checked) {
+		this.allSelectedChange.emit(checked);
+	}
+	onClearFilters() {
+		this.#lastSearch = "";
+		this.searchControl.setValue("", { emitEvent: false });
+		this.filtersCleared.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtDynamicListComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtDynamicListComponent,
+			isStandalone: true,
+			selector: "rt-dynamic-list",
+			inputs: {
+				pageModel: {
+					classPropertyName: "pageModel",
+					publicName: "pageModel",
+					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
+				},
+				empty: {
+					classPropertyName: "empty",
+					publicName: "empty",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				filtered: {
+					classPropertyName: "filtered",
+					publicName: "filtered",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showClearFilters: {
+					classPropertyName: "showClearFilters",
+					publicName: "showClearFilters",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showRefresh: {
+					classPropertyName: "showRefresh",
+					publicName: "showRefresh",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showColumnSettings: {
+					classPropertyName: "showColumnSettings",
+					publicName: "showColumnSettings",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showSearch: {
+					classPropertyName: "showSearch",
+					publicName: "showSearch",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selectable: {
+					classPropertyName: "selectable",
+					publicName: "selectable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				allSelected: {
+					classPropertyName: "allSelected",
+					publicName: "allSelected",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				someSelected: {
+					classPropertyName: "someSelected",
+					publicName: "someSelected",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selectAllDisabled: {
+					classPropertyName: "selectAllDisabled",
+					publicName: "selectAllDisabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selectedCount: {
+					classPropertyName: "selectedCount",
+					publicName: "selectedCount",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				emptyTitle: {
+					classPropertyName: "emptyTitle",
+					publicName: "emptyTitle",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				emptyDescription: {
+					classPropertyName: "emptyDescription",
+					publicName: "emptyDescription",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				searchTerm: {
+					classPropertyName: "searchTerm",
+					publicName: "searchTerm",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				searchChange: "searchChange",
+				refreshed: "refreshed",
+				filtersCleared: "filtersCleared",
+				columnSettingsOpened: "columnSettingsOpened",
+				pageChange: "pageChange",
+				perPageChange: "perPageChange",
+				allSelectedChange: "allSelectedChange"
+			},
+			host: { classAttribute: "rt-dynamic-list" },
+			queries: [{
+				propertyName: "selectorsTpl",
+				first: true,
+				predicate: RtDynamicListToolbarSelectorsDirective,
+				descendants: true,
+				isSignal: true
+			}, {
+				propertyName: "actionsTpl",
+				first: true,
+				predicate: RtDynamicListToolbarActionsDirective,
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-dynamic-list\">\n    @if (loading()) {\n        <div rtElem=\"loader\" qa-dataid=\"dynamic-list-loader\">\n            <rt-spinner />\n        </div>\n    } @else {\n        @if (fetching()) {\n            <div rtElem=\"veil\" qa-dataid=\"dynamic-list-veil\">\n                <rt-spinner />\n            </div>\n        }\n\n        @if (isToolbarShown()) {\n            <div rtElem=\"toolbar\" qa-dataid=\"dynamic-list-toolbar\">\n                @if (selectable() || selectorsTpl()) {\n                    <div rtElem=\"selectors\" qa-dataid=\"dynamic-list-selectors\">\n                        @if (selectable()) {\n                            <rt-checkbox\n                                qa-dataid=\"dynamic-list-select-all\"\n                                [ariaLabel]=\"t().uiSelectAll\"\n                                [ngModel]=\"allSelected()\"\n                                [indeterminate]=\"!allSelected() && someSelected()\"\n                                [disabled]=\"selectAllDisabled()\"\n                                (ngModelChange)=\"onSelectAll($event)\" />\n\n                            @if (selectedCount()) {\n                                <span rtElem=\"counter\" qa-dataid=\"dynamic-list-selected-count\">\n                                    {{ selectedLabel() }}\n                                </span>\n                            }\n                        }\n\n                        @if (selectorsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" />\n                        }\n                    </div>\n                }\n\n                <div rtElem=\"right\" qa-dataid=\"dynamic-list-right\">\n                    <div rtElem=\"actions\">\n                        @if (actionsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" />\n                        }\n\n                        @if (showClearFilters()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-clear-filters\"\n                                icon=\"filter-slash\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiClearFilters\"\n                                [tooltip]=\"t().uiClearFilters\"\n                                [disabled]=\"!filtered()\"\n                                (clicked)=\"onClearFilters()\" />\n                        }\n\n                        @if (showRefresh()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-refresh\"\n                                icon=\"refresh\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiRefresh\"\n                                [tooltip]=\"t().uiRefresh\"\n                                (clicked)=\"refreshed.emit()\" />\n                        }\n\n                        @if (showColumnSettings()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-column-settings\"\n                                icon=\"sliders-v\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiColumnSettings\"\n                                [tooltip]=\"t().uiColumnSettings\"\n                                (clicked)=\"columnSettingsOpened.emit()\" />\n                        }\n                    </div>\n\n                    @if (showSearch()) {\n                        <div rtElem=\"search\">\n                            <rt-input\n                                qa-dataid=\"dynamic-list-search\"\n                                iconLeft=\"search\"\n                                [placeholder]=\"t().uiSearch\"\n                                [formControl]=\"searchControl\" />\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n\n        @if (empty()) {\n            <rt-empty-state\n                rtElem=\"empty\"\n                qa-dataid=\"dynamic-list-empty\"\n                [icon]=\"emptyIcon()\"\n                [title]=\"emptyTitleText()\"\n                [description]=\"emptyDescription()\">\n                @if (emptyReason() === 'filter') {\n                    <button\n                        rtButton\n                        qa-dataid=\"dynamic-list-empty-clear\"\n                        type=\"button\"\n                        icon=\"filter-slash\"\n                        appearance=\"outlined\"\n                        size=\"sm\"\n                        [label]=\"t().uiClearFilters\"\n                        [attr.aria-label]=\"t().uiClearFilters\"\n                        (click)=\"onClearFilters()\"></button>\n                }\n            </rt-empty-state>\n        } @else {\n            <div rtElem=\"content\" qa-dataid=\"dynamic-list-content\">\n                <ng-content />\n            </div>\n\n            @if (isPaginationShown()) {\n                <rt-pagination\n                    rtElem=\"pagination\"\n                    qa-dataid=\"dynamic-list-pagination\"\n                    [pageModel]=\"pageModel()!\"\n                    [perPageOptions]=\"perPageOptions\"\n                    [loading]=\"fetching()\"\n                    (pageChange)=\"pageChange.emit($event)\"\n                    (perPageChange)=\"perPageChange.emit($event)\" />\n            }\n        }\n    }\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-dynamic-list{--rt-dynamic-list-gap: var(--rt-space-4);--rt-dynamic-list-search-width: var(--rt-size-64);--rt-dynamic-list-veil-bg: var(--rt-color-bg-surface);position:relative;display:flex;flex-direction:column;block-size:100%;gap:var(--rt-dynamic-list-gap);inline-size:100%;min-block-size:0}.rt-dynamic-list__loader{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--rt-space-8)}.rt-dynamic-list__veil{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--rt-dynamic-list-veil-bg) 60%,transparent);inset:0}.rt-dynamic-list__toolbar{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__selectors{display:flex;flex:0 1 auto;align-items:center;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__counter{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-dynamic-list__right{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--rt-space-1)}.rt-dynamic-list__search{flex:1 1 auto;max-inline-size:var(--rt-dynamic-list-search-width);min-inline-size:0}.rt-dynamic-list__content{display:flex;overflow:auto;flex:1 1 auto;flex-direction:column;isolation:isolate;min-block-size:0}.rt-dynamic-list__empty{flex:1 1 auto}.rt-dynamic-list__pagination{flex:0 0 auto}@media(width<=1080px){.rt-dynamic-list__right{flex-wrap:wrap}.rt-dynamic-list__search{max-inline-size:none}}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				},
+				{
+					kind: "ngmodule",
+					type: ReactiveFormsModule
+				},
+				{
+					kind: "directive",
+					type: i1.FormControlDirective,
+					selector: "[formControl]",
+					inputs: [
+						"formControl",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: RtButtonDirective,
+					selector: "button[rtButton], a[rtButton]",
+					inputs: [
+						"label",
+						"icon",
+						"iconPos",
+						"theme",
+						"appearance",
+						"size",
+						"loading",
+						"loadingIcon",
+						"loadingLabel",
+						"pressed"
+					]
+				},
+				{
+					kind: "component",
+					type: RtCheckboxComponent,
+					selector: "rt-checkbox",
+					inputs: [
+						"inputId",
+						"ariaLabel",
+						"disabled",
+						"indeterminate"
+					]
+				},
+				{
+					kind: "component",
+					type: RtEmptyStateComponent,
+					selector: "rt-empty-state",
+					inputs: [
+						"icon",
+						"glyph",
+						"title",
+						"description",
+						"framed"
+					]
+				},
+				{
+					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: RtPaginationComponent,
+					selector: "rt-pagination",
+					inputs: [
+						"pageModel",
+						"perPageOptions",
+						"prevIcon",
+						"nextIcon",
+						"numbering",
+						"loading"
+					],
+					outputs: ["pageChange", "perPageChange"]
+				},
+				{
+					kind: "component",
+					type: RtSpinnerComponent,
+					selector: "rt-spinner",
+					inputs: [
+						"diameter",
+						"color",
+						"appearance",
+						"overlay",
+						"backdrop",
+						"plate"
+					]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtDynamicListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-dynamic-list",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				NgTemplateOutlet,
+				FormsModule,
+				ReactiveFormsModule,
+				RtButtonDirective,
+				RtCheckboxComponent,
+				RtEmptyStateComponent,
+				RtIconButtonComponent,
+				RtInputComponent,
+				RtPaginationComponent,
+				RtSpinnerComponent,
+				BlockDirective,
+				ElemDirective
+			],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-dynamic-list\">\n    @if (loading()) {\n        <div rtElem=\"loader\" qa-dataid=\"dynamic-list-loader\">\n            <rt-spinner />\n        </div>\n    } @else {\n        @if (fetching()) {\n            <div rtElem=\"veil\" qa-dataid=\"dynamic-list-veil\">\n                <rt-spinner />\n            </div>\n        }\n\n        @if (isToolbarShown()) {\n            <div rtElem=\"toolbar\" qa-dataid=\"dynamic-list-toolbar\">\n                @if (selectable() || selectorsTpl()) {\n                    <div rtElem=\"selectors\" qa-dataid=\"dynamic-list-selectors\">\n                        @if (selectable()) {\n                            <rt-checkbox\n                                qa-dataid=\"dynamic-list-select-all\"\n                                [ariaLabel]=\"t().uiSelectAll\"\n                                [ngModel]=\"allSelected()\"\n                                [indeterminate]=\"!allSelected() && someSelected()\"\n                                [disabled]=\"selectAllDisabled()\"\n                                (ngModelChange)=\"onSelectAll($event)\" />\n\n                            @if (selectedCount()) {\n                                <span rtElem=\"counter\" qa-dataid=\"dynamic-list-selected-count\">\n                                    {{ selectedLabel() }}\n                                </span>\n                            }\n                        }\n\n                        @if (selectorsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" />\n                        }\n                    </div>\n                }\n\n                <div rtElem=\"right\" qa-dataid=\"dynamic-list-right\">\n                    <div rtElem=\"actions\">\n                        @if (actionsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" />\n                        }\n\n                        @if (showClearFilters()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-clear-filters\"\n                                icon=\"filter-slash\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiClearFilters\"\n                                [tooltip]=\"t().uiClearFilters\"\n                                [disabled]=\"!filtered()\"\n                                (clicked)=\"onClearFilters()\" />\n                        }\n\n                        @if (showRefresh()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-refresh\"\n                                icon=\"refresh\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiRefresh\"\n                                [tooltip]=\"t().uiRefresh\"\n                                (clicked)=\"refreshed.emit()\" />\n                        }\n\n                        @if (showColumnSettings()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-list-column-settings\"\n                                icon=\"sliders-v\"\n                                size=\"sm\"\n                                [ariaLabel]=\"t().uiColumnSettings\"\n                                [tooltip]=\"t().uiColumnSettings\"\n                                (clicked)=\"columnSettingsOpened.emit()\" />\n                        }\n                    </div>\n\n                    @if (showSearch()) {\n                        <div rtElem=\"search\">\n                            <rt-input\n                                qa-dataid=\"dynamic-list-search\"\n                                iconLeft=\"search\"\n                                [placeholder]=\"t().uiSearch\"\n                                [formControl]=\"searchControl\" />\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n\n        @if (empty()) {\n            <rt-empty-state\n                rtElem=\"empty\"\n                qa-dataid=\"dynamic-list-empty\"\n                [icon]=\"emptyIcon()\"\n                [title]=\"emptyTitleText()\"\n                [description]=\"emptyDescription()\">\n                @if (emptyReason() === 'filter') {\n                    <button\n                        rtButton\n                        qa-dataid=\"dynamic-list-empty-clear\"\n                        type=\"button\"\n                        icon=\"filter-slash\"\n                        appearance=\"outlined\"\n                        size=\"sm\"\n                        [label]=\"t().uiClearFilters\"\n                        [attr.aria-label]=\"t().uiClearFilters\"\n                        (click)=\"onClearFilters()\"></button>\n                }\n            </rt-empty-state>\n        } @else {\n            <div rtElem=\"content\" qa-dataid=\"dynamic-list-content\">\n                <ng-content />\n            </div>\n\n            @if (isPaginationShown()) {\n                <rt-pagination\n                    rtElem=\"pagination\"\n                    qa-dataid=\"dynamic-list-pagination\"\n                    [pageModel]=\"pageModel()!\"\n                    [perPageOptions]=\"perPageOptions\"\n                    [loading]=\"fetching()\"\n                    (pageChange)=\"pageChange.emit($event)\"\n                    (perPageChange)=\"perPageChange.emit($event)\" />\n            }\n        }\n    }\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-dynamic-list{--rt-dynamic-list-gap: var(--rt-space-4);--rt-dynamic-list-search-width: var(--rt-size-64);--rt-dynamic-list-veil-bg: var(--rt-color-bg-surface);position:relative;display:flex;flex-direction:column;block-size:100%;gap:var(--rt-dynamic-list-gap);inline-size:100%;min-block-size:0}.rt-dynamic-list__loader{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--rt-space-8)}.rt-dynamic-list__veil{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--rt-dynamic-list-veil-bg) 60%,transparent);inset:0}.rt-dynamic-list__toolbar{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__selectors{display:flex;flex:0 1 auto;align-items:center;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__counter{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-dynamic-list__right{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--rt-space-2);min-inline-size:0}.rt-dynamic-list__actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--rt-space-1)}.rt-dynamic-list__search{flex:1 1 auto;max-inline-size:var(--rt-dynamic-list-search-width);min-inline-size:0}.rt-dynamic-list__content{display:flex;overflow:auto;flex:1 1 auto;flex-direction:column;isolation:isolate;min-block-size:0}.rt-dynamic-list__empty{flex:1 1 auto}.rt-dynamic-list__pagination{flex:0 0 auto}@media(width<=1080px){.rt-dynamic-list__right{flex-wrap:wrap}.rt-dynamic-list__search{max-inline-size:none}}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		selectorsTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtDynamicListToolbarSelectorsDirective), { isSignal: true }]
+		}],
+		actionsTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtDynamicListToolbarActionsDirective), { isSignal: true }]
+		}],
+		pageModel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageModel",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		fetching: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fetching",
+				required: false
+			}]
+		}],
+		empty: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "empty",
+				required: false
+			}]
+		}],
+		filtered: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filtered",
+				required: false
+			}]
+		}],
+		showClearFilters: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showClearFilters",
+				required: false
+			}]
+		}],
+		showRefresh: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showRefresh",
+				required: false
+			}]
+		}],
+		showColumnSettings: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showColumnSettings",
+				required: false
+			}]
+		}],
+		showSearch: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showSearch",
+				required: false
+			}]
+		}],
+		selectable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectable",
+				required: false
+			}]
+		}],
+		allSelected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "allSelected",
+				required: false
+			}]
+		}],
+		someSelected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "someSelected",
+				required: false
+			}]
+		}],
+		selectAllDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectAllDisabled",
+				required: false
+			}]
+		}],
+		selectedCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedCount",
+				required: false
+			}]
+		}],
+		emptyTitle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyTitle",
+				required: false
+			}]
+		}],
+		emptyDescription: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyDescription",
+				required: false
+			}]
+		}],
+		searchTerm: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchTerm",
+				required: false
+			}]
+		}],
+		searchChange: [{
+			type: i0.Output,
+			args: ["searchChange"]
+		}],
+		refreshed: [{
+			type: i0.Output,
+			args: ["refreshed"]
+		}],
+		filtersCleared: [{
+			type: i0.Output,
+			args: ["filtersCleared"]
+		}],
+		columnSettingsOpened: [{
+			type: i0.Output,
+			args: ["columnSettingsOpened"]
+		}],
+		pageChange: [{
+			type: i0.Output,
+			args: ["pageChange"]
+		}],
+		perPageChange: [{
+			type: i0.Output,
+			args: ["perPageChange"]
+		}],
+		allSelectedChange: [{
+			type: i0.Output,
+			args: ["allSelectedChange"]
+		}]
+	}
+});
 export { RtDynamicListComponent, RtDynamicListToolbarActionsDirective, RtDynamicListToolbarSelectorsDirective };
-//# sourceMappingURL=rt-tools-ui-kit-v2-dynamic-list.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-dynamic-list.mjs.map