@c10t/nice-component-library 0.0.5-beta → 0.0.7-beta

package/components/table/cva-header-expand-button.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { ColumnModel } from '../../models/components/column.model';
 import { ButtonModel } from '../../models/components/button.model';
 import { ColumnTypeEnum } from '../../enums/column-type.enum';
@@ -9,14 +9,15 @@ export declare class CvaHeaderExpandButtonComponent implements OnInit {
     expandHeaderButton?: ButtonModel;
     columns: ColumnModel[];
     moduleName: string;
+    onChange: EventEmitter<void>;
     expandDisplayCols: {
         [key: string]: any;
     };
     constructor();
-    ngOnInit(): void;
     get ColumnTypes(): typeof ColumnTypeEnum;
     get IconTypes(): typeof IconTypeEnum;
     get TableService(): typeof TableService;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CvaHeaderExpandButtonComponent, never>;
-    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; }; }, {}, never, never, false, never>;
+    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>;
 }

package/components/table/cva-table.component.d.ts

@@ -28,6 +28,7 @@ export declare class CvaTableComponent implements OnInit, AfterViewChecked {
     pagingChange: EventEmitter<TablePagingRequestModel>;
     clickAction: EventEmitter<ButtonClickEvent>;
     onRowClickAction: EventEmitter<ButtonClickEvent>;
+    onChangeDisplayColumn: EventEmitter<string[]>;
     selectAllChecked: boolean;
     goToPageNumber: number;
     errorMsg: Map<string, () => string>;
@@ -38,11 +39,11 @@ export declare class CvaTableComponent implements OnInit, AfterViewChecked {
     constructor(config: NiceComponentLibraryConfig, cdRef: ChangeDetectorRef, loaderService: LoaderService);
     set paging(value: TablePagingRequestModel);
     get displayedColumns(): string[];
-    isExpandColumn(col: ColumnModel): boolean;
     get ColumnTypes(): typeof ColumnTypeEnum;
     get IconTypes(): typeof IconTypeEnum;
     get AlignEnum(): typeof AlignEnum;
     get TableService(): typeof TableService;
+    isExpandColumn(col: ColumnModel): boolean;
     getPage(pageable: any): void;
     onClick(action: string, result: any): void;
     ngOnInit(): void;
@@ -58,5 +59,5 @@ export declare class CvaTableComponent implements OnInit, AfterViewChecked {
     getHeaderButtonColspan(): number;
     onChangeGoToPageNumber($event: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CvaTableComponent, never>;
-    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; }; "paging": { "alias": "paging"; "required": false; }; }, { "pagingChange": "pagingChange"; "clickAction": "clickAction"; "onRowClickAction": "onRowClickAction"; }, never, never, false, never>;
+    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; }; "paging": { "alias": "paging"; "required": false; }; }, { "pagingChange": "pagingChange"; "clickAction": "clickAction"; "onRowClickAction": "onRowClickAction"; "onChangeDisplayColumn": "onChangeDisplayColumn"; }, never, never, false, never>;
 }

package/fesm2022/c10t-nice-component-library.mjs

@@ -203,6 +203,10 @@ class BaseModel {
     id;
     checked = false;
     invalid = false;
+    createdDate;
+    createdBy;
+    lastModifiedDate;
+    lastModifiedBy;
 }
 
 class MenuModel extends BaseModel {
@@ -1026,6 +1030,12 @@ class ApiService {
     getJSON(file) {
         return this.http.get(file);
     }
+    getBlob(nativeUrl, params, baseUrl) {
+        const url = baseUrl ? (baseUrl + nativeUrl) : this.getFullUrl(nativeUrl);
+        return this.http.get(url, {
+            responseType: 'blob', // Đặt responseType thành 'blob'
+        });
+    }
     post(nativeUrl, obj, options, baseUrl) {
         return this.http.post(baseUrl ? (baseUrl + nativeUrl) : this.getFullUrl(nativeUrl), obj, options ? {
             headers: options.headers,
@@ -2229,15 +2239,10 @@ class CvaHeaderExpandButtonComponent {
     expandHeaderButton;
     columns = [];
     moduleName = '';
+    onChange = new EventEmitter();
     expandDisplayCols = {};
     constructor() {
     }
-    ngOnInit() {
-        this.columns.forEach(col => {
-            this.expandDisplayCols[col.columnDef] = !(col.isExpandOptionColumn ? col.isExpandOptionColumn() : false);
-            col.isExpandOptionColumn = () => !this.expandDisplayCols[col.columnDef];
-        });
-    }
     get ColumnTypes() {
         return ColumnTypeEnum;
     }
@@ -2247,8 +2252,14 @@ class CvaHeaderExpandButtonComponent {
     get TableService() {
         return TableService;
     }
+    ngOnInit() {
+        this.columns.forEach(col => {
+            this.expandDisplayCols[col.columnDef] = !(col.isExpandOptionColumn ? col.isExpandOptionColumn() : false);
+            col.isExpandOptionColumn = () => !this.expandDisplayCols[col.columnDef];
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaHeaderExpandButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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" }, ngImport: i0, template: `
+    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: `
     <button mat-icon-button
             class="expand-column-header-button"
             color="{{expandHeaderButton?.color}}"
@@ -2273,7 +2284,9 @@ class CvaHeaderExpandButtonComponent {
           <ng-container *ngIf="col.columnType!==ColumnTypes.CHECKBOX">
             <mat-checkbox style="width: 100%"
                           [(ngModel)]="expandDisplayCols[col.columnDef]"
-                          [value]="col.columnDef">{{ (moduleName + '.table.header.' + col.header) | translate }}
+                          [value]="col.columnDef"
+                          (change)="this.onChange.emit()">
+              {{ (moduleName + '.table.header.' + col.header) | translate }}
             </mat-checkbox>
           </ng-container>
         </div>
@@ -2312,7 +2325,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
           <ng-container *ngIf="col.columnType!==ColumnTypes.CHECKBOX">
             <mat-checkbox style="width: 100%"
                           [(ngModel)]="expandDisplayCols[col.columnDef]"
-                          [value]="col.columnDef">{{ (moduleName + '.table.header.' + col.header) | translate }}
+                          [value]="col.columnDef"
+                          (change)="this.onChange.emit()">
+              {{ (moduleName + '.table.header.' + col.header) | translate }}
             </mat-checkbox>
           </ng-container>
         </div>
@@ -2327,6 +2342,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: Input
             }], moduleName: [{
                 type: Input
+            }], onChange: [{
+                type: Output
             }] } });
 
 class SecureImgPipe {
@@ -2370,6 +2387,7 @@ class CvaTableComponent {
     pagingChange = new EventEmitter(true);
     clickAction = new EventEmitter();
     onRowClickAction = new EventEmitter();
+    onChangeDisplayColumn = new EventEmitter();
     selectAllChecked = false;
     goToPageNumber = 1;
     errorMsg = new Map()
@@ -2407,9 +2425,6 @@ class CvaTableComponent {
         // }
         return columnsDef;
     }
-    isExpandColumn(col) {
-        return !!col.isExpandOptionColumn ? col.isExpandOptionColumn() : false;
-    }
     get ColumnTypes() {
         return ColumnTypeEnum;
     }
@@ -2422,6 +2437,9 @@ class CvaTableComponent {
     get TableService() {
         return TableService;
     }
+    isExpandColumn(col) {
+        return !!col.isExpandOptionColumn ? col.isExpandOptionColumn() : false;
+    }
     getPage(pageable) {
         this.varPaging.pageNumber = pageable.pageIndex + 1;
         this.varPaging.pageSize = pageable.pageSize;
@@ -2514,13 +2532,13 @@ class CvaTableComponent {
         }
     }
     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 });
-    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", paging: "paging" }, outputs: { pagingChange: "pagingChange", clickAction: "clickAction", onRowClickAction: "onRowClickAction" }, providers: [
+    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", paging: "paging" }, outputs: { pagingChange: "pagingChange", clickAction: "clickAction", onRowClickAction: "onRowClickAction", onChangeDisplayColumn: "onChangeDisplayColumn" }, providers: [
             { provide: MatPaginatorIntl, useClass: MultiLanguageTablePaginator },
         ], ngImport: i0, template: `
     <div class="table-responsive">
       <ng-container *ngIf="!!expandHeaderButton">
         <cva-header-expand-button [moduleName]="moduleName" [expandHeaderButton]="expandHeaderButton"
-                                  [columns]="columns">
+                                  [columns]="columns" (onChange)="this.onChangeDisplayColumn.emit(displayedColumns)">
         </cva-header-expand-button>
       </ng-container>
       <table mat-table #table [dataSource]="results" class="mat-elevation-z8 cva-table">
@@ -2707,7 +2725,7 @@ class CvaTableComponent {
         </div>
       </div>
     </div>
-  `, 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$1.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: i8$1.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.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.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.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: 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"] }, { 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"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: SecureImgPipe, name: "secure" }] });
+  `, 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$1.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: i8$1.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.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.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.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: 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"] }, { 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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaTableComponent, decorators: [{
             type: Component,
@@ -2718,7 +2736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
     <div class="table-responsive">
       <ng-container *ngIf="!!expandHeaderButton">
         <cva-header-expand-button [moduleName]="moduleName" [expandHeaderButton]="expandHeaderButton"
-                                  [columns]="columns">
+                                  [columns]="columns" (onChange)="this.onChangeDisplayColumn.emit(displayedColumns)">
         </cva-header-expand-button>
       </ng-container>
       <table mat-table #table [dataSource]="results" class="mat-elevation-z8 cva-table">
@@ -2931,6 +2949,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: Output
             }], onRowClickAction: [{
                 type: Output
+            }], onChangeDisplayColumn: [{
+                type: Output
             }], paging: [{
                 type: Input
             }] } });