@dmytrokhylko/tb-cdu-ui 0.1.7 → 0.2.3

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

@@ -1,586 +1,11 @@
-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);
-}
+export * from '@dmytrokhylko/tb-cdu-ui/core';
+export * from '@dmytrokhylko/tb-cdu-ui/widgets';
 
 /*
  * 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