@dmytrokhylko/tb-cdu-ui 0.1.5 → 0.2.3

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

@@ -0,0 +1,581 @@
+import * as i0 from '@angular/core';
+import { input, output, computed, Component, model, signal, viewChild, inject, Injector, DestroyRef, effect, untracked, afterNextRender, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { SelectionModel } from '@angular/cdk/collections';
+import * as i6 from '@angular/cdk/scrolling';
+import { CdkScrollableModule } from '@angular/cdk/scrolling';
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+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$1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i2$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+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';
+
+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-cd-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: i1.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: i2.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-cd-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"] }] } });
+
+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-cd-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$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i2$1.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-cd-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-cd-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-cd-loading-overlay [state]=\"loadingState()\"></tb-cd-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-cd-loading-overlay [state]=\"loadingState()\"></tb-cd-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$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: i1.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: i2.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-cd-loading-overlay", inputs: ["state", "mode", "generating", "processingDeterminate", "processingIndeterminate", "fetching"] }, { kind: "ngmodule", type: CdkScrollableModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "pipe", type: i2$1.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-cd-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-cd-loading-overlay [state]=\"loadingState()\"></tb-cd-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-cd-loading-overlay [state]=\"loadingState()\"></tb-cd-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 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);
+}
+
+/**
+ * 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-core.mjs.map