@c10t/nice-component-library 0.0.39 → 0.0.40
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.
|
@@ -8,6 +8,7 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
export declare class CvaHeaderExpandButtonComponent implements OnInit {
|
|
9
9
|
expandHeaderButton?: ButtonModel;
|
|
10
10
|
columns: ColumnModel[];
|
|
11
|
+
disableExpandColumns?: string[];
|
|
11
12
|
moduleName: string;
|
|
12
13
|
onChange: EventEmitter<{
|
|
13
14
|
[key: string]: any;
|
|
@@ -21,5 +22,5 @@ export declare class CvaHeaderExpandButtonComponent implements OnInit {
|
|
|
21
22
|
get TableService(): typeof TableService;
|
|
22
23
|
ngOnInit(): void;
|
|
23
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<CvaHeaderExpandButtonComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CvaHeaderExpandButtonComponent, "cva-header-expand-button", never, { "expandHeaderButton": { "alias": "expandHeaderButton"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "moduleName": { "alias": "moduleName"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CvaHeaderExpandButtonComponent, "cva-header-expand-button", never, { "expandHeaderButton": { "alias": "expandHeaderButton"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "disableExpandColumns": { "alias": "disableExpandColumns"; "required": false; }; "moduleName": { "alias": "moduleName"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
|
|
25
26
|
}
|
|
@@ -29,6 +29,7 @@ export declare class CvaTableComponent implements OnInit, AfterViewChecked {
|
|
|
29
29
|
showTotalPages: number;
|
|
30
30
|
expandHeaderButton?: ButtonModel;
|
|
31
31
|
superHeaders: ColumnModel[][];
|
|
32
|
+
disableExpandColumns?: string[];
|
|
32
33
|
pageSizeOptions: number[];
|
|
33
34
|
pagingChange: EventEmitter<TablePagingRequestModel>;
|
|
34
35
|
clickAction: EventEmitter<ButtonClickEvent>;
|
|
@@ -60,5 +61,5 @@ export declare class CvaTableComponent implements OnInit, AfterViewChecked {
|
|
|
60
61
|
updateHeaderButtonColspan(): void;
|
|
61
62
|
onChangeGoToPageNumber($event: number): void;
|
|
62
63
|
static ɵfac: i0.ɵɵFactoryDeclaration<CvaTableComponent, never>;
|
|
63
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CvaTableComponent, "cva-table", never, { "moduleName": { "alias": "moduleName"; "required": false; }; "results": { "alias": "results"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "showTotalPages": { "alias": "showTotalPages"; "required": false; }; "expandHeaderButton": { "alias": "expandHeaderButton"; "required": false; }; "superHeaders": { "alias": "superHeaders"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; }, { "pagingChange": "pagingChange"; "clickAction": "clickAction"; "onRowClickAction": "onRowClickAction"; "onChangeDisplayColumn": "onChangeDisplayColumn"; }, never, never, false, never>;
|
|
64
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CvaTableComponent, "cva-table", never, { "moduleName": { "alias": "moduleName"; "required": false; }; "results": { "alias": "results"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "showTotalPages": { "alias": "showTotalPages"; "required": false; }; "expandHeaderButton": { "alias": "expandHeaderButton"; "required": false; }; "superHeaders": { "alias": "superHeaders"; "required": false; }; "disableExpandColumns": { "alias": "disableExpandColumns"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; }, { "pagingChange": "pagingChange"; "clickAction": "clickAction"; "onRowClickAction": "onRowClickAction"; "onChangeDisplayColumn": "onChangeDisplayColumn"; }, never, never, false, never>;
|
|
64
65
|
}
|
|
@@ -2400,6 +2400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
|
2400
2400
|
class CvaHeaderExpandButtonComponent {
|
|
2401
2401
|
expandHeaderButton;
|
|
2402
2402
|
columns = [];
|
|
2403
|
+
disableExpandColumns;
|
|
2403
2404
|
moduleName = '';
|
|
2404
2405
|
onChange = new EventEmitter();
|
|
2405
2406
|
expandDisplayCols = {};
|
|
@@ -2421,42 +2422,43 @@ class CvaHeaderExpandButtonComponent {
|
|
|
2421
2422
|
});
|
|
2422
2423
|
}
|
|
2423
2424
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaHeaderExpandButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2424
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaHeaderExpandButtonComponent, isStandalone: false, selector: "cva-header-expand-button", inputs: { expandHeaderButton: "expandHeaderButton", columns: "columns", moduleName: "moduleName" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2425
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaHeaderExpandButtonComponent, isStandalone: false, selector: "cva-header-expand-button", inputs: { expandHeaderButton: "expandHeaderButton", columns: "columns", disableExpandColumns: "disableExpandColumns", moduleName: "moduleName" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
|
|
2426
|
+
<button mat-icon-button
|
|
2427
|
+
class="expand-column-header-button"
|
|
2428
|
+
color="{{expandHeaderButton?.color}}"
|
|
2429
|
+
[matMenuTriggerFor]="menu"
|
|
2430
|
+
matTooltip="{{((expandHeaderButton && expandHeaderButton.title) ? expandHeaderButton.title : '') | translate}}"
|
|
2431
|
+
>
|
|
2432
|
+
<mat-icon
|
|
2433
|
+
*ngIf="expandHeaderButton && TableService.getIconType(expandHeaderButton)===IconTypes.MATERIAL_ICON">
|
|
2434
|
+
{{ expandHeaderButton?.icon }}
|
|
2435
|
+
</mat-icon>
|
|
2436
|
+
<i *ngIf="expandHeaderButton && TableService.getIconType(expandHeaderButton) === IconTypes.FONT_AWESOME"
|
|
2437
|
+
class="{{expandHeaderButton?.icon}}"></i>
|
|
2438
|
+
</button>
|
|
2438
2439
|
|
|
2439
2440
|
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2441
|
+
<mat-menu class="menu-expand-column" #menu="matMenu">
|
|
2442
|
+
<div class="header-menu-expand" fxLayout fxLayoutAlign="space-between center">
|
|
2443
|
+
<mat-label>{{ 'common.expand.menu.header.label' | translate }}</mat-label>
|
|
2444
|
+
<button mat-flat-button>{{ 'common.label.done' | translate }}</button>
|
|
2445
|
+
</div>
|
|
2446
|
+
<div class="choose-area" (click)="$event.stopPropagation()">
|
|
2447
|
+
<div mat-menu-item *ngFor="let col of columns">
|
|
2448
|
+
<ng-container *ngIf="col.columnType!==ColumnTypes.CHECKBOX && col.columnType!==ColumnTypes.BUTTON">
|
|
2449
|
+
<mat-checkbox style="width: 100%"
|
|
2450
|
+
[(ngModel)]="expandDisplayCols[col.columnDef]"
|
|
2451
|
+
[value]="col.columnDef"
|
|
2452
|
+
(change)="this.onChange.emit(this.expandDisplayCols)"
|
|
2453
|
+
[disabled]="!!disableExpandColumns ? disableExpandColumns.includes(col.columnDef) : false">
|
|
2454
|
+
{{ (moduleName + '.table.header.' + col.header) | translate }}
|
|
2455
|
+
</mat-checkbox>
|
|
2456
|
+
</ng-container>
|
|
2457
|
+
</div>
|
|
2458
|
+
</div>
|
|
2459
|
+
</mat-menu>
|
|
2458
2460
|
|
|
2459
|
-
|
|
2461
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.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: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7$1.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: i7$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7$1.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: i8$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8$1.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i8$1.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
2460
2462
|
}
|
|
2461
2463
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaHeaderExpandButtonComponent, decorators: [{
|
|
2462
2464
|
type: Component,
|
|
@@ -2464,46 +2466,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
|
2464
2466
|
selector: 'cva-header-expand-button',
|
|
2465
2467
|
standalone: false,
|
|
2466
2468
|
template: `
|
|
2467
|
-
|
|
2468
|
-
|
|
2469
|
-
|
|
2470
|
-
|
|
2471
|
-
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2469
|
+
<button mat-icon-button
|
|
2470
|
+
class="expand-column-header-button"
|
|
2471
|
+
color="{{expandHeaderButton?.color}}"
|
|
2472
|
+
[matMenuTriggerFor]="menu"
|
|
2473
|
+
matTooltip="{{((expandHeaderButton && expandHeaderButton.title) ? expandHeaderButton.title : '') | translate}}"
|
|
2474
|
+
>
|
|
2475
|
+
<mat-icon
|
|
2476
|
+
*ngIf="expandHeaderButton && TableService.getIconType(expandHeaderButton)===IconTypes.MATERIAL_ICON">
|
|
2477
|
+
{{ expandHeaderButton?.icon }}
|
|
2478
|
+
</mat-icon>
|
|
2479
|
+
<i *ngIf="expandHeaderButton && TableService.getIconType(expandHeaderButton) === IconTypes.FONT_AWESOME"
|
|
2480
|
+
class="{{expandHeaderButton?.icon}}"></i>
|
|
2481
|
+
</button>
|
|
2480
2482
|
|
|
2481
2483
|
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2484
|
+
<mat-menu class="menu-expand-column" #menu="matMenu">
|
|
2485
|
+
<div class="header-menu-expand" fxLayout fxLayoutAlign="space-between center">
|
|
2486
|
+
<mat-label>{{ 'common.expand.menu.header.label' | translate }}</mat-label>
|
|
2487
|
+
<button mat-flat-button>{{ 'common.label.done' | translate }}</button>
|
|
2488
|
+
</div>
|
|
2489
|
+
<div class="choose-area" (click)="$event.stopPropagation()">
|
|
2490
|
+
<div mat-menu-item *ngFor="let col of columns">
|
|
2491
|
+
<ng-container *ngIf="col.columnType!==ColumnTypes.CHECKBOX && col.columnType!==ColumnTypes.BUTTON">
|
|
2492
|
+
<mat-checkbox style="width: 100%"
|
|
2493
|
+
[(ngModel)]="expandDisplayCols[col.columnDef]"
|
|
2494
|
+
[value]="col.columnDef"
|
|
2495
|
+
(change)="this.onChange.emit(this.expandDisplayCols)"
|
|
2496
|
+
[disabled]="!!disableExpandColumns ? disableExpandColumns.includes(col.columnDef) : false">
|
|
2497
|
+
{{ (moduleName + '.table.header.' + col.header) | translate }}
|
|
2498
|
+
</mat-checkbox>
|
|
2499
|
+
</ng-container>
|
|
2500
|
+
</div>
|
|
2501
|
+
</div>
|
|
2502
|
+
</mat-menu>
|
|
2500
2503
|
|
|
2501
|
-
|
|
2504
|
+
`,
|
|
2502
2505
|
}]
|
|
2503
2506
|
}], ctorParameters: () => [], propDecorators: { expandHeaderButton: [{
|
|
2504
2507
|
type: Input
|
|
2505
2508
|
}], columns: [{
|
|
2506
2509
|
type: Input
|
|
2510
|
+
}], disableExpandColumns: [{
|
|
2511
|
+
type: Input
|
|
2507
2512
|
}], moduleName: [{
|
|
2508
2513
|
type: Input
|
|
2509
2514
|
}], onChange: [{
|
|
@@ -2575,6 +2580,7 @@ class CvaTableComponent {
|
|
|
2575
2580
|
showTotalPages = 5;
|
|
2576
2581
|
expandHeaderButton;
|
|
2577
2582
|
superHeaders = [];
|
|
2583
|
+
disableExpandColumns;
|
|
2578
2584
|
pageSizeOptions;
|
|
2579
2585
|
pagingChange = new EventEmitter(true);
|
|
2580
2586
|
clickAction = new EventEmitter();
|
|
@@ -2699,13 +2705,14 @@ class CvaTableComponent {
|
|
|
2699
2705
|
}
|
|
2700
2706
|
}
|
|
2701
2707
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaTableComponent, deps: [{ token: InjectTokenNextSolutionsConfig }, { token: i0.ChangeDetectorRef }, { token: LoaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2702
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaTableComponent, isStandalone: false, selector: "cva-table", inputs: { moduleName: "moduleName", results: "results", columns: "columns", buttons: "buttons", showTotalPages: "showTotalPages", expandHeaderButton: "expandHeaderButton", superHeaders: "superHeaders", paging: "paging" }, outputs: { pagingChange: "pagingChange", clickAction: "clickAction", onRowClickAction: "onRowClickAction", onChangeDisplayColumn: "onChangeDisplayColumn" }, providers: [
|
|
2708
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaTableComponent, isStandalone: false, selector: "cva-table", inputs: { moduleName: "moduleName", results: "results", columns: "columns", buttons: "buttons", showTotalPages: "showTotalPages", expandHeaderButton: "expandHeaderButton", superHeaders: "superHeaders", disableExpandColumns: "disableExpandColumns", paging: "paging" }, outputs: { pagingChange: "pagingChange", clickAction: "clickAction", onRowClickAction: "onRowClickAction", onChangeDisplayColumn: "onChangeDisplayColumn" }, providers: [
|
|
2703
2709
|
{ provide: MatPaginatorIntl, useClass: MultiLanguageTablePaginator },
|
|
2704
2710
|
], ngImport: i0, template: `
|
|
2705
2711
|
<div class="table-responsive">
|
|
2706
2712
|
<ng-container *ngIf="!!expandHeaderButton">
|
|
2707
2713
|
<cva-header-expand-button [moduleName]="moduleName" [expandHeaderButton]="expandHeaderButton"
|
|
2708
|
-
[columns]="columns" (onChange)="this.onChangeDisplayColumn.emit($event)"
|
|
2714
|
+
[columns]="columns" (onChange)="this.onChangeDisplayColumn.emit($event)"
|
|
2715
|
+
[disableExpandColumns]="disableExpandColumns">
|
|
2709
2716
|
</cva-header-expand-button>
|
|
2710
2717
|
</ng-container>
|
|
2711
2718
|
<table mat-table #table [dataSource]="results" class="mat-elevation-z8 cva-table">
|
|
@@ -2909,7 +2916,7 @@ class CvaTableComponent {
|
|
|
2909
2916
|
</div>
|
|
2910
2917
|
</div>
|
|
2911
2918
|
</div>
|
|
2912
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.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: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$5.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i8$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8$1.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i8$1.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i8$1.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i9.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: CvaTableHeaderCellComponent, selector: "cva-table-header-cell", inputs: ["moduleName", "column", "selectAllChecked"], outputs: ["changeSelectAll"] }, { kind: "component", type: CvaCounterInputComponent, selector: "cva-counter-input", inputs: ["label", "placeholder", "suffixText", "hint", "value", "disabled", "required", "errorMessages", "min", "max", "error", "isDecimal", "isLabelOutside", "isFloatLabel", "percentOfLabelOutside", "alignNumber", "isFormControl"], outputs: ["onChange", "onEnter"] }, { kind: "directive", type: StylePaginatorDirective, selector: "[style-paginator]", inputs: ["showTotalPages", "paging"], outputs: ["pagingChangeEvent"] }, { kind: "component", type: CvaHeaderExpandButtonComponent, selector: "cva-header-expand-button", inputs: ["expandHeaderButton", "columns", "moduleName"], outputs: ["onChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: SecureImgPipe, name: "secure" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
|
|
2919
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.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: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$5.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i8$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8$1.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i8$1.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i8$1.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i9.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: CvaTableHeaderCellComponent, selector: "cva-table-header-cell", inputs: ["moduleName", "column", "selectAllChecked"], outputs: ["changeSelectAll"] }, { kind: "component", type: CvaCounterInputComponent, selector: "cva-counter-input", inputs: ["label", "placeholder", "suffixText", "hint", "value", "disabled", "required", "errorMessages", "min", "max", "error", "isDecimal", "isLabelOutside", "isFloatLabel", "percentOfLabelOutside", "alignNumber", "isFormControl"], outputs: ["onChange", "onEnter"] }, { kind: "directive", type: StylePaginatorDirective, selector: "[style-paginator]", inputs: ["showTotalPages", "paging"], outputs: ["pagingChangeEvent"] }, { kind: "component", type: CvaHeaderExpandButtonComponent, selector: "cva-header-expand-button", inputs: ["expandHeaderButton", "columns", "disableExpandColumns", "moduleName"], outputs: ["onChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: SecureImgPipe, name: "secure" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
|
|
2913
2920
|
}
|
|
2914
2921
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaTableComponent, decorators: [{
|
|
2915
2922
|
type: Component,
|
|
@@ -2920,7 +2927,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
|
2920
2927
|
<div class="table-responsive">
|
|
2921
2928
|
<ng-container *ngIf="!!expandHeaderButton">
|
|
2922
2929
|
<cva-header-expand-button [moduleName]="moduleName" [expandHeaderButton]="expandHeaderButton"
|
|
2923
|
-
[columns]="columns" (onChange)="this.onChangeDisplayColumn.emit($event)"
|
|
2930
|
+
[columns]="columns" (onChange)="this.onChangeDisplayColumn.emit($event)"
|
|
2931
|
+
[disableExpandColumns]="disableExpandColumns">
|
|
2924
2932
|
</cva-header-expand-button>
|
|
2925
2933
|
</ng-container>
|
|
2926
2934
|
<table mat-table #table [dataSource]="results" class="mat-elevation-z8 cva-table">
|
|
@@ -3146,6 +3154,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
|
3146
3154
|
type: Input
|
|
3147
3155
|
}], superHeaders: [{
|
|
3148
3156
|
type: Input
|
|
3157
|
+
}], disableExpandColumns: [{
|
|
3158
|
+
type: Input
|
|
3149
3159
|
}], pagingChange: [{
|
|
3150
3160
|
type: Output
|
|
3151
3161
|
}], clickAction: [{
|