@c10t/nice-component-library 0.0.12-a → 0.0.12-b

package/components/cva-multi-select-autocomplete.d.ts

@@ -30,20 +30,21 @@ export declare class CvaMultiSelectAutocomplete implements ControlValueAccessor,
     selectedOptionDataChange: EventEmitter<SelectModel[]>;
     valueOptionRef: SelectModel[];
     isFormControl: boolean;
+    searchInputRef: any;
     formControl: AbstractControl | undefined;
     filteredOptions: SelectModel[];
     selectAllChecked: boolean;
-    _displayString: string;
-    get displayString(): string;
     labelCount: number;
     cdkVirtualScrollViewPort: CdkVirtualScrollViewport | undefined;
-    get NsValidator(): typeof ValidatorService;
     constructor(translateService: TranslateService, injector: Injector, ngControl: NgControl);
+    _displayString: string;
+    get displayString(): string;
+    get NsValidator(): typeof ValidatorService;
+    get selectedValue(): any[] | any;
+    set selectedValue(val: any[] | any);
     ngOnInit(): void;
     getRequired(): boolean;
     callValidator(): void;
-    get selectedValue(): any[] | any;
-    set selectedValue(val: any[] | any);
     propagateChange: (_: any) => void;
     writeValue(obj: any[] | any): void;
     registerOnChange(fn: any): void;

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

@@ -238,6 +238,15 @@ class OAuth2AuthenticationDto {
     userAuthentication = null;
     authorities = null;
     name = null;
+    orgId = null;
+    orgCode = null;
+    orgName = null;
+    orgType = null;
+    orgForm = null;
+    orgPath = null;
+    orgIsApproveVo = null;
+    sapId = null;
+    voAuthentication = null;
 }
 
 class Authority {
@@ -3939,19 +3948,13 @@ class CvaMultiSelectAutocomplete {
     valueOptionRef = [];
     // Chỉ bằng false khi trong NsSmartTable thôi nhé @@
     isFormControl = true;
+    searchInputRef;
     // Cái này là để gắn khi nó là FormControl trong 1 FormGroup
     formControl;
     filteredOptions = [];
     selectAllChecked = false;
-    _displayString = '';
-    get displayString() {
-        return this._displayString;
-    }
     labelCount = 1;
     cdkVirtualScrollViewPort;
-    get NsValidator() {
-        return ValidatorService;
-    }
     constructor(translateService, injector, ngControl) {
         this.translateService = translateService;
         this.injector = injector;
@@ -3959,6 +3962,19 @@ class CvaMultiSelectAutocomplete {
             ngControl.valueAccessor = this;
         }
     }
+    _displayString = '';
+    get displayString() {
+        return this._displayString;
+    }
+    get NsValidator() {
+        return ValidatorService;
+    }
+    get selectedValue() {
+        return this.value;
+    }
+    set selectedValue(val) {
+        // this.writeValue(val); // Đọc comment bên dưới matSelectionChange
+    }
     ngOnInit() {
         this.callValidator();
     }
@@ -3988,27 +4004,8 @@ class CvaMultiSelectAutocomplete {
                 this.formControl.setValue(this.value);
             }
             this.formControl.updateValueAndValidity();
-            // const ngControl = this.injector.get(NgControl);
-            // if (ngControl && ngControl.control && this.formControl.errors) {
-            //   ngControl.control.setErrors(this.formControl.errors);
-            // }
-            // if (this.formControl.valid) {
-            //     if (this.getRequired()) {
-            //         if (this.value === undefined || this.value === null || this.value === '' || (this.multiple && this.value.length === 0)){
-            //             this.formControl.setErrors({required: true});
-            //         }
-            //     }
-            //
-            //     this.formControl.markAllAsTouched();
-            // }
         }
     }
-    get selectedValue() {
-        return this.value;
-    }
-    set selectedValue(val) {
-        // this.writeValue(val); // Đọc comment bên dưới matSelectionChange
-    }
     propagateChange = (_) => {
         /*NON-EMPTY FOR COMPILE*/
     };
@@ -4034,16 +4031,7 @@ class CvaMultiSelectAutocomplete {
             this.selectedOptionDataChange.emit(this.valueOptionRef);
         }
         this._displayString = this.onDisplayString();
-        // console.log(this._displayString);
-    }
-    // private emitSelectedData(val: MatSelectChange) {
-    //     if (val.value != null && val.value != undefined) {
-    //         const dataArr: SelectModel[] = val.source._selectionModel.selected.map(matOption => {
-    //             return this.options[Number(matOption._getHostElement().getAttribute('data-optionIndex'))];
-    //         });
-    //         this.selectedOptionDataChange.emit(dataArr);
-    //     }
-    // }
+    }
     registerOnChange(fn) {
         this.propagateChange = fn;
     }
@@ -4055,13 +4043,9 @@ class CvaMultiSelectAutocomplete {
             this.options = simpleChanges.options.currentValue;
             this.filteredOptions = this.options;
         }
-        // console.log('CvaMultiSelectAutocomplete - ngOnChanges: ', this.value, this.options);
-        if (this.value != null && this.value != undefined) {
+        if (this.value != null) {
             this.writeValue(this.value);
         }
-        // else if (this.formControl.value) {
-        //     this.writeValue(this.formControl.value);
-        // }
     }
     toggleSelectAll(val) {
         if (val.checked) {
@@ -4204,9 +4188,16 @@ class CvaMultiSelectAutocomplete {
         }
     }
     openChange($event) {
-        if ($event && this.cdkVirtualScrollViewPort) {
-            this.cdkVirtualScrollViewPort.scrollToIndex(0);
-            this.cdkVirtualScrollViewPort.checkViewportSize();
+        if ($event) {
+            if (this.cdkVirtualScrollViewPort) {
+                this.cdkVirtualScrollViewPort.scrollToIndex(0);
+                this.cdkVirtualScrollViewPort.checkViewportSize();
+            }
+            setTimeout(() => {
+                if (this.searchInputRef?.nativeElement) {
+                    this.searchInputRef.nativeElement.focus();
+                }
+            }, 300);
         }
     }
     getItemSize() {
@@ -4218,7 +4209,7 @@ class CvaMultiSelectAutocomplete {
         return height > 200 ? 200 : height;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaMultiSelectAutocomplete, deps: [{ token: i1.TranslateService }, { token: i0.Injector }, { 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: CvaMultiSelectAutocomplete, isStandalone: false, selector: "cva-multi-select-autocomplete", inputs: { placeholder: "placeholder", label: "label", hint: "hint", value: "value", options: "options", disabled: "disabled", errorMessages: "errorMessages", multiple: "multiple", required: "required", isTree: "isTree", treeSymbol: "treeSymbol", sizeOfItemsInListByPixels: "sizeOfItemsInListByPixels", isLabelOutside: "isLabelOutside", isFloatLabel: "isFloatLabel", percentOfLabelOutside: "percentOfLabelOutside", isFormControl: "isFormControl" }, outputs: { selectionChange: "selectionChange", selectedOptionDataChange: "selectedOptionDataChange" }, viewQueries: [{ propertyName: "cdkVirtualScrollViewPort", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaMultiSelectAutocomplete, isStandalone: false, selector: "cva-multi-select-autocomplete", inputs: { placeholder: "placeholder", label: "label", hint: "hint", value: "value", options: "options", disabled: "disabled", errorMessages: "errorMessages", multiple: "multiple", required: "required", isTree: "isTree", treeSymbol: "treeSymbol", sizeOfItemsInListByPixels: "sizeOfItemsInListByPixels", isLabelOutside: "isLabelOutside", isFloatLabel: "isFloatLabel", percentOfLabelOutside: "percentOfLabelOutside", isFormControl: "isFormControl" }, outputs: { selectionChange: "selectionChange", selectedOptionDataChange: "selectedOptionDataChange" }, viewQueries: [{ propertyName: "searchInputRef", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "cdkVirtualScrollViewPort", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <!-- css labelOutside trong base.theme-->
     <div class="cva-multi-select-autocomplete"
          [ngClass]="{'labelOutside': !!isLabelOutside, 'float_label': !!isFloatLabel && !isLabelOutside}"
@@ -4425,6 +4416,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: Output
             }], isFormControl: [{
                 type: Input
+            }], searchInputRef: [{
+                type: ViewChild,
+                args: ['searchInput']
             }], cdkVirtualScrollViewPort: [{
                 type: ViewChild,
                 args: [CdkVirtualScrollViewport, { static: false }]