@c10t/nice-component-library 0.0.15 → 0.0.17

package/components/tree/cva-flat-tree-node-left.component.d.ts

@@ -11,6 +11,8 @@ export declare class CvaFlatTreeNodeLeftComponent {
     onLeafNodeClick: EventEmitter<void>;
     ngModelParentChange: EventEmitter<boolean>;
     ngModelLeafChange: EventEmitter<boolean>;
+    nodeClicked: FlatTreeNodeModel | undefined;
+    protected readonly menubar: BarProp;
     hasChild: (node: FlatTreeNodeModel) => boolean;
     checkDisabledNode(node: FlatTreeNodeModel): boolean;
     getDisabledInputFunc(node: FlatTreeNodeModel): boolean;
@@ -18,5 +20,5 @@ export declare class CvaFlatTreeNodeLeftComponent {
     descendantsPartiallySelected(node: FlatTreeNodeModel): boolean;
     onDisabledParent(parent: FlatTreeNodeModel): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CvaFlatTreeNodeLeftComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CvaFlatTreeNodeLeftComponent, "cva-flat-tree-node-left", never, { "treeControl": { "alias": "treeControl"; "required": false; }; "isHideCheckbox": { "alias": "isHideCheckbox"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, { "toggle": "toggle"; "onParentNodeClick": "onParentNodeClick"; "onLeafNodeClick": "onLeafNodeClick"; "ngModelParentChange": "ngModelParentChange"; "ngModelLeafChange": "ngModelLeafChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CvaFlatTreeNodeLeftComponent, "cva-flat-tree-node-left", never, { "treeControl": { "alias": "treeControl"; "required": false; }; "isHideCheckbox": { "alias": "isHideCheckbox"; "required": false; }; "node": { "alias": "node"; "required": false; }; "nodeClicked": { "alias": "nodeClicked"; "required": false; }; }, { "toggle": "toggle"; "onParentNodeClick": "onParentNodeClick"; "onLeafNodeClick": "onLeafNodeClick"; "ngModelParentChange": "ngModelParentChange"; "ngModelLeafChange": "ngModelLeafChange"; }, never, never, false, never>;
 }

package/components/tree/cva-flat-tree.component.d.ts

@@ -48,6 +48,8 @@ export declare class CvaFlatTreeComponent implements ControlValueAccessor, OnIni
     selectedFullDataSource: FlatTreeNodeModel[];
     selectedFullValues: Map<any, any>;
     selectionChange: EventEmitter<any>;
+    onNodeClick: EventEmitter<FlatTreeNodeModel>;
+    nodeClicked: FlatTreeNodeModel | undefined;
     isFormControl: boolean;
     formControl: AbstractControl | undefined;
     mapIndexes: Map<any, any>;
@@ -94,5 +96,5 @@ export declare class CvaFlatTreeComponent implements ControlValueAccessor, OnIni
     private _isExpandable;
     private _getChildren;
     static ɵfac: i0.ɵɵFactoryDeclaration<CvaFlatTreeComponent, [null, null, null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CvaFlatTreeComponent, "cva-flat-tree", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isView": { "alias": "isView"; "required": false; }; "isDisplayChooseTreeOnly": { "alias": "isDisplayChooseTreeOnly"; "required": false; }; "isHideCheckbox": { "alias": "isHideCheckbox"; "required": false; }; "isCollapseSelected": { "alias": "isCollapseSelected"; "required": false; }; "selectedLabelTitle": { "alias": "selectedLabelTitle"; "required": false; }; "viewHeight": { "alias": "viewHeight"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "percentOfLabelOutside": { "alias": "percentOfLabelOutside"; "required": false; }; "treeConfig": { "alias": "treeConfig"; "required": false; }; "isSearchOutSide": { "alias": "isSearchOutSide"; "required": false; }; "searchTextOutSide": { "alias": "searchTextOutSide"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "fullDatasource": { "alias": "fullDatasource"; "required": false; }; "isFormControl": { "alias": "isFormControl"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CvaFlatTreeComponent, "cva-flat-tree", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isView": { "alias": "isView"; "required": false; }; "isDisplayChooseTreeOnly": { "alias": "isDisplayChooseTreeOnly"; "required": false; }; "isHideCheckbox": { "alias": "isHideCheckbox"; "required": false; }; "isCollapseSelected": { "alias": "isCollapseSelected"; "required": false; }; "selectedLabelTitle": { "alias": "selectedLabelTitle"; "required": false; }; "viewHeight": { "alias": "viewHeight"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "percentOfLabelOutside": { "alias": "percentOfLabelOutside"; "required": false; }; "treeConfig": { "alias": "treeConfig"; "required": false; }; "isSearchOutSide": { "alias": "isSearchOutSide"; "required": false; }; "searchTextOutSide": { "alias": "searchTextOutSide"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "fullDatasource": { "alias": "fullDatasource"; "required": false; }; "isFormControl": { "alias": "isFormControl"; "required": false; }; }, { "selectionChange": "selectionChange"; "onNodeClick": "onNodeClick"; }, never, never, false, never>;
 }

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

@@ -1422,7 +1422,6 @@ class MultiTranslateHttpLoader {
             for (const index in responses) {
                 Object.assign(target, responses[index]);
             }
-            console.log(target, responses);
             return target;
         }));
     }
@@ -1738,7 +1737,6 @@ class ValidatorService {
         const validator = (control) => {
             let errors = null;
             if (control) {
-                // console.log('NsSmartTable - validate', control);
                 const controlValueLength = control.value ? control.value.length : 0;
                 if (conditions.minRow > controlValueLength) {
                     return { minRow: { valid: false, min: conditions.minRow, actual: controlValueLength } };
@@ -1750,7 +1748,6 @@ class ValidatorService {
                     return null;
                 }
                 control.value.forEach((row) => {
-                    // console.log('NsSmartTable - validate - errors: ', errors);
                     if (errors || !conditions.columns) {
                         return;
                     }
@@ -1758,7 +1755,6 @@ class ValidatorService {
                         if (errors) {
                             return;
                         }
-                        // console.log('NsSmartTable - validate - value+columns: ', row, column);
                         const tempControl = new FormControl();
                         tempControl.setValue(row[column.columnDef]);
                         if (TableService.getColumnType(column, row) === ColumnTypeEnum.MULTI_SELECT_AUTOCOMPLETE) {
@@ -1821,7 +1817,6 @@ class ValidatorService {
                             }
                         }
                         tempControl.markAllAsTouched();
-                        // console.log('NsSmartTable - validate - tempControl.errors: ', TableService.getColumnType(column,row), row[column.columnDef], tempControl.errors);
                         errors = tempControl.errors;
                     });
                 });
@@ -1866,7 +1861,6 @@ class CvaCounterInputComponent {
     constructor(injector, ngControl) {
         this.injector = injector;
         if (ngControl) {
-            // console.log('nsCounterInput - ngControl: ', ngControl);
             // ngControl là parent FormControl
             // Hành động này thay cho provide: NG_VALUE_ACCESSOR và gắn ControlValueAccessor này vào parent FormControl
             ngControl.valueAccessor = this;
@@ -1888,7 +1882,6 @@ class CvaCounterInputComponent {
         }
     }
     ngOnInit() {
-        // console.log('CvaCounterInputComponent - ngOnInit');
         this.callValidator();
     }
     getMinNumber() {
@@ -1899,7 +1892,6 @@ class CvaCounterInputComponent {
     }
     callValidator() {
         const ngControl = this.injector.get(NgControl);
-        // console.log('CvaCounterInputComponent - callValidator - ngControl: ', ngControl);
         // Nếu parent FormControl khởi tạo xong và formControl chưa có giá trị lưu
         if (ngControl && !this.formControl) {
             // Nếu là NsSmartTable thì phải tự new FormControl còn không thì cứ hóng parent FormControl về ^^
@@ -1909,7 +1901,6 @@ class CvaCounterInputComponent {
             else {
                 this.formControl = new FormControl();
             }
-            // console.log('CvaCounterInputComponent - callValidator - this.formControl: ', this.formControl);
             // Hành động này gắn validator vào this.formControl
             // - Nếu this.formControl là parent FormControl thì sẽ show error lên FormGroup
             // - Nếu this.formControl là new FormControl thì sẽ quét QueryList để check {errors}
@@ -1949,7 +1940,6 @@ class CvaCounterInputComponent {
         if (value !== undefined) {
             this.value = value;
             this.propagateChange(this.value);
-            // console.log('CvaCounterInputComponent - writeValue: ', this.value);
             this.callValidator();
             this.onChange.emit(this.value);
         }
@@ -3016,7 +3006,6 @@ class PatternDirective {
     }
     // @Output() valueChange = new EventEmitter()
     // @HostListener('input', ['$event']) onInputChange(event: any) {
-    //   console.log('input changeeeeeeeeeeeeeeeeeeeeeee')
     //   const initalValue = this.el.nativeElement.value;
     //   const newValue = initalValue.replace(/[^0-9]*/g, '');
     //   this.el.nativeElement.value = newValue;
@@ -3044,7 +3033,6 @@ class PatternDirective {
         //   (e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) &&
         //   (e.keyCode < 96 || e.keyCode > 105)
         // ) {
-        //   console.log('eeeeeeeeeeeeeeeeeeeee',e)
         //   e.preventDefault();
         // }
         if (!e.key.match(this.$regPattern)) {
@@ -3054,7 +3042,6 @@ class PatternDirective {
         const current = this.el.nativeElement.value;
         // @ts-ignore
         const next = current ? current.concat(e.key) : e.key;
-        // console.log('curentttttttttt', current, next, this.el.nativeElement)
         // @ts-ignore
         if (!next || !next.replaceAll(',', '').match(this.$regPattern)) {
             e.preventDefault();
@@ -3074,7 +3061,6 @@ class PatternDirective {
         else {
             data = pastedInput;
         }
-        console.log('dataaaaa', data);
         document.execCommand('insertText', false, data);
     }
     onDrop(event) {
@@ -3123,7 +3109,6 @@ class FormatInputDirective {
         this.format(value);
     }
     input(value) {
-        //      console.log(value)
         // If decimal separator is last character don't update
         // because it will delete . || ,
         /*
@@ -3138,7 +3123,6 @@ class FormatInputDirective {
         //        this.format(this._value);
     }
     focusout(value) {
-        console.log(value);
         // If decimal separator is last character don't update
         // because it will delete . || ,
         if (this.isLastCharacterDecimalSeparator(value)) {
@@ -3179,7 +3163,6 @@ class FormatInputDirective {
         return isNaN(value[value.length - 1]);
     }
     format(value) {
-        // console.log('at hereeeeeeeeeee', value, this._value)
         if (value === null) {
             this.element.nativeElement.value = '';
             return;
@@ -3192,11 +3175,9 @@ class FormatInputDirective {
             const tmp = this.inputDirective.formatValue(value);
             value = tmp === null || tmp === undefined ? value : tmp;
         }
-        // console.log('at hereeeeeeeeeee', value, this._value)
         this.element.nativeElement.value = value ? value : '';
     }
     unformatValue(value) {
-        // console.log('at hereeeeeeeeeee1111', value, this._value)
         if (this.inputDirective && this.inputDirective.unformatValue) {
             value = this.inputDirective.unformatValue(value);
         }
@@ -3688,7 +3669,6 @@ class CvaDatePickerComponent {
     }
     callValidator() {
         const ngControl = this.injector.get(NgControl);
-        // console.log('CvaCounterInputComponent - callValidator - ngControl: ', ngControl);
         // Nếu parent FormControl khởi tạo xong và formControl chưa có giá trị lưu
         if (ngControl && !this.formControl) {
             // Nếu là NsSmartTable thì phải tự new FormControl còn không thì cứ hóng parent FormControl về ^^
@@ -3698,7 +3678,6 @@ class CvaDatePickerComponent {
             else {
                 this.formControl = new FormControl();
             }
-            // console.log('CvaCounterInputComponent - callValidator - this.formControl: ', this.formControl);
             // Hành động này gắn validator vào this.formControl
             // - Nếu this.formControl là parent FormControl thì sẽ show error lên FormGroup
             // - Nếu this.formControl là new FormControl thì sẽ quét QueryList để check {errors}
@@ -4023,10 +4002,8 @@ class CvaMultiSelectAutocomplete {
         /*NON-EMPTY FOR COMPILE*/
     };
     writeValue(obj) {
-        // console.log('CvaMultiSelectAutocomplete - writeValue: ', this.value, obj);
         if (obj != null && obj != undefined && this.value !== obj) {
             this.value = obj;
-            // console.log('CvaMultiSelectAutocomplete - writeValue: ', this.value);
             this.updateSelectAll();
             // this.formControl.setValue(this.value);
             this.propagateChange(this.value);
@@ -4144,7 +4121,6 @@ class CvaMultiSelectAutocomplete {
      * Khi đó khi chọn lại thì những mat-option không còn trong khung nhìn sẽ bị lỗi tick chọn nên ko dùng hàm này nữa
      */
     matSelectionChange(val) {
-        // console.log('CvaMultiSelectAutocomplete - onSelectionChange: ', val.value);
         // this.writeValue(val.value);
         // this.emitSelectedData(val);
     }
@@ -4817,7 +4793,6 @@ class CvaSmartTableComponent {
     };
     writeValue(obj) {
         if (obj) {
-            // console.log(obj);
             this.value = obj;
             if (this.isExpandRowTable && this.datasource.data !== this.value) {
                 this.datasource = new MatTableDataSource(this.value);
@@ -4834,7 +4809,6 @@ class CvaSmartTableComponent {
                 this.datasource = new MatTableDataSource(this.value);
             }
             this.toggleSelect(null);
-            // console.log('NsSmartTable - writeValue', this.value);
             this.callValidator();
             this.propagateChange(this.isExpandRowTable ? this.getParentRowData() : this.value);
             this.onChange.emit();
@@ -4855,7 +4829,6 @@ class CvaSmartTableComponent {
         this.writeValue(this.value);
     }
     ngOnInit() {
-        // console.log('NsSmartTable - ngOnInit');
         this.callValidator();
     }
     ngAfterContentChecked() {
@@ -5116,6 +5089,8 @@ class CvaSmartTableComponent {
                          [isFormControl]="false"
                          [disabled]="column.disabled ? column.disabled(result) : false"
                          [text]="result[column.columnDef]"
+                         [minLength]="column.min ? column.min(result) : undefined"
+                         [maxLength]="column.max ? column.max(result) : undefined"
                          [required]="getRequired(column)"
                          [errorMessages]="getErrorMessageMap(column)"
                          (onChange)="onCellValueChange(result, column, $event);">
@@ -5347,6 +5322,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                          [isFormControl]="false"
                          [disabled]="column.disabled ? column.disabled(result) : false"
                          [text]="result[column.columnDef]"
+                         [minLength]="column.min ? column.min(result) : undefined"
+                         [maxLength]="column.max ? column.max(result) : undefined"
                          [required]="getRequired(column)"
                          [errorMessages]="getErrorMessageMap(column)"
                          (onChange)="onCellValueChange(result, column, $event);">
@@ -5634,7 +5611,6 @@ class CvaRangeDatePickerComponent {
     }
     callValidator() {
         const ngControl = this.injector.get(NgControl);
-        // console.log('CvaCounterInputComponent - callValidator - ngControl: ', ngControl);
         // Nếu parent FormControl khởi tạo xong và formControl chưa có giá trị lưu
         if (ngControl && !this.formControl) {
             // Nếu là NsSmartTable thì phải tự new FormControl còn không thì cứ hóng parent FormControl về ^^
@@ -6253,7 +6229,6 @@ class CvaUploadFileComponent {
                 const blob = new Blob([arrayBuffer]);
                 // onload needed since Google Chrome doesn't support addEventListener for FileReader
                 const fileReader = new FileReader();
-                // console.log('reader', file);
                 const file = new File([blob], fileInfo.name, { type: fileInfo.type });
                 fileReader.onload = (event) => {
                     this.writeValue(new UploadModel(fileInfo.name, file, event.target.result));
@@ -7413,6 +7388,8 @@ class CvaFlatTreeNodeLeftComponent {
     onLeafNodeClick = new EventEmitter();
     ngModelParentChange = new EventEmitter();
     ngModelLeafChange = new EventEmitter();
+    nodeClicked;
+    menubar = menubar;
     hasChild = (node) => !!node.children && Array.isArray(node.children) && node.children.length > 0;
     checkDisabledNode(node) {
         return node.disabled || this.getDisabledInputFunc(node);
@@ -7450,12 +7427,13 @@ class CvaFlatTreeNodeLeftComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaFlatTreeNodeLeftComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaFlatTreeNodeLeftComponent, isStandalone: false, selector: "cva-flat-tree-node-left", inputs: { treeControl: "treeControl", isHideCheckbox: "isHideCheckbox", node: "node" }, outputs: { toggle: "toggle", onParentNodeClick: "onParentNodeClick", onLeafNodeClick: "onLeafNodeClick", ngModelParentChange: "ngModelParentChange", ngModelLeafChange: "ngModelLeafChange" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaFlatTreeNodeLeftComponent, isStandalone: false, selector: "cva-flat-tree-node-left", inputs: { treeControl: "treeControl", isHideCheckbox: "isHideCheckbox", node: "node", nodeClicked: "nodeClicked" }, outputs: { toggle: "toggle", onParentNodeClick: "onParentNodeClick", onLeafNodeClick: "onLeafNodeClick", ngModelParentChange: "ngModelParentChange", ngModelLeafChange: "ngModelLeafChange" }, ngImport: i0, template: `
     <ng-container [ngSwitch]="hasChild(node)">
       <ng-container *ngSwitchCase="false">
-        <div class="label-area {{isHideCheckbox ? 'isClickDiv' : ''}}"
-             (click)="onLeafNodeClick.emit()"
-             fxLayoutAlign="space-between center">
+        <div
+          class="label-area {{isHideCheckbox ? 'isClickDiv' : ''}} {{isHideCheckbox && nodeClicked?.value === node.value ? 'nodeSelected': ''}}"
+          (click)="onLeafNodeClick.emit()"
+          fxLayoutAlign="space-between center">
           <button *ngIf="node.level > 0" type="button" mat-icon-button disabled></button>
           {{ node.displayValue }}
         </div>
@@ -7467,8 +7445,9 @@ class CvaFlatTreeNodeLeftComponent {
         </mat-checkbox>
       </ng-container>
       <ng-container *ngSwitchCase="true">
-        <div class="label-area {{isHideCheckbox ? 'isClickDiv' : ''}}"
-             fxLayoutAlign="space-between center">
+        <div
+          class="label-area {{isHideCheckbox ? 'isClickDiv' : ''}} {{isHideCheckbox && nodeClicked?.value === node.value ? 'nodeSelected': ''}}"
+          fxLayoutAlign="space-between center">
           <button type="button" mat-icon-button (click)="toggle.emit()"
                   [attr.aria-label]="'toggle ' + node.displayValue">
             <i class="fas {{treeControl?.isExpanded(node) ? 'fa-chevron-up' : 'fa-chevron-down'}}"></i>
@@ -7494,9 +7473,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                     template: `
     <ng-container [ngSwitch]="hasChild(node)">
       <ng-container *ngSwitchCase="false">
-        <div class="label-area {{isHideCheckbox ? 'isClickDiv' : ''}}"
-             (click)="onLeafNodeClick.emit()"
-             fxLayoutAlign="space-between center">
+        <div
+          class="label-area {{isHideCheckbox ? 'isClickDiv' : ''}} {{isHideCheckbox && nodeClicked?.value === node.value ? 'nodeSelected': ''}}"
+          (click)="onLeafNodeClick.emit()"
+          fxLayoutAlign="space-between center">
           <button *ngIf="node.level > 0" type="button" mat-icon-button disabled></button>
           {{ node.displayValue }}
         </div>
@@ -7508,8 +7488,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
         </mat-checkbox>
       </ng-container>
       <ng-container *ngSwitchCase="true">
-        <div class="label-area {{isHideCheckbox ? 'isClickDiv' : ''}}"
-             fxLayoutAlign="space-between center">
+        <div
+          class="label-area {{isHideCheckbox ? 'isClickDiv' : ''}} {{isHideCheckbox && nodeClicked?.value === node.value ? 'nodeSelected': ''}}"
+          fxLayoutAlign="space-between center">
           <button type="button" mat-icon-button (click)="toggle.emit()"
                   [attr.aria-label]="'toggle ' + node.displayValue">
             <i class="fas {{treeControl?.isExpanded(node) ? 'fa-chevron-up' : 'fa-chevron-down'}}"></i>
@@ -7543,6 +7524,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: Output
             }], ngModelLeafChange: [{
                 type: Output
+            }], nodeClicked: [{
+                type: Input
             }] } });
 
 class CvaFlatTreeNodeRightComponent {
@@ -7707,6 +7690,8 @@ class CvaFlatTreeComponent {
     selectedFullDataSource = [];
     selectedFullValues = new Map();
     selectionChange = new EventEmitter();
+    onNodeClick = new EventEmitter();
+    nodeClicked;
     // Chỉ bằng false khi trong NsSmartTable thôi nhé @@
     isFormControl = true;
     // Cái này là để gắn khi nó là FormControl trong 1 FormGroup
@@ -7885,24 +7870,17 @@ class CvaFlatTreeComponent {
             // if (this.multiple) {
             this.value = obj;
             // }
-            console.log('writeValue_0: ', new Date());
             this.mapIndexes = new Map();
             for (let i = 0; i < this.fullDataTreeControl.dataNodes.length; i++) {
                 this.mapIndexes.set(this.fullDataTreeControl.dataNodes[i].value, i);
             }
-            console.log('writeValue_1: ', new Date());
             this.checkedDefaultValue();
-            console.log('writeValue_2: ', new Date());
             this.updateSelectAll();
-            console.log('writeValue_3: ', new Date());
             this.updateSelectedTree();
-            console.log('writeValue_4: ', new Date());
-            this.propagateChange(this.value);
             this.callValidator();
             if (this.isView) {
                 this.selectedTreeControl.expandAll();
             }
-            console.log('writeValue_5: ', new Date());
             this.selectionChange.emit(Array.from(this.valueObjRef.values()));
         }
     }
@@ -8192,6 +8170,8 @@ class CvaFlatTreeComponent {
         });
     }
     onLeafNodeClick(node) {
+        this.nodeClicked = node;
+        this.onNodeClick.emit(node);
         if (this.isHideCheckbox) {
             this.value = [];
             this.valueObjRef.clear();
@@ -8199,6 +8179,8 @@ class CvaFlatTreeComponent {
         }
     }
     onParentNodeClick(node) {
+        this.nodeClicked = node;
+        this.onNodeClick.emit(node);
         if (this.isHideCheckbox) {
             this.value = [];
             this.valueObjRef.clear();
@@ -8207,11 +8189,9 @@ class CvaFlatTreeComponent {
     }
     toggleNodeCheck(node, checked) {
         const isLeaf = !FlatTreeService.hasChild(node);
-        console.log('1: ', new Date());
         // Gọi 1 lần duy nhất nếu là parent
         const descendants = isLeaf ? [] : this.fullDataTreeControl.getDescendants(node);
         const affectedNodes = isLeaf ? [node] : descendants.filter(n => !FlatTreeService.hasChild(n));
-        console.log('2: ', new Date());
         for (const leaf of affectedNodes) {
             if (!leaf.display || this.checkDisabledNode(leaf))
                 continue;
@@ -8231,7 +8211,6 @@ class CvaFlatTreeComponent {
                 this.fullDataTreeControl.dataNodes[orgNodeIndex].checked = leaf.checked;
             }
         }
-        console.log('3: ', new Date());
         // Nếu node là cha → cập nhật isExpanded
         if (!isLeaf) {
             node.checked = checked;
@@ -8244,16 +8223,14 @@ class CvaFlatTreeComponent {
         else {
             node.checked = checked;
         }
-        console.log('4: ', new Date());
         this.writeValue(this.value);
-        console.log('5: ', new Date());
         this.cdr.detectChanges();
     }
     _getLevel = (node) => node.level;
     _isExpandable = (node) => FlatTreeService.hasChild(node);
     _getChildren = (node) => of(node.children ? node.children : []);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaFlatTreeComponent, deps: [{ token: i1.TranslateService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaFlatTreeComponent, isStandalone: false, selector: "cva-flat-tree", inputs: { label: "label", required: "required", value: "value", multiple: "multiple", disabled: "disabled", isView: "isView", isDisplayChooseTreeOnly: "isDisplayChooseTreeOnly", isHideCheckbox: "isHideCheckbox", isCollapseSelected: "isCollapseSelected", selectedLabelTitle: "selectedLabelTitle", viewHeight: "viewHeight", itemSize: "itemSize", percentOfLabelOutside: "percentOfLabelOutside", treeConfig: "treeConfig", isSearchOutSide: "isSearchOutSide", searchTextOutSide: "searchTextOutSide", errorMessages: "errorMessages", fullDatasource: "fullDatasource", isFormControl: "isFormControl" }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "chooseVirtualScroll", first: true, predicate: ["chooseAreaScrollViewport"], descendants: true }, { propertyName: "selectedVirtualScroll", first: true, predicate: ["selectedScrollViewport"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaFlatTreeComponent, isStandalone: false, selector: "cva-flat-tree", inputs: { label: "label", required: "required", value: "value", multiple: "multiple", disabled: "disabled", isView: "isView", isDisplayChooseTreeOnly: "isDisplayChooseTreeOnly", isHideCheckbox: "isHideCheckbox", isCollapseSelected: "isCollapseSelected", selectedLabelTitle: "selectedLabelTitle", viewHeight: "viewHeight", itemSize: "itemSize", percentOfLabelOutside: "percentOfLabelOutside", treeConfig: "treeConfig", isSearchOutSide: "isSearchOutSide", searchTextOutSide: "searchTextOutSide", errorMessages: "errorMessages", fullDatasource: "fullDatasource", isFormControl: "isFormControl" }, outputs: { selectionChange: "selectionChange", onNodeClick: "onNodeClick" }, viewQueries: [{ propertyName: "chooseVirtualScroll", first: true, predicate: ["chooseAreaScrollViewport"], descendants: true }, { propertyName: "selectedVirtualScroll", first: true, predicate: ["selectedScrollViewport"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="cva-flat-tree labelOutside"
          fxLayout="row" fxLayout.lt-sm="row wrap">
       <mat-label *ngIf="label && !isSearchOutSide" class="label_width"
@@ -8296,6 +8273,7 @@ class CvaFlatTreeComponent {
                                          [attr.aria-level]="node.level"
                                          [treeControl]="treeControl"
                                          [isHideCheckbox]="isHideCheckbox"
+                                         [nodeClicked]="nodeClicked"
                                          [node]="node"
                                          (toggle)="toggleTreeControl(treeControl, node)"
                                          (onParentNodeClick)="onParentNodeClick(node)"
@@ -8338,7 +8316,7 @@ class CvaFlatTreeComponent {
         </mat-hint>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.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: 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: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.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: i6$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i10.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i10.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i10.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { 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.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i9.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: CvaFlatTreeNodeLeftComponent, selector: "cva-flat-tree-node-left", inputs: ["treeControl", "isHideCheckbox", "node"], outputs: ["toggle", "onParentNodeClick", "onLeafNodeClick", "ngModelParentChange", "ngModelLeafChange"] }, { kind: "component", type: CvaFlatTreeNodeRightComponent, selector: "cva-flat-tree-node-right", inputs: ["treeControl", "node", "isView"], outputs: ["toggle", "deSelectLeafNode", "deSelectParentNode"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.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: 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: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.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: i6$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i10.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i10.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i10.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { 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.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i9.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: CvaFlatTreeNodeLeftComponent, selector: "cva-flat-tree-node-left", inputs: ["treeControl", "isHideCheckbox", "node", "nodeClicked"], outputs: ["toggle", "onParentNodeClick", "onLeafNodeClick", "ngModelParentChange", "ngModelLeafChange"] }, { kind: "component", type: CvaFlatTreeNodeRightComponent, selector: "cva-flat-tree-node-right", inputs: ["treeControl", "node", "isView"], outputs: ["toggle", "deSelectLeafNode", "deSelectParentNode"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaFlatTreeComponent, decorators: [{
             type: Component,
@@ -8388,6 +8366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                                          [attr.aria-level]="node.level"
                                          [treeControl]="treeControl"
                                          [isHideCheckbox]="isHideCheckbox"
+                                         [nodeClicked]="nodeClicked"
                                          [node]="node"
                                          (toggle)="toggleTreeControl(treeControl, node)"
                                          (onParentNodeClick)="onParentNodeClick(node)"
@@ -8474,6 +8453,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: Input
             }], selectionChange: [{
                 type: Output
+            }], onNodeClick: [{
+                type: Output
             }], isFormControl: [{
                 type: Input
             }], chooseVirtualScroll: [{
@@ -8986,15 +8967,11 @@ class JsogHttpInterceptor {
             request = request.clone({ body: this.jSog.serialize(request.body) });
         }
         return next.handle(request).pipe(map((event) => {
-            // console.log(Object.getPrototypeOf(event));
             if (!(event instanceof HttpResponse || HttpResponseBase.prototype.isPrototypeOf(event))) {
-                // console.log('event instanceof HttpResponse', event instanceof HttpResponse, HttpResponseBase.prototype.isPrototypeOf(event), event);
                 return event;
             }
             let response = event;
             if (!response.body || typeof (response.body) !== 'object' || (response.body instanceof Blob)) {
-                // console.log('typeof(event.body !== \'object\')', typeof(response.body) !== 'object',
-                //   'event.body instanceof Blob', response.body instanceof Blob, response.body);
                 return response;
             }
             response = response.clone({ body: this.jSog.deserializeArray(response.body, BaseModel) });
@@ -9025,7 +9002,6 @@ class LoaderInterceptor {
     intercept(request, next) {
         if (!request.headers.get('is_image') && !request.headers.get('is_live_searching')) {
             this.requests.push(request);
-            // console.log('LoaderInterceptor: wait for ' + this.requests.length + 'requests');
             this.loaderService.isLoading.next(true);
         }
         else {
@@ -9034,7 +9010,6 @@ class LoaderInterceptor {
             });
         }
         return next.handle(request).pipe(map((event) => {
-            // console.log(event, (event instanceof HttpResponse));
             if (event instanceof HttpResponse) {
                 this.removeRequest(request);
             }
@@ -9044,7 +9019,6 @@ class LoaderInterceptor {
             this.removeRequest(request);
             return throwError(err);
         }), finalize(() => {
-            // console.log('OMG!!!');
             this.removeRequest(request);
         }));
     }