@dmytrokhylko/tb-cdu-ui 0.1.1

package/README.md

@@ -0,0 +1,63 @@
+# TbUi
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build tb-ui
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/tb-ui
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/dmytrokhylko-tb-cdu-ui.mjs

@@ -0,0 +1,586 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import * as i6 from '@angular/cdk/scrolling';
+import { CdkScrollableModule } from '@angular/cdk/scrolling';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, computed, Component, model, output, signal, viewChild, inject, Injector, DestroyRef, effect, untracked, afterNextRender, ChangeDetectionStrategy } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i14 from '@angular/forms';
+import { FormControl } from '@angular/forms';
+import * as i3 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i10 from '@angular/material/table';
+import { MatTable } from '@angular/material/table';
+import { PageLink, Direction, SharedModule, EntityKeyType } from '@shared/public-api';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import * as i1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i2$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5 from '@angular/material/input';
+import * as i7 from '@angular/material/toolbar';
+import * as i8 from '@angular/material/menu';
+import * as i9 from '@angular/material/tooltip';
+import * as i11 from '@angular/material/paginator';
+import * as i12 from '@angular/material/sort';
+import * as i13 from '@angular/material/divider';
+import { findEntityKeyByColumnDef } from '@home/components/public-api';
+
+const DEFAULT_PAGE_LINK_PAGE_SIZE = 20;
+const DEFAULT_PAGE_SIZES = [
+    DEFAULT_PAGE_LINK_PAGE_SIZE,
+    DEFAULT_PAGE_LINK_PAGE_SIZE * 5,
+    DEFAULT_PAGE_LINK_PAGE_SIZE * 10,
+];
+
+var LoadingPhase;
+(function (LoadingPhase) {
+    LoadingPhase["IDLE"] = "idle";
+    LoadingPhase["GENERATING"] = "generating";
+    LoadingPhase["POLLING"] = "polling";
+    LoadingPhase["FETCHING"] = "fetching";
+})(LoadingPhase || (LoadingPhase = {}));
+const getLoadingState = {
+    idle: () => ({ phase: LoadingPhase.IDLE }),
+    generating: () => ({ phase: LoadingPhase.GENERATING }),
+    polling: (processed, total) => ({
+        phase: LoadingPhase.POLLING,
+        processed,
+        total,
+    }),
+    fetching: () => ({ phase: LoadingPhase.FETCHING }),
+};
+
+class LoadingOverlayComponent {
+    state = input.required(...(ngDevMode ? [{ debugName: "state" }] : []));
+    mode = input('determinate', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    generating = input('loading.generating', ...(ngDevMode ? [{ debugName: "generating" }] : []));
+    processingDeterminate = input('loading.polling.determinate', ...(ngDevMode ? [{ debugName: "processingDeterminate" }] : []));
+    processingIndeterminate = input('loading.polling.indeterminate', ...(ngDevMode ? [{ debugName: "processingIndeterminate" }] : []));
+    fetching = input('loading.fetching', ...(ngDevMode ? [{ debugName: "fetching" }] : []));
+    LoadingPhase = LoadingPhase;
+    spinnerMode = computed(() => {
+        if (this.state().phase !== LoadingPhase.POLLING || this.mode() !== 'determinate') {
+            return 'indeterminate';
+        }
+        return this.percentage() > 0 ? 'determinate' : 'indeterminate';
+    }, ...(ngDevMode ? [{ debugName: "spinnerMode" }] : []));
+    percentage = computed(() => {
+        const state = this.state();
+        return state.phase === LoadingPhase.POLLING && state.total > 0
+            ? Math.floor((state.processed / state.total) * 100)
+            : 0;
+    }, ...(ngDevMode ? [{ debugName: "percentage" }] : []));
+    pollingProcessed = computed(() => {
+        const state = this.state();
+        return state.phase === LoadingPhase.POLLING ? state.processed : 0;
+    }, ...(ngDevMode ? [{ debugName: "pollingProcessed" }] : []));
+    pollingTotal = computed(() => {
+        const state = this.state();
+        return state.phase === LoadingPhase.POLLING ? state.total : 0;
+    }, ...(ngDevMode ? [{ debugName: "pollingTotal" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: LoadingOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: LoadingOverlayComponent, isStandalone: true, selector: "tb-loading-overlay", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, generating: { classPropertyName: "generating", publicName: "generating", isSignal: true, isRequired: false, transformFunction: null }, processingDeterminate: { classPropertyName: "processingDeterminate", publicName: "processingDeterminate", isSignal: true, isRequired: false, transformFunction: null }, processingIndeterminate: { classPropertyName: "processingIndeterminate", publicName: "processingIndeterminate", isSignal: true, isRequired: false, transformFunction: null }, fetching: { classPropertyName: "fetching", publicName: "fetching", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"loading-overlay\">\n  <mat-spinner diameter=\"50\" [mode]=\"spinnerMode()\" [value]=\"percentage()\"></mat-spinner>\n  <span class=\"loading-text\">\n    @switch (state().phase) {\n      @case (LoadingPhase.POLLING) {\n        @if (spinnerMode() === 'determinate') {\n          {{ processingDeterminate() | translate }} {{ pollingProcessed() }}/{{ pollingTotal() }}\n        } @else {\n          {{ processingIndeterminate() | translate }}\n        }\n      }\n      @case (LoadingPhase.GENERATING) {\n        {{ generating() | translate }}\n      }\n      @case (LoadingPhase.FETCHING) {\n        {{ fetching() | translate }}\n      }\n    }\n  </span>\n</div>\n", styles: [".loading-overlay{position:absolute;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffb3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.loading-text{margin-top:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: LoadingOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [TranslateModule, MatProgressSpinnerModule], selector: 'tb-loading-overlay', template: "<div class=\"loading-overlay\">\n  <mat-spinner diameter=\"50\" [mode]=\"spinnerMode()\" [value]=\"percentage()\"></mat-spinner>\n  <span class=\"loading-text\">\n    @switch (state().phase) {\n      @case (LoadingPhase.POLLING) {\n        @if (spinnerMode() === 'determinate') {\n          {{ processingDeterminate() | translate }} {{ pollingProcessed() }}/{{ pollingTotal() }}\n        } @else {\n          {{ processingIndeterminate() | translate }}\n        }\n      }\n      @case (LoadingPhase.GENERATING) {\n        {{ generating() | translate }}\n      }\n      @case (LoadingPhase.FETCHING) {\n        {{ fetching() | translate }}\n      }\n    }\n  </span>\n</div>\n", styles: [".loading-overlay{position:absolute;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffb3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.loading-text{margin-top:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}\n"] }]
+        }], propDecorators: { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], generating: [{ type: i0.Input, args: [{ isSignal: true, alias: "generating", required: false }] }], processingDeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "processingDeterminate", required: false }] }], processingIndeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "processingIndeterminate", required: false }] }], fetching: [{ type: i0.Input, args: [{ isSignal: true, alias: "fetching", required: false }] }] } });
+
+class BaseTableComponent {
+    dataSource = input.required(...(ngDevMode ? [{ debugName: "dataSource" }] : []));
+    columns = input.required(...(ngDevMode ? [{ debugName: "columns" }] : []));
+    displayedColumns = input.required(...(ngDevMode ? [{ debugName: "displayedColumns" }] : []));
+    loadingState = input.required(...(ngDevMode ? [{ debugName: "loadingState" }] : []));
+    widgetTitle = input('widget.widget-title', ...(ngDevMode ? [{ debugName: "widgetTitle" }] : []));
+    noDataMessage = input('entity.no-data', ...(ngDevMode ? [{ debugName: "noDataMessage" }] : []));
+    totalElements = input(0, ...(ngDevMode ? [{ debugName: "totalElements" }] : []));
+    pageSizeOptions = input(DEFAULT_PAGE_SIZES, ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+    selectionEnabled = input(false, ...(ngDevMode ? [{ debugName: "selectionEnabled" }] : []));
+    rowActions = input([], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
+    headerActions = input([], ...(ngDevMode ? [{ debugName: "headerActions" }] : []));
+    bulkActions = input([], ...(ngDevMode ? [{ debugName: "bulkActions" }] : []));
+    expandable = input(false, ...(ngDevMode ? [{ debugName: "expandable" }] : []));
+    expandedRowTemplate = input(null, ...(ngDevMode ? [{ debugName: "expandedRowTemplate" }] : []));
+    expansionTrackBy = input((entity) => entity, ...(ngDevMode ? [{ debugName: "expansionTrackBy" }] : []));
+    selectionTrackBy = input((entity) => entity, ...(ngDevMode ? [{ debugName: "selectionTrackBy" }] : []));
+    clearSelectionTrigger = input(undefined, ...(ngDevMode ? [{ debugName: "clearSelectionTrigger" }] : []));
+    pageLink = model(new PageLink(this.pageSizeOptions()[0]), ...(ngDevMode ? [{ debugName: "pageLink" }] : []));
+    rowClick = output();
+    cellClick = output();
+    actionClick = output();
+    headerActionClick = output();
+    bulkActionClick = output();
+    selectionChange = output();
+    expansionChange = output();
+    textSearchMode = signal(false, ...(ngDevMode ? [{ debugName: "textSearchMode" }] : []));
+    selection = new SelectionModel(true, []);
+    expandedKeys = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedKeys" }] : []));
+    lastExpandedKey = signal(null, ...(ngDevMode ? [{ debugName: "lastExpandedKey" }] : []));
+    detailRowColumns = computed(() => ['expandedDetail'], ...(ngDevMode ? [{ debugName: "detailRowColumns" }] : []));
+    selectionCount = signal(0, ...(ngDevMode ? [{ debugName: "selectionCount" }] : []));
+    isLoadingState = computed(() => {
+        return this.loadingState().phase === LoadingPhase.GENERATING || this.loadingState().phase === LoadingPhase.POLLING;
+    }, ...(ngDevMode ? [{ debugName: "isLoadingState" }] : []));
+    toolbarMode = computed(() => {
+        if (this.selectionEnabled() && this.selectionCount() > 0)
+            return 'bulk';
+        if (this.textSearchMode())
+            return 'search';
+        return 'default';
+    }, ...(ngDevMode ? [{ debugName: "toolbarMode" }] : []));
+    effectiveDisplayedColumns = computed(() => {
+        const cols = [...this.displayedColumns()];
+        if (this.selectionEnabled())
+            cols.unshift('select');
+        if (this.rowActions().length > 0 || this.expandable())
+            cols.push('actions');
+        return cols;
+    }, ...(ngDevMode ? [{ debugName: "effectiveDisplayedColumns" }] : []));
+    visibleHeaderActions = computed(() => this.headerActions().filter((action) => !action.visible || action.visible()), ...(ngDevMode ? [{ debugName: "visibleHeaderActions" }] : []));
+    visibleBulkActions = computed(() => this.bulkActions().filter((action) => !action.visible || action.visible()), ...(ngDevMode ? [{ debugName: "visibleBulkActions" }] : []));
+    pageLinkSortDirection = computed(() => {
+        const order = this.pageLink().sortOrder;
+        return order && order.direction ? order.direction.toLowerCase() : '';
+    }, ...(ngDevMode ? [{ debugName: "pageLinkSortDirection" }] : []));
+    searchControl = new FormControl('', { nonNullable: true });
+    searchInputField = viewChild('searchInput', ...(ngDevMode ? [{ debugName: "searchInputField" }] : []));
+    table = viewChild((MatTable), ...(ngDevMode ? [{ debugName: "table" }] : []));
+    tableScrollContainer = viewChild('tableScrollContainer', ...(ngDevMode ? [{ debugName: "tableScrollContainer" }] : []));
+    LoadingPhase = LoadingPhase;
+    injector = inject(Injector);
+    destroyRef = inject(DestroyRef);
+    constructor() {
+        effect(() => {
+            const data = this.dataSource();
+            untracked(() => {
+                this.reconcileSelection(data);
+                this.reconcileExpansion(data);
+            });
+        });
+        let clearSelectionInitialized = false;
+        effect(() => {
+            this.clearSelectionTrigger();
+            if (!clearSelectionInitialized) {
+                clearSelectionInitialized = true;
+                return;
+            }
+            untracked(() => this.selection.clear());
+        });
+        this.selection.changed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            this.selectionCount.set(this.selection.selected.length);
+            this.selectionChange.emit(this.selection.selected);
+        });
+    }
+    ngAfterViewInit() {
+        if (this.pageLink().textSearch) {
+            this.searchControl.patchValue(this.pageLink().textSearch, { emitEvent: false });
+        }
+        this.searchControl.valueChanges
+            .pipe(debounceTime(300), distinctUntilChanged((prev, current) => (this.pageLink().textSearch ?? '') === current.trim()), takeUntilDestroyed(this.destroyRef))
+            .subscribe((searchValue) => {
+            const current = this.clone(this.pageLink());
+            current.textSearch = searchValue.trim();
+            current.page = 0;
+            this.pageLink.set(current);
+        });
+    }
+    onPaginate(event) {
+        const current = this.clone(this.pageLink());
+        current.page = event.pageIndex;
+        current.pageSize = event.pageSize;
+        this.pageLink.set(current);
+    }
+    onSort(event) {
+        const current = this.clone(this.pageLink());
+        current.sortOrder = event.direction
+            ? { property: event.active, direction: Direction[event.direction.toUpperCase()] }
+            : undefined;
+        current.page = 0;
+        this.pageLink.set(current);
+    }
+    enterFilterMode() {
+        this.textSearchMode.set(true);
+        afterNextRender(() => {
+            const input = this.searchInputField()?.nativeElement;
+            if (input) {
+                input.focus();
+                input.setSelectionRange(0, 0);
+            }
+        }, { injector: this.injector });
+    }
+    exitFilterMode() {
+        this.textSearchMode.set(false);
+        this.searchControl.reset();
+    }
+    isAllSelected() {
+        return this.selection.selected.length === this.dataSource().length && this.dataSource().length > 0;
+    }
+    isIndeterminate() {
+        return this.selection.selected.length > 0 && !this.isAllSelected();
+    }
+    masterToggle() {
+        if (this.isAllSelected()) {
+            this.selection.clear();
+        }
+        else {
+            this.dataSource().forEach((row) => this.selection.select(row));
+        }
+    }
+    toggleRow(entity) {
+        this.selection.toggle(entity);
+    }
+    clearSelection() {
+        this.selection.clear();
+    }
+    onCellClick(event, entity, column) {
+        this.cellClick.emit({ event, entity, column });
+    }
+    onRowClick(event, entity) {
+        if (this.expandable()) {
+            this.toggleExpansion(entity, event.currentTarget);
+            return;
+        }
+        this.rowClick.emit(entity);
+    }
+    isExpanded(entity) {
+        return this.expandedKeys().has(this.expansionTrackBy()(entity));
+    }
+    isExpandedRow = (_, row) => this.isExpanded(row);
+    toggleExpansion(entity, rowElement) {
+        const key = this.expansionTrackBy()(entity);
+        const nextKeys = new Set(this.expandedKeys());
+        const wasExpanded = nextKeys.has(key);
+        if (wasExpanded) {
+            nextKeys.delete(key);
+        }
+        else {
+            nextKeys.add(key);
+        }
+        this.expandedKeys.set(nextKeys);
+        this.emitExpansionChange();
+        this.table()?.renderRows();
+        if (wasExpanded) {
+            return;
+        }
+        this.lastExpandedKey.set(key);
+        if (!rowElement) {
+            return;
+        }
+        afterNextRender(() => {
+            this.scrollExpandedRowUnderHeader(rowElement);
+            this.lastExpandedKey.set(null);
+        }, { injector: this.injector });
+    }
+    scrollExpandedRowUnderHeader(rowElement) {
+        const container = this.tableScrollContainer()?.nativeElement;
+        if (!container) {
+            return;
+        }
+        const headerRow = container.querySelector('.mat-mdc-header-row');
+        const headerHeight = headerRow?.offsetHeight ?? 0;
+        const containerRect = container.getBoundingClientRect();
+        const rowRect = rowElement.getBoundingClientRect();
+        const targetScrollTop = container.scrollTop + rowRect.top - containerRect.top - headerHeight;
+        container.scrollTo({ top: targetScrollTop, behavior: 'smooth' });
+    }
+    reconcileSelection(data) {
+        if (this.selection.isEmpty()) {
+            return;
+        }
+        const trackBy = this.selectionTrackBy();
+        const previousSelected = this.selection.selected;
+        const dataKeySet = new Set(data.map(trackBy));
+        const nextSelected = data.filter((entity) => {
+            const key = trackBy(entity);
+            return dataKeySet.has(key) && previousSelected.some((previous) => trackBy(previous) === key);
+        });
+        this.selection.clear();
+        if (nextSelected.length > 0) {
+            this.selection.select(...nextSelected);
+        }
+    }
+    reconcileExpansion(data) {
+        const previousKeys = this.expandedKeys();
+        if (previousKeys.size === 0) {
+            return;
+        }
+        const trackBy = this.expansionTrackBy();
+        const nextKeys = new Set();
+        for (const entity of data) {
+            const key = trackBy(entity);
+            if (previousKeys.has(key)) {
+                nextKeys.add(key);
+            }
+        }
+        if (nextKeys.size === previousKeys.size) {
+            return;
+        }
+        this.expandedKeys.set(nextKeys);
+        this.emitExpansionChange();
+    }
+    emitExpansionChange() {
+        const keys = this.expandedKeys();
+        const trackBy = this.expansionTrackBy();
+        const expandedEntities = this.dataSource().filter((entity) => keys.has(trackBy(entity)));
+        this.expansionChange.emit(expandedEntities);
+    }
+    onExpandToggleClick(event, entity) {
+        event.stopPropagation();
+        const rowElement = event.target.closest('mat-row');
+        this.toggleExpansion(entity, rowElement);
+    }
+    onActionClick(event, entity, action) {
+        event.stopPropagation();
+        if (action.handler) {
+            action.handler(entity);
+        }
+        else {
+            this.actionClick.emit({ event, entity, action });
+        }
+    }
+    onHeaderActionClick(event, action) {
+        if (action.handler) {
+            action.handler();
+        }
+        else {
+            this.headerActionClick.emit({ event, action });
+        }
+    }
+    onBulkActionClick(event, action) {
+        if (action.handler) {
+            action.handler(this.selection.selected);
+        }
+        else {
+            this.bulkActionClick.emit({ event, action, selected: this.selection.selected });
+        }
+    }
+    clone(link) {
+        return Object.assign(Object.create(Object.getPrototypeOf(link)), link);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: BaseTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: BaseTableComponent, isStandalone: true, selector: "tb-base-table", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, displayedColumns: { classPropertyName: "displayedColumns", publicName: "displayedColumns", isSignal: true, isRequired: true, transformFunction: null }, loadingState: { classPropertyName: "loadingState", publicName: "loadingState", isSignal: true, isRequired: true, transformFunction: null }, widgetTitle: { classPropertyName: "widgetTitle", publicName: "widgetTitle", isSignal: true, isRequired: false, transformFunction: null }, noDataMessage: { classPropertyName: "noDataMessage", publicName: "noDataMessage", isSignal: true, isRequired: false, transformFunction: null }, totalElements: { classPropertyName: "totalElements", publicName: "totalElements", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, selectionEnabled: { classPropertyName: "selectionEnabled", publicName: "selectionEnabled", isSignal: true, isRequired: false, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null }, headerActions: { classPropertyName: "headerActions", publicName: "headerActions", isSignal: true, isRequired: false, transformFunction: null }, bulkActions: { classPropertyName: "bulkActions", publicName: "bulkActions", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, expandedRowTemplate: { classPropertyName: "expandedRowTemplate", publicName: "expandedRowTemplate", isSignal: true, isRequired: false, transformFunction: null }, expansionTrackBy: { classPropertyName: "expansionTrackBy", publicName: "expansionTrackBy", isSignal: true, isRequired: false, transformFunction: null }, selectionTrackBy: { classPropertyName: "selectionTrackBy", publicName: "selectionTrackBy", isSignal: true, isRequired: false, transformFunction: null }, clearSelectionTrigger: { classPropertyName: "clearSelectionTrigger", publicName: "clearSelectionTrigger", isSignal: true, isRequired: false, transformFunction: null }, pageLink: { classPropertyName: "pageLink", publicName: "pageLink", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageLink: "pageLinkChange", rowClick: "rowClick", cellClick: "cellClick", actionClick: "actionClick", headerActionClick: "headerActionClick", bulkActionClick: "bulkActionClick", selectionChange: "selectionChange", expansionChange: "expansionChange" }, viewQueries: [{ propertyName: "searchInputField", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }, { propertyName: "table", first: true, predicate: (MatTable), descendants: true, isSignal: true }, { propertyName: "tableScrollContainer", first: true, predicate: ["tableScrollContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tb-table-widget tb-absolute-fill\">\n  <div class=\"tb-absolute-fill flex flex-1 flex-col\">\n    <mat-toolbar class=\"mat-mdc-table-toolbar\" [class.!hidden]=\"toolbarMode() !== 'default'\">\n      <span\n        class=\"tb-entity-table-title\"\n        [matTooltip]=\"widgetTitle() | translate\"\n        matTooltipPosition=\"above\"\n        [matTooltipShowDelay]=\"500\"\n        [matTooltipHideDelay]=\"200\">\n        {{ widgetTitle() | translate }}\n      </span>\n      <span class=\"flex-1\"></span>\n      @for (action of visibleHeaderActions(); track action.id) {\n        <button\n          mat-icon-button\n          [attr.data-testid]=\"action.id\"\n          [disabled]=\"action.disabled ? action.disabled() : false\"\n          (click)=\"onHeaderActionClick($event, action)\"\n          [matTooltip]=\"action.label ? (action.label | translate) : null\"\n          matTooltipPosition=\"above\">\n          <mat-icon>{{ action.icon }}</mat-icon>\n        </button>\n      }\n      <button\n        mat-icon-button\n        [disabled]=\"loadingState().phase !== LoadingPhase.IDLE\"\n        (click)=\"enterFilterMode()\"\n        matTooltip=\"{{ 'action.search' | translate }}\"\n        matTooltipPosition=\"above\">\n        <mat-icon>search</mat-icon>\n      </button>\n    </mat-toolbar>\n    <mat-toolbar class=\"mat-mdc-table-toolbar\" [class.!hidden]=\"toolbarMode() !== 'search'\">\n      <div class=\"mat-toolbar-tools\">\n        <button mat-icon-button matTooltip=\"{{ 'action.search' | translate }}\" matTooltipPosition=\"above\">\n          <mat-icon>search</mat-icon>\n        </button>\n        <mat-form-field class=\"flex-1\">\n          <mat-label>&nbsp;</mat-label>\n          <input #searchInput matInput [formControl]=\"searchControl\" placeholder=\"{{ 'entity.search' | translate }}\" />\n        </mat-form-field>\n        <button\n          mat-icon-button\n          (click)=\"exitFilterMode()\"\n          matTooltip=\"{{ 'action.close' | translate }}\"\n          matTooltipPosition=\"above\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </mat-toolbar>\n    @if (selectionEnabled()) {\n      <mat-toolbar class=\"mat-mdc-table-toolbar mat-mdc-table-toolbar--bulk\" [class.!hidden]=\"toolbarMode() !== 'bulk'\">\n        <span class=\"tb-entity-table-title\"\n          >{{ selection.selected.length }} {{ 'widgets.segmented-button.selected' | translate }}</span\n        >\n        <span class=\"flex-1\"></span>\n        @for (action of visibleBulkActions(); track action.id) {\n          <button\n            mat-icon-button\n            [disabled]=\"action.disabled ? action.disabled(selection.selected) : false\"\n            (click)=\"onBulkActionClick($event, action)\"\n            [matTooltip]=\"action.label ? (action.label | translate) : null\"\n            matTooltipPosition=\"above\">\n            <mat-icon>{{ action.icon }}</mat-icon>\n          </button>\n        }\n        <button\n          mat-icon-button\n          (click)=\"clearSelection()\"\n          matTooltip=\"{{ 'action.close' | translate }}\"\n          matTooltipPosition=\"above\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </mat-toolbar>\n    }\n    <div\n      #tableScrollContainer\n      cdkScrollable\n      class=\"table-container flex-1 relative\"\n      [style.overflow]=\"loadingState().phase !== LoadingPhase.IDLE ? 'hidden' : 'auto'\">\n      @if (loadingState().phase === LoadingPhase.GENERATING || loadingState().phase === LoadingPhase.POLLING) {\n        <tb-loading-overlay [state]=\"loadingState()\"></tb-loading-overlay>\n      }\n\n      <table\n        mat-table\n        [dataSource]=\"dataSource()\"\n        [multiTemplateDataRows]=\"true\"\n        matSort\n        [matSortActive]=\"pageLink().sortOrder?.property || ''\"\n        [matSortDirection]=\"pageLinkSortDirection()\"\n        (matSortChange)=\"onSort($event)\">\n        @if (selectionEnabled()) {\n          <ng-container matColumnDef=\"select\" sticky>\n            <mat-header-cell *matHeaderCellDef class=\"select-cell\">\n              <mat-checkbox [checked]=\"isAllSelected()\" [indeterminate]=\"isIndeterminate()\" (change)=\"masterToggle()\">\n              </mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let entity\" class=\"select-cell\">\n              <mat-checkbox\n                [checked]=\"selection.isSelected(entity)\"\n                (change)=\"toggleRow(entity)\"\n                (click)=\"$event.stopPropagation()\">\n              </mat-checkbox>\n            </mat-cell>\n          </ng-container>\n        }\n        @for (column of columns(); track column.def) {\n          <ng-container [matColumnDef]=\"column.def\">\n            <mat-header-cell\n              *matHeaderCellDef\n              mat-sort-header\n              [disabled]=\"!column.sortable\"\n              [style]=\"column.headerStyle\"\n              class=\"column-header\">\n              {{ column.title | translate }}\n            </mat-header-cell>\n\n            <mat-cell\n              *matCellDef=\"let entity; let row = index\"\n              [style]=\"entity[column.def + '_style']\"\n              (click)=\"onCellClick($event, entity, column)\">\n              @if (column.cellTemplate) {\n                <ng-container\n                  [ngTemplateOutlet]=\"column.cellTemplate\"\n                  [ngTemplateOutletContext]=\"{ $implicit: entity[column.name], entity: entity }\"></ng-container>\n              } @else {\n                {{ entity[column.name] ?? (column.nullDisplayValue ? (column.nullDisplayValue | translate) : '') }}\n              }\n            </mat-cell>\n          </ng-container>\n        }\n        @if (rowActions().length > 0 || expandable()) {\n          <ng-container matColumnDef=\"actions\" stickyEnd>\n            <mat-header-cell *matHeaderCellDef class=\"actions-cell\"></mat-header-cell>\n            <mat-cell *matCellDef=\"let entity\" class=\"actions-cell\">\n              <div class=\"actions-cell-inner\">\n                <div class=\"actions-buttons-full\">\n                  @for (action of rowActions(); track action.id) {\n                    @if (!action.visible || action.visible(entity)) {\n                      <button\n                        mat-icon-button\n                        [attr.data-testid]=\"action.id\"\n                        [disabled]=\"action.disabled ? action.disabled(entity) : false\"\n                        (click)=\"onActionClick($event, entity, action)\"\n                        [matTooltip]=\"action.label ? (action.label | translate) : null\"\n                        matTooltipPosition=\"above\">\n                        <mat-icon>{{ action.icon }}</mat-icon>\n                      </button>\n                    }\n                  }\n                  @if (expandable()) {\n                    <button mat-icon-button data-testid=\"expand-row\" (click)=\"onExpandToggleClick($event, entity)\">\n                      <mat-icon>{{ isExpanded(entity) ? 'expand_less' : 'expand_more' }}</mat-icon>\n                    </button>\n                  }\n                </div>\n                <div class=\"actions-buttons-menu\">\n                  <button\n                    mat-icon-button\n                    [matMenuTriggerFor]=\"actionsMenu\"\n                    (click)=\"$event.stopPropagation()\"\n                    matTooltip=\"{{ 'action.actions' | translate }}\"\n                    matTooltipPosition=\"above\">\n                    <mat-icon>more_vert</mat-icon>\n                  </button>\n                  <mat-menu #actionsMenu=\"matMenu\" xPosition=\"before\">\n                    @for (action of rowActions(); track action.id) {\n                      @if (!action.visible || action.visible(entity)) {\n                        <button\n                          mat-menu-item\n                          [disabled]=\"action.disabled ? action.disabled(entity) : false\"\n                          (click)=\"onActionClick($event, entity, action)\">\n                          <mat-icon>{{ action.icon }}</mat-icon>\n                          <span>{{ action.label || '' | translate }}</span>\n                        </button>\n                      }\n                    }\n                    @if (expandable()) {\n                      <button mat-menu-item (click)=\"onExpandToggleClick($event, entity)\">\n                        <mat-icon>{{ isExpanded(entity) ? 'expand_less' : 'expand_more' }}</mat-icon>\n                        <span>{{ (isExpanded(entity) ? 'action.collapse' : 'action.expand') | translate }}</span>\n                      </button>\n                    }\n                  </mat-menu>\n                </div>\n              </div>\n            </mat-cell>\n          </ng-container>\n        }\n        @if (expandable()) {\n          <ng-container matColumnDef=\"expandedDetail\">\n            <td\n              mat-cell\n              *matCellDef=\"let entity\"\n              class=\"expanded-detail-cell\"\n              [attr.colspan]=\"effectiveDisplayedColumns().length\"\n              [attr.data-expand-key]=\"expansionTrackBy()(entity)\">\n              @if (isExpanded(entity) && expandedRowTemplate()) {\n                <ng-container\n                  [ngTemplateOutlet]=\"expandedRowTemplate()\"\n                  [ngTemplateOutletContext]=\"{ $implicit: entity, entity: entity }\"></ng-container>\n              }\n            </td>\n          </ng-container>\n        }\n        <mat-header-row *matHeaderRowDef=\"effectiveDisplayedColumns(); sticky: true\"></mat-header-row>\n        <mat-row\n          [class.invisible]=\"isLoadingState()\"\n          [class.tb-expandable]=\"expandable()\"\n          *matRowDef=\"let entity; columns: effectiveDisplayedColumns(); let row = index\"\n          (click)=\"onRowClick($event, entity)\"></mat-row>\n        @if (expandable()) {\n          <tr\n            mat-row\n            *matRowDef=\"let entity; when: isExpandedRow; columns: detailRowColumns()\"\n            class=\"detail-row\"\n            [class.invisible]=\"\n              loadingState().phase === LoadingPhase.GENERATING || loadingState().phase === LoadingPhase.POLLING\n            \"></tr>\n        }\n      </table>\n      @if (loadingState().phase === LoadingPhase.IDLE && dataSource().length === 0) {\n        <span class=\"no-data-found flex items-center justify-center\">\n          {{ noDataMessage() | translate }}\n        </span>\n      }\n      @if (loadingState().phase === LoadingPhase.FETCHING) {\n        <tb-loading-overlay [state]=\"loadingState()\"></tb-loading-overlay>\n      }\n    </div>\n    <mat-divider></mat-divider>\n    <mat-paginator\n      [disabled]=\"loadingState().phase === LoadingPhase.GENERATING || loadingState().phase === LoadingPhase.POLLING\"\n      [length]=\"totalElements()\"\n      [pageIndex]=\"pageLink().page\"\n      [pageSize]=\"pageLink().pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions()\"\n      (page)=\"onPaginate($event)\"\n      showFirstLastButtons></mat-paginator>\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%;display:block;position:relative}:host .mat-mdc-icon-button{--mat-icon-button-state-layer-color: transparent;--mat-icon-button-ripple-color: transparent}:host .tb-table-widget .table-container{position:relative}:host .tb-table-widget .mat-mdc-table-toolbar{padding:0 12px}:host .tb-table-widget .mat-mdc-table-toolbar .tb-entity-table-title{color:#909090;font-size:16px;font-weight:700;letter-spacing:normal;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tb-table-widget .mat-mdc-table-toolbar--bulk{background-color:#e8f0fe}:host .tb-table-widget .mat-mdc-table-toolbar--bulk .tb-entity-table-title{color:#0000008a}:host .tb-table-widget .mat-mdc-table .column-header{color:#0000008a;font-size:14px}:host .tb-table-widget .mat-mdc-table .mat-mdc-header-cell{background-color:#fff}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.invisible{visibility:hidden}:host .tb-table-widget .mat-mdc-table .select-cell{flex:0 0 48px;padding-right:0}:host .tb-table-widget .mat-mdc-table .actions-cell{white-space:nowrap;padding:0}:host .tb-table-widget .mat-mdc-table .actions-cell .actions-cell-inner{display:flex;justify-content:flex-end;align-items:center}:host .tb-table-widget .mat-mdc-table .actions-cell .actions-cell-inner .actions-buttons-menu{display:none}@media(max-width:599px){:host .tb-table-widget .mat-mdc-table .actions-cell .actions-cell-inner .actions-buttons-full{display:none}:host .tb-table-widget .mat-mdc-table .actions-cell .actions-cell-inner .actions-buttons-menu{display:flex}}:host .tb-table-widget .mat-mdc-table .mat-mdc-row .mat-mdc-cell.select-cell,:host .tb-table-widget .mat-mdc-table .mat-mdc-row .mat-mdc-cell.actions-cell{background-color:#fff;z-index:2!important}:host .tb-table-widget .mat-mdc-table .mat-mdc-row:hover{background-color:#f5f5f5}:host .tb-table-widget .mat-mdc-table .mat-mdc-row:hover .mat-mdc-cell.select-cell,:host .tb-table-widget .mat-mdc-table .mat-mdc-row:hover .mat-mdc-cell.actions-cell{background-color:#f5f5f5}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.tb-expandable{cursor:pointer}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.detail-row{min-height:0;cursor:default}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.detail-row:hover{background-color:inherit}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.detail-row .expanded-detail-cell{padding:0;overflow:hidden}:host .tb-table-widget span.no-data-found{position:absolute;inset:60px 0 0}\n", ":host .tb-table-widget .mat-mdc-table,:host .tb-table-widget .mat-mdc-paginator,:host .tb-table-widget mat-toolbar.mat-mdc-table-toolbar:not([color=primary]){background:transparent}:host .tb-table-widget mat-toolbar{height:39px;max-height:39px}:host .tb-table-widget mat-toolbar .mat-toolbar-tools{height:39px;max-height:39px}:host .tb-table-widget .table-container{overflow:auto}:host .tb-table-widget .mat-mdc-row:not(.mat-row-select) mat-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-row:not(.mat-row-select) mat-footer-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-row:not(.mat-row-select) mat-header-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row:not(.mat-row-select) mat-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row:not(.mat-row-select) mat-footer-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row:not(.mat-row-select) mat-header-cell:nth-child(n+2):nth-last-child(n+2){padding:0 5px}:host .tb-table-widget .mat-mdc-row.mat-row-select mat-cell:nth-child(2),:host .tb-table-widget .mat-mdc-row.mat-row-select mat-footer-cell:nth-child(2),:host .tb-table-widget .mat-mdc-row.mat-row-select mat-header-cell:nth-child(2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-cell:nth-child(2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-footer-cell:nth-child(2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-header-cell:nth-child(2){padding:0 5px}:host .tb-table-widget .mat-mdc-row.mat-row-select mat-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-row.mat-row-select mat-footer-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-row.mat-row-select mat-header-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-footer-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-header-cell:nth-child(n+3):nth-last-child(n+2){padding:0 5px}:host .tb-table-widget .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron{border-color:var(--mat-tab-header-pagination-disabled-icon-color)}:host .mat-mdc-input-element::placeholder{color:var(--mat-table-header-headline-color)}:host .mat-mdc-table .mat-mdc-header-row{background-color:var(--tb-orig-background-color)}:host .mat-mdc-table .mat-mdc-cell.mat-mdc-table-sticky,:host .mat-mdc-table .mat-mdc-header-cell.mat-mdc-table-sticky{background-color:var(--tb-orig-background-color)}:host .mat-mdc-table .mat-mdc-row{background-color:#0000}:host .mat-mdc-table .mat-mdc-row.tb-current-entity{background-color:var(--tb-current-entity-color)}:host .mat-mdc-table .mat-mdc-row.tb-current-entity .mat-mdc-cell.mat-mdc-table-sticky{background-color:var(--tb-current-entity-sticky-color)}:host .mat-mdc-table .mat-mdc-row:hover:not(.tb-current-entity){background-color:var(--tb-hover-color)}:host .mat-mdc-table .mat-mdc-row:hover:not(.tb-current-entity) .mat-mdc-cell.mat-mdc-table-sticky{background-color:var(--tb-hover-sticky-color)}:host .mat-mdc-table .mat-mdc-row.mat-row-select.mat-selected:not(.tb-current-entity){background-color:var(--tb-selected-color)}:host .mat-mdc-table .mat-mdc-row.mat-row-select.mat-selected:not(.tb-current-entity) .mat-mdc-cell.mat-mdc-table-sticky{background-color:var(--tb-selected-sticky-color)}:host .mat-mdc-table .mat-mdc-row,:host .mat-mdc-table .mat-mdc-row .mat-mdc-cell.mat-mdc-table-sticky{transition:background-color .2s;background-color:var(--tb-orig-background-color)}:host-context(.tb-has-timewindow) .tb-table-widget mat-toolbar{height:65px;max-height:65px}:host-context(.tb-has-timewindow) .tb-table-widget mat-toolbar .mat-toolbar-tools{height:65px;max-height:65px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i10.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i10.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i10.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i10.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i10.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i10.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i10.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i10.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i10.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i10.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i11.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i13.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i14.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i14.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i14.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: LoadingOverlayComponent, selector: "tb-loading-overlay", inputs: ["state", "mode", "generating", "processingDeterminate", "processingIndeterminate", "fetching"] }, { kind: "ngmodule", type: CdkScrollableModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: BaseTableComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, SharedModule, LoadingOverlayComponent, CdkScrollableModule, MatCheckboxModule], selector: 'tb-base-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tb-table-widget tb-absolute-fill\">\n  <div class=\"tb-absolute-fill flex flex-1 flex-col\">\n    <mat-toolbar class=\"mat-mdc-table-toolbar\" [class.!hidden]=\"toolbarMode() !== 'default'\">\n      <span\n        class=\"tb-entity-table-title\"\n        [matTooltip]=\"widgetTitle() | translate\"\n        matTooltipPosition=\"above\"\n        [matTooltipShowDelay]=\"500\"\n        [matTooltipHideDelay]=\"200\">\n        {{ widgetTitle() | translate }}\n      </span>\n      <span class=\"flex-1\"></span>\n      @for (action of visibleHeaderActions(); track action.id) {\n        <button\n          mat-icon-button\n          [attr.data-testid]=\"action.id\"\n          [disabled]=\"action.disabled ? action.disabled() : false\"\n          (click)=\"onHeaderActionClick($event, action)\"\n          [matTooltip]=\"action.label ? (action.label | translate) : null\"\n          matTooltipPosition=\"above\">\n          <mat-icon>{{ action.icon }}</mat-icon>\n        </button>\n      }\n      <button\n        mat-icon-button\n        [disabled]=\"loadingState().phase !== LoadingPhase.IDLE\"\n        (click)=\"enterFilterMode()\"\n        matTooltip=\"{{ 'action.search' | translate }}\"\n        matTooltipPosition=\"above\">\n        <mat-icon>search</mat-icon>\n      </button>\n    </mat-toolbar>\n    <mat-toolbar class=\"mat-mdc-table-toolbar\" [class.!hidden]=\"toolbarMode() !== 'search'\">\n      <div class=\"mat-toolbar-tools\">\n        <button mat-icon-button matTooltip=\"{{ 'action.search' | translate }}\" matTooltipPosition=\"above\">\n          <mat-icon>search</mat-icon>\n        </button>\n        <mat-form-field class=\"flex-1\">\n          <mat-label>&nbsp;</mat-label>\n          <input #searchInput matInput [formControl]=\"searchControl\" placeholder=\"{{ 'entity.search' | translate }}\" />\n        </mat-form-field>\n        <button\n          mat-icon-button\n          (click)=\"exitFilterMode()\"\n          matTooltip=\"{{ 'action.close' | translate }}\"\n          matTooltipPosition=\"above\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </mat-toolbar>\n    @if (selectionEnabled()) {\n      <mat-toolbar class=\"mat-mdc-table-toolbar mat-mdc-table-toolbar--bulk\" [class.!hidden]=\"toolbarMode() !== 'bulk'\">\n        <span class=\"tb-entity-table-title\"\n          >{{ selection.selected.length }} {{ 'widgets.segmented-button.selected' | translate }}</span\n        >\n        <span class=\"flex-1\"></span>\n        @for (action of visibleBulkActions(); track action.id) {\n          <button\n            mat-icon-button\n            [disabled]=\"action.disabled ? action.disabled(selection.selected) : false\"\n            (click)=\"onBulkActionClick($event, action)\"\n            [matTooltip]=\"action.label ? (action.label | translate) : null\"\n            matTooltipPosition=\"above\">\n            <mat-icon>{{ action.icon }}</mat-icon>\n          </button>\n        }\n        <button\n          mat-icon-button\n          (click)=\"clearSelection()\"\n          matTooltip=\"{{ 'action.close' | translate }}\"\n          matTooltipPosition=\"above\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </mat-toolbar>\n    }\n    <div\n      #tableScrollContainer\n      cdkScrollable\n      class=\"table-container flex-1 relative\"\n      [style.overflow]=\"loadingState().phase !== LoadingPhase.IDLE ? 'hidden' : 'auto'\">\n      @if (loadingState().phase === LoadingPhase.GENERATING || loadingState().phase === LoadingPhase.POLLING) {\n        <tb-loading-overlay [state]=\"loadingState()\"></tb-loading-overlay>\n      }\n\n      <table\n        mat-table\n        [dataSource]=\"dataSource()\"\n        [multiTemplateDataRows]=\"true\"\n        matSort\n        [matSortActive]=\"pageLink().sortOrder?.property || ''\"\n        [matSortDirection]=\"pageLinkSortDirection()\"\n        (matSortChange)=\"onSort($event)\">\n        @if (selectionEnabled()) {\n          <ng-container matColumnDef=\"select\" sticky>\n            <mat-header-cell *matHeaderCellDef class=\"select-cell\">\n              <mat-checkbox [checked]=\"isAllSelected()\" [indeterminate]=\"isIndeterminate()\" (change)=\"masterToggle()\">\n              </mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let entity\" class=\"select-cell\">\n              <mat-checkbox\n                [checked]=\"selection.isSelected(entity)\"\n                (change)=\"toggleRow(entity)\"\n                (click)=\"$event.stopPropagation()\">\n              </mat-checkbox>\n            </mat-cell>\n          </ng-container>\n        }\n        @for (column of columns(); track column.def) {\n          <ng-container [matColumnDef]=\"column.def\">\n            <mat-header-cell\n              *matHeaderCellDef\n              mat-sort-header\n              [disabled]=\"!column.sortable\"\n              [style]=\"column.headerStyle\"\n              class=\"column-header\">\n              {{ column.title | translate }}\n            </mat-header-cell>\n\n            <mat-cell\n              *matCellDef=\"let entity; let row = index\"\n              [style]=\"entity[column.def + '_style']\"\n              (click)=\"onCellClick($event, entity, column)\">\n              @if (column.cellTemplate) {\n                <ng-container\n                  [ngTemplateOutlet]=\"column.cellTemplate\"\n                  [ngTemplateOutletContext]=\"{ $implicit: entity[column.name], entity: entity }\"></ng-container>\n              } @else {\n                {{ entity[column.name] ?? (column.nullDisplayValue ? (column.nullDisplayValue | translate) : '') }}\n              }\n            </mat-cell>\n          </ng-container>\n        }\n        @if (rowActions().length > 0 || expandable()) {\n          <ng-container matColumnDef=\"actions\" stickyEnd>\n            <mat-header-cell *matHeaderCellDef class=\"actions-cell\"></mat-header-cell>\n            <mat-cell *matCellDef=\"let entity\" class=\"actions-cell\">\n              <div class=\"actions-cell-inner\">\n                <div class=\"actions-buttons-full\">\n                  @for (action of rowActions(); track action.id) {\n                    @if (!action.visible || action.visible(entity)) {\n                      <button\n                        mat-icon-button\n                        [attr.data-testid]=\"action.id\"\n                        [disabled]=\"action.disabled ? action.disabled(entity) : false\"\n                        (click)=\"onActionClick($event, entity, action)\"\n                        [matTooltip]=\"action.label ? (action.label | translate) : null\"\n                        matTooltipPosition=\"above\">\n                        <mat-icon>{{ action.icon }}</mat-icon>\n                      </button>\n                    }\n                  }\n                  @if (expandable()) {\n                    <button mat-icon-button data-testid=\"expand-row\" (click)=\"onExpandToggleClick($event, entity)\">\n                      <mat-icon>{{ isExpanded(entity) ? 'expand_less' : 'expand_more' }}</mat-icon>\n                    </button>\n                  }\n                </div>\n                <div class=\"actions-buttons-menu\">\n                  <button\n                    mat-icon-button\n                    [matMenuTriggerFor]=\"actionsMenu\"\n                    (click)=\"$event.stopPropagation()\"\n                    matTooltip=\"{{ 'action.actions' | translate }}\"\n                    matTooltipPosition=\"above\">\n                    <mat-icon>more_vert</mat-icon>\n                  </button>\n                  <mat-menu #actionsMenu=\"matMenu\" xPosition=\"before\">\n                    @for (action of rowActions(); track action.id) {\n                      @if (!action.visible || action.visible(entity)) {\n                        <button\n                          mat-menu-item\n                          [disabled]=\"action.disabled ? action.disabled(entity) : false\"\n                          (click)=\"onActionClick($event, entity, action)\">\n                          <mat-icon>{{ action.icon }}</mat-icon>\n                          <span>{{ action.label || '' | translate }}</span>\n                        </button>\n                      }\n                    }\n                    @if (expandable()) {\n                      <button mat-menu-item (click)=\"onExpandToggleClick($event, entity)\">\n                        <mat-icon>{{ isExpanded(entity) ? 'expand_less' : 'expand_more' }}</mat-icon>\n                        <span>{{ (isExpanded(entity) ? 'action.collapse' : 'action.expand') | translate }}</span>\n                      </button>\n                    }\n                  </mat-menu>\n                </div>\n              </div>\n            </mat-cell>\n          </ng-container>\n        }\n        @if (expandable()) {\n          <ng-container matColumnDef=\"expandedDetail\">\n            <td\n              mat-cell\n              *matCellDef=\"let entity\"\n              class=\"expanded-detail-cell\"\n              [attr.colspan]=\"effectiveDisplayedColumns().length\"\n              [attr.data-expand-key]=\"expansionTrackBy()(entity)\">\n              @if (isExpanded(entity) && expandedRowTemplate()) {\n                <ng-container\n                  [ngTemplateOutlet]=\"expandedRowTemplate()\"\n                  [ngTemplateOutletContext]=\"{ $implicit: entity, entity: entity }\"></ng-container>\n              }\n            </td>\n          </ng-container>\n        }\n        <mat-header-row *matHeaderRowDef=\"effectiveDisplayedColumns(); sticky: true\"></mat-header-row>\n        <mat-row\n          [class.invisible]=\"isLoadingState()\"\n          [class.tb-expandable]=\"expandable()\"\n          *matRowDef=\"let entity; columns: effectiveDisplayedColumns(); let row = index\"\n          (click)=\"onRowClick($event, entity)\"></mat-row>\n        @if (expandable()) {\n          <tr\n            mat-row\n            *matRowDef=\"let entity; when: isExpandedRow; columns: detailRowColumns()\"\n            class=\"detail-row\"\n            [class.invisible]=\"\n              loadingState().phase === LoadingPhase.GENERATING || loadingState().phase === LoadingPhase.POLLING\n            \"></tr>\n        }\n      </table>\n      @if (loadingState().phase === LoadingPhase.IDLE && dataSource().length === 0) {\n        <span class=\"no-data-found flex items-center justify-center\">\n          {{ noDataMessage() | translate }}\n        </span>\n      }\n      @if (loadingState().phase === LoadingPhase.FETCHING) {\n        <tb-loading-overlay [state]=\"loadingState()\"></tb-loading-overlay>\n      }\n    </div>\n    <mat-divider></mat-divider>\n    <mat-paginator\n      [disabled]=\"loadingState().phase === LoadingPhase.GENERATING || loadingState().phase === LoadingPhase.POLLING\"\n      [length]=\"totalElements()\"\n      [pageIndex]=\"pageLink().page\"\n      [pageSize]=\"pageLink().pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions()\"\n      (page)=\"onPaginate($event)\"\n      showFirstLastButtons></mat-paginator>\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%;display:block;position:relative}:host .mat-mdc-icon-button{--mat-icon-button-state-layer-color: transparent;--mat-icon-button-ripple-color: transparent}:host .tb-table-widget .table-container{position:relative}:host .tb-table-widget .mat-mdc-table-toolbar{padding:0 12px}:host .tb-table-widget .mat-mdc-table-toolbar .tb-entity-table-title{color:#909090;font-size:16px;font-weight:700;letter-spacing:normal;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tb-table-widget .mat-mdc-table-toolbar--bulk{background-color:#e8f0fe}:host .tb-table-widget .mat-mdc-table-toolbar--bulk .tb-entity-table-title{color:#0000008a}:host .tb-table-widget .mat-mdc-table .column-header{color:#0000008a;font-size:14px}:host .tb-table-widget .mat-mdc-table .mat-mdc-header-cell{background-color:#fff}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.invisible{visibility:hidden}:host .tb-table-widget .mat-mdc-table .select-cell{flex:0 0 48px;padding-right:0}:host .tb-table-widget .mat-mdc-table .actions-cell{white-space:nowrap;padding:0}:host .tb-table-widget .mat-mdc-table .actions-cell .actions-cell-inner{display:flex;justify-content:flex-end;align-items:center}:host .tb-table-widget .mat-mdc-table .actions-cell .actions-cell-inner .actions-buttons-menu{display:none}@media(max-width:599px){:host .tb-table-widget .mat-mdc-table .actions-cell .actions-cell-inner .actions-buttons-full{display:none}:host .tb-table-widget .mat-mdc-table .actions-cell .actions-cell-inner .actions-buttons-menu{display:flex}}:host .tb-table-widget .mat-mdc-table .mat-mdc-row .mat-mdc-cell.select-cell,:host .tb-table-widget .mat-mdc-table .mat-mdc-row .mat-mdc-cell.actions-cell{background-color:#fff;z-index:2!important}:host .tb-table-widget .mat-mdc-table .mat-mdc-row:hover{background-color:#f5f5f5}:host .tb-table-widget .mat-mdc-table .mat-mdc-row:hover .mat-mdc-cell.select-cell,:host .tb-table-widget .mat-mdc-table .mat-mdc-row:hover .mat-mdc-cell.actions-cell{background-color:#f5f5f5}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.tb-expandable{cursor:pointer}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.detail-row{min-height:0;cursor:default}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.detail-row:hover{background-color:inherit}:host .tb-table-widget .mat-mdc-table .mat-mdc-row.detail-row .expanded-detail-cell{padding:0;overflow:hidden}:host .tb-table-widget span.no-data-found{position:absolute;inset:60px 0 0}\n", ":host .tb-table-widget .mat-mdc-table,:host .tb-table-widget .mat-mdc-paginator,:host .tb-table-widget mat-toolbar.mat-mdc-table-toolbar:not([color=primary]){background:transparent}:host .tb-table-widget mat-toolbar{height:39px;max-height:39px}:host .tb-table-widget mat-toolbar .mat-toolbar-tools{height:39px;max-height:39px}:host .tb-table-widget .table-container{overflow:auto}:host .tb-table-widget .mat-mdc-row:not(.mat-row-select) mat-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-row:not(.mat-row-select) mat-footer-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-row:not(.mat-row-select) mat-header-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row:not(.mat-row-select) mat-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row:not(.mat-row-select) mat-footer-cell:nth-child(n+2):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row:not(.mat-row-select) mat-header-cell:nth-child(n+2):nth-last-child(n+2){padding:0 5px}:host .tb-table-widget .mat-mdc-row.mat-row-select mat-cell:nth-child(2),:host .tb-table-widget .mat-mdc-row.mat-row-select mat-footer-cell:nth-child(2),:host .tb-table-widget .mat-mdc-row.mat-row-select mat-header-cell:nth-child(2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-cell:nth-child(2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-footer-cell:nth-child(2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-header-cell:nth-child(2){padding:0 5px}:host .tb-table-widget .mat-mdc-row.mat-row-select mat-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-row.mat-row-select mat-footer-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-row.mat-row-select mat-header-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-footer-cell:nth-child(n+3):nth-last-child(n+2),:host .tb-table-widget .mat-mdc-header-row.mat-row-select mat-header-cell:nth-child(n+3):nth-last-child(n+2){padding:0 5px}:host .tb-table-widget .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron{border-color:var(--mat-tab-header-pagination-disabled-icon-color)}:host .mat-mdc-input-element::placeholder{color:var(--mat-table-header-headline-color)}:host .mat-mdc-table .mat-mdc-header-row{background-color:var(--tb-orig-background-color)}:host .mat-mdc-table .mat-mdc-cell.mat-mdc-table-sticky,:host .mat-mdc-table .mat-mdc-header-cell.mat-mdc-table-sticky{background-color:var(--tb-orig-background-color)}:host .mat-mdc-table .mat-mdc-row{background-color:#0000}:host .mat-mdc-table .mat-mdc-row.tb-current-entity{background-color:var(--tb-current-entity-color)}:host .mat-mdc-table .mat-mdc-row.tb-current-entity .mat-mdc-cell.mat-mdc-table-sticky{background-color:var(--tb-current-entity-sticky-color)}:host .mat-mdc-table .mat-mdc-row:hover:not(.tb-current-entity){background-color:var(--tb-hover-color)}:host .mat-mdc-table .mat-mdc-row:hover:not(.tb-current-entity) .mat-mdc-cell.mat-mdc-table-sticky{background-color:var(--tb-hover-sticky-color)}:host .mat-mdc-table .mat-mdc-row.mat-row-select.mat-selected:not(.tb-current-entity){background-color:var(--tb-selected-color)}:host .mat-mdc-table .mat-mdc-row.mat-row-select.mat-selected:not(.tb-current-entity) .mat-mdc-cell.mat-mdc-table-sticky{background-color:var(--tb-selected-sticky-color)}:host .mat-mdc-table .mat-mdc-row,:host .mat-mdc-table .mat-mdc-row .mat-mdc-cell.mat-mdc-table-sticky{transition:background-color .2s;background-color:var(--tb-orig-background-color)}:host-context(.tb-has-timewindow) .tb-table-widget mat-toolbar{height:65px;max-height:65px}:host-context(.tb-has-timewindow) .tb-table-widget mat-toolbar .mat-toolbar-tools{height:65px;max-height:65px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], displayedColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayedColumns", required: true }] }], loadingState: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingState", required: true }] }], widgetTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetTitle", required: false }] }], noDataMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataMessage", required: false }] }], totalElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalElements", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], selectionEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionEnabled", required: false }] }], rowActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowActions", required: false }] }], headerActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerActions", required: false }] }], bulkActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "bulkActions", required: false }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], expandedRowTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedRowTemplate", required: false }] }], expansionTrackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "expansionTrackBy", required: false }] }], selectionTrackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionTrackBy", required: false }] }], clearSelectionTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSelectionTrigger", required: false }] }], pageLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageLink", required: false }] }, { type: i0.Output, args: ["pageLinkChange"] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], cellClick: [{ type: i0.Output, args: ["cellClick"] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }], headerActionClick: [{ type: i0.Output, args: ["headerActionClick"] }], bulkActionClick: [{ type: i0.Output, args: ["bulkActionClick"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], expansionChange: [{ type: i0.Output, args: ["expansionChange"] }], searchInputField: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], table: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTable), { isSignal: true }] }], tableScrollContainer: [{ type: i0.ViewChild, args: ['tableScrollContainer', { isSignal: true }] }] } });
+
+class ActionButtonComponent {
+    icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : []));
+    backgroundColor = input(null, ...(ngDevMode ? [{ debugName: "backgroundColor" }] : []));
+    textColor = input(null, ...(ngDevMode ? [{ debugName: "textColor" }] : []));
+    clicked = output();
+    resolvedBackgroundColor = computed(() => {
+        const bg = this.backgroundColor();
+        if (!bg)
+            return null;
+        return bg.startsWith('--') ? `var(${bg})` : bg;
+    }, ...(ngDevMode ? [{ debugName: "resolvedBackgroundColor" }] : []));
+    resolvedTextColor = computed(() => {
+        const color = this.textColor();
+        if (!color)
+            return null;
+        return color.startsWith('--') ? `var(${color})` : color;
+    }, ...(ngDevMode ? [{ debugName: "resolvedTextColor" }] : []));
+    handleClick() {
+        this.clicked.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: ActionButtonComponent, isStandalone: true, selector: "tb-action-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  mat-flat-button\n  class=\"action-button\"\n  [style.--mat-button-filled-container-color]=\"resolvedBackgroundColor()\"\n  [style.--mat-button-filled-label-text-color]=\"resolvedTextColor()\"\n  (click)=\"handleClick()\">\n  @if (icon()) {\n    <mat-icon>{{ icon() }}</mat-icon>\n  }\n  @if (label()) {\n    <span class=\"action-button__label\">{{ label() }}</span>\n  }\n</button>\n", styles: [":host{display:inline-flex}.action-button{display:inline-flex;align-items:center;gap:6px;border-radius:4px;min-width:unset}.action-button mat-icon{font-size:18px;width:18px;height:18px;flex-shrink:0}.action-button__label{font-size:14px;font-weight:500;line-height:1}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ActionButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [MatButtonModule, MatIconModule], selector: 'tb-action-button', template: "<button\n  mat-flat-button\n  class=\"action-button\"\n  [style.--mat-button-filled-container-color]=\"resolvedBackgroundColor()\"\n  [style.--mat-button-filled-label-text-color]=\"resolvedTextColor()\"\n  (click)=\"handleClick()\">\n  @if (icon()) {\n    <mat-icon>{{ icon() }}</mat-icon>\n  }\n  @if (label()) {\n    <span class=\"action-button__label\">{{ label() }}</span>\n  }\n</button>\n", styles: [":host{display:inline-flex}.action-button{display:inline-flex;align-items:center;gap:6px;border-radius:4px;min-width:unset}.action-button mat-icon{font-size:18px;width:18px;height:18px;flex-shrink:0}.action-button__label{font-size:14px;font-weight:500;line-height:1}\n"] }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], backgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundColor", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
+
+class TbSubscriptionDatasource {
+    config;
+    data = signal([], ...(ngDevMode ? [{ debugName: "data" }] : []));
+    loadingState = signal(getLoadingState.fetching(), ...(ngDevMode ? [{ debugName: "loadingState" }] : []));
+    subscription = null;
+    subscriptionSub = null;
+    constructor(config) {
+        this.config = config;
+        const injector = config.injector;
+        effect(() => {
+            const entityFilter = config.entityFilter();
+            untracked(() => this.recreateSubscription(entityFilter, config.widgetType));
+        }, { injector });
+        injector.get(DestroyRef).onDestroy(() => this.cleanup());
+    }
+    refresh() {
+        this.recreateSubscription(this.config.entityFilter(), this.config.widgetType);
+    }
+    recreateSubscription(entityFilter, widgetType) {
+        this.cleanup();
+        this.loadingState.set(getLoadingState.fetching());
+        const options = {
+            type: widgetType,
+            datasources: [
+                {
+                    type: 'entity',
+                    dataKeys: this.config.dataKeys,
+                    entityFilter,
+                },
+            ],
+            hasDataPageLink: false,
+            useDashboardTimewindow: true,
+            callbacks: {
+                onDataUpdated: () => this.onDataUpdated(),
+            },
+        };
+        this.subscriptionSub = this.config.ctx.subscriptionApi
+            .createSubscription(options, true)
+            .subscribe((subscription) => {
+            this.subscription = subscription;
+        });
+    }
+    onDataUpdated() {
+        if (!this.subscription) {
+            return;
+        }
+        this.data.set(this.config.dataMapper(this.subscription));
+        this.loadingState.set(getLoadingState.idle());
+        this.config.ctx.detectChanges();
+    }
+    cleanup() {
+        this.subscriptionSub?.unsubscribe();
+        this.subscriptionSub = null;
+        this.subscription?.destroy();
+        this.subscription = null;
+    }
+}
+class TbSubscriptionDatasourcePaginated {
+    config;
+    data = signal([], ...(ngDevMode ? [{ debugName: "data" }] : []));
+    totalElements = signal(0, ...(ngDevMode ? [{ debugName: "totalElements" }] : []));
+    loadingState = signal(getLoadingState.fetching(), ...(ngDevMode ? [{ debugName: "loadingState" }] : []));
+    subscription = null;
+    subscriptionSub = null;
+    constructor(config) {
+        this.config = config;
+        const injector = config.injector;
+        effect(() => {
+            const entityFilter = config.entityFilter();
+            const pageLink = untracked(() => config.pageLink());
+            untracked(() => this.recreateSubscription(entityFilter, pageLink, config.widgetType));
+        }, { injector });
+        effect(() => {
+            const pageLink = config.pageLink();
+            untracked(() => {
+                if (this.subscription) {
+                    this.subscription.subscribeForPaginatedData(0, this.toEntityPageLink(pageLink), config.keyFilters ?? []);
+                }
+            });
+        }, { injector });
+        injector.get(DestroyRef).onDestroy(() => this.cleanup());
+    }
+    refresh() {
+        if (this.subscription) {
+            this.subscription.subscribeForPaginatedData(0, this.toEntityPageLink(untracked(() => this.config.pageLink())), this.config.keyFilters ?? []);
+        }
+    }
+    recreateSubscription(entityFilter, pageLink, widgetType) {
+        this.cleanup();
+        this.loadingState.set(getLoadingState.fetching());
+        const options = {
+            type: widgetType,
+            datasources: [
+                {
+                    type: 'entity',
+                    dataKeys: this.config.dataKeys,
+                    entityFilter,
+                },
+            ],
+            hasDataPageLink: true,
+            useDashboardTimewindow: true,
+            callbacks: {
+                onDataUpdated: () => this.onDataUpdated(),
+            },
+        };
+        this.subscriptionSub = this.config.ctx.subscriptionApi
+            .createSubscription(options, true)
+            .subscribe((subscription) => {
+            this.subscription = subscription;
+            subscription.subscribeForPaginatedData(0, this.toEntityPageLink(pageLink), this.config.keyFilters ?? []);
+        });
+    }
+    onDataUpdated() {
+        if (!this.subscription) {
+            return;
+        }
+        this.data.set(this.config.dataMapper(this.subscription));
+        this.totalElements.set(this.subscription.datasourcePages?.[0]?.totalElements ?? 0);
+        this.loadingState.set(getLoadingState.idle());
+        this.config.ctx.detectChanges();
+    }
+    toEntityPageLink(pageLink) {
+        const entityPageLink = {
+            page: pageLink.page,
+            pageSize: pageLink.pageSize,
+            textSearch: pageLink.textSearch,
+            dynamic: true,
+        };
+        if (pageLink.sortOrder) {
+            const entityKey = findEntityKeyByColumnDef(pageLink.sortOrder.property, this.config.columns);
+            if (entityKey) {
+                entityPageLink.sortOrder = {
+                    key: entityKey,
+                    direction: pageLink.sortOrder.direction,
+                };
+            }
+        }
+        else {
+            entityPageLink.sortOrder = {
+                key: { key: 'createdTime', type: EntityKeyType.ENTITY_FIELD },
+                direction: Direction.DESC,
+            };
+        }
+        return entityPageLink;
+    }
+    cleanup() {
+        this.subscriptionSub?.unsubscribe();
+        this.subscriptionSub = null;
+        this.subscription?.destroy();
+        this.subscription = null;
+    }
+}
+function collectSubscriptionData(subscription, valueTransformer) {
+    const itemMap = {};
+    for (const datasource of subscription.datasources ?? []) {
+        itemMap[datasource.name] = {
+            id: datasource.entity.id,
+            name: datasource.name,
+        };
+    }
+    for (const datasourceData of subscription.data ?? []) {
+        const item = itemMap[datasourceData.datasource.name];
+        if (!item) {
+            continue;
+        }
+        const rawValue = datasourceData.data[0]?.[1] ?? null;
+        item[datasourceData.dataKey.name] = valueTransformer
+            ? valueTransformer(datasourceData.dataKey.name, datasourceData.data[0])
+            : rawValue;
+    }
+    return Object.values(itemMap);
+}
+
+/*
+ * Public API Surface of @dmytrokhylko/tb-cdu-ui
+ */
+// Components
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionButtonComponent, BaseTableComponent, DEFAULT_PAGE_LINK_PAGE_SIZE, DEFAULT_PAGE_SIZES, LoadingOverlayComponent, LoadingPhase, TbSubscriptionDatasource, TbSubscriptionDatasourcePaginated, collectSubscriptionData, getLoadingState };
+//# sourceMappingURL=dmytrokhylko-tb-cdu-ui.mjs.map

package/fesm2022/dmytrokhylko-tb-cdu-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dmytrokhylko-tb-cdu-ui.mjs","sources":["../../../projects/tb-ui/src/lib/models/constants.ts","../../../projects/tb-ui/src/lib/loading-overlay/loading-overlay.models.ts","../../../projects/tb-ui/src/lib/loading-overlay/loading-overlay.component.ts","../../../projects/tb-ui/src/lib/loading-overlay/loading-overlay.component.html","../../../projects/tb-ui/src/lib/base-table/base-table.component.ts","../../../projects/tb-ui/src/lib/base-table/base-table.component.html","../../../projects/tb-ui/src/lib/action-button/action-button.component.ts","../../../projects/tb-ui/src/lib/action-button/action-button.component.html","../../../projects/tb-ui/src/lib/base-table/tb-subscription-datasource.ts","../../../projects/tb-ui/src/public-api.ts","../../../projects/tb-ui/src/dmytrokhylko-tb-cdu-ui.ts"],"sourcesContent":["export const DEFAULT_PAGE_LINK_PAGE_SIZE = 20;\nexport const DEFAULT_PAGE_SIZES = [\n  DEFAULT_PAGE_LINK_PAGE_SIZE,\n  DEFAULT_PAGE_LINK_PAGE_SIZE * 5,\n  DEFAULT_PAGE_LINK_PAGE_SIZE * 10,\n];\n","export enum LoadingPhase {\n  IDLE = 'idle',\n  GENERATING = 'generating',\n  POLLING = 'polling',\n  FETCHING = 'fetching',\n}\n\nexport type LoadingState =\n  | { phase: LoadingPhase.IDLE }\n  | { phase: LoadingPhase.GENERATING }\n  | { phase: LoadingPhase.POLLING; processed: number; total: number }\n  | { phase: LoadingPhase.FETCHING };\n\nexport const getLoadingState = {\n  idle: (): LoadingState => ({ phase: LoadingPhase.IDLE }),\n  generating: (): LoadingState => ({ phase: LoadingPhase.GENERATING }),\n  polling: (processed: number, total: number): LoadingState => ({\n    phase: LoadingPhase.POLLING,\n    processed,\n    total,\n  }),\n  fetching: (): LoadingState => ({ phase: LoadingPhase.FETCHING }),\n};\n","import { Component, computed, input } from '@angular/core';\nimport { MatProgressSpinnerModule, ProgressSpinnerMode } from '@angular/material/progress-spinner';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { LoadingPhase, LoadingState } from './loading-overlay.models';\n\n@Component({\n  standalone: true,\n  imports: [TranslateModule, MatProgressSpinnerModule],\n  selector: 'tb-loading-overlay',\n  templateUrl: './loading-overlay.component.html',\n  styleUrls: ['./loading-overlay.component.scss'],\n})\nexport class LoadingOverlayComponent {\n  state = input.required<LoadingState>();\n  mode = input<ProgressSpinnerMode>('determinate');\n\n  generating = input('loading.generating');\n  processingDeterminate = input('loading.polling.determinate');\n  processingIndeterminate = input('loading.polling.indeterminate');\n  fetching = input('loading.fetching');\n\n  protected readonly LoadingPhase = LoadingPhase;\n\n  spinnerMode = computed((): ProgressSpinnerMode => {\n    if (this.state().phase !== LoadingPhase.POLLING || this.mode() !== 'determinate') {\n      return 'indeterminate';\n    }\n    return this.percentage() > 0 ? 'determinate' : 'indeterminate';\n  });\n  percentage = computed(() => {\n    const state = this.state();\n    return state.phase === LoadingPhase.POLLING && state.total > 0\n      ? Math.floor((state.processed / state.total) * 100)\n      : 0;\n  });\n\n  pollingProcessed = computed(() => {\n    const state = this.state();\n    return state.phase === LoadingPhase.POLLING ? state.processed : 0;\n  });\n\n  pollingTotal = computed(() => {\n    const state = this.state();\n    return state.phase === LoadingPhase.POLLING ? state.total : 0;\n  });\n}\n","<div class=\"loading-overlay\">\n  <mat-spinner diameter=\"50\" [mode]=\"spinnerMode()\" [value]=\"percentage()\"></mat-spinner>\n  <span class=\"loading-text\">\n    @switch (state().phase) {\n      @case (LoadingPhase.POLLING) {\n        @if (spinnerMode() === 'determinate') {\n          {{ processingDeterminate() | translate }} {{ pollingProcessed() }}/{{ pollingTotal() }}\n        } @else {\n          {{ processingIndeterminate() | translate }}\n        }\n      }\n      @case (LoadingPhase.GENERATING) {\n        {{ generating() | translate }}\n      }\n      @case (LoadingPhase.FETCHING) {\n        {{ fetching() | translate }}\n      }\n    }\n  </span>\n</div>\n","import { SelectionModel } from '@angular/cdk/collections';\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\nimport { CommonModule } from '@angular/common';\nimport {\n  afterNextRender,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  model,\n  output,\n  signal,\n  TemplateRef,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormControl } from '@angular/forms';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Sort, SortDirection } from '@angular/material/sort';\nimport { MatTable } from '@angular/material/table';\nimport { Direction, PageLink, SharedModule } from '@shared/public-api';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\nimport { DEFAULT_PAGE_SIZES } from '../models/constants';\nimport { EntityColumnExtended } from '../models/entity-column.models';\nimport { LoadingOverlayComponent } from '../loading-overlay/loading-overlay.component';\nimport { LoadingPhase, LoadingState } from '../loading-overlay/loading-overlay.models';\nimport { TableBulkAction, TableHeaderAction, TableRowAction } from './base-table.models';\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, SharedModule, LoadingOverlayComponent, CdkScrollableModule, MatCheckboxModule],\n  selector: 'tb-base-table',\n  templateUrl: './base-table.component.html',\n  styleUrls: ['./base-table.component.scss', '../styles/table-widget.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BaseTableComponent<T> implements AfterViewInit {\n  dataSource = input.required<T[]>();\n  columns = input.required<EntityColumnExtended<T>[]>();\n  displayedColumns = input.required<string[]>();\n  loadingState = input.required<LoadingState>();\n\n  widgetTitle = input<string>('widget.widget-title');\n  noDataMessage = input<string>('entity.no-data');\n\n  totalElements = input<number>(0);\n  pageSizeOptions = input<number[]>(DEFAULT_PAGE_SIZES);\n\n  selectionEnabled = input<boolean>(false);\n\n  rowActions = input<TableRowAction<T>[]>([]);\n  headerActions = input<TableHeaderAction[]>([]);\n  bulkActions = input<TableBulkAction<T>[]>([]);\n\n  expandable = input<boolean>(false);\n  expandedRowTemplate = input<TemplateRef<{ $implicit: T; entity: T }> | null>(null);\n  expansionTrackBy = input<(entity: T) => unknown>((entity) => entity);\n  selectionTrackBy = input<(entity: T) => unknown>((entity) => entity);\n  clearSelectionTrigger = input<unknown>(undefined);\n\n  pageLink = model<PageLink>(new PageLink(this.pageSizeOptions()[0]));\n\n  rowClick = output<T>();\n  cellClick = output<{ event: Event; entity: T; column: EntityColumnExtended<T> }>();\n  actionClick = output<{ event: Event; entity: T; action: TableRowAction<T> }>();\n  headerActionClick = output<{ event: Event; action: TableHeaderAction }>();\n  bulkActionClick = output<{ event: Event; action: TableBulkAction<T>; selected: T[] }>();\n\n  selectionChange = output<T[]>();\n  expansionChange = output<T[]>();\n\n  textSearchMode = signal(false);\n  readonly selection = new SelectionModel<T>(true, []);\n  readonly expandedKeys = signal<Set<unknown>>(new Set());\n  readonly lastExpandedKey = signal<unknown | null>(null);\n\n  readonly detailRowColumns = computed(() => ['expandedDetail']);\n\n  private readonly selectionCount = signal(0);\n\n  readonly isLoadingState = computed(() => {\n    return this.loadingState().phase === LoadingPhase.GENERATING || this.loadingState().phase === LoadingPhase.POLLING;\n  });\n\n  readonly toolbarMode = computed((): 'default' | 'search' | 'bulk' => {\n    if (this.selectionEnabled() && this.selectionCount() > 0) return 'bulk';\n    if (this.textSearchMode()) return 'search';\n    return 'default';\n  });\n\n  readonly effectiveDisplayedColumns = computed(() => {\n    const cols = [...this.displayedColumns()];\n    if (this.selectionEnabled()) cols.unshift('select');\n    if (this.rowActions().length > 0 || this.expandable()) cols.push('actions');\n    return cols;\n  });\n\n  readonly visibleHeaderActions = computed(() =>\n    this.headerActions().filter((action) => !action.visible || action.visible()),\n  );\n\n  readonly visibleBulkActions = computed(() =>\n    this.bulkActions().filter((action) => !action.visible || action.visible()),\n  );\n\n  pageLinkSortDirection = computed((): SortDirection => {\n    const order = this.pageLink().sortOrder;\n    return order && order.direction ? (order.direction.toLowerCase() as SortDirection) : '';\n  });\n\n  searchControl = new FormControl<string>('', { nonNullable: true });\n  searchInputField = viewChild<ElementRef<HTMLInputElement>>('searchInput');\n  private readonly table = viewChild(MatTable<T>);\n  private readonly tableScrollContainer = viewChild<ElementRef<HTMLElement>>('tableScrollContainer');\n\n  protected readonly LoadingPhase = LoadingPhase;\n\n  private injector = inject(Injector);\n  private destroyRef = inject(DestroyRef);\n\n  constructor() {\n    effect(() => {\n      const data = this.dataSource();\n      untracked(() => {\n        this.reconcileSelection(data);\n        this.reconcileExpansion(data);\n      });\n    });\n\n    let clearSelectionInitialized = false;\n    effect(() => {\n      this.clearSelectionTrigger();\n      if (!clearSelectionInitialized) {\n        clearSelectionInitialized = true;\n        return;\n      }\n      untracked(() => this.selection.clear());\n    });\n\n    this.selection.changed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      this.selectionCount.set(this.selection.selected.length);\n      this.selectionChange.emit(this.selection.selected);\n    });\n  }\n\n  ngAfterViewInit(): void {\n    if (this.pageLink().textSearch) {\n      this.searchControl.patchValue(this.pageLink().textSearch, { emitEvent: false });\n    }\n\n    this.searchControl.valueChanges\n      .pipe(\n        debounceTime(300),\n        distinctUntilChanged((prev, current) => (this.pageLink().textSearch ?? '') === current.trim()),\n        takeUntilDestroyed(this.destroyRef),\n      )\n      .subscribe((searchValue: string) => {\n        const current = this.clone(this.pageLink());\n        current.textSearch = searchValue.trim();\n        current.page = 0;\n        this.pageLink.set(current);\n      });\n  }\n\n  onPaginate(event: PageEvent) {\n    const current = this.clone(this.pageLink());\n    current.page = event.pageIndex;\n    current.pageSize = event.pageSize;\n    this.pageLink.set(current);\n  }\n\n  onSort(event: Sort) {\n    const current = this.clone(this.pageLink());\n    current.sortOrder = event.direction\n      ? { property: event.active, direction: Direction[event.direction.toUpperCase() as keyof typeof Direction] }\n      : undefined!;\n    current.page = 0;\n    this.pageLink.set(current);\n  }\n\n  enterFilterMode() {\n    this.textSearchMode.set(true);\n    afterNextRender(\n      () => {\n        const input = this.searchInputField()?.nativeElement;\n        if (input) {\n          input.focus();\n          input.setSelectionRange(0, 0);\n        }\n      },\n      { injector: this.injector },\n    );\n  }\n\n  exitFilterMode() {\n    this.textSearchMode.set(false);\n    this.searchControl.reset();\n  }\n\n  isAllSelected(): boolean {\n    return this.selection.selected.length === this.dataSource().length && this.dataSource().length > 0;\n  }\n\n  isIndeterminate(): boolean {\n    return this.selection.selected.length > 0 && !this.isAllSelected();\n  }\n\n  masterToggle(): void {\n    if (this.isAllSelected()) {\n      this.selection.clear();\n    } else {\n      this.dataSource().forEach((row) => this.selection.select(row));\n    }\n  }\n\n  toggleRow(entity: T): void {\n    this.selection.toggle(entity);\n  }\n\n  clearSelection(): void {\n    this.selection.clear();\n  }\n\n  onCellClick(event: Event, entity: T, column: EntityColumnExtended<T>) {\n    this.cellClick.emit({ event, entity, column });\n  }\n\n  onRowClick(event: MouseEvent, entity: T): void {\n    if (this.expandable()) {\n      this.toggleExpansion(entity, event.currentTarget as HTMLElement);\n      return;\n    }\n    this.rowClick.emit(entity);\n  }\n\n  isExpanded(entity: T): boolean {\n    return this.expandedKeys().has(this.expansionTrackBy()(entity));\n  }\n\n  readonly isExpandedRow = (_: number, row: T): boolean => this.isExpanded(row);\n\n  toggleExpansion(entity: T, rowElement?: HTMLElement): void {\n    const key = this.expansionTrackBy()(entity);\n    const nextKeys = new Set(this.expandedKeys());\n    const wasExpanded = nextKeys.has(key);\n    if (wasExpanded) {\n      nextKeys.delete(key);\n    } else {\n      nextKeys.add(key);\n    }\n    this.expandedKeys.set(nextKeys);\n    this.emitExpansionChange();\n    this.table()?.renderRows();\n\n    if (wasExpanded) {\n      return;\n    }\n\n    this.lastExpandedKey.set(key);\n\n    if (!rowElement) {\n      return;\n    }\n\n    afterNextRender(\n      () => {\n        this.scrollExpandedRowUnderHeader(rowElement);\n        this.lastExpandedKey.set(null);\n      },\n      { injector: this.injector },\n    );\n  }\n\n  private scrollExpandedRowUnderHeader(rowElement: HTMLElement): void {\n    const container = this.tableScrollContainer()?.nativeElement;\n    if (!container) {\n      return;\n    }\n    const headerRow = container.querySelector<HTMLElement>('.mat-mdc-header-row');\n    const headerHeight = headerRow?.offsetHeight ?? 0;\n    const containerRect = container.getBoundingClientRect();\n    const rowRect = rowElement.getBoundingClientRect();\n    const targetScrollTop = container.scrollTop + rowRect.top - containerRect.top - headerHeight;\n    container.scrollTo({ top: targetScrollTop, behavior: 'smooth' });\n  }\n\n  private reconcileSelection(data: T[]): void {\n    if (this.selection.isEmpty()) {\n      return;\n    }\n    const trackBy = this.selectionTrackBy();\n    const previousSelected = this.selection.selected;\n    const dataKeySet = new Set(data.map(trackBy));\n    const nextSelected = data.filter((entity) => {\n      const key = trackBy(entity);\n      return dataKeySet.has(key) && previousSelected.some((previous) => trackBy(previous) === key);\n    });\n    this.selection.clear();\n    if (nextSelected.length > 0) {\n      this.selection.select(...nextSelected);\n    }\n  }\n\n  private reconcileExpansion(data: T[]): void {\n    const previousKeys = this.expandedKeys();\n    if (previousKeys.size === 0) {\n      return;\n    }\n    const trackBy = this.expansionTrackBy();\n    const nextKeys = new Set<unknown>();\n    for (const entity of data) {\n      const key = trackBy(entity);\n      if (previousKeys.has(key)) {\n        nextKeys.add(key);\n      }\n    }\n    if (nextKeys.size === previousKeys.size) {\n      return;\n    }\n    this.expandedKeys.set(nextKeys);\n    this.emitExpansionChange();\n  }\n\n  private emitExpansionChange(): void {\n    const keys = this.expandedKeys();\n    const trackBy = this.expansionTrackBy();\n    const expandedEntities = this.dataSource().filter((entity) => keys.has(trackBy(entity)));\n    this.expansionChange.emit(expandedEntities);\n  }\n\n  onExpandToggleClick(event: Event, entity: T): void {\n    event.stopPropagation();\n    const rowElement = (event.target as HTMLElement).closest('mat-row') as HTMLElement;\n    this.toggleExpansion(entity, rowElement);\n  }\n\n  onActionClick(event: Event, entity: T, action: TableRowAction<T>) {\n    event.stopPropagation();\n    if (action.handler) {\n      action.handler(entity);\n    } else {\n      this.actionClick.emit({ event, entity, action });\n    }\n  }\n\n  onHeaderActionClick(event: Event, action: TableHeaderAction) {\n    if (action.handler) {\n      action.handler();\n    } else {\n      this.headerActionClick.emit({ event, action });\n    }\n  }\n\n  onBulkActionClick(event: Event, action: TableBulkAction<T>) {\n    if (action.handler) {\n      action.handler(this.selection.selected);\n    } else {\n      this.bulkActionClick.emit({ event, action, selected: this.selection.selected });\n    }\n  }\n\n  private clone(link: PageLink): PageLink {\n    return Object.assign(Object.create(Object.getPrototypeOf(link)), link);\n  }\n}\n","<div class=\"tb-table-widget tb-absolute-fill\">\n  <div class=\"tb-absolute-fill flex flex-1 flex-col\">\n    <mat-toolbar class=\"mat-mdc-table-toolbar\" [class.!hidden]=\"toolbarMode() !== 'default'\">\n      <span\n        class=\"tb-entity-table-title\"\n        [matTooltip]=\"widgetTitle() | translate\"\n        matTooltipPosition=\"above\"\n        [matTooltipShowDelay]=\"500\"\n        [matTooltipHideDelay]=\"200\">\n        {{ widgetTitle() | translate }}\n      </span>\n      <span class=\"flex-1\"></span>\n      @for (action of visibleHeaderActions(); track action.id) {\n        <button\n          mat-icon-button\n          [attr.data-testid]=\"action.id\"\n          [disabled]=\"action.disabled ? action.disabled() : false\"\n          (click)=\"onHeaderActionClick($event, action)\"\n          [matTooltip]=\"action.label ? (action.label | translate) : null\"\n          matTooltipPosition=\"above\">\n          <mat-icon>{{ action.icon }}</mat-icon>\n        </button>\n      }\n      <button\n        mat-icon-button\n        [disabled]=\"loadingState().phase !== LoadingPhase.IDLE\"\n        (click)=\"enterFilterMode()\"\n        matTooltip=\"{{ 'action.search' | translate }}\"\n        matTooltipPosition=\"above\">\n        <mat-icon>search</mat-icon>\n      </button>\n    </mat-toolbar>\n    <mat-toolbar class=\"mat-mdc-table-toolbar\" [class.!hidden]=\"toolbarMode() !== 'search'\">\n      <div class=\"mat-toolbar-tools\">\n        <button mat-icon-button matTooltip=\"{{ 'action.search' | translate }}\" matTooltipPosition=\"above\">\n          <mat-icon>search</mat-icon>\n        </button>\n        <mat-form-field class=\"flex-1\">\n          <mat-label>&nbsp;</mat-label>\n          <input #searchInput matInput [formControl]=\"searchControl\" placeholder=\"{{ 'entity.search' | translate }}\" />\n        </mat-form-field>\n        <button\n          mat-icon-button\n          (click)=\"exitFilterMode()\"\n          matTooltip=\"{{ 'action.close' | translate }}\"\n          matTooltipPosition=\"above\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </mat-toolbar>\n    @if (selectionEnabled()) {\n      <mat-toolbar class=\"mat-mdc-table-toolbar mat-mdc-table-toolbar--bulk\" [class.!hidden]=\"toolbarMode() !== 'bulk'\">\n        <span class=\"tb-entity-table-title\"\n          >{{ selection.selected.length }} {{ 'widgets.segmented-button.selected' | translate }}</span\n        >\n        <span class=\"flex-1\"></span>\n        @for (action of visibleBulkActions(); track action.id) {\n          <button\n            mat-icon-button\n            [disabled]=\"action.disabled ? action.disabled(selection.selected) : false\"\n            (click)=\"onBulkActionClick($event, action)\"\n            [matTooltip]=\"action.label ? (action.label | translate) : null\"\n            matTooltipPosition=\"above\">\n            <mat-icon>{{ action.icon }}</mat-icon>\n          </button>\n        }\n        <button\n          mat-icon-button\n          (click)=\"clearSelection()\"\n          matTooltip=\"{{ 'action.close' | translate }}\"\n          matTooltipPosition=\"above\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </mat-toolbar>\n    }\n    <div\n      #tableScrollContainer\n      cdkScrollable\n      class=\"table-container flex-1 relative\"\n      [style.overflow]=\"loadingState().phase !== LoadingPhase.IDLE ? 'hidden' : 'auto'\">\n      @if (loadingState().phase === LoadingPhase.GENERATING || loadingState().phase === LoadingPhase.POLLING) {\n        <tb-loading-overlay [state]=\"loadingState()\"></tb-loading-overlay>\n      }\n\n      <table\n        mat-table\n        [dataSource]=\"dataSource()\"\n        [multiTemplateDataRows]=\"true\"\n        matSort\n        [matSortActive]=\"pageLink().sortOrder?.property || ''\"\n        [matSortDirection]=\"pageLinkSortDirection()\"\n        (matSortChange)=\"onSort($event)\">\n        @if (selectionEnabled()) {\n          <ng-container matColumnDef=\"select\" sticky>\n            <mat-header-cell *matHeaderCellDef class=\"select-cell\">\n              <mat-checkbox [checked]=\"isAllSelected()\" [indeterminate]=\"isIndeterminate()\" (change)=\"masterToggle()\">\n              </mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let entity\" class=\"select-cell\">\n              <mat-checkbox\n                [checked]=\"selection.isSelected(entity)\"\n                (change)=\"toggleRow(entity)\"\n                (click)=\"$event.stopPropagation()\">\n              </mat-checkbox>\n            </mat-cell>\n          </ng-container>\n        }\n        @for (column of columns(); track column.def) {\n          <ng-container [matColumnDef]=\"column.def\">\n            <mat-header-cell\n              *matHeaderCellDef\n              mat-sort-header\n              [disabled]=\"!column.sortable\"\n              [style]=\"column.headerStyle\"\n              class=\"column-header\">\n              {{ column.title | translate }}\n            </mat-header-cell>\n\n            <mat-cell\n              *matCellDef=\"let entity; let row = index\"\n              [style]=\"entity[column.def + '_style']\"\n              (click)=\"onCellClick($event, entity, column)\">\n              @if (column.cellTemplate) {\n                <ng-container\n                  [ngTemplateOutlet]=\"column.cellTemplate\"\n                  [ngTemplateOutletContext]=\"{ $implicit: entity[column.name], entity: entity }\"></ng-container>\n              } @else {\n                {{ entity[column.name] ?? (column.nullDisplayValue ? (column.nullDisplayValue | translate) : '') }}\n              }\n            </mat-cell>\n          </ng-container>\n        }\n        @if (rowActions().length > 0 || expandable()) {\n          <ng-container matColumnDef=\"actions\" stickyEnd>\n            <mat-header-cell *matHeaderCellDef class=\"actions-cell\"></mat-header-cell>\n            <mat-cell *matCellDef=\"let entity\" class=\"actions-cell\">\n              <div class=\"actions-cell-inner\">\n                <div class=\"actions-buttons-full\">\n                  @for (action of rowActions(); track action.id) {\n                    @if (!action.visible || action.visible(entity)) {\n                      <button\n                        mat-icon-button\n                        [attr.data-testid]=\"action.id\"\n                        [disabled]=\"action.disabled ? action.disabled(entity) : false\"\n                        (click)=\"onActionClick($event, entity, action)\"\n                        [matTooltip]=\"action.label ? (action.label | translate) : null\"\n                        matTooltipPosition=\"above\">\n                        <mat-icon>{{ action.icon }}</mat-icon>\n                      </button>\n                    }\n                  }\n                  @if (expandable()) {\n                    <button mat-icon-button data-testid=\"expand-row\" (click)=\"onExpandToggleClick($event, entity)\">\n                      <mat-icon>{{ isExpanded(entity) ? 'expand_less' : 'expand_more' }}</mat-icon>\n                    </button>\n                  }\n                </div>\n                <div class=\"actions-buttons-menu\">\n                  <button\n                    mat-icon-button\n                    [matMenuTriggerFor]=\"actionsMenu\"\n                    (click)=\"$event.stopPropagation()\"\n                    matTooltip=\"{{ 'action.actions' | translate }}\"\n                    matTooltipPosition=\"above\">\n                    <mat-icon>more_vert</mat-icon>\n                  </button>\n                  <mat-menu #actionsMenu=\"matMenu\" xPosition=\"before\">\n                    @for (action of rowActions(); track action.id) {\n                      @if (!action.visible || action.visible(entity)) {\n                        <button\n                          mat-menu-item\n                          [disabled]=\"action.disabled ? action.disabled(entity) : false\"\n                          (click)=\"onActionClick($event, entity, action)\">\n                          <mat-icon>{{ action.icon }}</mat-icon>\n                          <span>{{ action.label || '' | translate }}</span>\n                        </button>\n                      }\n                    }\n                    @if (expandable()) {\n                      <button mat-menu-item (click)=\"onExpandToggleClick($event, entity)\">\n                        <mat-icon>{{ isExpanded(entity) ? 'expand_less' : 'expand_more' }}</mat-icon>\n                        <span>{{ (isExpanded(entity) ? 'action.collapse' : 'action.expand') | translate }}</span>\n                      </button>\n                    }\n                  </mat-menu>\n                </div>\n              </div>\n            </mat-cell>\n          </ng-container>\n        }\n        @if (expandable()) {\n          <ng-container matColumnDef=\"expandedDetail\">\n            <td\n              mat-cell\n              *matCellDef=\"let entity\"\n              class=\"expanded-detail-cell\"\n              [attr.colspan]=\"effectiveDisplayedColumns().length\"\n              [attr.data-expand-key]=\"expansionTrackBy()(entity)\">\n              @if (isExpanded(entity) && expandedRowTemplate()) {\n                <ng-container\n                  [ngTemplateOutlet]=\"expandedRowTemplate()\"\n                  [ngTemplateOutletContext]=\"{ $implicit: entity, entity: entity }\"></ng-container>\n              }\n            </td>\n          </ng-container>\n        }\n        <mat-header-row *matHeaderRowDef=\"effectiveDisplayedColumns(); sticky: true\"></mat-header-row>\n        <mat-row\n          [class.invisible]=\"isLoadingState()\"\n          [class.tb-expandable]=\"expandable()\"\n          *matRowDef=\"let entity; columns: effectiveDisplayedColumns(); let row = index\"\n          (click)=\"onRowClick($event, entity)\"></mat-row>\n        @if (expandable()) {\n          <tr\n            mat-row\n            *matRowDef=\"let entity; when: isExpandedRow; columns: detailRowColumns()\"\n            class=\"detail-row\"\n            [class.invisible]=\"\n              loadingState().phase === LoadingPhase.GENERATING || loadingState().phase === LoadingPhase.POLLING\n            \"></tr>\n        }\n      </table>\n      @if (loadingState().phase === LoadingPhase.IDLE && dataSource().length === 0) {\n        <span class=\"no-data-found flex items-center justify-center\">\n          {{ noDataMessage() | translate }}\n        </span>\n      }\n      @if (loadingState().phase === LoadingPhase.FETCHING) {\n        <tb-loading-overlay [state]=\"loadingState()\"></tb-loading-overlay>\n      }\n    </div>\n    <mat-divider></mat-divider>\n    <mat-paginator\n      [disabled]=\"loadingState().phase === LoadingPhase.GENERATING || loadingState().phase === LoadingPhase.POLLING\"\n      [length]=\"totalElements()\"\n      [pageIndex]=\"pageLink().page\"\n      [pageSize]=\"pageLink().pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions()\"\n      (page)=\"onPaginate($event)\"\n      showFirstLastButtons></mat-paginator>\n  </div>\n</div>\n","import { Component, computed, input, output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n  standalone: true,\n  imports: [MatButtonModule, MatIconModule],\n  selector: 'tb-action-button',\n  templateUrl: './action-button.component.html',\n  styleUrls: ['./action-button.component.scss'],\n})\nexport class ActionButtonComponent {\n  icon = input<string | null>(null);\n  label = input<string | null>(null);\n  backgroundColor = input<string | null>(null);\n  textColor = input<string | null>(null);\n\n  clicked = output<void>();\n\n  protected readonly resolvedBackgroundColor = computed(() => {\n    const bg = this.backgroundColor();\n    if (!bg) return null;\n    return bg.startsWith('--') ? `var(${bg})` : bg;\n  });\n\n  protected readonly resolvedTextColor = computed(() => {\n    const color = this.textColor();\n    if (!color) return null;\n    return color.startsWith('--') ? `var(${color})` : color;\n  });\n\n  protected handleClick(): void {\n    this.clicked.emit();\n  }\n}\n","<button\n  mat-flat-button\n  class=\"action-button\"\n  [style.--mat-button-filled-container-color]=\"resolvedBackgroundColor()\"\n  [style.--mat-button-filled-label-text-color]=\"resolvedTextColor()\"\n  (click)=\"handleClick()\">\n  @if (icon()) {\n    <mat-icon>{{ icon() }}</mat-icon>\n  }\n  @if (label()) {\n    <span class=\"action-button__label\">{{ label() }}</span>\n  }\n</button>\n","import { DestroyRef, effect, Injector, signal, Signal, untracked } from '@angular/core';\nimport { IWidgetSubscription, WidgetSubscriptionOptions } from '@core/public-api';\nimport { EntityColumn, findEntityKeyByColumnDef } from '@home/components/public-api';\nimport { WidgetContext } from '@home/models/widget-component.models';\nimport {\n  DataEntry,\n  DataKeyType,\n  Direction,\n  EntityDataPageLink,\n  EntityFilter,\n  EntityId,\n  EntityKeyType,\n  KeyFilter,\n  PageLink,\n  widgetType,\n} from '@shared/public-api';\nimport { Subscription } from 'rxjs';\nimport { getLoadingState, LoadingState } from '../loading-overlay/loading-overlay.models';\n\nexport interface SubscriptionDataKey {\n  name: string;\n  type: DataKeyType;\n  label?: string;\n  decimals?: number;\n  settings?: Record<string, unknown>;\n}\n\nexport interface TbSubscriptionDatasourceConfig<T> {\n  ctx: WidgetContext;\n  entityFilter: Signal<EntityFilter>;\n  dataKeys: SubscriptionDataKey[];\n  widgetType: widgetType;\n  keyFilters?: KeyFilter[];\n  dataMapper: (subscription: IWidgetSubscription) => T[];\n  injector: Injector;\n}\n\nexport interface TbSubscriptionDatasourcePaginatedConfig<T> extends TbSubscriptionDatasourceConfig<T> {\n  columns: EntityColumn[];\n  pageLink: Signal<PageLink>;\n}\n\nexport class TbSubscriptionDatasource<T> {\n  readonly data = signal<T[]>([]);\n  readonly loadingState = signal<LoadingState>(getLoadingState.fetching());\n\n  private subscription: IWidgetSubscription | null = null;\n  private subscriptionSub: Subscription | null = null;\n\n  constructor(private readonly config: TbSubscriptionDatasourceConfig<T>) {\n    const injector = config.injector;\n\n    effect(\n      () => {\n        const entityFilter = config.entityFilter();\n        untracked(() => this.recreateSubscription(entityFilter, config.widgetType));\n      },\n      { injector },\n    );\n\n    injector.get(DestroyRef).onDestroy(() => this.cleanup());\n  }\n\n  refresh(): void {\n    this.recreateSubscription(this.config.entityFilter(), this.config.widgetType);\n  }\n\n  private recreateSubscription(entityFilter: EntityFilter, widgetType: widgetType): void {\n    this.cleanup();\n    this.loadingState.set(getLoadingState.fetching());\n\n    const options: WidgetSubscriptionOptions = {\n      type: widgetType,\n      datasources: [\n        {\n          type: 'entity',\n          dataKeys: this.config.dataKeys,\n          entityFilter,\n        },\n      ],\n      hasDataPageLink: false,\n      useDashboardTimewindow: true,\n      callbacks: {\n        onDataUpdated: () => this.onDataUpdated(),\n      },\n    };\n\n    this.subscriptionSub = this.config.ctx.subscriptionApi!\n      .createSubscription(options, true)\n      .subscribe((subscription: IWidgetSubscription) => {\n        this.subscription = subscription;\n      });\n  }\n\n  private onDataUpdated(): void {\n    if (!this.subscription) {\n      return;\n    }\n    this.data.set(this.config.dataMapper(this.subscription));\n    this.loadingState.set(getLoadingState.idle());\n    this.config.ctx.detectChanges();\n  }\n\n  private cleanup(): void {\n    this.subscriptionSub?.unsubscribe();\n    this.subscriptionSub = null;\n    this.subscription?.destroy();\n    this.subscription = null;\n  }\n}\n\nexport class TbSubscriptionDatasourcePaginated<T> {\n  readonly data = signal<T[]>([]);\n  readonly totalElements = signal<number>(0);\n  readonly loadingState = signal<LoadingState>(getLoadingState.fetching());\n\n  private subscription: IWidgetSubscription | null = null;\n  private subscriptionSub: Subscription | null = null;\n\n  constructor(private readonly config: TbSubscriptionDatasourcePaginatedConfig<T>) {\n    const injector = config.injector;\n\n    effect(\n      () => {\n        const entityFilter = config.entityFilter();\n        const pageLink = untracked(() => config.pageLink());\n        untracked(() => this.recreateSubscription(entityFilter, pageLink, config.widgetType));\n      },\n      { injector },\n    );\n\n    effect(\n      () => {\n        const pageLink = config.pageLink();\n        untracked(() => {\n          if (this.subscription) {\n            this.subscription.subscribeForPaginatedData(0, this.toEntityPageLink(pageLink), config.keyFilters ?? []);\n          }\n        });\n      },\n      { injector },\n    );\n\n    injector.get(DestroyRef).onDestroy(() => this.cleanup());\n  }\n\n  refresh(): void {\n    if (this.subscription) {\n      this.subscription.subscribeForPaginatedData(\n        0,\n        this.toEntityPageLink(untracked(() => this.config.pageLink())),\n        this.config.keyFilters ?? [],\n      );\n    }\n  }\n\n  private recreateSubscription(entityFilter: EntityFilter, pageLink: PageLink, widgetType: widgetType): void {\n    this.cleanup();\n    this.loadingState.set(getLoadingState.fetching());\n\n    const options: WidgetSubscriptionOptions = {\n      type: widgetType,\n      datasources: [\n        {\n          type: 'entity',\n          dataKeys: this.config.dataKeys,\n          entityFilter,\n        },\n      ],\n      hasDataPageLink: true,\n      useDashboardTimewindow: true,\n      callbacks: {\n        onDataUpdated: () => this.onDataUpdated(),\n      },\n    };\n\n    this.subscriptionSub = this.config.ctx.subscriptionApi!\n      .createSubscription(options, true)\n      .subscribe((subscription: IWidgetSubscription) => {\n        this.subscription = subscription;\n        subscription.subscribeForPaginatedData(0, this.toEntityPageLink(pageLink), this.config.keyFilters ?? []);\n      });\n  }\n\n  private onDataUpdated(): void {\n    if (!this.subscription) {\n      return;\n    }\n    this.data.set(this.config.dataMapper(this.subscription));\n    this.totalElements.set(this.subscription.datasourcePages?.[0]?.totalElements ?? 0);\n    this.loadingState.set(getLoadingState.idle());\n    this.config.ctx.detectChanges();\n  }\n\n  private toEntityPageLink(pageLink: PageLink): EntityDataPageLink {\n    const entityPageLink: EntityDataPageLink = {\n      page: pageLink.page,\n      pageSize: pageLink.pageSize,\n      textSearch: pageLink.textSearch,\n      dynamic: true,\n    };\n\n    if (pageLink.sortOrder) {\n      const entityKey = findEntityKeyByColumnDef(pageLink.sortOrder.property, this.config.columns);\n      if (entityKey) {\n        entityPageLink.sortOrder = {\n          key: entityKey,\n          direction: pageLink.sortOrder.direction,\n        };\n      }\n    } else {\n      entityPageLink.sortOrder = {\n        key: { key: 'createdTime', type: EntityKeyType.ENTITY_FIELD },\n        direction: Direction.DESC,\n      };\n    }\n\n    return entityPageLink;\n  }\n\n  private cleanup(): void {\n    this.subscriptionSub?.unsubscribe();\n    this.subscriptionSub = null;\n    this.subscription?.destroy();\n    this.subscription = null;\n  }\n}\n\nexport function collectSubscriptionData<T extends { id: EntityId; name: string }>(\n  subscription: IWidgetSubscription,\n  valueTransformer?: (keyName: string, dataPoint: DataEntry | null) => unknown,\n): T[] {\n  const itemMap: Record<string, Record<string, unknown>> = {};\n\n  for (const datasource of subscription.datasources ?? []) {\n    itemMap[datasource.name!] = {\n      id: datasource.entity!.id,\n      name: datasource.name,\n    };\n  }\n\n  for (const datasourceData of subscription.data ?? []) {\n    const item = itemMap[datasourceData.datasource.name!];\n    if (!item) {\n      continue;\n    }\n    const rawValue: string | null = datasourceData.data[0]?.[1] ?? null;\n    item[datasourceData.dataKey.name] = valueTransformer\n      ? valueTransformer(datasourceData.dataKey.name, datasourceData.data[0])\n      : rawValue;\n  }\n\n  return Object.values(itemMap) as T[];\n}\n","/*\n * Public API Surface of @dmytrokhylko/tb-cdu-ui\n */\n\n// Components\nexport { BaseTableComponent } from './lib/base-table/base-table.component';\nexport { LoadingOverlayComponent } from './lib/loading-overlay/loading-overlay.component';\nexport { ActionButtonComponent } from './lib/action-button/action-button.component';\n\n// Base Table Models & Types\nexport type { TableRowAction, TableHeaderAction, TableBulkAction, TableState } from './lib/base-table/base-table.models';\n\n// Loading Overlay Models\nexport { LoadingPhase, getLoadingState } from './lib/loading-overlay/loading-overlay.models';\nexport type { LoadingState } from './lib/loading-overlay/loading-overlay.models';\n\n// Entity Column Models\nexport type { EntityColumnExtended } from './lib/models/entity-column.models';\n\n// Constants\nexport { DEFAULT_PAGE_SIZES, DEFAULT_PAGE_LINK_PAGE_SIZE } from './lib/models/constants';\n\n// Data Source Utilities\nexport {\n  TbSubscriptionDatasource,\n  TbSubscriptionDatasourcePaginated,\n  collectSubscriptionData,\n} from './lib/base-table/tb-subscription-datasource';\nexport type {\n  TbSubscriptionDatasourceConfig,\n  TbSubscriptionDatasourcePaginatedConfig,\n  SubscriptionDataKey,\n} from './lib/base-table/tb-subscription-datasource';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i15"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,254 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterViewInit, ElementRef, Signal, Injector } from '@angular/core';
+import { SelectionModel } from '@angular/cdk/collections';
+import { FormControl } from '@angular/forms';
+import { PageEvent } from '@angular/material/paginator';
+import { SortDirection, Sort } from '@angular/material/sort';
+import { Direction, PageLink, DataKeyType, EntityFilter, widgetType, KeyFilter, EntityId, DataEntry } from '@shared/public-api';
+import { EntityColumn } from '@home/components/public-api';
+import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
+import { IWidgetSubscription } from '@core/public-api';
+import { WidgetContext } from '@home/models/widget-component.models';
+
+interface EntityColumnExtended<T = unknown> extends EntityColumn {
+    nullDisplayValue?: string;
+    headerStyle?: Record<string, string>;
+    cellTemplate?: TemplateRef<{
+        $implicit: unknown;
+        entity: T;
+    }>;
+}
+
+declare enum LoadingPhase {
+    IDLE = "idle",
+    GENERATING = "generating",
+    POLLING = "polling",
+    FETCHING = "fetching"
+}
+type LoadingState = {
+    phase: LoadingPhase.IDLE;
+} | {
+    phase: LoadingPhase.GENERATING;
+} | {
+    phase: LoadingPhase.POLLING;
+    processed: number;
+    total: number;
+} | {
+    phase: LoadingPhase.FETCHING;
+};
+declare const getLoadingState: {
+    idle: () => LoadingState;
+    generating: () => LoadingState;
+    polling: (processed: number, total: number) => LoadingState;
+    fetching: () => LoadingState;
+};
+
+interface TableRowAction<T> {
+    id: string;
+    icon: string;
+    label?: string;
+    visible?: (entity: T) => boolean;
+    disabled?: (entity: T) => boolean;
+    handler?: (entity: T) => void;
+}
+interface TableHeaderAction {
+    id: string;
+    icon: string;
+    label?: string;
+    visible?: () => boolean;
+    disabled?: () => boolean;
+    handler?: () => void;
+}
+interface TableBulkAction<T> {
+    id: string;
+    icon: string;
+    label?: string;
+    visible?: () => boolean;
+    disabled?: (selected: T[]) => boolean;
+    handler?: (selected: T[]) => void;
+}
+interface TableState {
+    pageIndex: number;
+    pageSize: number;
+    sortProperty: string;
+    sortDirection: Direction | null;
+    textSearch: string;
+}
+
+declare class BaseTableComponent<T> implements AfterViewInit {
+    dataSource: _angular_core.InputSignal<T[]>;
+    columns: _angular_core.InputSignal<EntityColumnExtended<T>[]>;
+    displayedColumns: _angular_core.InputSignal<string[]>;
+    loadingState: _angular_core.InputSignal<LoadingState>;
+    widgetTitle: _angular_core.InputSignal<string>;
+    noDataMessage: _angular_core.InputSignal<string>;
+    totalElements: _angular_core.InputSignal<number>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    selectionEnabled: _angular_core.InputSignal<boolean>;
+    rowActions: _angular_core.InputSignal<TableRowAction<T>[]>;
+    headerActions: _angular_core.InputSignal<TableHeaderAction[]>;
+    bulkActions: _angular_core.InputSignal<TableBulkAction<T>[]>;
+    expandable: _angular_core.InputSignal<boolean>;
+    expandedRowTemplate: _angular_core.InputSignal<TemplateRef<{
+        $implicit: T;
+        entity: T;
+    }> | null>;
+    expansionTrackBy: _angular_core.InputSignal<(entity: T) => unknown>;
+    selectionTrackBy: _angular_core.InputSignal<(entity: T) => unknown>;
+    clearSelectionTrigger: _angular_core.InputSignal<unknown>;
+    pageLink: _angular_core.ModelSignal<PageLink>;
+    rowClick: _angular_core.OutputEmitterRef<T>;
+    cellClick: _angular_core.OutputEmitterRef<{
+        event: Event;
+        entity: T;
+        column: EntityColumnExtended<T>;
+    }>;
+    actionClick: _angular_core.OutputEmitterRef<{
+        event: Event;
+        entity: T;
+        action: TableRowAction<T>;
+    }>;
+    headerActionClick: _angular_core.OutputEmitterRef<{
+        event: Event;
+        action: TableHeaderAction;
+    }>;
+    bulkActionClick: _angular_core.OutputEmitterRef<{
+        event: Event;
+        action: TableBulkAction<T>;
+        selected: T[];
+    }>;
+    selectionChange: _angular_core.OutputEmitterRef<T[]>;
+    expansionChange: _angular_core.OutputEmitterRef<T[]>;
+    textSearchMode: _angular_core.WritableSignal<boolean>;
+    readonly selection: SelectionModel<T>;
+    readonly expandedKeys: _angular_core.WritableSignal<Set<unknown>>;
+    readonly lastExpandedKey: _angular_core.WritableSignal<unknown>;
+    readonly detailRowColumns: _angular_core.Signal<string[]>;
+    private readonly selectionCount;
+    readonly isLoadingState: _angular_core.Signal<boolean>;
+    readonly toolbarMode: _angular_core.Signal<"default" | "search" | "bulk">;
+    readonly effectiveDisplayedColumns: _angular_core.Signal<string[]>;
+    readonly visibleHeaderActions: _angular_core.Signal<TableHeaderAction[]>;
+    readonly visibleBulkActions: _angular_core.Signal<TableBulkAction<T>[]>;
+    pageLinkSortDirection: _angular_core.Signal<SortDirection>;
+    searchControl: FormControl<string>;
+    searchInputField: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    private readonly table;
+    private readonly tableScrollContainer;
+    protected readonly LoadingPhase: typeof LoadingPhase;
+    private injector;
+    private destroyRef;
+    constructor();
+    ngAfterViewInit(): void;
+    onPaginate(event: PageEvent): void;
+    onSort(event: Sort): void;
+    enterFilterMode(): void;
+    exitFilterMode(): void;
+    isAllSelected(): boolean;
+    isIndeterminate(): boolean;
+    masterToggle(): void;
+    toggleRow(entity: T): void;
+    clearSelection(): void;
+    onCellClick(event: Event, entity: T, column: EntityColumnExtended<T>): void;
+    onRowClick(event: MouseEvent, entity: T): void;
+    isExpanded(entity: T): boolean;
+    readonly isExpandedRow: (_: number, row: T) => boolean;
+    toggleExpansion(entity: T, rowElement?: HTMLElement): void;
+    private scrollExpandedRowUnderHeader;
+    private reconcileSelection;
+    private reconcileExpansion;
+    private emitExpansionChange;
+    onExpandToggleClick(event: Event, entity: T): void;
+    onActionClick(event: Event, entity: T, action: TableRowAction<T>): void;
+    onHeaderActionClick(event: Event, action: TableHeaderAction): void;
+    onBulkActionClick(event: Event, action: TableBulkAction<T>): void;
+    private clone;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseTableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseTableComponent<any>, "tb-base-table", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "displayedColumns": { "alias": "displayedColumns"; "required": true; "isSignal": true; }; "loadingState": { "alias": "loadingState"; "required": true; "isSignal": true; }; "widgetTitle": { "alias": "widgetTitle"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; "totalElements": { "alias": "totalElements"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "headerActions": { "alias": "headerActions"; "required": false; "isSignal": true; }; "bulkActions": { "alias": "bulkActions"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expandedRowTemplate": { "alias": "expandedRowTemplate"; "required": false; "isSignal": true; }; "expansionTrackBy": { "alias": "expansionTrackBy"; "required": false; "isSignal": true; }; "selectionTrackBy": { "alias": "selectionTrackBy"; "required": false; "isSignal": true; }; "clearSelectionTrigger": { "alias": "clearSelectionTrigger"; "required": false; "isSignal": true; }; "pageLink": { "alias": "pageLink"; "required": false; "isSignal": true; }; }, { "pageLink": "pageLinkChange"; "rowClick": "rowClick"; "cellClick": "cellClick"; "actionClick": "actionClick"; "headerActionClick": "headerActionClick"; "bulkActionClick": "bulkActionClick"; "selectionChange": "selectionChange"; "expansionChange": "expansionChange"; }, never, never, true, never>;
+}
+
+declare class LoadingOverlayComponent {
+    state: _angular_core.InputSignal<LoadingState>;
+    mode: _angular_core.InputSignal<ProgressSpinnerMode>;
+    generating: _angular_core.InputSignal<string>;
+    processingDeterminate: _angular_core.InputSignal<string>;
+    processingIndeterminate: _angular_core.InputSignal<string>;
+    fetching: _angular_core.InputSignal<string>;
+    protected readonly LoadingPhase: typeof LoadingPhase;
+    spinnerMode: _angular_core.Signal<ProgressSpinnerMode>;
+    percentage: _angular_core.Signal<number>;
+    pollingProcessed: _angular_core.Signal<number>;
+    pollingTotal: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoadingOverlayComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoadingOverlayComponent, "tb-loading-overlay", never, { "state": { "alias": "state"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "generating": { "alias": "generating"; "required": false; "isSignal": true; }; "processingDeterminate": { "alias": "processingDeterminate"; "required": false; "isSignal": true; }; "processingIndeterminate": { "alias": "processingIndeterminate"; "required": false; "isSignal": true; }; "fetching": { "alias": "fetching"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ActionButtonComponent {
+    icon: _angular_core.InputSignal<string | null>;
+    label: _angular_core.InputSignal<string | null>;
+    backgroundColor: _angular_core.InputSignal<string | null>;
+    textColor: _angular_core.InputSignal<string | null>;
+    clicked: _angular_core.OutputEmitterRef<void>;
+    protected readonly resolvedBackgroundColor: _angular_core.Signal<string | null>;
+    protected readonly resolvedTextColor: _angular_core.Signal<string | null>;
+    protected handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ActionButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionButtonComponent, "tb-action-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+declare const DEFAULT_PAGE_LINK_PAGE_SIZE = 20;
+declare const DEFAULT_PAGE_SIZES: number[];
+
+interface SubscriptionDataKey {
+    name: string;
+    type: DataKeyType;
+    label?: string;
+    decimals?: number;
+    settings?: Record<string, unknown>;
+}
+interface TbSubscriptionDatasourceConfig<T> {
+    ctx: WidgetContext;
+    entityFilter: Signal<EntityFilter>;
+    dataKeys: SubscriptionDataKey[];
+    widgetType: widgetType;
+    keyFilters?: KeyFilter[];
+    dataMapper: (subscription: IWidgetSubscription) => T[];
+    injector: Injector;
+}
+interface TbSubscriptionDatasourcePaginatedConfig<T> extends TbSubscriptionDatasourceConfig<T> {
+    columns: EntityColumn[];
+    pageLink: Signal<PageLink>;
+}
+declare class TbSubscriptionDatasource<T> {
+    private readonly config;
+    readonly data: _angular_core.WritableSignal<T[]>;
+    readonly loadingState: _angular_core.WritableSignal<LoadingState>;
+    private subscription;
+    private subscriptionSub;
+    constructor(config: TbSubscriptionDatasourceConfig<T>);
+    refresh(): void;
+    private recreateSubscription;
+    private onDataUpdated;
+    private cleanup;
+}
+declare class TbSubscriptionDatasourcePaginated<T> {
+    private readonly config;
+    readonly data: _angular_core.WritableSignal<T[]>;
+    readonly totalElements: _angular_core.WritableSignal<number>;
+    readonly loadingState: _angular_core.WritableSignal<LoadingState>;
+    private subscription;
+    private subscriptionSub;
+    constructor(config: TbSubscriptionDatasourcePaginatedConfig<T>);
+    refresh(): void;
+    private recreateSubscription;
+    private onDataUpdated;
+    private toEntityPageLink;
+    private cleanup;
+}
+declare function collectSubscriptionData<T extends {
+    id: EntityId;
+    name: string;
+}>(subscription: IWidgetSubscription, valueTransformer?: (keyName: string, dataPoint: DataEntry | null) => unknown): T[];
+
+export { ActionButtonComponent, BaseTableComponent, DEFAULT_PAGE_LINK_PAGE_SIZE, DEFAULT_PAGE_SIZES, LoadingOverlayComponent, LoadingPhase, TbSubscriptionDatasource, TbSubscriptionDatasourcePaginated, collectSubscriptionData, getLoadingState };
+export type { EntityColumnExtended, LoadingState, SubscriptionDataKey, TableBulkAction, TableHeaderAction, TableRowAction, TableState, TbSubscriptionDatasourceConfig, TbSubscriptionDatasourcePaginatedConfig };

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@dmytrokhylko/tb-cdu-ui",
+  "version": "0.1.1",
+  "description": "ThingsBoard shared UI components library - base table, loading overlay, action button, and data source utilities",
+  "peerDependencies": {
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/cdk": "^20.0.0",
+    "@angular/material": "^20.0.0",
+    "@ngx-translate/core": "^17.0.0",
+    "thingsboard": "^4.0.0",
+    "rxjs": "^7.8.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "module": "fesm2022/dmytrokhylko-tb-cdu-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/dmytrokhylko-tb-cdu-ui.mjs"
+    }
+  }
+}