@gravitee/ui-particles-angular 7.15.0-apim-1415-table-style-c855338 → 7.15.0-apim-1416-disable-formly-array-btns-5fc6f73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/gio-form-json-schema/type-component/array-type.component.mjs +13 -5
- package/fesm2015/gravitee-ui-particles-angular.mjs +13 -4
- package/fesm2015/gravitee-ui-particles-angular.mjs.map +1 -1
- package/fesm2020/gravitee-ui-particles-angular.mjs +12 -4
- package/fesm2020/gravitee-ui-particles-angular.mjs.map +1 -1
- package/lib/gio-form-json-schema/type-component/array-type.component.d.ts +4 -1
- package/package.json +1 -1
- package/src/scss/component/gio-table-light/gio-table-light.scss +5 -9
|
@@ -24,6 +24,10 @@ export class GioFjsArrayTypeComponent extends FieldArrayType {
|
|
|
24
24
|
constructor() {
|
|
25
25
|
super(...arguments);
|
|
26
26
|
this.collapse = false;
|
|
27
|
+
this.disabled = false;
|
|
28
|
+
}
|
|
29
|
+
ngOnInit() {
|
|
30
|
+
this.disabled = this.field.props.disabled ?? false;
|
|
27
31
|
}
|
|
28
32
|
}
|
|
29
33
|
GioFjsArrayTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsArrayTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -49,14 +53,16 @@ GioFjsArrayTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
|
|
|
49
53
|
<div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
|
|
50
54
|
<formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
|
|
51
55
|
<div class="wrapper__rows__row__remove">
|
|
52
|
-
<button type="button" mat-icon-button aria-label="Remove" (click)="remove(i)">
|
|
56
|
+
<button type="button" mat-icon-button aria-label="Remove" [disabled]="disabled" (click)="remove(i)">
|
|
53
57
|
<mat-icon svgIcon="gio:cancel"></mat-icon>
|
|
54
58
|
</button>
|
|
55
59
|
</div>
|
|
56
60
|
</div>
|
|
57
61
|
|
|
58
62
|
<div>
|
|
59
|
-
<button type="button" mat-stroked-button aria-label="Add" (click)="add()"
|
|
63
|
+
<button type="button" mat-stroked-button aria-label="Add" [disabled]="disabled" (click)="add()">
|
|
64
|
+
<mat-icon svgIcon="gio:plus"></mat-icon> Add
|
|
65
|
+
</button>
|
|
60
66
|
</div>
|
|
61
67
|
</div>
|
|
62
68
|
</div>
|
|
@@ -85,17 +91,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
85
91
|
<div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
|
|
86
92
|
<formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
|
|
87
93
|
<div class="wrapper__rows__row__remove">
|
|
88
|
-
<button type="button" mat-icon-button aria-label="Remove" (click)="remove(i)">
|
|
94
|
+
<button type="button" mat-icon-button aria-label="Remove" [disabled]="disabled" (click)="remove(i)">
|
|
89
95
|
<mat-icon svgIcon="gio:cancel"></mat-icon>
|
|
90
96
|
</button>
|
|
91
97
|
</div>
|
|
92
98
|
</div>
|
|
93
99
|
|
|
94
100
|
<div>
|
|
95
|
-
<button type="button" mat-stroked-button aria-label="Add" (click)="add()"
|
|
101
|
+
<button type="button" mat-stroked-button aria-label="Add" [disabled]="disabled" (click)="add()">
|
|
102
|
+
<mat-icon svgIcon="gio:plus"></mat-icon> Add
|
|
103
|
+
</button>
|
|
96
104
|
</div>
|
|
97
105
|
</div>
|
|
98
106
|
</div>
|
|
99
107
|
`, styles: [".wrapper{padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper.error{border-color:#ec4899}.wrapper:empty{display:none}.wrapper__header{display:flex}.wrapper__header__text{flex:1 1 auto}.wrapper__header__text__title{font:600 16px/24px Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:8px}.wrapper__header__collapse{flex:0 0 auto}.wrapper__header__collapse .collapse-open{transform:rotate(180deg);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__header__collapse .collapse-close{transform:rotate(0);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__error{font:400 12px/16px Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}.wrapper__rows__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wrapper__rows__row+.wrapper__rows__row{padding-top:3px;border-top:1px solid #d3d5dc;margin-top:4px}.wrapper__rows__row__field{flex:1 1 auto}.wrapper__rows__row__remove{flex:0 0 auto}\n"] }]
|
|
100
108
|
}] });
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYXktdHlwZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1wYXJ0aWNsZXMtYW5ndWxhci9zcmMvbGliL2dpby1mb3JtLWpzb24tc2NoZW1hL3R5cGUtY29tcG9uZW50L2FycmF5LXR5cGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7OztBQTBDbEQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGNBQWM7SUF4QzVEOztRQXlDUyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FLekI7SUFIUSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDO0lBQ3JELENBQUM7O3NIQU5VLHdCQUF3QjswR0FBeEIsd0JBQXdCLGlGQXRDekI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUNUOzRGQUdVLHdCQUF3QjtrQkF4Q3BDLFNBQVM7K0JBQ0Usb0JBQW9CLFlBQ3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1DVCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMjMgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmllbGRBcnJheVR5cGUgfSBmcm9tICdAbmd4LWZvcm1seS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2lvLWZqcy1hcnJheS10eXBlJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwid3JhcHBlclwiIFtjbGFzcy5lcnJvcl09XCJmb3JtQ29udHJvbC50b3VjaGVkICYmIGZvcm1Db250cm9sLmludmFsaWRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyX19oZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIndyYXBwZXJfX2hlYWRlcl9fdGV4dFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyX19oZWFkZXJfX3RleHRfX3RpdGxlXCIgKm5nSWY9XCJ0by5sYWJlbFwiPnt7IHRvLmxhYmVsIH19PC9kaXY+XG4gICAgICAgICAgPHAgKm5nSWY9XCJ0by5kZXNjcmlwdGlvblwiPnt7IHRvLmRlc2NyaXB0aW9uIH19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIndyYXBwZXJfX2hlYWRlcl9fY29sbGFwc2VcIj5cbiAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtaWNvbi1idXR0b24gYXJpYS1sYWJlbD1cIkNvbGxhcHNlXCIgKGNsaWNrKT1cImNvbGxhcHNlID0gIWNvbGxhcHNlXCI+XG4gICAgICAgICAgICA8bWF0LWljb24gW2NsYXNzLmNvbGxhcHNlLW9wZW5dPVwiY29sbGFwc2VcIiBbY2xhc3MuY29sbGFwc2UtY2xvc2VdPVwiIWNvbGxhcHNlXCIgc3ZnSWNvbj1cImdpbzpuYXYtYXJyb3ctZG93blwiPjwvbWF0LWljb24+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyX19lcnJvciBnaW8tbmctaW52YWxpZFwiICpuZ0lmPVwic2hvd0Vycm9yICYmIGZvcm1Db250cm9sLmVycm9yc1wiPlxuICAgICAgICA8Zm9ybWx5LXZhbGlkYXRpb24tbWVzc2FnZSBbZmllbGRdPVwiZmllbGRcIj48L2Zvcm1seS12YWxpZGF0aW9uLW1lc3NhZ2U+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBbaGlkZGVuXT1cImNvbGxhcHNlXCIgY2xhc3M9XCJ3cmFwcGVyX19yb3dzXCIgW2NsYXNzLmNvbGxhcHNlLW9wZW5dPVwiY29sbGFwc2VcIiBbY2xhc3MuY29sbGFwc2UtY2xvc2VdPVwiIWNvbGxhcHNlXCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpZWxkIG9mIGZpZWxkLmZpZWxkR3JvdXA7IGxldCBpID0gaW5kZXhcIiBjbGFzcz1cIndyYXBwZXJfX3Jvd3NfX3Jvd1wiPlxuICAgICAgICAgIDxmb3JtbHktZmllbGQgY2xhc3M9XCJ3cmFwcGVyX19yb3dzX19yb3dfX2ZpZWxkXCIgW2ZpZWxkXT1cImZpZWxkXCI+PC9mb3JtbHktZmllbGQ+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIndyYXBwZXJfX3Jvd3NfX3Jvd19fcmVtb3ZlXCI+XG4gICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtaWNvbi1idXR0b24gYXJpYS1sYWJlbD1cIlJlbW92ZVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJyZW1vdmUoaSlcIj5cbiAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJnaW86Y2FuY2VsXCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIG1hdC1zdHJva2VkLWJ1dHRvbiBhcmlhLWxhYmVsPVwiQWRkXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGNsaWNrKT1cImFkZCgpXCI+XG4gICAgICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImdpbzpwbHVzXCI+PC9tYXQtaWNvbj4gQWRkXG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2FycmF5LXR5cGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgR2lvRmpzQXJyYXlUeXBlQ29tcG9uZW50IGV4dGVuZHMgRmllbGRBcnJheVR5cGUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgY29sbGFwc2UgPSBmYWxzZTtcbiAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSB0aGlzLmZpZWxkLnByb3BzLmRpc2FibGVkID8/IGZhbHNlO1xuICB9XG59XG4iXX0=
|
|
@@ -3765,6 +3765,11 @@ class GioFjsArrayTypeComponent extends FieldArrayType {
|
|
|
3765
3765
|
constructor() {
|
|
3766
3766
|
super(...arguments);
|
|
3767
3767
|
this.collapse = false;
|
|
3768
|
+
this.disabled = false;
|
|
3769
|
+
}
|
|
3770
|
+
ngOnInit() {
|
|
3771
|
+
var _a;
|
|
3772
|
+
this.disabled = (_a = this.field.props.disabled) !== null && _a !== void 0 ? _a : false;
|
|
3768
3773
|
}
|
|
3769
3774
|
}
|
|
3770
3775
|
GioFjsArrayTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsArrayTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -3790,14 +3795,16 @@ GioFjsArrayTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
|
|
|
3790
3795
|
<div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
|
|
3791
3796
|
<formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
|
|
3792
3797
|
<div class="wrapper__rows__row__remove">
|
|
3793
|
-
<button type="button" mat-icon-button aria-label="Remove" (click)="remove(i)">
|
|
3798
|
+
<button type="button" mat-icon-button aria-label="Remove" [disabled]="disabled" (click)="remove(i)">
|
|
3794
3799
|
<mat-icon svgIcon="gio:cancel"></mat-icon>
|
|
3795
3800
|
</button>
|
|
3796
3801
|
</div>
|
|
3797
3802
|
</div>
|
|
3798
3803
|
|
|
3799
3804
|
<div>
|
|
3800
|
-
<button type="button" mat-stroked-button aria-label="Add" (click)="add()"
|
|
3805
|
+
<button type="button" mat-stroked-button aria-label="Add" [disabled]="disabled" (click)="add()">
|
|
3806
|
+
<mat-icon svgIcon="gio:plus"></mat-icon> Add
|
|
3807
|
+
</button>
|
|
3801
3808
|
</div>
|
|
3802
3809
|
</div>
|
|
3803
3810
|
</div>
|
|
@@ -3826,14 +3833,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
3826
3833
|
<div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
|
|
3827
3834
|
<formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
|
|
3828
3835
|
<div class="wrapper__rows__row__remove">
|
|
3829
|
-
<button type="button" mat-icon-button aria-label="Remove" (click)="remove(i)">
|
|
3836
|
+
<button type="button" mat-icon-button aria-label="Remove" [disabled]="disabled" (click)="remove(i)">
|
|
3830
3837
|
<mat-icon svgIcon="gio:cancel"></mat-icon>
|
|
3831
3838
|
</button>
|
|
3832
3839
|
</div>
|
|
3833
3840
|
</div>
|
|
3834
3841
|
|
|
3835
3842
|
<div>
|
|
3836
|
-
<button type="button" mat-stroked-button aria-label="Add" (click)="add()"
|
|
3843
|
+
<button type="button" mat-stroked-button aria-label="Add" [disabled]="disabled" (click)="add()">
|
|
3844
|
+
<mat-icon svgIcon="gio:plus"></mat-icon> Add
|
|
3845
|
+
</button>
|
|
3837
3846
|
</div>
|
|
3838
3847
|
</div>
|
|
3839
3848
|
</div>
|