@dev-tcloud/tcloud-ui 6.21.8 → 6.22.1

package/fesm2022/dev-tcloud-tcloud-ui.mjs

@@ -711,7 +711,7 @@ class TCloudUiDataListComponent {
             this.toChange();
         }
     }
-    get disabled() { return this._disabled; }
+    get disabled() { return this._disabled || this._disabledByForm; }
     set loading(v) {
         if (typeof v === 'boolean' && v !== this._loading) {
             this._loading = v;
@@ -751,6 +751,7 @@ class TCloudUiDataListComponent {
         this.menu_on_top = '';
         this.placeholder = '';
         this._disabled = false;
+        this._disabledByForm = false;
         this._loading = false;
         this.showInput = true;
         this.search = true;
@@ -772,7 +773,7 @@ class TCloudUiDataListComponent {
         this.onChangeCallback = noop$8;
         this.subscription_value = this.dataListService.stateValue$.subscribe(v => {
             this.selected_item = v;
-            this.selectDescription();
+            this.selectDescription(true);
             this.ngModelChange.emit(this.selected_item);
         });
         this.subscription_description = this.dataListService.stateDescription$.subscribe(v => {
@@ -846,27 +847,27 @@ class TCloudUiDataListComponent {
             }
         }
     }
-    selectDescription() {
+    selectDescription(propagateForm = false) {
         if (this.list_selected_options && (this.list_selected_options).length > 0) {
             for (let i = 0; i < (this.list_selected_options).length; i++) {
                 const item = this.list_selected_options[i];
                 if (item.value === this.selected_item) {
                     this.selected_description = item.description;
-                    this.toChange();
+                    this.toChange(propagateForm);
                     return;
                 }
             }
         }
         if (this.selected_item === undefined || this.selected_item === null || this.selected_item === '') {
             this.selected_description = '';
-            this.toChange();
+            this.toChange(propagateForm);
         }
     }
     toInput(e) {
         this.onInputChange.emit(this.selected_description);
         this.onChange.emit(e);
     }
-    toChange() {
+    toChange(propagateForm = false) {
         setTimeout(() => {
             if (this.selected_item === undefined || this.selected_item === null) {
                 this.selected_item = '';
@@ -880,6 +881,9 @@ class TCloudUiDataListComponent {
                 // const input_hidden = document.getElementById(`${this.id}-hidden`);
                 this.toInput(this.formulario.get('selected_item'));
             }
+            if (propagateForm) {
+                this.onChangeCallback(this.selected_item);
+            }
         });
     }
     clearTextSearch() {
@@ -913,6 +917,7 @@ class TCloudUiDataListComponent {
     }
     toClose() {
         this.menu_show = false;
+        this.onTouchedCallback();
         this.onClosed.emit();
     }
     toResize() {
@@ -962,6 +967,9 @@ class TCloudUiDataListComponent {
     registerOnTouched(fn) {
         this.onTouchedCallback = fn;
     }
+    setDisabledState(isDisabled) {
+        this._disabledByForm = isDisabled;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiDataListComponent, deps: [{ token: DataListService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TCloudUiDataListComponent, isStandalone: true, selector: "tcloud-ui-data-list", inputs: { placeholder: "placeholder", disabled: "disabled", loading: "loading", showInput: "showInput", search: "search", listItems: "listItems", open: "open", border: "border", ngModel: "ngModel" }, outputs: { onInputChange: "onInputChange", onChange: "onChange", onOpened: "onOpened", onClosed: "onClosed", ngModelChange: "ngModelChange" }, providers: [
             DataListService,