@c10t/nice-component-library 0.0.8-beta → 0.0.10-beta

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

@@ -39,23 +39,23 @@ export declare class CvaSmartTableComponent implements ControlValueAccessor, OnC
     formControl: AbstractControl | undefined;
     selectAllChecked: boolean;
     buttonColspan: number;
+    constructor(ref: ChangeDetectorRef, config: NiceComponentLibraryConfig, injector: Injector, ngControl: NgControl);
     get AlignEnum(): typeof AlignEnum;
     get IconTypes(): typeof IconTypeEnum;
     get TableService(): typeof TableService;
+    get displayedColumns(): string[];
+    get displayedFooters(): string[][];
+    get ColumnTypes(): typeof ColumnTypeEnum;
     propagateChange: (_: any) => void;
     writeValue(obj: any[] | any): void;
     getParentRowData(): any[];
     registerOnChange(fn: any): void;
     registerOnTouched(): void;
-    constructor(ref: ChangeDetectorRef, config: NiceComponentLibraryConfig, injector: Injector, ngControl: NgControl);
     ngOnChanges(): void;
     ngOnInit(): void;
     ngAfterContentChecked(): void;
-    get displayedColumns(): string[];
-    get displayedFooters(): string[][];
     onClick(action: string, result: any, index: number | null): void;
     onCellValueChange(result: any, column: ColumnModel, $event: any): void;
-    get ColumnTypes(): typeof ColumnTypeEnum;
     toggleSelectAll(val: MatCheckboxChange, col: ColumnModel): void;
     toggleSelect(val: MatCheckboxChange | null, result?: any, column?: ColumnModel): void;
     onDisplayHeaderCell(column: ColumnModel): boolean;

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

@@ -166,8 +166,6 @@ var AlignEnum;
 class ColumnModel {
     columnDef = '';
     header;
-    title = (e) => `${e}`;
-    cell = (e) => `${e}`;
     // set default theo ly thuyet, phai gan lai
     align = AlignEnum.LEFT;
     alignHeader;
@@ -192,11 +190,14 @@ class ColumnModel {
     validate;
     errorMessage;
     isTree = false;
+    isMultipleSelect = false;
     isDecimal = false;
     isExpandOptionColumn;
     footer;
     footers = [];
     button;
+    title = (e) => `${e}`;
+    cell = (e) => `${e}`;
 }
 
 class BaseModel {
@@ -2285,7 +2286,7 @@ class CvaHeaderExpandButtonComponent {
             <mat-checkbox style="width: 100%"
                           [(ngModel)]="expandDisplayCols[col.columnDef]"
                           [value]="col.columnDef"
-                          (change)="this.onChange.emit()">
+                          (change)="this.onChange.emit(this.expandDisplayCols)">
               {{ (moduleName + '.table.header.' + col.header) | translate }}
             </mat-checkbox>
           </ng-container>
@@ -2326,7 +2327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             <mat-checkbox style="width: 100%"
                           [(ngModel)]="expandDisplayCols[col.columnDef]"
                           [value]="col.columnDef"
-                          (change)="this.onChange.emit()">
+                          (change)="this.onChange.emit(this.expandDisplayCols)">
               {{ (moduleName + '.table.header.' + col.header) | translate }}
             </mat-checkbox>
           </ng-container>
@@ -4448,6 +4449,14 @@ class CvaSmartTableComponent {
     formControl;
     selectAllChecked = false;
     buttonColspan = 0;
+    constructor(ref, config, injector, ngControl) {
+        this.ref = ref;
+        this.config = config;
+        this.injector = injector;
+        if (ngControl) {
+            ngControl.valueAccessor = this;
+        }
+    }
     get AlignEnum() {
         return AlignEnum;
     }
@@ -4457,6 +4466,33 @@ class CvaSmartTableComponent {
     get TableService() {
         return TableService;
     }
+    get displayedColumns() {
+        if (!this.$displayedColumns || this.$displayedColumns.length <= 0) {
+            this.$displayedColumns = this.columns.map((c) => c.columnDef);
+            if (this.buttons) {
+                this.$displayedColumns = this.$displayedColumns.concat(this.buttons.map((b) => b.columnDef));
+            }
+        }
+        return this.$displayedColumns;
+    }
+    get displayedFooters() {
+        if (!this.$displayedFooters || this.$displayedFooters.length <= 0) {
+            for (const column of this.columns) {
+                if (!!column.footers) {
+                    for (let i = 0; i < column.footers.length; i++) {
+                        if (!this.$displayedFooters[i]) {
+                            this.$displayedFooters[i] = [];
+                        }
+                        this.$displayedFooters[i] = this.$displayedFooters[i].concat([i + '-' + column.columnDef]);
+                    }
+                }
+            }
+        }
+        return this.$displayedFooters;
+    }
+    get ColumnTypes() {
+        return ColumnTypeEnum;
+    }
     propagateChange = (_) => {
         /*NON-EMPTY FOR COMPILE*/
     };
@@ -4496,14 +4532,6 @@ class CvaSmartTableComponent {
     registerOnTouched() {
         /*NON-EMPTY FOR COMPILE*/
     }
-    constructor(ref, config, injector, ngControl) {
-        this.ref = ref;
-        this.config = config;
-        this.injector = injector;
-        if (ngControl) {
-            ngControl.valueAccessor = this;
-        }
-    }
     ngOnChanges() {
         this.writeValue(this.value);
     }
@@ -4515,30 +4543,6 @@ class CvaSmartTableComponent {
         this.getHeaderButtonColspan();
         this.ref.detectChanges();
     }
-    get displayedColumns() {
-        if (!this.$displayedColumns || this.$displayedColumns.length <= 0) {
-            this.$displayedColumns = this.columns.map((c) => c.columnDef);
-            if (this.buttons) {
-                this.$displayedColumns = this.$displayedColumns.concat(this.buttons.map((b) => b.columnDef));
-            }
-        }
-        return this.$displayedColumns;
-    }
-    get displayedFooters() {
-        if (!this.$displayedFooters || this.$displayedFooters.length <= 0) {
-            for (const column of this.columns) {
-                if (!!column.footers) {
-                    for (let i = 0; i < column.footers.length; i++) {
-                        if (!this.$displayedFooters[i]) {
-                            this.$displayedFooters[i] = [];
-                        }
-                        this.$displayedFooters[i] = this.$displayedFooters[i].concat([i + '-' + column.columnDef]);
-                    }
-                }
-            }
-        }
-        return this.$displayedFooters;
-    }
     /*
       Nếu sử dụng expandTableRow khi xử lý sự kiện bên ngoài component không sử dụng index bên trong base, set index lại bằng indexOf
     */
@@ -4554,9 +4558,6 @@ class CvaSmartTableComponent {
         this.callValidator();
         this.onChange.emit();
     }
-    get ColumnTypes() {
-        return ColumnTypeEnum;
-    }
     toggleSelectAll(val, col) {
         if (this.value) {
             this.value.forEach(v => {
@@ -4818,7 +4819,8 @@ class CvaSmartTableComponent {
                                              [errorMessages]="getErrorMessageMap(column)"
                                              [required]="getRequired(column)"
                                              [disabled]="column.disabled ? column.disabled(result) : false"
-                                             [multiple]="false" [options]="column.optionValues(result)"
+                                             [multiple]="column.isMultipleSelect"
+                                             [options]="column.optionValues(result)"
                                              (selectionChange)="onCellValueChange(result, column, $event);">
               </cva-multi-select-autocomplete>
               <div class="checkbox-cell"
@@ -5039,7 +5041,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                                              [errorMessages]="getErrorMessageMap(column)"
                                              [required]="getRequired(column)"
                                              [disabled]="column.disabled ? column.disabled(result) : false"
-                                             [multiple]="false" [options]="column.optionValues(result)"
+                                             [multiple]="column.isMultipleSelect"
+                                             [options]="column.optionValues(result)"
                                              (selectionChange)="onCellValueChange(result, column, $event);">
               </cva-multi-select-autocomplete>
               <div class="checkbox-cell"