@dmytrokhylko/tb-cdu-ui 0.2.5 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -9
- package/core/index.d.ts +23 -14
- package/fesm2022/dmytrokhylko-tb-cdu-ui-core.mjs +9 -9
- package/fesm2022/dmytrokhylko-tb-cdu-ui-core.mjs.map +1 -1
- package/fesm2022/dmytrokhylko-tb-cdu-ui-widgets.mjs +141 -3
- package/fesm2022/dmytrokhylko-tb-cdu-ui-widgets.mjs.map +1 -1
- package/package.json +1 -1
- package/widgets/index.d.ts +49 -1
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@ ThingsBoard Custom Development Unit shared UI components library — base table,
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
|
|
8
|
+
yarn add @dmytrokhylko/tb-cdu-ui
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
## Package structure
|
|
@@ -30,6 +30,12 @@ import { BaseTableComponent } from '@dmytrokhylko/tb-cdu-ui/core';
|
|
|
30
30
|
| `LoadingOverlayComponent` | `<tb-cd-loading-overlay>` | — |
|
|
31
31
|
| `ActionButtonComponent` | `<tb-cd-action-button>` | — |
|
|
32
32
|
|
|
33
|
+
## Widgets
|
|
34
|
+
|
|
35
|
+
| Widget | Selector | Docs |
|
|
36
|
+
|---|---|---|
|
|
37
|
+
| `TbCdEntitiesTableComponent` | `<tb-cd-entities-table>` | [widgets/entities-table](./widgets/entities-table/README.md) |
|
|
38
|
+
|
|
33
39
|
## Adapters
|
|
34
40
|
|
|
35
41
|
| Adapter | Description |
|
|
@@ -72,19 +78,22 @@ Secondary entry points are discovered automatically by ng-packagr from directori
|
|
|
72
78
|
## Development
|
|
73
79
|
|
|
74
80
|
```bash
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
+
yarn install # install dependencies
|
|
82
|
+
yarn build # production build → dist/tb-cdu-ui/
|
|
83
|
+
yarn watch # development build with watch
|
|
84
|
+
yarn format # format source files with Prettier
|
|
85
|
+
yarn format:check # check formatting without writing
|
|
86
|
+
yarn test # run unit tests
|
|
87
|
+
yarn lint # lint source files
|
|
81
88
|
```
|
|
82
89
|
|
|
83
90
|
### Publishing
|
|
84
91
|
|
|
85
|
-
|
|
92
|
+
Bump the version and publish in one step — CI handles the rest:
|
|
86
93
|
|
|
87
94
|
```bash
|
|
88
|
-
|
|
95
|
+
yarn version --patch # or --minor / --major
|
|
89
96
|
git push origin master --tags
|
|
90
97
|
```
|
|
98
|
+
|
|
99
|
+
Pushing a `v*` tag triggers the GitHub Actions workflow which builds and publishes to npm automatically.
|
package/core/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { SelectionModel } from '@angular/cdk/collections';
|
|
|
4
4
|
import { FormControl } from '@angular/forms';
|
|
5
5
|
import { PageEvent } from '@angular/material/paginator';
|
|
6
6
|
import { SortDirection, Sort } from '@angular/material/sort';
|
|
7
|
-
import { Direction, PageLink, DataKeyType, EntityFilter, widgetType, KeyFilter, EntityId
|
|
7
|
+
import { DataEntry, Direction, PageLink, DataKeyType, EntityFilter, widgetType, KeyFilter, EntityId } from '@shared/public-api';
|
|
8
8
|
import { EntityColumn } from '@home/components/public-api';
|
|
9
9
|
import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
|
|
10
10
|
import { IWidgetSubscription } from '@core/public-api';
|
|
@@ -23,15 +23,6 @@ declare class ActionButtonComponent {
|
|
|
23
23
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionButtonComponent, "tb-cd-action-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
interface EntityColumnExtended<T = unknown> extends EntityColumn {
|
|
27
|
-
nullDisplayValue?: string;
|
|
28
|
-
headerStyle?: Record<string, string>;
|
|
29
|
-
cellTemplate?: TemplateRef<{
|
|
30
|
-
$implicit: unknown;
|
|
31
|
-
entity: T;
|
|
32
|
-
}>;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
26
|
declare enum LoadingPhase {
|
|
36
27
|
IDLE = "idle",
|
|
37
28
|
GENERATING = "generating",
|
|
@@ -56,6 +47,16 @@ declare const getLoadingState: {
|
|
|
56
47
|
fetching: () => LoadingState;
|
|
57
48
|
};
|
|
58
49
|
|
|
50
|
+
interface TbCdEntityColumn<T = unknown> extends EntityColumn {
|
|
51
|
+
nullDisplayValue?: string;
|
|
52
|
+
headerStyle?: Record<string, string>;
|
|
53
|
+
cellTemplate?: TemplateRef<{
|
|
54
|
+
$implicit: unknown;
|
|
55
|
+
entity: T;
|
|
56
|
+
}>;
|
|
57
|
+
parseValue?: (dataPoint: DataEntry | null) => unknown;
|
|
58
|
+
}
|
|
59
|
+
|
|
59
60
|
interface TableRowAction<T> {
|
|
60
61
|
id: string;
|
|
61
62
|
icon: string;
|
|
@@ -64,6 +65,13 @@ interface TableRowAction<T> {
|
|
|
64
65
|
disabled?: (entity: T) => boolean;
|
|
65
66
|
handler?: (entity: T) => void;
|
|
66
67
|
}
|
|
68
|
+
interface TableHeaderMenuAction {
|
|
69
|
+
id: string;
|
|
70
|
+
icon: string;
|
|
71
|
+
label?: string;
|
|
72
|
+
disabled?: () => boolean;
|
|
73
|
+
handler?: () => void;
|
|
74
|
+
}
|
|
67
75
|
interface TableHeaderAction {
|
|
68
76
|
id: string;
|
|
69
77
|
icon: string;
|
|
@@ -71,6 +79,7 @@ interface TableHeaderAction {
|
|
|
71
79
|
visible?: () => boolean;
|
|
72
80
|
disabled?: () => boolean;
|
|
73
81
|
handler?: () => void;
|
|
82
|
+
menuItems?: TableHeaderMenuAction[];
|
|
74
83
|
}
|
|
75
84
|
interface TableBulkAction<T> {
|
|
76
85
|
id: string;
|
|
@@ -90,7 +99,7 @@ interface TableState {
|
|
|
90
99
|
|
|
91
100
|
declare class BaseTableComponent<T> implements AfterViewInit {
|
|
92
101
|
dataSource: _angular_core.InputSignal<T[]>;
|
|
93
|
-
columns: _angular_core.InputSignal<
|
|
102
|
+
columns: _angular_core.InputSignal<TbCdEntityColumn<T>[]>;
|
|
94
103
|
displayedColumns: _angular_core.InputSignal<string[]>;
|
|
95
104
|
loadingState: _angular_core.InputSignal<LoadingState>;
|
|
96
105
|
widgetTitle: _angular_core.InputSignal<string>;
|
|
@@ -114,7 +123,7 @@ declare class BaseTableComponent<T> implements AfterViewInit {
|
|
|
114
123
|
cellClick: _angular_core.OutputEmitterRef<{
|
|
115
124
|
event: Event;
|
|
116
125
|
entity: T;
|
|
117
|
-
column:
|
|
126
|
+
column: TbCdEntityColumn<T>;
|
|
118
127
|
}>;
|
|
119
128
|
actionClick: _angular_core.OutputEmitterRef<{
|
|
120
129
|
event: Event;
|
|
@@ -162,7 +171,7 @@ declare class BaseTableComponent<T> implements AfterViewInit {
|
|
|
162
171
|
masterToggle(): void;
|
|
163
172
|
toggleRow(entity: T): void;
|
|
164
173
|
clearSelection(): void;
|
|
165
|
-
onCellClick(event: Event, entity: T, column:
|
|
174
|
+
onCellClick(event: Event, entity: T, column: TbCdEntityColumn<T>): void;
|
|
166
175
|
onRowClick(event: MouseEvent, entity: T): void;
|
|
167
176
|
isExpanded(entity: T): boolean;
|
|
168
177
|
readonly isExpandedRow: (_: number, row: T) => boolean;
|
|
@@ -251,4 +260,4 @@ declare function collectSubscriptionData<T extends {
|
|
|
251
260
|
}>(subscription: IWidgetSubscription, valueTransformer?: (keyName: string, dataPoint: DataEntry | null) => unknown): T[];
|
|
252
261
|
|
|
253
262
|
export { ActionButtonComponent, BaseTableComponent, DEFAULT_PAGE_LINK_PAGE_SIZE, DEFAULT_PAGE_SIZES, LoadingOverlayComponent, LoadingPhase, TbSubscriptionDatasource, TbSubscriptionDatasourcePaginated, collectSubscriptionData, getLoadingState };
|
|
254
|
-
export type {
|
|
263
|
+
export type { LoadingState, SubscriptionDataKey, TableBulkAction, TableHeaderAction, TableHeaderMenuAction, TableRowAction, TableState, TbCdEntityColumn, TbSubscriptionDatasourceConfig, TbSubscriptionDatasourcePaginatedConfig };
|
|
@@ -60,13 +60,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
60
60
|
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"] }]
|
|
61
61
|
}], 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"] }] } });
|
|
62
62
|
|
|
63
|
-
const DEFAULT_PAGE_LINK_PAGE_SIZE = 20;
|
|
64
|
-
const DEFAULT_PAGE_SIZES = [
|
|
65
|
-
DEFAULT_PAGE_LINK_PAGE_SIZE,
|
|
66
|
-
DEFAULT_PAGE_LINK_PAGE_SIZE * 5,
|
|
67
|
-
DEFAULT_PAGE_LINK_PAGE_SIZE * 10,
|
|
68
|
-
];
|
|
69
|
-
|
|
70
63
|
var LoadingPhase;
|
|
71
64
|
(function (LoadingPhase) {
|
|
72
65
|
LoadingPhase["IDLE"] = "idle";
|
|
@@ -121,6 +114,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
121
114
|
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"] }]
|
|
122
115
|
}], 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 }] }] } });
|
|
123
116
|
|
|
117
|
+
const DEFAULT_PAGE_LINK_PAGE_SIZE = 20;
|
|
118
|
+
const DEFAULT_PAGE_SIZES = [
|
|
119
|
+
DEFAULT_PAGE_LINK_PAGE_SIZE,
|
|
120
|
+
DEFAULT_PAGE_LINK_PAGE_SIZE * 5,
|
|
121
|
+
DEFAULT_PAGE_LINK_PAGE_SIZE * 10,
|
|
122
|
+
];
|
|
123
|
+
|
|
124
124
|
class BaseTableComponent {
|
|
125
125
|
dataSource = input.required(...(ngDevMode ? [{ debugName: "dataSource" }] : []));
|
|
126
126
|
columns = input.required(...(ngDevMode ? [{ debugName: "columns" }] : []));
|
|
@@ -393,11 +393,11 @@ class BaseTableComponent {
|
|
|
393
393
|
return Object.assign(Object.create(Object.getPrototypeOf(link)), link);
|
|
394
394
|
}
|
|
395
395
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: BaseTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
396
|
-
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> </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 });
|
|
396
|
+
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 @if (action.menuItems?.length) {\n <button\n mat-icon-button\n [attr.data-testid]=\"action.id\"\n [disabled]=\"action.disabled ? action.disabled() : false\"\n [matMenuTriggerFor]=\"headerDropdown\"\n [matTooltip]=\"action.label ? (action.label | translate) : null\"\n matTooltipPosition=\"above\">\n <mat-icon>{{ action.icon }}</mat-icon>\n </button>\n <mat-menu #headerDropdown=\"matMenu\" xPosition=\"before\">\n @for (item of action.menuItems!; track item.id) {\n <button\n mat-menu-item\n [disabled]=\"item.disabled ? item.disabled() : false\"\n (click)=\"item.handler && item.handler()\">\n <mat-icon>{{ item.icon }}</mat-icon>\n <span>{{ item.label ? (item.label | translate) : '' }}</span>\n </button>\n }\n </mat-menu>\n } @else {\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 }\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> </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 });
|
|
397
397
|
}
|
|
398
398
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: BaseTableComponent, decorators: [{
|
|
399
399
|
type: Component,
|
|
400
|
-
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> </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"] }]
|
|
400
|
+
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 @if (action.menuItems?.length) {\n <button\n mat-icon-button\n [attr.data-testid]=\"action.id\"\n [disabled]=\"action.disabled ? action.disabled() : false\"\n [matMenuTriggerFor]=\"headerDropdown\"\n [matTooltip]=\"action.label ? (action.label | translate) : null\"\n matTooltipPosition=\"above\">\n <mat-icon>{{ action.icon }}</mat-icon>\n </button>\n <mat-menu #headerDropdown=\"matMenu\" xPosition=\"before\">\n @for (item of action.menuItems!; track item.id) {\n <button\n mat-menu-item\n [disabled]=\"item.disabled ? item.disabled() : false\"\n (click)=\"item.handler && item.handler()\">\n <mat-icon>{{ item.icon }}</mat-icon>\n <span>{{ item.label ? (item.label | translate) : '' }}</span>\n </button>\n }\n </mat-menu>\n } @else {\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 }\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> </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"] }]
|
|
401
401
|
}], 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 }] }] } });
|
|
402
402
|
|
|
403
403
|
class TbSubscriptionDatasource {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dmytrokhylko-tb-cdu-ui-core.mjs","sources":["../../../core/action-button/action-button.component.ts","../../../core/action-button/action-button.component.html","../../../core/models/constants.ts","../../../core/loading-overlay/loading-overlay.models.ts","../../../core/loading-overlay/loading-overlay.component.ts","../../../core/loading-overlay/loading-overlay.component.html","../../../core/base-table/base-table.component.ts","../../../core/base-table/base-table.component.html","../../../core/adapters/tb-subscription-datasource.ts","../../../core/dmytrokhylko-tb-cdu-ui-core.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n standalone: true,\n imports: [MatButtonModule, MatIconModule],\n selector: 'tb-cd-action-button',\n templateUrl: './action-button.component.html',\n styleUrls: ['./action-button.component.scss'],\n})\nexport class ActionButtonComponent {\n icon = input<string | null>(null);\n label = input<string | null>(null);\n backgroundColor = input<string | null>(null);\n textColor = input<string | null>(null);\n\n clicked = output<void>();\n\n protected readonly resolvedBackgroundColor = computed(() => {\n const bg = this.backgroundColor();\n if (!bg) return null;\n return bg.startsWith('--') ? `var(${bg})` : bg;\n });\n\n protected readonly resolvedTextColor = computed(() => {\n const color = this.textColor();\n if (!color) return null;\n return color.startsWith('--') ? `var(${color})` : color;\n });\n\n protected handleClick(): void {\n this.clicked.emit();\n }\n}\n","<button\n mat-flat-button\n class=\"action-button\"\n [style.--mat-button-filled-container-color]=\"resolvedBackgroundColor()\"\n [style.--mat-button-filled-label-text-color]=\"resolvedTextColor()\"\n (click)=\"handleClick()\">\n @if (icon()) {\n <mat-icon>{{ icon() }}</mat-icon>\n }\n @if (label()) {\n <span class=\"action-button__label\">{{ label() }}</span>\n }\n</button>\n","export const DEFAULT_PAGE_LINK_PAGE_SIZE = 20;\nexport const DEFAULT_PAGE_SIZES = [\n DEFAULT_PAGE_LINK_PAGE_SIZE,\n DEFAULT_PAGE_LINK_PAGE_SIZE * 5,\n DEFAULT_PAGE_LINK_PAGE_SIZE * 10,\n];\n","export enum LoadingPhase {\n IDLE = 'idle',\n GENERATING = 'generating',\n POLLING = 'polling',\n FETCHING = 'fetching',\n}\n\nexport type LoadingState =\n | { phase: LoadingPhase.IDLE }\n | { phase: LoadingPhase.GENERATING }\n | { phase: LoadingPhase.POLLING; processed: number; total: number }\n | { phase: LoadingPhase.FETCHING };\n\nexport const getLoadingState = {\n idle: (): LoadingState => ({ phase: LoadingPhase.IDLE }),\n generating: (): LoadingState => ({ phase: LoadingPhase.GENERATING }),\n polling: (processed: number, total: number): LoadingState => ({\n phase: LoadingPhase.POLLING,\n processed,\n total,\n }),\n fetching: (): LoadingState => ({ phase: LoadingPhase.FETCHING }),\n};\n","import { Component, computed, input } from '@angular/core';\nimport { MatProgressSpinnerModule, ProgressSpinnerMode } from '@angular/material/progress-spinner';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { LoadingPhase, LoadingState } from './loading-overlay.models';\n\n@Component({\n standalone: true,\n imports: [TranslateModule, MatProgressSpinnerModule],\n selector: 'tb-cd-loading-overlay',\n templateUrl: './loading-overlay.component.html',\n styleUrls: ['./loading-overlay.component.scss'],\n})\nexport class LoadingOverlayComponent {\n state = input.required<LoadingState>();\n mode = input<ProgressSpinnerMode>('determinate');\n\n generating = input('loading.generating');\n processingDeterminate = input('loading.polling.determinate');\n processingIndeterminate = input('loading.polling.indeterminate');\n fetching = input('loading.fetching');\n\n protected readonly LoadingPhase = LoadingPhase;\n\n spinnerMode = computed((): ProgressSpinnerMode => {\n if (this.state().phase !== LoadingPhase.POLLING || this.mode() !== 'determinate') {\n return 'indeterminate';\n }\n return this.percentage() > 0 ? 'determinate' : 'indeterminate';\n });\n percentage = computed(() => {\n const state = this.state();\n return state.phase === LoadingPhase.POLLING && state.total > 0\n ? Math.floor((state.processed / state.total) * 100)\n : 0;\n });\n\n pollingProcessed = computed(() => {\n const state = this.state();\n return state.phase === LoadingPhase.POLLING ? state.processed : 0;\n });\n\n pollingTotal = computed(() => {\n const state = this.state();\n return state.phase === LoadingPhase.POLLING ? state.total : 0;\n });\n}\n","<div class=\"loading-overlay\">\n <mat-spinner diameter=\"50\" [mode]=\"spinnerMode()\" [value]=\"percentage()\"></mat-spinner>\n <span class=\"loading-text\">\n @switch (state().phase) {\n @case (LoadingPhase.POLLING) {\n @if (spinnerMode() === 'determinate') {\n {{ processingDeterminate() | translate }} {{ pollingProcessed() }}/{{ pollingTotal() }}\n } @else {\n {{ processingIndeterminate() | translate }}\n }\n }\n @case (LoadingPhase.GENERATING) {\n {{ generating() | translate }}\n }\n @case (LoadingPhase.FETCHING) {\n {{ fetching() | translate }}\n }\n }\n </span>\n</div>\n","import { SelectionModel } from '@angular/cdk/collections';\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\nimport { CommonModule } from '@angular/common';\nimport {\n afterNextRender,\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n computed,\n DestroyRef,\n effect,\n ElementRef,\n inject,\n Injector,\n input,\n model,\n output,\n signal,\n TemplateRef,\n untracked,\n viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormControl } from '@angular/forms';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Sort, SortDirection } from '@angular/material/sort';\nimport { MatTable } from '@angular/material/table';\nimport { Direction, PageLink, SharedModule } from '@shared/public-api';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\nimport { DEFAULT_PAGE_SIZES } from '../models/constants';\nimport { EntityColumnExtended } from '../models/entity-column.models';\nimport { LoadingOverlayComponent } from '../loading-overlay/loading-overlay.component';\nimport { LoadingPhase, LoadingState } from '../loading-overlay/loading-overlay.models';\nimport { TableBulkAction, TableHeaderAction, TableRowAction } from './base-table.models';\n\n@Component({\n standalone: true,\n imports: [CommonModule, SharedModule, LoadingOverlayComponent, CdkScrollableModule, MatCheckboxModule],\n selector: 'tb-cd-base-table',\n templateUrl: './base-table.component.html',\n styleUrls: ['./base-table.component.scss', '../styles/table-widget.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BaseTableComponent<T> implements AfterViewInit {\n dataSource = input.required<T[]>();\n columns = input.required<EntityColumnExtended<T>[]>();\n displayedColumns = input.required<string[]>();\n loadingState = input.required<LoadingState>();\n\n widgetTitle = input<string>('widget.widget-title');\n noDataMessage = input<string>('entity.no-data');\n\n totalElements = input<number>(0);\n pageSizeOptions = input<number[]>(DEFAULT_PAGE_SIZES);\n\n selectionEnabled = input<boolean>(false);\n\n rowActions = input<TableRowAction<T>[]>([]);\n headerActions = input<TableHeaderAction[]>([]);\n bulkActions = input<TableBulkAction<T>[]>([]);\n\n expandable = input<boolean>(false);\n expandedRowTemplate = input<TemplateRef<{ $implicit: T; entity: T }> | null>(null);\n expansionTrackBy = input<(entity: T) => unknown>((entity) => entity);\n selectionTrackBy = input<(entity: T) => unknown>((entity) => entity);\n clearSelectionTrigger = input<unknown>(undefined);\n\n pageLink = model<PageLink>(new PageLink(this.pageSizeOptions()[0]));\n\n rowClick = output<T>();\n cellClick = output<{ event: Event; entity: T; column: EntityColumnExtended<T> }>();\n actionClick = output<{ event: Event; entity: T; action: TableRowAction<T> }>();\n headerActionClick = output<{ event: Event; action: TableHeaderAction }>();\n bulkActionClick = output<{ event: Event; action: TableBulkAction<T>; selected: T[] }>();\n\n selectionChange = output<T[]>();\n expansionChange = output<T[]>();\n\n textSearchMode = signal(false);\n readonly selection = new SelectionModel<T>(true, []);\n readonly expandedKeys = signal<Set<unknown>>(new Set());\n readonly lastExpandedKey = signal<unknown | null>(null);\n\n readonly detailRowColumns = computed(() => ['expandedDetail']);\n\n private readonly selectionCount = signal(0);\n\n readonly isLoadingState = computed(() => {\n return this.loadingState().phase === LoadingPhase.GENERATING || this.loadingState().phase === LoadingPhase.POLLING;\n });\n\n readonly toolbarMode = computed((): 'default' | 'search' | 'bulk' => {\n if (this.selectionEnabled() && this.selectionCount() > 0) return 'bulk';\n if (this.textSearchMode()) return 'search';\n return 'default';\n });\n\n readonly effectiveDisplayedColumns = computed(() => {\n const cols = [...this.displayedColumns()];\n if (this.selectionEnabled()) cols.unshift('select');\n if (this.rowActions().length > 0 || this.expandable()) cols.push('actions');\n return cols;\n });\n\n readonly visibleHeaderActions = computed(() =>\n this.headerActions().filter((action) => !action.visible || action.visible()),\n );\n\n readonly visibleBulkActions = computed(() =>\n this.bulkActions().filter((action) => !action.visible || action.visible()),\n );\n\n pageLinkSortDirection = computed((): SortDirection => {\n const order = this.pageLink().sortOrder;\n return order && order.direction ? (order.direction.toLowerCase() as SortDirection) : '';\n });\n\n searchControl = new FormControl<string>('', { nonNullable: true });\n searchInputField = viewChild<ElementRef<HTMLInputElement>>('searchInput');\n private readonly table = viewChild(MatTable<T>);\n private readonly tableScrollContainer = viewChild<ElementRef<HTMLElement>>('tableScrollContainer');\n\n protected readonly LoadingPhase = LoadingPhase;\n\n private injector = inject(Injector);\n private destroyRef = inject(DestroyRef);\n\n constructor() {\n effect(() => {\n const data = this.dataSource();\n untracked(() => {\n this.reconcileSelection(data);\n this.reconcileExpansion(data);\n });\n });\n\n let clearSelectionInitialized = false;\n effect(() => {\n this.clearSelectionTrigger();\n if (!clearSelectionInitialized) {\n clearSelectionInitialized = true;\n return;\n }\n untracked(() => this.selection.clear());\n });\n\n this.selection.changed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.selectionCount.set(this.selection.selected.length);\n this.selectionChange.emit(this.selection.selected);\n });\n }\n\n ngAfterViewInit(): void {\n if (this.pageLink().textSearch) {\n this.searchControl.patchValue(this.pageLink().textSearch, { emitEvent: false });\n }\n\n this.searchControl.valueChanges\n .pipe(\n debounceTime(300),\n distinctUntilChanged((prev, current) => (this.pageLink().textSearch ?? '') === current.trim()),\n takeUntilDestroyed(this.destroyRef),\n )\n .subscribe((searchValue: string) => {\n const current = this.clone(this.pageLink());\n current.textSearch = searchValue.trim();\n current.page = 0;\n this.pageLink.set(current);\n });\n }\n\n onPaginate(event: PageEvent) {\n const current = this.clone(this.pageLink());\n current.page = event.pageIndex;\n current.pageSize = event.pageSize;\n this.pageLink.set(current);\n }\n\n onSort(event: Sort) {\n const current = this.clone(this.pageLink());\n current.sortOrder = event.direction\n ? { property: event.active, direction: Direction[event.direction.toUpperCase() as keyof typeof Direction] }\n : undefined!;\n current.page = 0;\n this.pageLink.set(current);\n }\n\n enterFilterMode() {\n this.textSearchMode.set(true);\n afterNextRender(\n () => {\n const input = this.searchInputField()?.nativeElement;\n if (input) {\n input.focus();\n input.setSelectionRange(0, 0);\n }\n },\n { injector: this.injector },\n );\n }\n\n exitFilterMode() {\n this.textSearchMode.set(false);\n this.searchControl.reset();\n }\n\n isAllSelected(): boolean {\n return this.selection.selected.length === this.dataSource().length && this.dataSource().length > 0;\n }\n\n isIndeterminate(): boolean {\n return this.selection.selected.length > 0 && !this.isAllSelected();\n }\n\n masterToggle(): void {\n if (this.isAllSelected()) {\n this.selection.clear();\n } else {\n this.dataSource().forEach((row) => this.selection.select(row));\n }\n }\n\n toggleRow(entity: T): void {\n this.selection.toggle(entity);\n }\n\n clearSelection(): void {\n this.selection.clear();\n }\n\n onCellClick(event: Event, entity: T, column: EntityColumnExtended<T>) {\n this.cellClick.emit({ event, entity, column });\n }\n\n onRowClick(event: MouseEvent, entity: T): void {\n if (this.expandable()) {\n this.toggleExpansion(entity, event.currentTarget as HTMLElement);\n return;\n }\n this.rowClick.emit(entity);\n }\n\n isExpanded(entity: T): boolean {\n return this.expandedKeys().has(this.expansionTrackBy()(entity));\n }\n\n readonly isExpandedRow = (_: number, row: T): boolean => this.isExpanded(row);\n\n toggleExpansion(entity: T, rowElement?: HTMLElement): void {\n const key = this.expansionTrackBy()(entity);\n const nextKeys = new Set(this.expandedKeys());\n const wasExpanded = nextKeys.has(key);\n if (wasExpanded) {\n nextKeys.delete(key);\n } else {\n nextKeys.add(key);\n }\n this.expandedKeys.set(nextKeys);\n this.emitExpansionChange();\n this.table()?.renderRows();\n\n if (wasExpanded) {\n return;\n }\n\n this.lastExpandedKey.set(key);\n\n if (!rowElement) {\n return;\n }\n\n afterNextRender(\n () => {\n this.scrollExpandedRowUnderHeader(rowElement);\n this.lastExpandedKey.set(null);\n },\n { injector: this.injector },\n );\n }\n\n private scrollExpandedRowUnderHeader(rowElement: HTMLElement): void {\n const container = this.tableScrollContainer()?.nativeElement;\n if (!container) {\n return;\n }\n const headerRow = container.querySelector<HTMLElement>('.mat-mdc-header-row');\n const headerHeight = headerRow?.offsetHeight ?? 0;\n const containerRect = container.getBoundingClientRect();\n const rowRect = rowElement.getBoundingClientRect();\n const targetScrollTop = container.scrollTop + rowRect.top - containerRect.top - headerHeight;\n container.scrollTo({ top: targetScrollTop, behavior: 'smooth' });\n }\n\n private reconcileSelection(data: T[]): void {\n if (this.selection.isEmpty()) {\n return;\n }\n const trackBy = this.selectionTrackBy();\n const previousSelected = this.selection.selected;\n const dataKeySet = new Set(data.map(trackBy));\n const nextSelected = data.filter((entity) => {\n const key = trackBy(entity);\n return dataKeySet.has(key) && previousSelected.some((previous) => trackBy(previous) === key);\n });\n this.selection.clear();\n if (nextSelected.length > 0) {\n this.selection.select(...nextSelected);\n }\n }\n\n private reconcileExpansion(data: T[]): void {\n const previousKeys = this.expandedKeys();\n if (previousKeys.size === 0) {\n return;\n }\n const trackBy = this.expansionTrackBy();\n const nextKeys = new Set<unknown>();\n for (const entity of data) {\n const key = trackBy(entity);\n if (previousKeys.has(key)) {\n nextKeys.add(key);\n }\n }\n if (nextKeys.size === previousKeys.size) {\n return;\n }\n this.expandedKeys.set(nextKeys);\n this.emitExpansionChange();\n }\n\n private emitExpansionChange(): void {\n const keys = this.expandedKeys();\n const trackBy = this.expansionTrackBy();\n const expandedEntities = this.dataSource().filter((entity) => keys.has(trackBy(entity)));\n this.expansionChange.emit(expandedEntities);\n }\n\n onExpandToggleClick(event: Event, entity: T): void {\n event.stopPropagation();\n const rowElement = (event.target as HTMLElement).closest('mat-row') as HTMLElement;\n this.toggleExpansion(entity, rowElement);\n }\n\n onActionClick(event: Event, entity: T, action: TableRowAction<T>) {\n event.stopPropagation();\n if (action.handler) {\n action.handler(entity);\n } else {\n this.actionClick.emit({ event, entity, action });\n }\n }\n\n onHeaderActionClick(event: Event, action: TableHeaderAction) {\n if (action.handler) {\n action.handler();\n } else {\n this.headerActionClick.emit({ event, action });\n }\n }\n\n onBulkActionClick(event: Event, action: TableBulkAction<T>) {\n if (action.handler) {\n action.handler(this.selection.selected);\n } else {\n this.bulkActionClick.emit({ event, action, selected: this.selection.selected });\n }\n }\n\n private clone(link: PageLink): PageLink {\n return Object.assign(Object.create(Object.getPrototypeOf(link)), link);\n }\n}\n","<div class=\"tb-table-widget tb-absolute-fill\">\n <div class=\"tb-absolute-fill flex flex-1 flex-col\">\n <mat-toolbar class=\"mat-mdc-table-toolbar\" [class.!hidden]=\"toolbarMode() !== 'default'\">\n <span\n class=\"tb-entity-table-title\"\n [matTooltip]=\"widgetTitle() | translate\"\n matTooltipPosition=\"above\"\n [matTooltipShowDelay]=\"500\"\n [matTooltipHideDelay]=\"200\">\n {{ widgetTitle() | translate }}\n </span>\n <span class=\"flex-1\"></span>\n @for (action of visibleHeaderActions(); track action.id) {\n <button\n mat-icon-button\n [attr.data-testid]=\"action.id\"\n [disabled]=\"action.disabled ? action.disabled() : false\"\n (click)=\"onHeaderActionClick($event, action)\"\n [matTooltip]=\"action.label ? (action.label | translate) : null\"\n matTooltipPosition=\"above\">\n <mat-icon>{{ action.icon }}</mat-icon>\n </button>\n }\n <button\n mat-icon-button\n [disabled]=\"loadingState().phase !== LoadingPhase.IDLE\"\n (click)=\"enterFilterMode()\"\n matTooltip=\"{{ 'action.search' | translate }}\"\n matTooltipPosition=\"above\">\n <mat-icon>search</mat-icon>\n </button>\n </mat-toolbar>\n <mat-toolbar class=\"mat-mdc-table-toolbar\" [class.!hidden]=\"toolbarMode() !== 'search'\">\n <div class=\"mat-toolbar-tools\">\n <button mat-icon-button matTooltip=\"{{ 'action.search' | translate }}\" matTooltipPosition=\"above\">\n <mat-icon>search</mat-icon>\n </button>\n <mat-form-field class=\"flex-1\">\n <mat-label> </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","import { DestroyRef, effect, Injector, signal, Signal, untracked } from '@angular/core';\nimport { IWidgetSubscription, WidgetSubscriptionOptions } from '@core/public-api';\nimport { EntityColumn, findEntityKeyByColumnDef } from '@home/components/public-api';\nimport { WidgetContext } from '@home/models/widget-component.models';\nimport {\n DataEntry,\n DataKeyType,\n Direction,\n EntityDataPageLink,\n EntityFilter,\n EntityId,\n EntityKeyType,\n KeyFilter,\n PageLink,\n widgetType,\n} from '@shared/public-api';\nimport { Subscription } from 'rxjs';\nimport { getLoadingState, LoadingState } from '../loading-overlay/loading-overlay.models';\n\nexport interface SubscriptionDataKey {\n name: string;\n type: DataKeyType;\n label?: string;\n decimals?: number;\n settings?: Record<string, unknown>;\n}\n\nexport interface TbSubscriptionDatasourceConfig<T> {\n ctx: WidgetContext;\n entityFilter: Signal<EntityFilter>;\n dataKeys: SubscriptionDataKey[];\n widgetType: widgetType;\n keyFilters?: KeyFilter[];\n dataMapper: (subscription: IWidgetSubscription) => T[];\n injector: Injector;\n}\n\nexport interface TbSubscriptionDatasourcePaginatedConfig<T> extends TbSubscriptionDatasourceConfig<T> {\n columns: EntityColumn[];\n pageLink: Signal<PageLink>;\n}\n\nexport class TbSubscriptionDatasource<T> {\n readonly data = signal<T[]>([]);\n readonly loadingState = signal<LoadingState>(getLoadingState.fetching());\n\n private subscription: IWidgetSubscription | null = null;\n private subscriptionSub: Subscription | null = null;\n\n constructor(private readonly config: TbSubscriptionDatasourceConfig<T>) {\n const injector = config.injector;\n\n effect(\n () => {\n const entityFilter = config.entityFilter();\n untracked(() => this.recreateSubscription(entityFilter, config.widgetType));\n },\n { injector },\n );\n\n injector.get(DestroyRef).onDestroy(() => this.cleanup());\n }\n\n refresh(): void {\n this.recreateSubscription(this.config.entityFilter(), this.config.widgetType);\n }\n\n private recreateSubscription(entityFilter: EntityFilter, widgetType: widgetType): void {\n this.cleanup();\n this.loadingState.set(getLoadingState.fetching());\n\n const options: WidgetSubscriptionOptions = {\n type: widgetType,\n datasources: [\n {\n type: 'entity',\n dataKeys: this.config.dataKeys,\n entityFilter,\n },\n ],\n hasDataPageLink: false,\n useDashboardTimewindow: true,\n callbacks: {\n onDataUpdated: () => this.onDataUpdated(),\n },\n };\n\n this.subscriptionSub = this.config.ctx\n .subscriptionApi!.createSubscription(options, true)\n .subscribe((subscription: IWidgetSubscription) => {\n this.subscription = subscription;\n });\n }\n\n private onDataUpdated(): void {\n if (!this.subscription) {\n return;\n }\n this.data.set(this.config.dataMapper(this.subscription));\n this.loadingState.set(getLoadingState.idle());\n this.config.ctx.detectChanges();\n }\n\n private cleanup(): void {\n this.subscriptionSub?.unsubscribe();\n this.subscriptionSub = null;\n this.subscription?.destroy();\n this.subscription = null;\n }\n}\n\nexport class TbSubscriptionDatasourcePaginated<T> {\n readonly data = signal<T[]>([]);\n readonly totalElements = signal<number>(0);\n readonly loadingState = signal<LoadingState>(getLoadingState.fetching());\n\n private subscription: IWidgetSubscription | null = null;\n private subscriptionSub: Subscription | null = null;\n\n constructor(private readonly config: TbSubscriptionDatasourcePaginatedConfig<T>) {\n const injector = config.injector;\n\n effect(\n () => {\n const entityFilter = config.entityFilter();\n const pageLink = untracked(() => config.pageLink());\n untracked(() => this.recreateSubscription(entityFilter, pageLink, config.widgetType));\n },\n { injector },\n );\n\n effect(\n () => {\n const pageLink = config.pageLink();\n untracked(() => {\n if (this.subscription) {\n this.subscription.subscribeForPaginatedData(0, this.toEntityPageLink(pageLink), config.keyFilters ?? []);\n }\n });\n },\n { injector },\n );\n\n injector.get(DestroyRef).onDestroy(() => this.cleanup());\n }\n\n refresh(): void {\n if (this.subscription) {\n this.subscription.subscribeForPaginatedData(\n 0,\n this.toEntityPageLink(untracked(() => this.config.pageLink())),\n this.config.keyFilters ?? [],\n );\n }\n }\n\n private recreateSubscription(entityFilter: EntityFilter, pageLink: PageLink, widgetType: widgetType): void {\n this.cleanup();\n this.loadingState.set(getLoadingState.fetching());\n\n const options: WidgetSubscriptionOptions = {\n type: widgetType,\n datasources: [\n {\n type: 'entity',\n dataKeys: this.config.dataKeys,\n entityFilter,\n },\n ],\n hasDataPageLink: true,\n useDashboardTimewindow: true,\n callbacks: {\n onDataUpdated: () => this.onDataUpdated(),\n },\n };\n\n this.subscriptionSub = this.config.ctx\n .subscriptionApi!.createSubscription(options, true)\n .subscribe((subscription: IWidgetSubscription) => {\n this.subscription = subscription;\n subscription.subscribeForPaginatedData(0, this.toEntityPageLink(pageLink), this.config.keyFilters ?? []);\n });\n }\n\n private onDataUpdated(): void {\n if (!this.subscription) {\n return;\n }\n this.data.set(this.config.dataMapper(this.subscription));\n this.totalElements.set(this.subscription.datasourcePages?.[0]?.totalElements ?? 0);\n this.loadingState.set(getLoadingState.idle());\n this.config.ctx.detectChanges();\n }\n\n private toEntityPageLink(pageLink: PageLink): EntityDataPageLink {\n const entityPageLink: EntityDataPageLink = {\n page: pageLink.page,\n pageSize: pageLink.pageSize,\n textSearch: pageLink.textSearch,\n dynamic: true,\n };\n\n if (pageLink.sortOrder) {\n const entityKey = findEntityKeyByColumnDef(pageLink.sortOrder.property, this.config.columns);\n if (entityKey) {\n entityPageLink.sortOrder = {\n key: entityKey,\n direction: pageLink.sortOrder.direction,\n };\n }\n } else {\n entityPageLink.sortOrder = {\n key: { key: 'createdTime', type: EntityKeyType.ENTITY_FIELD },\n direction: Direction.DESC,\n };\n }\n\n return entityPageLink;\n }\n\n private cleanup(): void {\n this.subscriptionSub?.unsubscribe();\n this.subscriptionSub = null;\n this.subscription?.destroy();\n this.subscription = null;\n }\n}\n\nexport function collectSubscriptionData<T extends { id: EntityId; name: string }>(\n subscription: IWidgetSubscription,\n valueTransformer?: (keyName: string, dataPoint: DataEntry | null) => unknown,\n): T[] {\n const itemMap: Record<string, Record<string, unknown>> = {};\n\n for (const datasource of subscription.datasources ?? []) {\n itemMap[datasource.name!] = {\n id: datasource.entity!.id,\n name: datasource.name,\n };\n }\n\n for (const datasourceData of subscription.data ?? []) {\n const item = itemMap[datasourceData.datasource.name!];\n if (!item) {\n continue;\n }\n const rawValue: string | null = datasourceData.data[0]?.[1] ?? null;\n item[datasourceData.dataKey.name] = valueTransformer\n ? valueTransformer(datasourceData.dataKey.name, datasourceData.data[0])\n : rawValue;\n }\n\n return Object.values(itemMap) as T[];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i4","i15"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dmytrokhylko-tb-cdu-ui-core.mjs","sources":["../../../core/action-button/action-button.component.ts","../../../core/action-button/action-button.component.html","../../../core/loading-overlay/loading-overlay.models.ts","../../../core/loading-overlay/loading-overlay.component.ts","../../../core/loading-overlay/loading-overlay.component.html","../../../core/models/constants.ts","../../../core/base-table/base-table.component.ts","../../../core/base-table/base-table.component.html","../../../core/adapters/tb-subscription-datasource.ts","../../../core/dmytrokhylko-tb-cdu-ui-core.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n standalone: true,\n imports: [MatButtonModule, MatIconModule],\n selector: 'tb-cd-action-button',\n templateUrl: './action-button.component.html',\n styleUrls: ['./action-button.component.scss'],\n})\nexport class ActionButtonComponent {\n icon = input<string | null>(null);\n label = input<string | null>(null);\n backgroundColor = input<string | null>(null);\n textColor = input<string | null>(null);\n\n clicked = output<void>();\n\n protected readonly resolvedBackgroundColor = computed(() => {\n const bg = this.backgroundColor();\n if (!bg) return null;\n return bg.startsWith('--') ? `var(${bg})` : bg;\n });\n\n protected readonly resolvedTextColor = computed(() => {\n const color = this.textColor();\n if (!color) return null;\n return color.startsWith('--') ? `var(${color})` : color;\n });\n\n protected handleClick(): void {\n this.clicked.emit();\n }\n}\n","<button\n mat-flat-button\n class=\"action-button\"\n [style.--mat-button-filled-container-color]=\"resolvedBackgroundColor()\"\n [style.--mat-button-filled-label-text-color]=\"resolvedTextColor()\"\n (click)=\"handleClick()\">\n @if (icon()) {\n <mat-icon>{{ icon() }}</mat-icon>\n }\n @if (label()) {\n <span class=\"action-button__label\">{{ label() }}</span>\n }\n</button>\n","export enum LoadingPhase {\n IDLE = 'idle',\n GENERATING = 'generating',\n POLLING = 'polling',\n FETCHING = 'fetching',\n}\n\nexport type LoadingState =\n | { phase: LoadingPhase.IDLE }\n | { phase: LoadingPhase.GENERATING }\n | { phase: LoadingPhase.POLLING; processed: number; total: number }\n | { phase: LoadingPhase.FETCHING };\n\nexport const getLoadingState = {\n idle: (): LoadingState => ({ phase: LoadingPhase.IDLE }),\n generating: (): LoadingState => ({ phase: LoadingPhase.GENERATING }),\n polling: (processed: number, total: number): LoadingState => ({\n phase: LoadingPhase.POLLING,\n processed,\n total,\n }),\n fetching: (): LoadingState => ({ phase: LoadingPhase.FETCHING }),\n};\n","import { Component, computed, input } from '@angular/core';\nimport { MatProgressSpinnerModule, ProgressSpinnerMode } from '@angular/material/progress-spinner';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { LoadingPhase, LoadingState } from './loading-overlay.models';\n\n@Component({\n standalone: true,\n imports: [TranslateModule, MatProgressSpinnerModule],\n selector: 'tb-cd-loading-overlay',\n templateUrl: './loading-overlay.component.html',\n styleUrls: ['./loading-overlay.component.scss'],\n})\nexport class LoadingOverlayComponent {\n state = input.required<LoadingState>();\n mode = input<ProgressSpinnerMode>('determinate');\n\n generating = input('loading.generating');\n processingDeterminate = input('loading.polling.determinate');\n processingIndeterminate = input('loading.polling.indeterminate');\n fetching = input('loading.fetching');\n\n protected readonly LoadingPhase = LoadingPhase;\n\n spinnerMode = computed((): ProgressSpinnerMode => {\n if (this.state().phase !== LoadingPhase.POLLING || this.mode() !== 'determinate') {\n return 'indeterminate';\n }\n return this.percentage() > 0 ? 'determinate' : 'indeterminate';\n });\n percentage = computed(() => {\n const state = this.state();\n return state.phase === LoadingPhase.POLLING && state.total > 0\n ? Math.floor((state.processed / state.total) * 100)\n : 0;\n });\n\n pollingProcessed = computed(() => {\n const state = this.state();\n return state.phase === LoadingPhase.POLLING ? state.processed : 0;\n });\n\n pollingTotal = computed(() => {\n const state = this.state();\n return state.phase === LoadingPhase.POLLING ? state.total : 0;\n });\n}\n","<div class=\"loading-overlay\">\n <mat-spinner diameter=\"50\" [mode]=\"spinnerMode()\" [value]=\"percentage()\"></mat-spinner>\n <span class=\"loading-text\">\n @switch (state().phase) {\n @case (LoadingPhase.POLLING) {\n @if (spinnerMode() === 'determinate') {\n {{ processingDeterminate() | translate }} {{ pollingProcessed() }}/{{ pollingTotal() }}\n } @else {\n {{ processingIndeterminate() | translate }}\n }\n }\n @case (LoadingPhase.GENERATING) {\n {{ generating() | translate }}\n }\n @case (LoadingPhase.FETCHING) {\n {{ fetching() | translate }}\n }\n }\n </span>\n</div>\n","export const DEFAULT_PAGE_LINK_PAGE_SIZE = 20;\nexport const DEFAULT_PAGE_SIZES = [\n DEFAULT_PAGE_LINK_PAGE_SIZE,\n DEFAULT_PAGE_LINK_PAGE_SIZE * 5,\n DEFAULT_PAGE_LINK_PAGE_SIZE * 10,\n];\n","import { SelectionModel } from '@angular/cdk/collections';\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\nimport { CommonModule } from '@angular/common';\nimport {\n afterNextRender,\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n computed,\n DestroyRef,\n effect,\n ElementRef,\n inject,\n Injector,\n input,\n model,\n output,\n signal,\n TemplateRef,\n untracked,\n viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormControl } from '@angular/forms';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Sort, SortDirection } from '@angular/material/sort';\nimport { MatTable } from '@angular/material/table';\nimport { Direction, PageLink, SharedModule } from '@shared/public-api';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\nimport { LoadingOverlayComponent } from '../loading-overlay/loading-overlay.component';\nimport { LoadingPhase, LoadingState } from '../loading-overlay/loading-overlay.models';\nimport { DEFAULT_PAGE_SIZES } from '../models/constants';\nimport { TbCdEntityColumn } from '../models/entity-column.models';\nimport { TableBulkAction, TableHeaderAction, TableRowAction } from './base-table.models';\n\n@Component({\n standalone: true,\n imports: [CommonModule, SharedModule, LoadingOverlayComponent, CdkScrollableModule, MatCheckboxModule],\n selector: 'tb-cd-base-table',\n templateUrl: './base-table.component.html',\n styleUrls: ['./base-table.component.scss', '../styles/table-widget.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BaseTableComponent<T> implements AfterViewInit {\n dataSource = input.required<T[]>();\n columns = input.required<TbCdEntityColumn<T>[]>();\n displayedColumns = input.required<string[]>();\n loadingState = input.required<LoadingState>();\n\n widgetTitle = input<string>('widget.widget-title');\n noDataMessage = input<string>('entity.no-data');\n\n totalElements = input<number>(0);\n pageSizeOptions = input<number[]>(DEFAULT_PAGE_SIZES);\n\n selectionEnabled = input<boolean>(false);\n\n rowActions = input<TableRowAction<T>[]>([]);\n headerActions = input<TableHeaderAction[]>([]);\n bulkActions = input<TableBulkAction<T>[]>([]);\n\n expandable = input<boolean>(false);\n expandedRowTemplate = input<TemplateRef<{ $implicit: T; entity: T }> | null>(null);\n expansionTrackBy = input<(entity: T) => unknown>((entity) => entity);\n selectionTrackBy = input<(entity: T) => unknown>((entity) => entity);\n clearSelectionTrigger = input<unknown>(undefined);\n\n pageLink = model<PageLink>(new PageLink(this.pageSizeOptions()[0]));\n\n rowClick = output<T>();\n cellClick = output<{ event: Event; entity: T; column: TbCdEntityColumn<T> }>();\n actionClick = output<{ event: Event; entity: T; action: TableRowAction<T> }>();\n headerActionClick = output<{ event: Event; action: TableHeaderAction }>();\n bulkActionClick = output<{ event: Event; action: TableBulkAction<T>; selected: T[] }>();\n\n selectionChange = output<T[]>();\n expansionChange = output<T[]>();\n\n textSearchMode = signal(false);\n readonly selection = new SelectionModel<T>(true, []);\n readonly expandedKeys = signal<Set<unknown>>(new Set());\n readonly lastExpandedKey = signal<unknown | null>(null);\n\n readonly detailRowColumns = computed(() => ['expandedDetail']);\n\n private readonly selectionCount = signal(0);\n\n readonly isLoadingState = computed(() => {\n return this.loadingState().phase === LoadingPhase.GENERATING || this.loadingState().phase === LoadingPhase.POLLING;\n });\n\n readonly toolbarMode = computed((): 'default' | 'search' | 'bulk' => {\n if (this.selectionEnabled() && this.selectionCount() > 0) return 'bulk';\n if (this.textSearchMode()) return 'search';\n return 'default';\n });\n\n readonly effectiveDisplayedColumns = computed(() => {\n const cols = [...this.displayedColumns()];\n if (this.selectionEnabled()) cols.unshift('select');\n if (this.rowActions().length > 0 || this.expandable()) cols.push('actions');\n return cols;\n });\n\n readonly visibleHeaderActions = computed(() =>\n this.headerActions().filter((action) => !action.visible || action.visible()),\n );\n\n readonly visibleBulkActions = computed(() =>\n this.bulkActions().filter((action) => !action.visible || action.visible()),\n );\n\n pageLinkSortDirection = computed((): SortDirection => {\n const order = this.pageLink().sortOrder;\n return order && order.direction ? (order.direction.toLowerCase() as SortDirection) : '';\n });\n\n searchControl = new FormControl<string>('', { nonNullable: true });\n searchInputField = viewChild<ElementRef<HTMLInputElement>>('searchInput');\n private readonly table = viewChild(MatTable<T>);\n private readonly tableScrollContainer = viewChild<ElementRef<HTMLElement>>('tableScrollContainer');\n\n protected readonly LoadingPhase = LoadingPhase;\n\n private injector = inject(Injector);\n private destroyRef = inject(DestroyRef);\n\n constructor() {\n effect(() => {\n const data = this.dataSource();\n untracked(() => {\n this.reconcileSelection(data);\n this.reconcileExpansion(data);\n });\n });\n\n let clearSelectionInitialized = false;\n effect(() => {\n this.clearSelectionTrigger();\n if (!clearSelectionInitialized) {\n clearSelectionInitialized = true;\n return;\n }\n untracked(() => this.selection.clear());\n });\n\n this.selection.changed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.selectionCount.set(this.selection.selected.length);\n this.selectionChange.emit(this.selection.selected);\n });\n }\n\n ngAfterViewInit(): void {\n if (this.pageLink().textSearch) {\n this.searchControl.patchValue(this.pageLink().textSearch, { emitEvent: false });\n }\n\n this.searchControl.valueChanges\n .pipe(\n debounceTime(300),\n distinctUntilChanged((prev, current) => (this.pageLink().textSearch ?? '') === current.trim()),\n takeUntilDestroyed(this.destroyRef),\n )\n .subscribe((searchValue: string) => {\n const current = this.clone(this.pageLink());\n current.textSearch = searchValue.trim();\n current.page = 0;\n this.pageLink.set(current);\n });\n }\n\n onPaginate(event: PageEvent) {\n const current = this.clone(this.pageLink());\n current.page = event.pageIndex;\n current.pageSize = event.pageSize;\n this.pageLink.set(current);\n }\n\n onSort(event: Sort) {\n const current = this.clone(this.pageLink());\n current.sortOrder = event.direction\n ? { property: event.active, direction: Direction[event.direction.toUpperCase() as keyof typeof Direction] }\n : undefined!;\n current.page = 0;\n this.pageLink.set(current);\n }\n\n enterFilterMode() {\n this.textSearchMode.set(true);\n afterNextRender(\n () => {\n const input = this.searchInputField()?.nativeElement;\n if (input) {\n input.focus();\n input.setSelectionRange(0, 0);\n }\n },\n { injector: this.injector },\n );\n }\n\n exitFilterMode() {\n this.textSearchMode.set(false);\n this.searchControl.reset();\n }\n\n isAllSelected(): boolean {\n return this.selection.selected.length === this.dataSource().length && this.dataSource().length > 0;\n }\n\n isIndeterminate(): boolean {\n return this.selection.selected.length > 0 && !this.isAllSelected();\n }\n\n masterToggle(): void {\n if (this.isAllSelected()) {\n this.selection.clear();\n } else {\n this.dataSource().forEach((row) => this.selection.select(row));\n }\n }\n\n toggleRow(entity: T): void {\n this.selection.toggle(entity);\n }\n\n clearSelection(): void {\n this.selection.clear();\n }\n\n onCellClick(event: Event, entity: T, column: TbCdEntityColumn<T>) {\n this.cellClick.emit({ event, entity, column });\n }\n\n onRowClick(event: MouseEvent, entity: T): void {\n if (this.expandable()) {\n this.toggleExpansion(entity, event.currentTarget as HTMLElement);\n return;\n }\n this.rowClick.emit(entity);\n }\n\n isExpanded(entity: T): boolean {\n return this.expandedKeys().has(this.expansionTrackBy()(entity));\n }\n\n readonly isExpandedRow = (_: number, row: T): boolean => this.isExpanded(row);\n\n toggleExpansion(entity: T, rowElement?: HTMLElement): void {\n const key = this.expansionTrackBy()(entity);\n const nextKeys = new Set(this.expandedKeys());\n const wasExpanded = nextKeys.has(key);\n if (wasExpanded) {\n nextKeys.delete(key);\n } else {\n nextKeys.add(key);\n }\n this.expandedKeys.set(nextKeys);\n this.emitExpansionChange();\n this.table()?.renderRows();\n\n if (wasExpanded) {\n return;\n }\n\n this.lastExpandedKey.set(key);\n\n if (!rowElement) {\n return;\n }\n\n afterNextRender(\n () => {\n this.scrollExpandedRowUnderHeader(rowElement);\n this.lastExpandedKey.set(null);\n },\n { injector: this.injector },\n );\n }\n\n private scrollExpandedRowUnderHeader(rowElement: HTMLElement): void {\n const container = this.tableScrollContainer()?.nativeElement;\n if (!container) {\n return;\n }\n const headerRow = container.querySelector<HTMLElement>('.mat-mdc-header-row');\n const headerHeight = headerRow?.offsetHeight ?? 0;\n const containerRect = container.getBoundingClientRect();\n const rowRect = rowElement.getBoundingClientRect();\n const targetScrollTop = container.scrollTop + rowRect.top - containerRect.top - headerHeight;\n container.scrollTo({ top: targetScrollTop, behavior: 'smooth' });\n }\n\n private reconcileSelection(data: T[]): void {\n if (this.selection.isEmpty()) {\n return;\n }\n const trackBy = this.selectionTrackBy();\n const previousSelected = this.selection.selected;\n const dataKeySet = new Set(data.map(trackBy));\n const nextSelected = data.filter((entity) => {\n const key = trackBy(entity);\n return dataKeySet.has(key) && previousSelected.some((previous) => trackBy(previous) === key);\n });\n this.selection.clear();\n if (nextSelected.length > 0) {\n this.selection.select(...nextSelected);\n }\n }\n\n private reconcileExpansion(data: T[]): void {\n const previousKeys = this.expandedKeys();\n if (previousKeys.size === 0) {\n return;\n }\n const trackBy = this.expansionTrackBy();\n const nextKeys = new Set<unknown>();\n for (const entity of data) {\n const key = trackBy(entity);\n if (previousKeys.has(key)) {\n nextKeys.add(key);\n }\n }\n if (nextKeys.size === previousKeys.size) {\n return;\n }\n this.expandedKeys.set(nextKeys);\n this.emitExpansionChange();\n }\n\n private emitExpansionChange(): void {\n const keys = this.expandedKeys();\n const trackBy = this.expansionTrackBy();\n const expandedEntities = this.dataSource().filter((entity) => keys.has(trackBy(entity)));\n this.expansionChange.emit(expandedEntities);\n }\n\n onExpandToggleClick(event: Event, entity: T): void {\n event.stopPropagation();\n const rowElement = (event.target as HTMLElement).closest('mat-row') as HTMLElement;\n this.toggleExpansion(entity, rowElement);\n }\n\n onActionClick(event: Event, entity: T, action: TableRowAction<T>) {\n event.stopPropagation();\n if (action.handler) {\n action.handler(entity);\n } else {\n this.actionClick.emit({ event, entity, action });\n }\n }\n\n onHeaderActionClick(event: Event, action: TableHeaderAction) {\n if (action.handler) {\n action.handler();\n } else {\n this.headerActionClick.emit({ event, action });\n }\n }\n\n onBulkActionClick(event: Event, action: TableBulkAction<T>) {\n if (action.handler) {\n action.handler(this.selection.selected);\n } else {\n this.bulkActionClick.emit({ event, action, selected: this.selection.selected });\n }\n }\n\n private clone(link: PageLink): PageLink {\n return Object.assign(Object.create(Object.getPrototypeOf(link)), link);\n }\n}\n","<div class=\"tb-table-widget tb-absolute-fill\">\n <div class=\"tb-absolute-fill flex flex-1 flex-col\">\n <mat-toolbar class=\"mat-mdc-table-toolbar\" [class.!hidden]=\"toolbarMode() !== 'default'\">\n <span\n class=\"tb-entity-table-title\"\n [matTooltip]=\"widgetTitle() | translate\"\n matTooltipPosition=\"above\"\n [matTooltipShowDelay]=\"500\"\n [matTooltipHideDelay]=\"200\">\n {{ widgetTitle() | translate }}\n </span>\n <span class=\"flex-1\"></span>\n @for (action of visibleHeaderActions(); track action.id) {\n @if (action.menuItems?.length) {\n <button\n mat-icon-button\n [attr.data-testid]=\"action.id\"\n [disabled]=\"action.disabled ? action.disabled() : false\"\n [matMenuTriggerFor]=\"headerDropdown\"\n [matTooltip]=\"action.label ? (action.label | translate) : null\"\n matTooltipPosition=\"above\">\n <mat-icon>{{ action.icon }}</mat-icon>\n </button>\n <mat-menu #headerDropdown=\"matMenu\" xPosition=\"before\">\n @for (item of action.menuItems!; track item.id) {\n <button\n mat-menu-item\n [disabled]=\"item.disabled ? item.disabled() : false\"\n (click)=\"item.handler && item.handler()\">\n <mat-icon>{{ item.icon }}</mat-icon>\n <span>{{ item.label ? (item.label | translate) : '' }}</span>\n </button>\n }\n </mat-menu>\n } @else {\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 }\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> </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","import { DestroyRef, effect, Injector, signal, Signal, untracked } from '@angular/core';\nimport { IWidgetSubscription, WidgetSubscriptionOptions } from '@core/public-api';\nimport { EntityColumn, findEntityKeyByColumnDef } from '@home/components/public-api';\nimport { WidgetContext } from '@home/models/widget-component.models';\nimport {\n DataEntry,\n DataKeyType,\n Direction,\n EntityDataPageLink,\n EntityFilter,\n EntityId,\n EntityKeyType,\n KeyFilter,\n PageLink,\n widgetType,\n} from '@shared/public-api';\nimport { Subscription } from 'rxjs';\nimport { getLoadingState, LoadingState } from '../loading-overlay/loading-overlay.models';\n\nexport interface SubscriptionDataKey {\n name: string;\n type: DataKeyType;\n label?: string;\n decimals?: number;\n settings?: Record<string, unknown>;\n}\n\nexport interface TbSubscriptionDatasourceConfig<T> {\n ctx: WidgetContext;\n entityFilter: Signal<EntityFilter>;\n dataKeys: SubscriptionDataKey[];\n widgetType: widgetType;\n keyFilters?: KeyFilter[];\n dataMapper: (subscription: IWidgetSubscription) => T[];\n injector: Injector;\n}\n\nexport interface TbSubscriptionDatasourcePaginatedConfig<T> extends TbSubscriptionDatasourceConfig<T> {\n columns: EntityColumn[];\n pageLink: Signal<PageLink>;\n}\n\nexport class TbSubscriptionDatasource<T> {\n readonly data = signal<T[]>([]);\n readonly loadingState = signal<LoadingState>(getLoadingState.fetching());\n\n private subscription: IWidgetSubscription | null = null;\n private subscriptionSub: Subscription | null = null;\n\n constructor(private readonly config: TbSubscriptionDatasourceConfig<T>) {\n const injector = config.injector;\n\n effect(\n () => {\n const entityFilter = config.entityFilter();\n untracked(() => this.recreateSubscription(entityFilter, config.widgetType));\n },\n { injector },\n );\n\n injector.get(DestroyRef).onDestroy(() => this.cleanup());\n }\n\n refresh(): void {\n this.recreateSubscription(this.config.entityFilter(), this.config.widgetType);\n }\n\n private recreateSubscription(entityFilter: EntityFilter, widgetType: widgetType): void {\n this.cleanup();\n this.loadingState.set(getLoadingState.fetching());\n\n const options: WidgetSubscriptionOptions = {\n type: widgetType,\n datasources: [\n {\n type: 'entity',\n dataKeys: this.config.dataKeys,\n entityFilter,\n },\n ],\n hasDataPageLink: false,\n useDashboardTimewindow: true,\n callbacks: {\n onDataUpdated: () => this.onDataUpdated(),\n },\n };\n\n this.subscriptionSub = this.config.ctx\n .subscriptionApi!.createSubscription(options, true)\n .subscribe((subscription: IWidgetSubscription) => {\n this.subscription = subscription;\n });\n }\n\n private onDataUpdated(): void {\n if (!this.subscription) {\n return;\n }\n this.data.set(this.config.dataMapper(this.subscription));\n this.loadingState.set(getLoadingState.idle());\n this.config.ctx.detectChanges();\n }\n\n private cleanup(): void {\n this.subscriptionSub?.unsubscribe();\n this.subscriptionSub = null;\n this.subscription?.destroy();\n this.subscription = null;\n }\n}\n\nexport class TbSubscriptionDatasourcePaginated<T> {\n readonly data = signal<T[]>([]);\n readonly totalElements = signal<number>(0);\n readonly loadingState = signal<LoadingState>(getLoadingState.fetching());\n\n private subscription: IWidgetSubscription | null = null;\n private subscriptionSub: Subscription | null = null;\n\n constructor(private readonly config: TbSubscriptionDatasourcePaginatedConfig<T>) {\n const injector = config.injector;\n\n effect(\n () => {\n const entityFilter = config.entityFilter();\n const pageLink = untracked(() => config.pageLink());\n untracked(() => this.recreateSubscription(entityFilter, pageLink, config.widgetType));\n },\n { injector },\n );\n\n effect(\n () => {\n const pageLink = config.pageLink();\n untracked(() => {\n if (this.subscription) {\n this.subscription.subscribeForPaginatedData(0, this.toEntityPageLink(pageLink), config.keyFilters ?? []);\n }\n });\n },\n { injector },\n );\n\n injector.get(DestroyRef).onDestroy(() => this.cleanup());\n }\n\n refresh(): void {\n if (this.subscription) {\n this.subscription.subscribeForPaginatedData(\n 0,\n this.toEntityPageLink(untracked(() => this.config.pageLink())),\n this.config.keyFilters ?? [],\n );\n }\n }\n\n private recreateSubscription(entityFilter: EntityFilter, pageLink: PageLink, widgetType: widgetType): void {\n this.cleanup();\n this.loadingState.set(getLoadingState.fetching());\n\n const options: WidgetSubscriptionOptions = {\n type: widgetType,\n datasources: [\n {\n type: 'entity',\n dataKeys: this.config.dataKeys,\n entityFilter,\n },\n ],\n hasDataPageLink: true,\n useDashboardTimewindow: true,\n callbacks: {\n onDataUpdated: () => this.onDataUpdated(),\n },\n };\n\n this.subscriptionSub = this.config.ctx\n .subscriptionApi!.createSubscription(options, true)\n .subscribe((subscription: IWidgetSubscription) => {\n this.subscription = subscription;\n subscription.subscribeForPaginatedData(0, this.toEntityPageLink(pageLink), this.config.keyFilters ?? []);\n });\n }\n\n private onDataUpdated(): void {\n if (!this.subscription) {\n return;\n }\n this.data.set(this.config.dataMapper(this.subscription));\n this.totalElements.set(this.subscription.datasourcePages?.[0]?.totalElements ?? 0);\n this.loadingState.set(getLoadingState.idle());\n this.config.ctx.detectChanges();\n }\n\n private toEntityPageLink(pageLink: PageLink): EntityDataPageLink {\n const entityPageLink: EntityDataPageLink = {\n page: pageLink.page,\n pageSize: pageLink.pageSize,\n textSearch: pageLink.textSearch,\n dynamic: true,\n };\n\n if (pageLink.sortOrder) {\n const entityKey = findEntityKeyByColumnDef(pageLink.sortOrder.property, this.config.columns);\n if (entityKey) {\n entityPageLink.sortOrder = {\n key: entityKey,\n direction: pageLink.sortOrder.direction,\n };\n }\n } else {\n entityPageLink.sortOrder = {\n key: { key: 'createdTime', type: EntityKeyType.ENTITY_FIELD },\n direction: Direction.DESC,\n };\n }\n\n return entityPageLink;\n }\n\n private cleanup(): void {\n this.subscriptionSub?.unsubscribe();\n this.subscriptionSub = null;\n this.subscription?.destroy();\n this.subscription = null;\n }\n}\n\nexport function collectSubscriptionData<T extends { id: EntityId; name: string }>(\n subscription: IWidgetSubscription,\n valueTransformer?: (keyName: string, dataPoint: DataEntry | null) => unknown,\n): T[] {\n const itemMap: Record<string, Record<string, unknown>> = {};\n\n for (const datasource of subscription.datasources ?? []) {\n itemMap[datasource.name!] = {\n id: datasource.entity!.id,\n name: datasource.name,\n };\n }\n\n for (const datasourceData of subscription.data ?? []) {\n const item = itemMap[datasourceData.datasource.name!];\n if (!item) {\n continue;\n }\n const rawValue: string | null = datasourceData.data[0]?.[1] ?? null;\n item[datasourceData.dataKey.name] = valueTransformer\n ? valueTransformer(datasourceData.dataKey.name, datasourceData.data[0])\n : rawValue;\n }\n\n return Object.values(itemMap) as T[];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i4","i15"],"mappings":"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"}
|
|
@@ -1,8 +1,146 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, model, output, computed, inject, Injector, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { DEFAULT_PAGE_LINK_PAGE_SIZE, TbSubscriptionDatasourcePaginated, collectSubscriptionData, BaseTableComponent } from '@dmytrokhylko/tb-cdu-ui/core';
|
|
4
|
+
import { PageLink, widgetType, WidgetExportType } from '@shared/public-api';
|
|
5
|
+
|
|
6
|
+
class TbCdEntitiesTableComponent {
|
|
7
|
+
ctx = input.required(...(ngDevMode ? [{ debugName: "ctx" }] : []));
|
|
8
|
+
entityFilter = input.required(...(ngDevMode ? [{ debugName: "entityFilter" }] : []));
|
|
9
|
+
columns = input.required(...(ngDevMode ? [{ debugName: "columns" }] : []));
|
|
10
|
+
pageLink = model(new PageLink(DEFAULT_PAGE_LINK_PAGE_SIZE), ...(ngDevMode ? [{ debugName: "pageLink" }] : []));
|
|
11
|
+
widgetTitle = input('widget.widget-title', ...(ngDevMode ? [{ debugName: "widgetTitle" }] : []));
|
|
12
|
+
noDataMessage = input('entity.no-data', ...(ngDevMode ? [{ debugName: "noDataMessage" }] : []));
|
|
13
|
+
subscriptionType = input(widgetType.latest, ...(ngDevMode ? [{ debugName: "subscriptionType" }] : []));
|
|
14
|
+
keyFilters = input([], ...(ngDevMode ? [{ debugName: "keyFilters" }] : []));
|
|
15
|
+
rowActions = input([], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
|
|
16
|
+
headerActions = input([], ...(ngDevMode ? [{ debugName: "headerActions" }] : []));
|
|
17
|
+
bulkActions = input([], ...(ngDevMode ? [{ debugName: "bulkActions" }] : []));
|
|
18
|
+
selectionEnabled = input(false, ...(ngDevMode ? [{ debugName: "selectionEnabled" }] : []));
|
|
19
|
+
enableExport = input(false, ...(ngDevMode ? [{ debugName: "enableExport" }] : []));
|
|
20
|
+
rowClick = output();
|
|
21
|
+
tableColumns = computed(() => this.columns().map((col) => ({
|
|
22
|
+
name: col.key,
|
|
23
|
+
type: col.type,
|
|
24
|
+
def: col.key,
|
|
25
|
+
title: col.title,
|
|
26
|
+
sortable: col.sortable ?? false,
|
|
27
|
+
entityKey: { key: col.key, type: col.entityKeyType },
|
|
28
|
+
cellTemplate: col.cellTemplate,
|
|
29
|
+
parseValue: col.parseValue,
|
|
30
|
+
})), ...(ngDevMode ? [{ debugName: "tableColumns" }] : []));
|
|
31
|
+
displayedColumns = computed(() => this.columns().map((col) => col.key), ...(ngDevMode ? [{ debugName: "displayedColumns" }] : []));
|
|
32
|
+
datasource;
|
|
33
|
+
injector = inject(Injector);
|
|
34
|
+
effectiveHeaderActions = computed(() => {
|
|
35
|
+
const exportAction = this.enableExport() ? this.buildExportAction() : null;
|
|
36
|
+
return exportAction ? [...this.headerActions(), exportAction] : this.headerActions();
|
|
37
|
+
}, ...(ngDevMode ? [{ debugName: "effectiveHeaderActions" }] : []));
|
|
38
|
+
ngOnInit() {
|
|
39
|
+
const cols = this.columns();
|
|
40
|
+
const parseMap = new Map(cols.filter((c) => c.parseValue).map((c) => [c.key, c.parseValue]));
|
|
41
|
+
if (this.enableExport()) {
|
|
42
|
+
this.ctx().customDataExport = () => {
|
|
43
|
+
const data = this.datasource.data();
|
|
44
|
+
const columns = this.columns();
|
|
45
|
+
return data.map((entity) => {
|
|
46
|
+
const row = new Map();
|
|
47
|
+
for (const col of columns) {
|
|
48
|
+
row.set(col.title, entity[col.key] ?? '');
|
|
49
|
+
}
|
|
50
|
+
return row;
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
this.datasource = new TbSubscriptionDatasourcePaginated({
|
|
55
|
+
ctx: this.ctx(),
|
|
56
|
+
entityFilter: this.entityFilter,
|
|
57
|
+
dataKeys: cols.map((col) => ({ name: col.key, type: col.type })),
|
|
58
|
+
widgetType: this.subscriptionType(),
|
|
59
|
+
keyFilters: this.keyFilters(),
|
|
60
|
+
columns: this.tableColumns(),
|
|
61
|
+
pageLink: this.pageLink,
|
|
62
|
+
dataMapper: (subscription) => collectSubscriptionData(subscription, parseMap.size > 0
|
|
63
|
+
? (key, dp) => (parseMap.get(key) ?? ((d) => d?.[1] ?? null))(dp)
|
|
64
|
+
: undefined),
|
|
65
|
+
injector: this.injector,
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
buildExportAction() {
|
|
69
|
+
return {
|
|
70
|
+
id: 'export',
|
|
71
|
+
icon: 'file_download',
|
|
72
|
+
label: 'action.export',
|
|
73
|
+
menuItems: [
|
|
74
|
+
{
|
|
75
|
+
id: 'export-csv',
|
|
76
|
+
icon: 'description',
|
|
77
|
+
label: 'widget.export-to-csv',
|
|
78
|
+
handler: () => this.ctx().exportWidgetData(WidgetExportType.csv),
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
id: 'export-xls',
|
|
82
|
+
icon: 'grid_on',
|
|
83
|
+
label: 'widget.export-to-excel',
|
|
84
|
+
handler: () => this.ctx().exportWidgetData(WidgetExportType.xls),
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
id: 'export-xlsx',
|
|
88
|
+
icon: 'grid_on',
|
|
89
|
+
label: 'widget.export-to-excel-xlsx',
|
|
90
|
+
handler: () => this.ctx().exportWidgetData(WidgetExportType.xlsx),
|
|
91
|
+
},
|
|
92
|
+
],
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: TbCdEntitiesTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
96
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.21", type: TbCdEntitiesTableComponent, isStandalone: true, selector: "tb-cd-entities-table", inputs: { ctx: { classPropertyName: "ctx", publicName: "ctx", isSignal: true, isRequired: true, transformFunction: null }, entityFilter: { classPropertyName: "entityFilter", publicName: "entityFilter", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, pageLink: { classPropertyName: "pageLink", publicName: "pageLink", isSignal: true, isRequired: false, transformFunction: null }, widgetTitle: { classPropertyName: "widgetTitle", publicName: "widgetTitle", isSignal: true, isRequired: false, transformFunction: null }, noDataMessage: { classPropertyName: "noDataMessage", publicName: "noDataMessage", isSignal: true, isRequired: false, transformFunction: null }, subscriptionType: { classPropertyName: "subscriptionType", publicName: "subscriptionType", isSignal: true, isRequired: false, transformFunction: null }, keyFilters: { classPropertyName: "keyFilters", publicName: "keyFilters", 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 }, selectionEnabled: { classPropertyName: "selectionEnabled", publicName: "selectionEnabled", isSignal: true, isRequired: false, transformFunction: null }, enableExport: { classPropertyName: "enableExport", publicName: "enableExport", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageLink: "pageLinkChange", rowClick: "rowClick" }, ngImport: i0, template: `
|
|
97
|
+
<tb-cd-base-table
|
|
98
|
+
[dataSource]="datasource.data()"
|
|
99
|
+
[columns]="tableColumns()"
|
|
100
|
+
[displayedColumns]="displayedColumns()"
|
|
101
|
+
[loadingState]="datasource.loadingState()"
|
|
102
|
+
[totalElements]="datasource.totalElements()"
|
|
103
|
+
[pageLink]="pageLink()"
|
|
104
|
+
(pageLinkChange)="pageLink.set($event)"
|
|
105
|
+
[widgetTitle]="widgetTitle()"
|
|
106
|
+
[noDataMessage]="noDataMessage()"
|
|
107
|
+
[rowActions]="rowActions()"
|
|
108
|
+
[headerActions]="effectiveHeaderActions()"
|
|
109
|
+
[bulkActions]="bulkActions()"
|
|
110
|
+
[selectionEnabled]="selectionEnabled()"
|
|
111
|
+
(rowClick)="rowClick.emit($event)" />
|
|
112
|
+
`, isInline: true, dependencies: [{ kind: "component", type: BaseTableComponent, selector: "tb-cd-base-table", inputs: ["dataSource", "columns", "displayedColumns", "loadingState", "widgetTitle", "noDataMessage", "totalElements", "pageSizeOptions", "selectionEnabled", "rowActions", "headerActions", "bulkActions", "expandable", "expandedRowTemplate", "expansionTrackBy", "selectionTrackBy", "clearSelectionTrigger", "pageLink"], outputs: ["pageLinkChange", "rowClick", "cellClick", "actionClick", "headerActionClick", "bulkActionClick", "selectionChange", "expansionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
113
|
+
}
|
|
114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: TbCdEntitiesTableComponent, decorators: [{
|
|
115
|
+
type: Component,
|
|
116
|
+
args: [{
|
|
117
|
+
standalone: true,
|
|
118
|
+
imports: [BaseTableComponent],
|
|
119
|
+
selector: 'tb-cd-entities-table',
|
|
120
|
+
template: `
|
|
121
|
+
<tb-cd-base-table
|
|
122
|
+
[dataSource]="datasource.data()"
|
|
123
|
+
[columns]="tableColumns()"
|
|
124
|
+
[displayedColumns]="displayedColumns()"
|
|
125
|
+
[loadingState]="datasource.loadingState()"
|
|
126
|
+
[totalElements]="datasource.totalElements()"
|
|
127
|
+
[pageLink]="pageLink()"
|
|
128
|
+
(pageLinkChange)="pageLink.set($event)"
|
|
129
|
+
[widgetTitle]="widgetTitle()"
|
|
130
|
+
[noDataMessage]="noDataMessage()"
|
|
131
|
+
[rowActions]="rowActions()"
|
|
132
|
+
[headerActions]="effectiveHeaderActions()"
|
|
133
|
+
[bulkActions]="bulkActions()"
|
|
134
|
+
[selectionEnabled]="selectionEnabled()"
|
|
135
|
+
(rowClick)="rowClick.emit($event)" />
|
|
136
|
+
`,
|
|
137
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
138
|
+
}]
|
|
139
|
+
}], propDecorators: { ctx: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctx", required: true }] }], entityFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityFilter", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], pageLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageLink", required: false }] }, { type: i0.Output, args: ["pageLinkChange"] }], widgetTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetTitle", required: false }] }], noDataMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataMessage", required: false }] }], subscriptionType: [{ type: i0.Input, args: [{ isSignal: true, alias: "subscriptionType", required: false }] }], keyFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyFilters", 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 }] }], selectionEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionEnabled", required: false }] }], enableExport: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableExport", required: false }] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }] } });
|
|
4
140
|
|
|
5
141
|
/**
|
|
6
142
|
* Generated bundle index. Do not edit.
|
|
7
143
|
*/
|
|
144
|
+
|
|
145
|
+
export { TbCdEntitiesTableComponent };
|
|
8
146
|
//# sourceMappingURL=dmytrokhylko-tb-cdu-ui-widgets.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dmytrokhylko-tb-cdu-ui-widgets.mjs","sources":["../../../widgets/public-api.ts","../../../widgets/dmytrokhylko-tb-cdu-ui-widgets.ts"],"sourcesContent":["/*\n * Public API Surface of @dmytrokhylko/tb-cdu-ui/widgets\n */\n\nexport {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG;;ACFH;;AAEG"}
|
|
1
|
+
{"version":3,"file":"dmytrokhylko-tb-cdu-ui-widgets.mjs","sources":["../../../widgets/entities-table/entities-table.component.ts","../../../widgets/dmytrokhylko-tb-cdu-ui-widgets.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n Injector,\n input,\n model,\n OnInit,\n output,\n} from '@angular/core';\nimport {\n BaseTableComponent,\n collectSubscriptionData,\n DEFAULT_PAGE_LINK_PAGE_SIZE,\n TableBulkAction,\n TableHeaderAction,\n TableRowAction,\n TbCdEntityColumn,\n TbSubscriptionDatasourcePaginated,\n} from '@dmytrokhylko/tb-cdu-ui/core';\nimport { WidgetContext } from '@home/models/widget-component.models';\nimport {\n DataEntry,\n EntityFilter,\n EntityId,\n KeyFilter,\n PageLink,\n widgetType,\n WidgetExportType,\n} from '@shared/public-api';\nimport { TbCdEntitiesColumnConfig } from './entities-table.models';\n\n@Component({\n standalone: true,\n imports: [BaseTableComponent],\n selector: 'tb-cd-entities-table',\n template: `\n <tb-cd-base-table\n [dataSource]=\"datasource.data()\"\n [columns]=\"tableColumns()\"\n [displayedColumns]=\"displayedColumns()\"\n [loadingState]=\"datasource.loadingState()\"\n [totalElements]=\"datasource.totalElements()\"\n [pageLink]=\"pageLink()\"\n (pageLinkChange)=\"pageLink.set($event)\"\n [widgetTitle]=\"widgetTitle()\"\n [noDataMessage]=\"noDataMessage()\"\n [rowActions]=\"rowActions()\"\n [headerActions]=\"effectiveHeaderActions()\"\n [bulkActions]=\"bulkActions()\"\n [selectionEnabled]=\"selectionEnabled()\"\n (rowClick)=\"rowClick.emit($event)\" />\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TbCdEntitiesTableComponent<T extends { id: EntityId; name: string }> implements OnInit {\n readonly ctx = input.required<WidgetContext>();\n readonly entityFilter = input.required<EntityFilter>();\n readonly columns = input.required<TbCdEntitiesColumnConfig<T>[]>();\n\n readonly pageLink = model<PageLink>(new PageLink(DEFAULT_PAGE_LINK_PAGE_SIZE));\n\n readonly widgetTitle = input<string>('widget.widget-title');\n readonly noDataMessage = input<string>('entity.no-data');\n readonly subscriptionType = input<widgetType>(widgetType.latest);\n readonly keyFilters = input<KeyFilter[]>([]);\n\n readonly rowActions = input<TableRowAction<T>[]>([]);\n readonly headerActions = input<TableHeaderAction[]>([]);\n readonly bulkActions = input<TableBulkAction<T>[]>([]);\n readonly selectionEnabled = input<boolean>(false);\n readonly enableExport = input<boolean>(false);\n\n readonly rowClick = output<T>();\n\n readonly tableColumns = computed<TbCdEntityColumn<T>[]>(() =>\n this.columns().map((col) => ({\n name: col.key,\n type: col.type,\n def: col.key,\n title: col.title,\n sortable: col.sortable ?? false,\n entityKey: { key: col.key, type: col.entityKeyType },\n cellTemplate: col.cellTemplate,\n parseValue: col.parseValue,\n })),\n );\n\n readonly displayedColumns = computed(() => this.columns().map((col) => col.key));\n\n datasource!: TbSubscriptionDatasourcePaginated<T>;\n\n private readonly injector = inject(Injector);\n\n readonly effectiveHeaderActions = computed<TableHeaderAction[]>(() => {\n const exportAction = this.enableExport() ? this.buildExportAction() : null;\n return exportAction ? [...this.headerActions(), exportAction] : this.headerActions();\n });\n\n ngOnInit(): void {\n const cols = this.columns();\n const parseMap = new Map<string, (dp: DataEntry | null) => unknown>(\n cols.filter((c) => c.parseValue).map((c) => [c.key, c.parseValue!]),\n );\n\n if (this.enableExport()) {\n this.ctx().customDataExport = () => {\n const data = this.datasource.data();\n const columns = this.columns();\n return data.map((entity) => {\n const row = new Map<string, unknown>();\n for (const col of columns) {\n row.set(col.title, (entity as Record<string, unknown>)[col.key] ?? '');\n }\n return row;\n });\n };\n }\n\n this.datasource = new TbSubscriptionDatasourcePaginated<T>({\n ctx: this.ctx(),\n entityFilter: this.entityFilter,\n dataKeys: cols.map((col) => ({ name: col.key, type: col.type })),\n widgetType: this.subscriptionType(),\n keyFilters: this.keyFilters(),\n columns: this.tableColumns(),\n pageLink: this.pageLink,\n dataMapper: (subscription) =>\n collectSubscriptionData<T>(\n subscription,\n parseMap.size > 0\n ? (key, dp) => (parseMap.get(key) ?? ((d: DataEntry | null) => d?.[1] ?? null))(dp)\n : undefined,\n ),\n injector: this.injector,\n });\n }\n\n private buildExportAction(): TableHeaderAction {\n return {\n id: 'export',\n icon: 'file_download',\n label: 'action.export',\n menuItems: [\n {\n id: 'export-csv',\n icon: 'description',\n label: 'widget.export-to-csv',\n handler: () => this.ctx().exportWidgetData(WidgetExportType.csv),\n },\n {\n id: 'export-xls',\n icon: 'grid_on',\n label: 'widget.export-to-excel',\n handler: () => this.ctx().exportWidgetData(WidgetExportType.xls),\n },\n {\n id: 'export-xlsx',\n icon: 'grid_on',\n label: 'widget.export-to-excel-xlsx',\n handler: () => this.ctx().exportWidgetData(WidgetExportType.xlsx),\n },\n ],\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/widgets/index.d.ts
CHANGED
|
@@ -1,2 +1,50 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef, OnInit } from '@angular/core';
|
|
3
|
+
import { TableRowAction, TableHeaderAction, TableBulkAction, TbCdEntityColumn, TbSubscriptionDatasourcePaginated } from '@dmytrokhylko/tb-cdu-ui/core';
|
|
4
|
+
import { WidgetContext } from '@home/models/widget-component.models';
|
|
5
|
+
import { DataKeyType, EntityKeyType, DataEntry, EntityId, EntityFilter, PageLink, widgetType, KeyFilter } from '@shared/public-api';
|
|
1
6
|
|
|
2
|
-
|
|
7
|
+
interface TbCdEntitiesColumnConfig<T = unknown> {
|
|
8
|
+
key: string;
|
|
9
|
+
type: DataKeyType;
|
|
10
|
+
entityKeyType: EntityKeyType;
|
|
11
|
+
title: string;
|
|
12
|
+
sortable?: boolean;
|
|
13
|
+
parseValue?: (dataPoint: DataEntry | null) => unknown;
|
|
14
|
+
cellTemplate?: TemplateRef<{
|
|
15
|
+
$implicit: unknown;
|
|
16
|
+
entity: T;
|
|
17
|
+
}>;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
declare class TbCdEntitiesTableComponent<T extends {
|
|
21
|
+
id: EntityId;
|
|
22
|
+
name: string;
|
|
23
|
+
}> implements OnInit {
|
|
24
|
+
readonly ctx: _angular_core.InputSignal<WidgetContext>;
|
|
25
|
+
readonly entityFilter: _angular_core.InputSignal<EntityFilter>;
|
|
26
|
+
readonly columns: _angular_core.InputSignal<TbCdEntitiesColumnConfig<T>[]>;
|
|
27
|
+
readonly pageLink: _angular_core.ModelSignal<PageLink>;
|
|
28
|
+
readonly widgetTitle: _angular_core.InputSignal<string>;
|
|
29
|
+
readonly noDataMessage: _angular_core.InputSignal<string>;
|
|
30
|
+
readonly subscriptionType: _angular_core.InputSignal<widgetType>;
|
|
31
|
+
readonly keyFilters: _angular_core.InputSignal<KeyFilter[]>;
|
|
32
|
+
readonly rowActions: _angular_core.InputSignal<TableRowAction<T>[]>;
|
|
33
|
+
readonly headerActions: _angular_core.InputSignal<TableHeaderAction[]>;
|
|
34
|
+
readonly bulkActions: _angular_core.InputSignal<TableBulkAction<T>[]>;
|
|
35
|
+
readonly selectionEnabled: _angular_core.InputSignal<boolean>;
|
|
36
|
+
readonly enableExport: _angular_core.InputSignal<boolean>;
|
|
37
|
+
readonly rowClick: _angular_core.OutputEmitterRef<T>;
|
|
38
|
+
readonly tableColumns: _angular_core.Signal<TbCdEntityColumn<T>[]>;
|
|
39
|
+
readonly displayedColumns: _angular_core.Signal<string[]>;
|
|
40
|
+
datasource: TbSubscriptionDatasourcePaginated<T>;
|
|
41
|
+
private readonly injector;
|
|
42
|
+
readonly effectiveHeaderActions: _angular_core.Signal<TableHeaderAction[]>;
|
|
43
|
+
ngOnInit(): void;
|
|
44
|
+
private buildExportAction;
|
|
45
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TbCdEntitiesTableComponent<any>, never>;
|
|
46
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TbCdEntitiesTableComponent<any>, "tb-cd-entities-table", never, { "ctx": { "alias": "ctx"; "required": true; "isSignal": true; }; "entityFilter": { "alias": "entityFilter"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "pageLink": { "alias": "pageLink"; "required": false; "isSignal": true; }; "widgetTitle": { "alias": "widgetTitle"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; "subscriptionType": { "alias": "subscriptionType"; "required": false; "isSignal": true; }; "keyFilters": { "alias": "keyFilters"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "headerActions": { "alias": "headerActions"; "required": false; "isSignal": true; }; "bulkActions": { "alias": "bulkActions"; "required": false; "isSignal": true; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; "isSignal": true; }; "enableExport": { "alias": "enableExport"; "required": false; "isSignal": true; }; }, { "pageLink": "pageLinkChange"; "rowClick": "rowClick"; }, never, never, true, never>;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export { TbCdEntitiesTableComponent };
|
|
50
|
+
export type { TbCdEntitiesColumnConfig };
|