@gravitee/ui-particles-angular 7.19.0 → 7.20.0-apim-1416-disable-formly-array-btns-97b1e88

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

@@ -3127,6 +3127,10 @@ class GioFormlyJsonSchemaService {
         }
         else if (mapSource.type === 'string' && mapSource.format === 'gio-code-editor') {
             mappedField.type = 'gio-code-editor';
+            mappedField.props = {
+                ...mappedField.props,
+                monacoEditorConfig: mapSource.gioConfig?.monacoEditorConfig,
+            };
         }
         return mappedField;
     }
@@ -4090,14 +4094,16 @@ GioFjsArrayTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
         <div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
           <formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
           <div class="wrapper__rows__row__remove">
-            <button type="button" mat-icon-button aria-label="Remove" (click)="remove(i)">
+            <button type="button" mat-icon-button aria-label="Remove" [disabled]="this.form?.disabled ?? false" (click)="remove(i)">
               <mat-icon svgIcon="gio:cancel"></mat-icon>
             </button>
           </div>
         </div>
 
         <div>
-          <button type="button" mat-stroked-button aria-label="Add" (click)="add()"><mat-icon svgIcon="gio:plus"></mat-icon> Add</button>
+          <button type="button" mat-stroked-button aria-label="Add" [disabled]="this.form?.disabled ?? false" (click)="add()">
+            <mat-icon svgIcon="gio:plus"></mat-icon> Add
+          </button>
         </div>
       </div>
     </div>
@@ -4126,14 +4132,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
           <formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
           <div class="wrapper__rows__row__remove">
-            <button type="button" mat-icon-button aria-label="Remove" (click)="remove(i)">
+            <button type="button" mat-icon-button aria-label="Remove" [disabled]="this.form?.disabled ?? false" (click)="remove(i)">
               <mat-icon svgIcon="gio:cancel"></mat-icon>
             </button>
           </div>
         </div>
 
         <div>
-          <button type="button" mat-stroked-button aria-label="Add" (click)="add()"><mat-icon svgIcon="gio:plus"></mat-icon> Add</button>
+          <button type="button" mat-stroked-button aria-label="Add" [disabled]="this.form?.disabled ?? false" (click)="add()">
+            <mat-icon svgIcon="gio:plus"></mat-icon> Add
+          </button>
         </div>
       </div>
     </div>
@@ -4224,12 +4232,22 @@ function bannerExtension(field) {
  * limitations under the License.
  */
 class GioFjsMultiSchemaTypeComponent extends FieldType {
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+    }
     ngOnInit() {
         set(this.field, 'fieldGroup[0].props.appearance', 'fill');
         set(this.field, 'fieldGroup[0].props.label', 'Select option');
+        set(this.field, 'fieldGroup[0].props.disabled', this.formControl.disabled);
+        this.cdr.detectChanges();
+    }
+    ngAfterViewChecked() {
+        set(this.field, 'fieldGroup[0].props.disabled', this.formControl.disabled);
+        this.cdr.detectChanges();
     }
 }
-GioFjsMultiSchemaTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsMultiSchemaTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GioFjsMultiSchemaTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsMultiSchemaTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 GioFjsMultiSchemaTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioFjsMultiSchemaTypeComponent, selector: "gio-fjs-multi-schema-type", usesInheritance: true, ngImport: i0, template: `
     <div class="wrapper">
       <div class="wrapper__title" *ngIf="props.label">{{ props.label }}</div>
@@ -4252,7 +4270,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
       <formly-field *ngFor="let f of field.fieldGroup" [field]="f"></formly-field>
     </div>
   `, styles: [".wrapper__title{font-size:16px;font-weight:500;line-height:24px;font:600 14px/20px Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:4px}.wrapper:empty{display:none}.wrapper__error{font:400 12px/16px Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}\n"] }]
-        }] });
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
 
 /*
  * Copyright (C) 2023 The Gravitee team (http://gravitee.io)
@@ -4474,7 +4492,17 @@ function passwordEyeExtension(field) {
  */
 class GioFjsCodeEditorTypeComponent extends FieldType$1 {
     ngOnInit() {
-        this.languageConfig = undefined;
+        const language = this.props.monacoEditorConfig?.language;
+        switch (language) {
+            case 'json':
+                this.languageConfig = {
+                    language: 'json',
+                    schemas: [],
+                };
+                break;
+            default:
+                this.languageConfig = undefined;
+        }
     }
 }
 GioFjsCodeEditorTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsCodeEditorTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });