@gravitee/ui-particles-angular 5.21.0 → 5.22.0

package/fesm2020/gravitee-ui-particles-angular.mjs

@@ -2839,6 +2839,7 @@ class GioFormlyJsonSchemaService {
                 mappedField = this.formatMap(mappedField, mapSource);
                 mappedField = this.bannerMap(mappedField, mapSource);
                 mappedField = this.toggleMap(mappedField, mapSource);
+                mappedField = this.disabledMap(mappedField, mapSource);
                 return mappedField;
             },
         });
@@ -2879,6 +2880,13 @@ class GioFormlyJsonSchemaService {
         }
         return mappedField;
     }
+    disabledMap(mappedField, _mapSource) {
+        mappedField.expressions = {
+            ...mappedField.expressions,
+            'props.disabled': field => field.options?.formState.disabled === true || field.props?.disabled === true,
+        };
+        return mappedField;
+    }
 }
 GioFormlyJsonSchemaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormlyJsonSchemaService, deps: [{ token: i1$3.FormlyJsonschema }, { token: i1$4.FormlyFormBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
 GioFormlyJsonSchemaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormlyJsonSchemaService });
@@ -2921,6 +2929,7 @@ class GioFormJsonSchemaComponent {
         this.model = {};
         this.fields = [];
         this.loading = true;
+        this.isDisabled = false;
         this._onChange = () => ({});
         this._onTouched = () => ({});
         this.touched = false;
@@ -2934,6 +2943,9 @@ class GioFormJsonSchemaComponent {
         fm.monitor(elRef.nativeElement, true)
             .pipe(takeUntil(this.unsubscribe$))
             .subscribe(() => {
+            if (this.isDisabled) {
+                return;
+            }
             this._onTouched();
             this.touched = true;
         });
@@ -2951,6 +2963,9 @@ class GioFormJsonSchemaComponent {
         // Subscribe to state changes to manage touches, status and value
         this.stateChanges$.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
             const { status, value, touched } = this.formGroup;
+            if (this.isDisabled) {
+                return;
+            }
             if (touched) {
                 this._onTouched();
                 this.touched = true;
@@ -2971,6 +2986,9 @@ class GioFormJsonSchemaComponent {
         parentControl?.statusChanges
             ?.pipe(takeUntil(this.unsubscribe$), map(() => parentControl?.touched), filter(touched => touched === true), distinctUntilChanged())
             .subscribe(() => {
+            if (this.isDisabled) {
+                return;
+            }
             this.formGroup.markAllAsTouched();
             this.stateChanges$.next();
         });
@@ -3002,8 +3020,20 @@ class GioFormJsonSchemaComponent {
         this._onTouched = fn;
     }
     // From ControlValueAccessor
-    setDisabledState(_isDisabled) {
-        throw new Error('Method not implemented.');
+    setDisabledState(isDisabled) {
+        if (this.isDisabled === isDisabled) {
+            return;
+        }
+        this.isDisabled = isDisabled;
+        this.options = {
+            ...this.options,
+            formState: {
+                ...this.options.formState,
+                disabled: isDisabled,
+            },
+        };
+        isDisabled ? this.formGroup.disable() : this.formGroup.enable();
+        this.stateChanges$.next();
     }
 }
 GioFormJsonSchemaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormJsonSchemaComponent, deps: [{ token: GioFormlyJsonSchemaService }, { token: i0.ElementRef }, { token: i2$2.FocusMonitor }, { token: i0.ChangeDetectorRef }, { token: i7.NgControl, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });