@gravitee/ui-particles-angular 5.3.0 → 5.4.0

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

@@ -13,7 +13,7 @@ import { ComponentHarness, HarnessPredicate, parallel, TestKey } from '@angular/
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i3$1 from '@angular/material/form-field';
 import { MatFormFieldControl, MatFormFieldModule, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-import { isEmpty, toLower, dropRight, isNil, isArray, remove } from 'lodash';
+import { isEmpty, toLower, dropRight, isNil, isArray, remove, isObject, cloneDeep } from 'lodash';
 import { startWith, map, distinctUntilChanged, tap, debounce, takeUntil, delay, filter, switchMap } from 'rxjs/operators';
 import * as i7 from '@angular/forms';
 import { FormsModule, FormArray, FormGroup, FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
@@ -44,6 +44,10 @@ import * as i6$2 from 'ngx-file-helpers';
 import { ReadMode, NgxFileHelpersModule } from 'ngx-file-helpers';
 import { MatSelectHarness } from '@angular/material/select/testing';
 import { toSvg } from 'jdenticon';
+import * as i1$3 from '@ngx-formly/core/json-schema';
+import * as i1$4 from '@ngx-formly/core';
+import { FieldType, FieldArrayType, FormlyModule } from '@ngx-formly/core';
+import { FormlyMaterialModule } from '@ngx-formly/material';
 
 /*
  * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
@@ -2724,6 +2728,332 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * limitations under the License.
  */
 
+/*
+ * Copyright (C) 2023 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioFormJsonSchemaComponent {
+    constructor(formlyJsonschema) {
+        this.formlyJsonschema = formlyJsonschema;
+        this.formGroup = new FormGroup({});
+        this.options = {};
+        this.model = {};
+        this.fields = [];
+    }
+    set jsonSchema(jsonSchema) {
+        if (isObject(jsonSchema)) {
+            this.fields = [this.toFormlyFieldConfig(jsonSchema)];
+        }
+    }
+    set initialValue(initialValue) {
+        if (initialValue) {
+            this.model = cloneDeep(initialValue);
+        }
+    }
+    toFormlyFieldConfig(jsonSchema) {
+        return this.formlyJsonschema.toFieldConfig(jsonSchema);
+    }
+}
+GioFormJsonSchemaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormJsonSchemaComponent, deps: [{ token: i1$3.FormlyJsonschema }], target: i0.ɵɵFactoryTarget.Component });
+GioFormJsonSchemaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioFormJsonSchemaComponent, selector: "gio-form-json-schema", inputs: { jsonSchema: "jsonSchema", formGroup: "formGroup", options: "options", initialValue: "initialValue" }, ngImport: i0, template: `<formly-form [fields]="fields" [options]="options" [form]="formGroup" [model]="model"></formly-form>`, isInline: true, components: [{ type: i1$4.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormJsonSchemaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gio-form-json-schema',
+                    template: `<formly-form [fields]="fields" [options]="options" [form]="formGroup" [model]="model"></formly-form>`,
+                }]
+        }], ctorParameters: function () { return [{ type: i1$3.FormlyJsonschema }]; }, propDecorators: { jsonSchema: [{
+                type: Input
+            }], formGroup: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], initialValue: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright (C) 2023 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioFjsNullTypeComponent extends FieldType {
+}
+GioFjsNullTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsNullTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GioFjsNullTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioFjsNullTypeComponent, selector: "gio-fjs-object-type", usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsNullTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gio-fjs-object-type',
+                    template: ``,
+                }]
+        }] });
+
+/*
+ * Copyright (C) 2023 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioFjsObjectTypeComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            defaultValue: {},
+        };
+    }
+}
+GioFjsObjectTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsObjectTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GioFjsObjectTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioFjsObjectTypeComponent, selector: "gio-fjs-object-type", usesInheritance: true, ngImport: i0, template: `
+    <div>
+      <legend *ngIf="to.label">{{ to.label }}</legend>
+      <p *ngIf="to.description">{{ to.description }}</p>
+      <div class="alert alert-danger" role="alert" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+      <formly-field *ngFor="let f of field.fieldGroup" [field]="f"></formly-field>
+    </div>
+  `, isInline: true, components: [{ type: i1$4.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { type: i1$4.FormlyField, selector: "formly-field", inputs: ["field"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsObjectTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gio-fjs-object-type',
+                    template: `
+    <div>
+      <legend *ngIf="to.label">{{ to.label }}</legend>
+      <p *ngIf="to.description">{{ to.description }}</p>
+      <div class="alert alert-danger" role="alert" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+      <formly-field *ngFor="let f of field.fieldGroup" [field]="f"></formly-field>
+    </div>
+  `,
+                }]
+        }] });
+
+/*
+ * Copyright (C) 2023 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioFjsArrayTypeComponent extends FieldArrayType {
+}
+GioFjsArrayTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsArrayTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GioFjsArrayTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioFjsArrayTypeComponent, selector: "gio-fjs-array-type", usesInheritance: true, ngImport: i0, template: `
+    <div>
+      <legend *ngIf="to.label">{{ to.label }}</legend>
+      <p *ngIf="to.description">{{ to.description }}</p>
+
+      <div class="alert alert-danger" role="alert" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+
+      <div *ngFor="let field of field.fieldGroup; let i = index" class="row">
+        <formly-field [field]="field"></formly-field>
+        <div>
+          <button class="btn btn-danger" type="button" (click)="remove(i)">-</button>
+        </div>
+      </div>
+
+      <div>
+        <button class="btn btn-primary" type="button" (click)="add()">+</button>
+      </div>
+    </div>
+  `, isInline: true, components: [{ type: i1$4.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { type: i1$4.FormlyField, selector: "formly-field", inputs: ["field"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFjsArrayTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gio-fjs-array-type',
+                    template: `
+    <div>
+      <legend *ngIf="to.label">{{ to.label }}</legend>
+      <p *ngIf="to.description">{{ to.description }}</p>
+
+      <div class="alert alert-danger" role="alert" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+
+      <div *ngFor="let field of field.fieldGroup; let i = index" class="row">
+        <formly-field [field]="field"></formly-field>
+        <div>
+          <button class="btn btn-danger" type="button" (click)="remove(i)">-</button>
+        </div>
+      </div>
+
+      <div>
+        <button class="btn btn-primary" type="button" (click)="add()">+</button>
+      </div>
+    </div>
+  `,
+                }]
+        }] });
+
+function minItemsValidationMessage(error, field) {
+    var _a;
+    return `Should NOT have fewer than ${(_a = field.props) === null || _a === void 0 ? void 0 : _a.minItems} items`;
+}
+function maxItemsValidationMessage(error, field) {
+    var _a;
+    return `Should NOT have more than ${(_a = field.props) === null || _a === void 0 ? void 0 : _a.maxItems} items`;
+}
+function minLengthValidationMessage(error, field) {
+    var _a;
+    return `Should NOT be shorter than ${(_a = field.props) === null || _a === void 0 ? void 0 : _a.minLength} characters`;
+}
+function maxLengthValidationMessage(error, field) {
+    var _a;
+    return `Should NOT be longer than ${(_a = field.props) === null || _a === void 0 ? void 0 : _a.maxLength} characters`;
+}
+function minValidationMessage(error, field) {
+    var _a;
+    return `Should be >= ${(_a = field.props) === null || _a === void 0 ? void 0 : _a.min}`;
+}
+function maxValidationMessage(error, field) {
+    var _a;
+    return `Should be <= ${(_a = field.props) === null || _a === void 0 ? void 0 : _a.max}`;
+}
+function multipleOfValidationMessage(error, field) {
+    var _a;
+    return `Should be multiple of ${(_a = field.props) === null || _a === void 0 ? void 0 : _a.step}`;
+}
+function exclusiveMinimumValidationMessage(error, field) {
+    var _a;
+    return `Should be > ${(_a = field.props) === null || _a === void 0 ? void 0 : _a.step}`;
+}
+function exclusiveMaximumValidationMessage(error, field) {
+    var _a;
+    return `Should be < ${(_a = field.props) === null || _a === void 0 ? void 0 : _a.step}`;
+}
+function constValidationMessage(error, field) {
+    var _a;
+    return `Should be equal to constant "${(_a = field.props) === null || _a === void 0 ? void 0 : _a.const}"`;
+}
+function typeValidationMessage({ schemaType }) {
+    return `Should be "${schemaType[0]}".`;
+}
+
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioFormJsonSchemaModule {
+}
+GioFormJsonSchemaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormJsonSchemaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GioFormJsonSchemaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormJsonSchemaModule, declarations: [GioFormJsonSchemaComponent, GioFjsNullTypeComponent, GioFjsObjectTypeComponent, GioFjsArrayTypeComponent], imports: [CommonModule,
+        ReactiveFormsModule, i1$4.FormlyModule, FormlyMaterialModule], exports: [GioFormJsonSchemaComponent, FormlyModule] });
+GioFormJsonSchemaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormJsonSchemaModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            FormlyModule.forRoot({
+                validationMessages: [
+                    { name: 'required', message: 'This field is required' },
+                    { name: 'type', message: typeValidationMessage },
+                    { name: 'minLength', message: minLengthValidationMessage },
+                    { name: 'maxLength', message: maxLengthValidationMessage },
+                    { name: 'min', message: minValidationMessage },
+                    { name: 'max', message: maxValidationMessage },
+                    { name: 'multipleOf', message: multipleOfValidationMessage },
+                    { name: 'exclusiveMinimum', message: exclusiveMinimumValidationMessage },
+                    { name: 'exclusiveMaximum', message: exclusiveMaximumValidationMessage },
+                    { name: 'minItems', message: minItemsValidationMessage },
+                    { name: 'maxItems', message: maxItemsValidationMessage },
+                    { name: 'uniqueItems', message: 'Should NOT have duplicate items' },
+                    { name: 'const', message: constValidationMessage },
+                ],
+                types: [
+                    { name: 'null', component: GioFjsNullTypeComponent, wrappers: ['form-field'] },
+                    { name: 'array', component: GioFjsArrayTypeComponent },
+                    { name: 'object', component: GioFjsObjectTypeComponent },
+                ],
+            }),
+            FormlyMaterialModule,
+        ], FormlyModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormJsonSchemaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [GioFormJsonSchemaComponent, GioFjsNullTypeComponent, GioFjsObjectTypeComponent, GioFjsArrayTypeComponent],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyModule.forRoot({
+                            validationMessages: [
+                                { name: 'required', message: 'This field is required' },
+                                { name: 'type', message: typeValidationMessage },
+                                { name: 'minLength', message: minLengthValidationMessage },
+                                { name: 'maxLength', message: maxLengthValidationMessage },
+                                { name: 'min', message: minValidationMessage },
+                                { name: 'max', message: maxValidationMessage },
+                                { name: 'multipleOf', message: multipleOfValidationMessage },
+                                { name: 'exclusiveMinimum', message: exclusiveMinimumValidationMessage },
+                                { name: 'exclusiveMaximum', message: exclusiveMaximumValidationMessage },
+                                { name: 'minItems', message: minItemsValidationMessage },
+                                { name: 'maxItems', message: maxItemsValidationMessage },
+                                { name: 'uniqueItems', message: 'Should NOT have duplicate items' },
+                                { name: 'const', message: constValidationMessage },
+                            ],
+                            types: [
+                                { name: 'null', component: GioFjsNullTypeComponent, wrappers: ['form-field'] },
+                                { name: 'array', component: GioFjsArrayTypeComponent },
+                                { name: 'object', component: GioFjsObjectTypeComponent },
+                            ],
+                        }),
+                        FormlyMaterialModule,
+                    ],
+                    exports: [GioFormJsonSchemaComponent, FormlyModule],
+                }]
+        }] });
+
 /*
  * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
  *
@@ -2760,5 +3090,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { GioAvatarComponent, GioAvatarModule, GioBannerActionDirective, GioBannerBodyDirective, GioBannerComponent, GioBannerErrorComponent, GioBannerInfoComponent, GioBannerModule, GioBannerSuccessComponent, GioBannerWarningComponent, GioBreadcrumbComponent, GioBreadcrumbItemDirective, GioBreadcrumbModule, GioConfirmAndValidateDialogComponent, GioConfirmAndValidateDialogHarness, GioConfirmAndValidateDialogModule, GioConfirmDialogComponent, GioConfirmDialogHarness, GioConfirmDialogModule, GioFormFilePickerAddButtonComponent, GioFormFilePickerComponent, GioFormFilePickerEmptyComponent, GioFormFilePickerInputHarness, GioFormFilePickerLabelComponent, GioFormFilePickerModule, GioFormHeadersComponent, GioFormHeadersHarness, GioFormHeadersModule, GioFormTagsInputComponent, GioFormTagsInputHarness, GioFormTagsInputModule, GioIconsModule, GioMatConfigModule, GioMenuComponent, GioMenuFooterComponent, GioMenuHeaderComponent, GioMenuItemComponent, GioMenuListComponent, GioMenuModule, GioMenuSelectorComponent, GioMenuSelectorHarness, GioMenuService, GioSaveBarComponent, GioSaveBarHarness, GioSaveBarModule, GioSubmenuComponent, GioSubmenuGroupComponent, GioSubmenuItemComponent, GioSubmenuModule, GioSubmenuTitleDirective, GioTopBarComponent, GioTopBarContentComponent, GioTopBarLinkComponent, GioTopBarLinkModule, GioTopBarMenuComponent, GioTopBarMenuModule, GioTopBarModule, NewFile };
+export { GioAvatarComponent, GioAvatarModule, GioBannerActionDirective, GioBannerBodyDirective, GioBannerComponent, GioBannerErrorComponent, GioBannerInfoComponent, GioBannerModule, GioBannerSuccessComponent, GioBannerWarningComponent, GioBreadcrumbComponent, GioBreadcrumbItemDirective, GioBreadcrumbModule, GioConfirmAndValidateDialogComponent, GioConfirmAndValidateDialogHarness, GioConfirmAndValidateDialogModule, GioConfirmDialogComponent, GioConfirmDialogHarness, GioConfirmDialogModule, GioFormFilePickerAddButtonComponent, GioFormFilePickerComponent, GioFormFilePickerEmptyComponent, GioFormFilePickerInputHarness, GioFormFilePickerLabelComponent, GioFormFilePickerModule, GioFormHeadersComponent, GioFormHeadersHarness, GioFormHeadersModule, GioFormJsonSchemaComponent, GioFormJsonSchemaModule, GioFormTagsInputComponent, GioFormTagsInputHarness, GioFormTagsInputModule, GioIconsModule, GioMatConfigModule, GioMenuComponent, GioMenuFooterComponent, GioMenuHeaderComponent, GioMenuItemComponent, GioMenuListComponent, GioMenuModule, GioMenuSelectorComponent, GioMenuSelectorHarness, GioMenuService, GioSaveBarComponent, GioSaveBarHarness, GioSaveBarModule, GioSubmenuComponent, GioSubmenuGroupComponent, GioSubmenuItemComponent, GioSubmenuModule, GioSubmenuTitleDirective, GioTopBarComponent, GioTopBarContentComponent, GioTopBarLinkComponent, GioTopBarLinkModule, GioTopBarMenuComponent, GioTopBarMenuModule, GioTopBarModule, NewFile };
 //# sourceMappingURL=gravitee-ui-particles-angular.mjs.map