@apipass/schemas 0.2.1-test.1 → 0.2.3-alpha.0

package/fesm2015/apipass-schemas.js

@@ -2,1410 +2,1425 @@ import { EventEmitter, ɵɵdefineComponent, ɵsetClassMetadata, Component, Input
 import { NgForOf, NgIf, NgTemplateOutlet, NgClass, CommonModule, NgComponentOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgPlural, NgPluralCase, AsyncPipe, UpperCasePipe, LowerCasePipe, JsonPipe, SlicePipe, DecimalPipe, PercentPipe, TitleCasePipe, CurrencyPipe, DatePipe, I18nPluralPipe, I18nSelectPipe, KeyValuePipe } from '@angular/common';
 import { DefaultValueAccessor, NgControlStatus, NgModel, MaxLengthValidator, FormsModule, ɵangular_packages_forms_forms_y, NgSelectOption, ɵangular_packages_forms_forms_x, NumberValueAccessor, RangeValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, SelectMultipleControlValueAccessor, RadioControlValueAccessor, NgControlStatusGroup, RequiredValidator, MinLengthValidator, PatternValidator, CheckboxRequiredValidator, EmailValidator, NgModelGroup, NgForm, FormControl, Validators } from '@angular/forms';
 import { TranslatePipe, TranslateService, TranslateModule, TranslateDirective } from '@ngx-translate/core';
-import { MatTooltip, MatTooltipModule, TooltipComponent } from '@angular/material/tooltip';
 import { DndDropzoneDirective, DndModule, DndDraggableDirective, DndHandleDirective, DndPlaceholderRefDirective, DndDragImageRefDirective } from 'ngx-drag-drop';
+import { MatTooltip, MatTooltipModule, TooltipComponent } from '@angular/material/tooltip';
 import { SelectBoxComponent, InputsModule, SelectEnumComponent, InputTextComponent, InputPasswordComponent, InputAvatarComponent, InputFileComponent, CustomSelectComponent, FieldComponent } from '@apipass/inputs';
 import { __awaiter } from 'tslib';
 import { Dir } from '@angular/cdk/bidi';
 import { CdkScrollable } from '@angular/cdk/scrolling';
 
-class BaseSchemaComponent {
-    constructor() {
-        this.modelChange = new EventEmitter();
-    }
-    getSchemaProperties() {
-        return this.schema.properties instanceof Array ? this.schema.properties : [this.schema.properties];
-    }
-    canRender(property) {
-        // tslint:disable-next-line:no-eval
-        property.canRender = (property === null || property === void 0 ? void 0 : property.conditionExpression) ? eval(property.conditionExpression) : true;
-        return property.canRender;
-    }
-}
-BaseSchemaComponent.ɵfac = function BaseSchemaComponent_Factory(t) { return new (t || BaseSchemaComponent)(); };
-BaseSchemaComponent.ɵcmp = ɵɵdefineComponent({ type: BaseSchemaComponent, selectors: [["ng-component"]], inputs: { model: "model", schema: "schema" }, outputs: { modelChange: "modelChange" }, decls: 0, vars: 0, template: function BaseSchemaComponent_Template(rf, ctx) { }, encapsulation: 2 });
-/*@__PURE__*/ (function () { ɵsetClassMetadata(BaseSchemaComponent, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], null, { model: [{
-            type: Input
-        }], schema: [{
-            type: Input
-        }], modelChange: [{
-            type: Output
+class BaseSchemaComponent {
+    constructor() {
+        this.modelChange = new EventEmitter();
+    }
+    getSchemaProperties() {
+        return this.schema.properties instanceof Array ? this.schema.properties : [this.schema.properties];
+    }
+    canRender(property) {
+        // tslint:disable-next-line:no-eval
+        property.canRender = (property === null || property === void 0 ? void 0 : property.conditionExpression) ? eval(property.conditionExpression) : true;
+        return property.canRender;
+    }
+    onDrop(event, attr) {
+        const data = event.data;
+        if (!attr) {
+            attr = '';
+        }
+        attr += `{{${data}}}`;
+        return attr;
+    }
+}
+BaseSchemaComponent.ɵfac = function BaseSchemaComponent_Factory(t) { return new (t || BaseSchemaComponent)(); };
+BaseSchemaComponent.ɵcmp = ɵɵdefineComponent({ type: BaseSchemaComponent, selectors: [["ng-component"]], inputs: { model: "model", schema: "schema" }, outputs: { modelChange: "modelChange" }, decls: 0, vars: 0, template: function BaseSchemaComponent_Template(rf, ctx) { }, encapsulation: 2 });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(BaseSchemaComponent, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, { model: [{
+            type: Input
+        }], schema: [{
+            type: Input
+        }], modelChange: [{
+            type: Output
         }] }); })();
 
-function onDropStruct(event, attr) {
-    const data = event.data;
-    if (!attr) {
-        attr = '';
-    }
-    attr += `{{${data}}}`;
-    return attr;
+function onDropStruct(event, attr) {
+    const data = event.data;
+    if (!attr) {
+        attr = '';
+    }
+    attr += `{{${data}}}`;
+    return attr;
 }
 
-const _c0 = function () { return { standalone: true }; };
-function ArraySessionComponent_div_5_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 0);
-    ɵɵelementStart(1, "div", 12);
-    ɵɵelementStart(2, "label", 13);
-    ɵɵtext(3, "Loop");
-    ɵɵelementEnd();
-    ɵɵelementStart(4, "input", 14);
-    ɵɵlistener("ngModelChange", function ArraySessionComponent_div_5_div_5_Template_input_ngModelChange_4_listener($event) { ɵɵrestoreView(_r8); const item_r2 = ɵɵnextContext().$implicit; return item_r2.loop = $event; });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementStart(5, "div", 15);
-    ɵɵelementStart(6, "label", 13);
-    ɵɵtext(7, "Alias");
-    ɵɵelementEnd();
-    ɵɵelementStart(8, "input", 14);
-    ɵɵlistener("ngModelChange", function ArraySessionComponent_div_5_div_5_Template_input_ngModelChange_8_listener($event) { ɵɵrestoreView(_r8); const item_r2 = ɵɵnextContext().$implicit; return item_r2.alias = $event; });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r2 = ɵɵnextContext().$implicit;
-    ɵɵadvance(4);
-    ɵɵproperty("ngModel", item_r2.loop)("ngModelOptions", ɵɵpureFunction0(4, _c0));
-    ɵɵadvance(4);
-    ɵɵproperty("ngModel", item_r2.alias)("ngModelOptions", ɵɵpureFunction0(5, _c0));
-} }
-function ArraySessionComponent_div_5_ng_container_6_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementContainer(0);
-} }
-const _c1 = function (a0, a1, a2) { return { items: a0, index: a1, mappingAttributes: a2 }; };
-const _c2 = function (a0) { return { $implicit: a0 }; };
-function ArraySessionComponent_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 7);
-    ɵɵelementStart(1, "div", 8);
-    ɵɵtext(2);
-    ɵɵpipe(3, "translate");
-    ɵɵelementStart(4, "i", 9);
-    ɵɵlistener("click", function ArraySessionComponent_div_5_Template_i_click_4_listener() { ɵɵrestoreView(_r13); const item_r2 = ctx.$implicit; const ctx_r12 = ɵɵnextContext(); return ctx_r12.remove(item_r2); });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵtemplate(5, ArraySessionComponent_div_5_div_5_Template, 9, 6, "div", 10);
-    ɵɵtemplate(6, ArraySessionComponent_div_5_ng_container_6_Template, 1, 0, "ng-container", 11);
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r2 = ctx.$implicit;
-    const index_r3 = ctx.index;
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵadvance(2);
-    ɵɵtextInterpolate2("", ɵɵpipeBind1(3, 5, ctx_r0.removeLabel), " ", index_r3 + 1, " ");
-    ɵɵadvance(3);
-    ɵɵproperty("ngIf", item_r2.mappingAttributes || item_r2.mappingAttributes === "");
-    ɵɵadvance(1);
-    ɵɵproperty("ngTemplateOutlet", ctx_r0.subsectionItem)("ngTemplateOutletContext", ɵɵpureFunction1(11, _c2, ɵɵpureFunction3(7, _c1, ctx_r0.model, index_r3, item_r2.mappingAttributes || item_r2.mappingAttributes === "" ? item_r2.mappingAttributes : item_r2)));
-} }
-function ArraySessionComponent_button_11_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 16);
-    ɵɵlistener("click", function ArraySessionComponent_button_11_Template_button_click_0_listener() { ɵɵrestoreView(_r15); const ctx_r14 = ɵɵnextContext(); return ctx_r14.addLoop(); });
-    ɵɵtext(1);
-    ɵɵpipe(2, "translate");
-    ɵɵelementEnd();
-} if (rf & 2) {
-    ɵɵadvance(1);
-    ɵɵtextInterpolate(ɵɵpipeBind1(2, 1, "ADD_LOOP"));
-} }
-class ArraySessionComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.label = '';
-        this.showAddLoop = true;
-        this.removeLabel = '';
-        this.onAdd = new EventEmitter();
-        this.onAddLoop = new EventEmitter();
-    }
-    add() {
-        this.onAdd.next();
-    }
-    addLoop() {
-        this.onAddLoop.next();
-    }
-    remove(item) {
-        const values = this.model;
-        const index = values.indexOf(item);
-        values.splice(index, 1);
-        this.model = values;
-    }
-    trackByIndex(index, obj) {
-        return index;
-    }
-}
-ArraySessionComponent.ɵfac = function ArraySessionComponent_Factory(t) { return ɵArraySessionComponent_BaseFactory(t || ArraySessionComponent); };
-ArraySessionComponent.ɵcmp = ɵɵdefineComponent({ type: ArraySessionComponent, selectors: [["array-session"]], contentQueries: function ArraySessionComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        ɵɵcontentQuery(dirIndex, TemplateRef, true, TemplateRef);
-    } if (rf & 2) {
-        var _t;
-        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.subsectionItem = _t.first);
-    } }, inputs: { label: "label", showAddLoop: "showAddLoop", removeLabel: "removeLabel" }, outputs: { onAdd: "onAdd", onAddLoop: "onAddLoop" }, features: [ɵɵInheritDefinitionFeature], decls: 12, vars: 9, consts: [[1, "row"], [1, "col-md-12"], [1, "info-label", "bold"], ["class", "subsection-element", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "row", "add-buttons"], [1, "btn", "btn-outline-primary", "float-left", "btn-personal-edit", 3, "click"], ["class", "btn btn-outline-primary float-left btn-personal-edit ml-2", 3, "click", 4, "ngIf"], [1, "subsection-element"], [1, "subsection-item-title"], [1, "far", "fa-trash-alt", 3, "click"], ["class", "row", 4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "col-md-8"], [1, "info-label"], ["type", "text", 1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange"], [1, "col-md-4"], [1, "btn", "btn-outline-primary", "float-left", "btn-personal-edit", "ml-2", 3, "click"]], template: function ArraySessionComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵelementStart(0, "div", 0);
-        ɵɵelementStart(1, "div", 1);
-        ɵɵelementStart(2, "label", 2);
-        ɵɵtext(3);
-        ɵɵpipe(4, "translate");
-        ɵɵelementEnd();
-        ɵɵtemplate(5, ArraySessionComponent_div_5_Template, 7, 13, "div", 3);
-        ɵɵelementEnd();
-        ɵɵelementEnd();
-        ɵɵelementStart(6, "div", 4);
-        ɵɵelementStart(7, "div", 1);
-        ɵɵelementStart(8, "button", 5);
-        ɵɵlistener("click", function ArraySessionComponent_Template_button_click_8_listener() { return ctx.add(); });
-        ɵɵtext(9);
-        ɵɵpipe(10, "translate");
-        ɵɵelementEnd();
-        ɵɵtemplate(11, ArraySessionComponent_button_11_Template, 3, 3, "button", 6);
-        ɵɵelementEnd();
-        ɵɵelementEnd();
-    } if (rf & 2) {
-        ɵɵadvance(3);
-        ɵɵtextInterpolate(ɵɵpipeBind1(4, 5, ctx.label));
-        ɵɵadvance(2);
-        ɵɵproperty("ngForOf", ctx.model)("ngForTrackBy", ctx.trackByIndex);
-        ɵɵadvance(4);
-        ɵɵtextInterpolate(ɵɵpipeBind1(10, 7, "ADD_ITEM"));
-        ɵɵadvance(2);
-        ɵɵproperty("ngIf", ctx.showAddLoop);
-    } }, directives: [NgForOf, NgIf, NgTemplateOutlet, DefaultValueAccessor, NgControlStatus, NgModel], pipes: [TranslatePipe], styles: [".subsection-element[_ngcontent-%COMP%]{background:#fff;border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px 15px 15px}.subsection-element[_ngcontent-%COMP%]:first-child{margin-top:0!important}.btn-personal-edit[_ngcontent-%COMP%]{margin:5px 0}.subsection-item-title[_ngcontent-%COMP%]{align-items:center;background:#eee;border-bottom:1px solid #ccc;border-radius:5px 5px 0 0;display:flex;font-weight:700;justify-content:space-between;margin-bottom:5px;margin-left:-15px;margin-top:-5px;padding:7px 10px 7px 14px;width:calc(100% + 30px)}.subsection-item-title[_ngcontent-%COMP%]   .fa-trash-alt[_ngcontent-%COMP%]{color:red;cursor:pointer}.subsection-item-title[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{font-weight:700}.add-buttons[_ngcontent-%COMP%]{margin-top:5px}"] });
-const ɵArraySessionComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(ArraySessionComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(ArraySessionComponent, [{
-        type: Component,
-        args: [{
-                selector: 'array-session',
-                templateUrl: 'array-session.html',
-                styleUrls: ['array-session.scss']
-            }]
-    }], null, { label: [{
-            type: Input
-        }], showAddLoop: [{
-            type: Input
-        }], removeLabel: [{
-            type: Input
-        }], onAdd: [{
-            type: Output
-        }], onAddLoop: [{
-            type: Output
-        }], subsectionItem: [{
-            type: ContentChild,
-            args: [TemplateRef, { read: TemplateRef }]
+const _c0 = function () { return { standalone: true }; };
+function ArraySessionComponent_div_5_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 0);
+    ɵɵelementStart(1, "div", 12);
+    ɵɵelementStart(2, "label", 13);
+    ɵɵtext(3, "Loop");
+    ɵɵelementEnd();
+    ɵɵelementStart(4, "input", 14);
+    ɵɵlistener("ngModelChange", function ArraySessionComponent_div_5_div_5_Template_input_ngModelChange_4_listener($event) { ɵɵrestoreView(_r8); const item_r2 = ɵɵnextContext().$implicit; return item_r2.loop = $event; })("dndDrop", function ArraySessionComponent_div_5_div_5_Template_input_dndDrop_4_listener($event) { ɵɵrestoreView(_r8); const item_r2 = ɵɵnextContext().$implicit; const ctx_r9 = ɵɵnextContext(); return item_r2.loop = ctx_r9.onDrop($event, item_r2.loop); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementStart(5, "div", 15);
+    ɵɵelementStart(6, "label", 13);
+    ɵɵtext(7, "Alias");
+    ɵɵelementEnd();
+    ɵɵelementStart(8, "input", 14);
+    ɵɵlistener("ngModelChange", function ArraySessionComponent_div_5_div_5_Template_input_ngModelChange_8_listener($event) { ɵɵrestoreView(_r8); const item_r2 = ɵɵnextContext().$implicit; return item_r2.alias = $event; })("dndDrop", function ArraySessionComponent_div_5_div_5_Template_input_dndDrop_8_listener($event) { ɵɵrestoreView(_r8); const item_r2 = ɵɵnextContext().$implicit; const ctx_r13 = ɵɵnextContext(); return item_r2.alias = ctx_r13.onDrop($event, item_r2.alias); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r2 = ɵɵnextContext().$implicit;
+    ɵɵadvance(4);
+    ɵɵproperty("ngModel", item_r2.loop)("ngModelOptions", ɵɵpureFunction0(4, _c0));
+    ɵɵadvance(4);
+    ɵɵproperty("ngModel", item_r2.alias)("ngModelOptions", ɵɵpureFunction0(5, _c0));
+} }
+function ArraySessionComponent_div_5_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementContainer(0);
+} }
+const _c1 = function (a0, a1, a2) { return { items: a0, index: a1, mappingAttributes: a2 }; };
+const _c2 = function (a0) { return { $implicit: a0 }; };
+function ArraySessionComponent_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 7);
+    ɵɵelementStart(1, "div", 8);
+    ɵɵtext(2);
+    ɵɵpipe(3, "translate");
+    ɵɵelementStart(4, "i", 9);
+    ɵɵlistener("click", function ArraySessionComponent_div_5_Template_i_click_4_listener() { ɵɵrestoreView(_r17); const item_r2 = ctx.$implicit; const ctx_r16 = ɵɵnextContext(); return ctx_r16.remove(item_r2); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵtemplate(5, ArraySessionComponent_div_5_div_5_Template, 9, 6, "div", 10);
+    ɵɵtemplate(6, ArraySessionComponent_div_5_ng_container_6_Template, 1, 0, "ng-container", 11);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r2 = ctx.$implicit;
+    const index_r3 = ctx.index;
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(2);
+    ɵɵtextInterpolate2("", ɵɵpipeBind1(3, 5, ctx_r0.removeLabel), " ", index_r3 + 1, " ");
+    ɵɵadvance(3);
+    ɵɵproperty("ngIf", item_r2.mappingAttributes || item_r2.mappingAttributes === "");
+    ɵɵadvance(1);
+    ɵɵproperty("ngTemplateOutlet", ctx_r0.subsectionItem)("ngTemplateOutletContext", ɵɵpureFunction1(11, _c2, ɵɵpureFunction3(7, _c1, ctx_r0.model, index_r3, item_r2.mappingAttributes || item_r2.mappingAttributes === "" ? item_r2.mappingAttributes : item_r2)));
+} }
+function ArraySessionComponent_button_11_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 16);
+    ɵɵlistener("click", function ArraySessionComponent_button_11_Template_button_click_0_listener() { ɵɵrestoreView(_r19); const ctx_r18 = ɵɵnextContext(); return ctx_r18.addLoop(); });
+    ɵɵtext(1);
+    ɵɵpipe(2, "translate");
+    ɵɵelementEnd();
+} if (rf & 2) {
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(ɵɵpipeBind1(2, 1, "ADD_LOOP"));
+} }
+class ArraySessionComponent extends BaseSchemaComponent {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.showAddLoop = true;
+        this.removeLabel = '';
+        this.onAdd = new EventEmitter();
+        this.onAddLoop = new EventEmitter();
+    }
+    add() {
+        this.onAdd.next();
+    }
+    addLoop() {
+        this.onAddLoop.next();
+    }
+    remove(item) {
+        const values = this.model;
+        const index = values.indexOf(item);
+        values.splice(index, 1);
+        this.model = values;
+    }
+    trackByIndex(index, obj) {
+        return index;
+    }
+}
+ArraySessionComponent.ɵfac = function ArraySessionComponent_Factory(t) { return ɵArraySessionComponent_BaseFactory(t || ArraySessionComponent); };
+ArraySessionComponent.ɵcmp = ɵɵdefineComponent({ type: ArraySessionComponent, selectors: [["array-session"]], contentQueries: function ArraySessionComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+        ɵɵcontentQuery(dirIndex, TemplateRef, true, TemplateRef);
+    } if (rf & 2) {
+        var _t;
+        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.subsectionItem = _t.first);
+    } }, inputs: { label: "label", showAddLoop: "showAddLoop", removeLabel: "removeLabel" }, outputs: { onAdd: "onAdd", onAddLoop: "onAddLoop" }, features: [ɵɵInheritDefinitionFeature], decls: 12, vars: 9, consts: [[1, "row"], [1, "col-md-12"], [1, "info-label", "bold"], ["class", "subsection-element", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "row", "add-buttons"], [1, "btn", "btn-outline-primary", "float-left", "btn-personal-edit", 3, "click"], ["class", "btn btn-outline-primary float-left btn-personal-edit ml-2", 3, "click", 4, "ngIf"], [1, "subsection-element"], [1, "subsection-item-title"], [1, "far", "fa-trash-alt", 3, "click"], ["class", "row", 4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "col-md-8"], [1, "info-label"], ["type", "text", "dndDropzone", "", 1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange", "dndDrop"], [1, "col-md-4"], [1, "btn", "btn-outline-primary", "float-left", "btn-personal-edit", "ml-2", 3, "click"]], template: function ArraySessionComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "div", 0);
+        ɵɵelementStart(1, "div", 1);
+        ɵɵelementStart(2, "label", 2);
+        ɵɵtext(3);
+        ɵɵpipe(4, "translate");
+        ɵɵelementEnd();
+        ɵɵtemplate(5, ArraySessionComponent_div_5_Template, 7, 13, "div", 3);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵelementStart(6, "div", 4);
+        ɵɵelementStart(7, "div", 1);
+        ɵɵelementStart(8, "button", 5);
+        ɵɵlistener("click", function ArraySessionComponent_Template_button_click_8_listener() { return ctx.add(); });
+        ɵɵtext(9);
+        ɵɵpipe(10, "translate");
+        ɵɵelementEnd();
+        ɵɵtemplate(11, ArraySessionComponent_button_11_Template, 3, 3, "button", 6);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵadvance(3);
+        ɵɵtextInterpolate(ɵɵpipeBind1(4, 5, ctx.label));
+        ɵɵadvance(2);
+        ɵɵproperty("ngForOf", ctx.model)("ngForTrackBy", ctx.trackByIndex);
+        ɵɵadvance(4);
+        ɵɵtextInterpolate(ɵɵpipeBind1(10, 7, "ADD_ITEM"));
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.showAddLoop);
+    } }, directives: [NgForOf, NgIf, NgTemplateOutlet, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel], pipes: [TranslatePipe], styles: [".subsection-element[_ngcontent-%COMP%]{background:#fff;border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px 15px 15px}.subsection-element[_ngcontent-%COMP%]:first-child{margin-top:0!important}.btn-personal-edit[_ngcontent-%COMP%]{margin:5px 0}.subsection-item-title[_ngcontent-%COMP%]{align-items:center;background:#eee;border-bottom:1px solid #ccc;border-radius:5px 5px 0 0;display:flex;font-weight:700;justify-content:space-between;margin-bottom:5px;margin-left:-15px;margin-top:-5px;padding:7px 10px 7px 14px;width:calc(100% + 30px)}.subsection-item-title[_ngcontent-%COMP%]   .fa-trash-alt[_ngcontent-%COMP%]{color:red;cursor:pointer}.subsection-item-title[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{font-weight:700}.add-buttons[_ngcontent-%COMP%]{margin-top:5px}"] });
+const ɵArraySessionComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(ArraySessionComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ArraySessionComponent, [{
+        type: Component,
+        args: [{
+                selector: 'array-session',
+                templateUrl: 'array-session.html',
+                styleUrls: ['array-session.scss']
+            }]
+    }], null, { label: [{
+            type: Input
+        }], showAddLoop: [{
+            type: Input
+        }], removeLabel: [{
+            type: Input
+        }], onAdd: [{
+            type: Output
+        }], onAddLoop: [{
+            type: Output
+        }], subsectionItem: [{
+            type: ContentChild,
+            args: [TemplateRef, { read: TemplateRef }]
         }] }); })();
 
-function SchemaFormComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 1);
-    ɵɵelementStart(1, "schema-input", 2);
-    ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_input_modelChange_1_listener($event) { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(); return ctx_r3.model = $event; });
-    ɵɵelementEnd();
-    ɵɵelementStart(2, "schema-object", 2);
-    ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_object_modelChange_2_listener($event) { ɵɵrestoreView(_r4); const ctx_r5 = ɵɵnextContext(); return ctx_r5.model = $event; });
-    ɵɵelementEnd();
-    ɵɵelementStart(3, "schema-array", 2);
-    ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_array_modelChange_3_listener($event) { ɵɵrestoreView(_r4); const ctx_r6 = ɵɵnextContext(); return ctx_r6.model = $event; });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const schema_r1 = ctx.$implicit;
-    const i_r2 = ctx.index;
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵadvance(1);
-    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
-    ɵɵadvance(1);
-    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
-    ɵɵadvance(1);
-    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
-} }
-class SchemaFormComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.schemas = [];
-        this.customProperties = false;
-        this.editing = false;
-        this.loaded = false;
-    }
-    ngAfterContentInit() {
-        this.loaded = true;
-        console.log('SchemaFormComponent schemas', this.schemas);
-    }
-    onDrop($event, modelElement) {
-        return onDropStruct($event, modelElement);
-    }
-    getId(index) {
-        return `${this.idPrefix}-struct-${index}`;
-    }
-}
-SchemaFormComponent.ɵfac = function SchemaFormComponent_Factory(t) { return ɵSchemaFormComponent_BaseFactory(t || SchemaFormComponent); };
-SchemaFormComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaFormComponent, selectors: [["schema-form"]], inputs: { idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], [3, "idPrefix", "model", "schema", "editing", "index", "modelChange"]], template: function SchemaFormComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, SchemaFormComponent_div_0_Template, 4, 15, "div", 0);
-    } if (rf & 2) {
-        ɵɵproperty("ngForOf", ctx.schemas);
-    } }, styles: [""] });
-const ɵSchemaFormComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaFormComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaFormComponent, [{
-        type: Component,
-        args: [{
-                selector: 'schema-form',
-                templateUrl: 'schema-form.html',
-                styleUrls: ['./schema-form.scss']
-            }]
-    }], null, { idPrefix: [{
-            type: Input
-        }], schemas: [{
-            type: Input
-        }], customProperties: [{
-            type: Input
-        }], editing: [{
-            type: Input
-        }], inputType: [{
-            type: Input
+function SchemaFormComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 1);
+    ɵɵelementStart(1, "schema-input", 2);
+    ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_input_modelChange_1_listener($event) { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(); return ctx_r3.model = $event; });
+    ɵɵelementEnd();
+    ɵɵelementStart(2, "schema-object", 2);
+    ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_object_modelChange_2_listener($event) { ɵɵrestoreView(_r4); const ctx_r5 = ɵɵnextContext(); return ctx_r5.model = $event; });
+    ɵɵelementEnd();
+    ɵɵelementStart(3, "schema-array", 2);
+    ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_array_modelChange_3_listener($event) { ɵɵrestoreView(_r4); const ctx_r6 = ɵɵnextContext(); return ctx_r6.model = $event; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const schema_r1 = ctx.$implicit;
+    const i_r2 = ctx.index;
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
+    ɵɵadvance(1);
+    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
+    ɵɵadvance(1);
+    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
+} }
+class SchemaFormComponent extends BaseSchemaComponent {
+    constructor() {
+        super(...arguments);
+        this.schemas = [];
+        this.customProperties = false;
+        this.editing = false;
+        this.loaded = false;
+    }
+    ngAfterContentInit() {
+        this.loaded = true;
+    }
+    onDrop($event, modelElement) {
+        return onDropStruct($event, modelElement);
+    }
+    getId(index) {
+        return `${this.idPrefix}-struct-${index}`;
+    }
+}
+SchemaFormComponent.ɵfac = function SchemaFormComponent_Factory(t) { return ɵSchemaFormComponent_BaseFactory(t || SchemaFormComponent); };
+SchemaFormComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaFormComponent, selectors: [["schema-form"]], inputs: { idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], [3, "idPrefix", "model", "schema", "editing", "index", "modelChange"]], template: function SchemaFormComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, SchemaFormComponent_div_0_Template, 4, 15, "div", 0);
+    } if (rf & 2) {
+        ɵɵproperty("ngForOf", ctx.schemas);
+    } }, styles: [""] });
+const ɵSchemaFormComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaFormComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaFormComponent, [{
+        type: Component,
+        args: [{
+                selector: 'schema-form',
+                templateUrl: 'schema-form.html',
+                styleUrls: ['./schema-form.scss']
+            }]
+    }], null, { idPrefix: [{
+            type: Input
+        }], schemas: [{
+            type: Input
+        }], customProperties: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], inputType: [{
+            type: Input
         }] }); })();
 
-const _c0$1 = function () { return { standalone: true }; };
-function SchemaCustomAttributesComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 6);
-    ɵɵelementStart(1, "div", 7);
-    ɵɵelementStart(2, "label", 8);
-    ɵɵtext(3);
-    ɵɵelementEnd();
-    ɵɵelementStart(4, "span", 9);
-    ɵɵlistener("click", function SchemaCustomAttributesComponent_div_0_Template_span_click_4_listener() { ɵɵrestoreView(_r8); const i_r6 = ctx.index; const ctx_r7 = ɵɵnextContext(); return ctx_r7.removeCustomAttribute(i_r6); });
-    ɵɵelement(5, "i", 10);
-    ɵɵpipe(6, "translate");
-    ɵɵelementEnd();
-    ɵɵelementStart(7, "input", 11);
-    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_0_Template_input_ngModelChange_7_listener($event) { ɵɵrestoreView(_r8); const attribute_r5 = ctx.$implicit; return attribute_r5.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_7_listener($event) { ɵɵrestoreView(_r8); const attribute_r5 = ctx.$implicit; const ctx_r10 = ɵɵnextContext(); return ctx_r10.onDrop($event, attribute_r5); });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const attribute_r5 = ctx.$implicit;
-    ɵɵadvance(3);
-    ɵɵtextInterpolate(attribute_r5.label);
-    ɵɵadvance(2);
-    ɵɵproperty("matTooltip", ɵɵpipeBind1(6, 4, "REMOVE"));
-    ɵɵadvance(2);
-    ɵɵproperty("ngModel", attribute_r5.value)("ngModelOptions", ɵɵpureFunction0(6, _c0$1));
-} }
-function SchemaCustomAttributesComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 12);
-    ɵɵelementStart(1, "div", 13);
-    ɵɵelementStart(2, "div", 7);
-    ɵɵelementStart(3, "label", 8);
-    ɵɵtext(4);
-    ɵɵpipe(5, "translate");
-    ɵɵelementStart(6, "strong");
-    ɵɵtext(7, "*");
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementStart(8, "input", 14);
-    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_8_listener($event) { ɵɵrestoreView(_r12); const ctx_r11 = ɵɵnextContext(); return ctx_r11.newCustomField.label = $event; });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementStart(9, "div", 13);
-    ɵɵelementStart(10, "div", 7);
-    ɵɵelementStart(11, "label", 8);
-    ɵɵtext(12);
-    ɵɵpipe(13, "translate");
-    ɵɵelementStart(14, "strong");
-    ɵɵtext(15, "*");
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementStart(16, "input", 11);
-    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_16_listener($event) { ɵɵrestoreView(_r12); const ctx_r13 = ɵɵnextContext(); return ctx_r13.newCustomField.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_16_listener($event) { ɵɵrestoreView(_r12); const ctx_r14 = ɵɵnextContext(); return ctx_r14.onDrop($event, ctx_r14.newCustomField); });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext();
-    ɵɵadvance(4);
-    ɵɵtextInterpolate(ɵɵpipeBind1(5, 6, "STEP.NAME"));
-    ɵɵadvance(4);
-    ɵɵproperty("ngModel", ctx_r1.newCustomField.label)("ngModelOptions", ɵɵpureFunction0(10, _c0$1));
-    ɵɵadvance(4);
-    ɵɵtextInterpolate(ɵɵpipeBind1(13, 8, "STEP.VALUE"));
-    ɵɵadvance(4);
-    ɵɵproperty("ngModel", ctx_r1.newCustomField.value)("ngModelOptions", ɵɵpureFunction0(11, _c0$1));
-} }
-function SchemaCustomAttributesComponent_button_4_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 15);
-    ɵɵlistener("click", function SchemaCustomAttributesComponent_button_4_Template_button_click_0_listener() { ɵɵrestoreView(_r16); const ctx_r15 = ɵɵnextContext(); return ctx_r15.newCustomField = {}; });
-    ɵɵtext(1);
-    ɵɵpipe(2, "translate");
-    ɵɵelementEnd();
-} if (rf & 2) {
-    ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(2, 1, "ADD"), " ");
-} }
-function SchemaCustomAttributesComponent_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 16);
-    ɵɵlistener("click", function SchemaCustomAttributesComponent_button_5_Template_button_click_0_listener() { ɵɵrestoreView(_r18); const ctx_r17 = ɵɵnextContext(); return ctx_r17.newCustomField = null; });
-    ɵɵtext(1);
-    ɵɵpipe(2, "translate");
-    ɵɵelementEnd();
-} if (rf & 2) {
-    ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(2, 1, "CANCEL"), " ");
-} }
-function SchemaCustomAttributesComponent_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 15);
-    ɵɵlistener("click", function SchemaCustomAttributesComponent_button_6_Template_button_click_0_listener() { ɵɵrestoreView(_r20); const ctx_r19 = ɵɵnextContext(); return ctx_r19.saveNewAttribute(ctx_r19.newCustomField); });
-    ɵɵtext(1);
-    ɵɵpipe(2, "translate");
-    ɵɵelementEnd();
-} if (rf & 2) {
-    ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(2, 1, "SAVE"), " ");
-} }
-class SchemaCustomAttributesComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.onSaveAttribute = new EventEmitter();
-        this.onDropOnAttribute = new EventEmitter();
-    }
-    ngAfterContentInit() {
-        if (!this.model) {
-            this.model = [];
-        }
-    }
-    saveNewAttribute(newCustomField) {
-        this.onSaveAttribute.emit(newCustomField);
-        this.model.push(newCustomField);
-        this.newCustomField = null;
-        this.modelChange.emit(this.model);
-    }
-    removeCustomAttribute(attributeIndex) {
-        this.model.splice(attributeIndex, 1);
-        this.modelChange.emit(this.model);
-    }
-    onDrop($event, attribute) {
-        if (!attribute.value) {
-            attribute.value = '';
-        }
-        attribute.value += `{{${$event.data}}}`;
-    }
-}
-SchemaCustomAttributesComponent.ɵfac = function SchemaCustomAttributesComponent_Factory(t) { return ɵSchemaCustomAttributesComponent_BaseFactory(t || SchemaCustomAttributesComponent); };
-SchemaCustomAttributesComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaCustomAttributesComponent, selectors: [["schema-custom-attributes"]], inputs: { onDropFunction: "onDropFunction" }, outputs: { onSaveAttribute: "onSaveAttribute", onDropOnAttribute: "onDropOnAttribute" }, features: [ɵɵInheritDefinitionFeature], decls: 7, vars: 5, consts: [["class", "row custom-attributes", 4, "ngFor", "ngForOf"], ["class", "struct-custom-field", 4, "ngIf"], [1, "row", "actions-buttons"], [1, "col-md-12", "pull-right"], ["class", "btn btn-outline-primary float-left", 3, "click", 4, "ngIf"], ["class", "btn btn-outline-danger float-left ml-2", 3, "click", 4, "ngIf"], [1, "row", "custom-attributes"], [1, "col-md-12"], [1, "info-label"], [1, "customAttributeDeleteIcon", 3, "click"], [1, "far", "fa-trash-alt", 3, "matTooltip"], ["dndDropzone", "", 1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange", "dndDrop"], [1, "struct-custom-field"], [1, "row"], [1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange"], [1, "btn", "btn-outline-primary", "float-left", 3, "click"], [1, "btn", "btn-outline-danger", "float-left", "ml-2", 3, "click"]], template: function SchemaCustomAttributesComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, SchemaCustomAttributesComponent_div_0_Template, 8, 7, "div", 0);
-        ɵɵtemplate(1, SchemaCustomAttributesComponent_div_1_Template, 17, 12, "div", 1);
-        ɵɵelementStart(2, "div", 2);
-        ɵɵelementStart(3, "div", 3);
-        ɵɵtemplate(4, SchemaCustomAttributesComponent_button_4_Template, 3, 3, "button", 4);
-        ɵɵtemplate(5, SchemaCustomAttributesComponent_button_5_Template, 3, 3, "button", 5);
-        ɵɵtemplate(6, SchemaCustomAttributesComponent_button_6_Template, 3, 3, "button", 4);
-        ɵɵelementEnd();
-        ɵɵelementEnd();
-    } if (rf & 2) {
-        ɵɵproperty("ngForOf", ctx.model);
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", ctx.newCustomField);
-        ɵɵadvance(3);
-        ɵɵproperty("ngIf", !ctx.newCustomField);
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", ctx.newCustomField);
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", ctx.newCustomField && ctx.newCustomField.label && ctx.newCustomField.value);
-    } }, directives: [NgForOf, NgIf, MatTooltip, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel], pipes: [TranslatePipe], styles: [".customAttributeDeleteIcon[_ngcontent-%COMP%]{color:red;cursor:pointer;font-size:16px;position:absolute;right:15px;top:4px}.customAttributeDeleteIcon[_ngcontent-%COMP%]:hover{color:#777}.struct-custom-field[_ngcontent-%COMP%]{background-color:#ececec;margin-top:16px;padding:8px 16px 16px}"] });
-const ɵSchemaCustomAttributesComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaCustomAttributesComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaCustomAttributesComponent, [{
-        type: Component,
-        args: [{
-                selector: 'schema-custom-attributes',
-                templateUrl: 'schema-custom-attributes.html',
-                styleUrls: ['./schema-custom-attributes.scss']
-            }]
-    }], null, { onDropFunction: [{
-            type: Input
-        }], onSaveAttribute: [{
-            type: Output
-        }], onDropOnAttribute: [{
-            type: Output
+const _c0$1 = function () { return { standalone: true }; };
+function SchemaCustomAttributesComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 6);
+    ɵɵelementStart(1, "div", 7);
+    ɵɵelementStart(2, "label", 8);
+    ɵɵtext(3);
+    ɵɵelementEnd();
+    ɵɵelementStart(4, "span", 9);
+    ɵɵlistener("click", function SchemaCustomAttributesComponent_div_0_Template_span_click_4_listener() { ɵɵrestoreView(_r8); const i_r6 = ctx.index; const ctx_r7 = ɵɵnextContext(); return ctx_r7.removeCustomAttribute(i_r6); });
+    ɵɵelement(5, "i", 10);
+    ɵɵpipe(6, "translate");
+    ɵɵelementEnd();
+    ɵɵelementStart(7, "input", 11);
+    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_0_Template_input_ngModelChange_7_listener($event) { ɵɵrestoreView(_r8); const attribute_r5 = ctx.$implicit; return attribute_r5.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_7_listener($event) { ɵɵrestoreView(_r8); const attribute_r5 = ctx.$implicit; const ctx_r10 = ɵɵnextContext(); return ctx_r10.onDropAttr($event, attribute_r5); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const attribute_r5 = ctx.$implicit;
+    ɵɵadvance(3);
+    ɵɵtextInterpolate(attribute_r5.label);
+    ɵɵadvance(2);
+    ɵɵproperty("matTooltip", ɵɵpipeBind1(6, 4, "REMOVE"));
+    ɵɵadvance(2);
+    ɵɵproperty("ngModel", attribute_r5.value)("ngModelOptions", ɵɵpureFunction0(6, _c0$1));
+} }
+function SchemaCustomAttributesComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 12);
+    ɵɵelementStart(1, "div", 13);
+    ɵɵelementStart(2, "div", 7);
+    ɵɵelementStart(3, "label", 8);
+    ɵɵtext(4);
+    ɵɵpipe(5, "translate");
+    ɵɵelementStart(6, "strong");
+    ɵɵtext(7, "*");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementStart(8, "input", 14);
+    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_8_listener($event) { ɵɵrestoreView(_r12); const ctx_r11 = ɵɵnextContext(); return ctx_r11.newCustomField.label = $event; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementStart(9, "div", 13);
+    ɵɵelementStart(10, "div", 7);
+    ɵɵelementStart(11, "label", 8);
+    ɵɵtext(12);
+    ɵɵpipe(13, "translate");
+    ɵɵelementStart(14, "strong");
+    ɵɵtext(15, "*");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementStart(16, "input", 11);
+    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_16_listener($event) { ɵɵrestoreView(_r12); const ctx_r13 = ɵɵnextContext(); return ctx_r13.newCustomField.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_16_listener($event) { ɵɵrestoreView(_r12); const ctx_r14 = ɵɵnextContext(); return ctx_r14.onDropAttr($event, ctx_r14.newCustomField); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext();
+    ɵɵadvance(4);
+    ɵɵtextInterpolate(ɵɵpipeBind1(5, 6, "STEP.NAME"));
+    ɵɵadvance(4);
+    ɵɵproperty("ngModel", ctx_r1.newCustomField.label)("ngModelOptions", ɵɵpureFunction0(10, _c0$1));
+    ɵɵadvance(4);
+    ɵɵtextInterpolate(ɵɵpipeBind1(13, 8, "STEP.VALUE"));
+    ɵɵadvance(4);
+    ɵɵproperty("ngModel", ctx_r1.newCustomField.value)("ngModelOptions", ɵɵpureFunction0(11, _c0$1));
+} }
+function SchemaCustomAttributesComponent_button_4_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 15);
+    ɵɵlistener("click", function SchemaCustomAttributesComponent_button_4_Template_button_click_0_listener() { ɵɵrestoreView(_r16); const ctx_r15 = ɵɵnextContext(); return ctx_r15.newCustomField = {}; });
+    ɵɵtext(1);
+    ɵɵpipe(2, "translate");
+    ɵɵelementEnd();
+} if (rf & 2) {
+    ɵɵadvance(1);
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(2, 1, "ADD"), " ");
+} }
+function SchemaCustomAttributesComponent_button_5_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 16);
+    ɵɵlistener("click", function SchemaCustomAttributesComponent_button_5_Template_button_click_0_listener() { ɵɵrestoreView(_r18); const ctx_r17 = ɵɵnextContext(); return ctx_r17.newCustomField = null; });
+    ɵɵtext(1);
+    ɵɵpipe(2, "translate");
+    ɵɵelementEnd();
+} if (rf & 2) {
+    ɵɵadvance(1);
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(2, 1, "CANCEL"), " ");
+} }
+function SchemaCustomAttributesComponent_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 15);
+    ɵɵlistener("click", function SchemaCustomAttributesComponent_button_6_Template_button_click_0_listener() { ɵɵrestoreView(_r20); const ctx_r19 = ɵɵnextContext(); return ctx_r19.saveNewAttribute(ctx_r19.newCustomField); });
+    ɵɵtext(1);
+    ɵɵpipe(2, "translate");
+    ɵɵelementEnd();
+} if (rf & 2) {
+    ɵɵadvance(1);
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(2, 1, "SAVE"), " ");
+} }
+class SchemaCustomAttributesComponent extends BaseSchemaComponent {
+    constructor() {
+        super(...arguments);
+        this.onSaveAttribute = new EventEmitter();
+        this.onDropOnAttribute = new EventEmitter();
+    }
+    ngAfterContentInit() {
+        if (!this.model) {
+            this.model = [];
+        }
+    }
+    saveNewAttribute(newCustomField) {
+        this.onSaveAttribute.emit(newCustomField);
+        this.model.push(newCustomField);
+        this.newCustomField = null;
+        this.modelChange.emit(this.model);
+    }
+    removeCustomAttribute(attributeIndex) {
+        this.model.splice(attributeIndex, 1);
+        this.modelChange.emit(this.model);
+    }
+    onDropAttr($event, attribute) {
+        if (!attribute.value) {
+            attribute.value = '';
+        }
+        attribute.value += `{{${$event.data}}}`;
+    }
+}
+SchemaCustomAttributesComponent.ɵfac = function SchemaCustomAttributesComponent_Factory(t) { return ɵSchemaCustomAttributesComponent_BaseFactory(t || SchemaCustomAttributesComponent); };
+SchemaCustomAttributesComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaCustomAttributesComponent, selectors: [["schema-custom-attributes"]], inputs: { onDropFunction: "onDropFunction" }, outputs: { onSaveAttribute: "onSaveAttribute", onDropOnAttribute: "onDropOnAttribute" }, features: [ɵɵInheritDefinitionFeature], decls: 7, vars: 5, consts: [["class", "row custom-attributes", 4, "ngFor", "ngForOf"], ["class", "struct-custom-field", 4, "ngIf"], [1, "row", "actions-buttons"], [1, "col-md-12", "pull-right"], ["class", "btn btn-outline-primary float-left", 3, "click", 4, "ngIf"], ["class", "btn btn-outline-danger float-left ml-2", 3, "click", 4, "ngIf"], [1, "row", "custom-attributes"], [1, "col-md-12"], [1, "info-label"], [1, "customAttributeDeleteIcon", 3, "click"], [1, "far", "fa-trash-alt", 3, "matTooltip"], ["dndDropzone", "", 1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange", "dndDrop"], [1, "struct-custom-field"], [1, "row"], [1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange"], [1, "btn", "btn-outline-primary", "float-left", 3, "click"], [1, "btn", "btn-outline-danger", "float-left", "ml-2", 3, "click"]], template: function SchemaCustomAttributesComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, SchemaCustomAttributesComponent_div_0_Template, 8, 7, "div", 0);
+        ɵɵtemplate(1, SchemaCustomAttributesComponent_div_1_Template, 17, 12, "div", 1);
+        ɵɵelementStart(2, "div", 2);
+        ɵɵelementStart(3, "div", 3);
+        ɵɵtemplate(4, SchemaCustomAttributesComponent_button_4_Template, 3, 3, "button", 4);
+        ɵɵtemplate(5, SchemaCustomAttributesComponent_button_5_Template, 3, 3, "button", 5);
+        ɵɵtemplate(6, SchemaCustomAttributesComponent_button_6_Template, 3, 3, "button", 4);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵproperty("ngForOf", ctx.model);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.newCustomField);
+        ɵɵadvance(3);
+        ɵɵproperty("ngIf", !ctx.newCustomField);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.newCustomField);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.newCustomField && ctx.newCustomField.label && ctx.newCustomField.value);
+    } }, directives: [NgForOf, NgIf, MatTooltip, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel], pipes: [TranslatePipe], styles: [".customAttributeDeleteIcon[_ngcontent-%COMP%]{color:red;cursor:pointer;font-size:16px;position:absolute;right:15px;top:4px}.customAttributeDeleteIcon[_ngcontent-%COMP%]:hover{color:#777}.struct-custom-field[_ngcontent-%COMP%]{background-color:#ececec;margin-top:16px;padding:8px 16px 16px}"] });
+const ɵSchemaCustomAttributesComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaCustomAttributesComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaCustomAttributesComponent, [{
+        type: Component,
+        args: [{
+                selector: 'schema-custom-attributes',
+                templateUrl: 'schema-custom-attributes.html',
+                styleUrls: ['./schema-custom-attributes.scss']
+            }]
+    }], null, { onDropFunction: [{
+            type: Input
+        }], onSaveAttribute: [{
+            type: Output
+        }], onDropOnAttribute: [{
+            type: Output
         }] }); })();
 
-function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "schema-form", 4);
-    ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template_schema_form_modelChange_0_listener($event) { ɵɵrestoreView(_r8); const item_r3 = ɵɵnextContext().$implicit; const ctx_r7 = ɵɵnextContext(2); return ctx_r7.model[ctx_r7.schema.id][item_r3.index].mappingAttributes = $event; });
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r3 = ɵɵnextContext().$implicit;
-    const ctx_r4 = ɵɵnextContext(2);
-    ɵɵproperty("idPrefix", ctx_r4.idPrefix)("model", ctx_r4.model[ctx_r4.schema.id][item_r3.index].mappingAttributes)("schemas", ctx_r4.getSchemaProperties())("editing", ctx_r4.editing);
-} }
-function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "schema-form", 4);
-    ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template_schema_form_modelChange_0_listener($event) { ɵɵrestoreView(_r12); const item_r3 = ɵɵnextContext().$implicit; const ctx_r11 = ɵɵnextContext(2); return (ctx_r11.model[ctx_r11.schema.id][item_r3.index] = $event); });
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r3 = ɵɵnextContext().$implicit;
-    const ctx_r5 = ɵɵnextContext(2);
-    ɵɵproperty("idPrefix", ctx_r5.idPrefix)("model", ctx_r5.model[ctx_r5.schema.id][item_r3.index])("schemas", ctx_r5.getSchemaProperties())("editing", ctx_r5.editing);
-} }
-function SchemaArrayComponent_div_0_ng_template_2_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 5);
-    ɵɵelementStart(1, "div", 6);
-    ɵɵelementStart(2, "label", 7);
-    ɵɵtext(3);
-    ɵɵpipe(4, "translate");
-    ɵɵelementEnd();
-    ɵɵelementStart(5, "schema-custom-attributes", 8);
-    ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_div_2_Template_schema_custom_attributes_modelChange_5_listener($event) { ɵɵrestoreView(_r16); const item_r3 = ɵɵnextContext().$implicit; const ctx_r15 = ɵɵnextContext(2); return ctx_r15.model[ctx_r15.schema.id][item_r3.index].customAttributes = $event; });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r3 = ɵɵnextContext().$implicit;
-    const ctx_r6 = ɵɵnextContext(2);
-    ɵɵadvance(3);
-    ɵɵtextInterpolate(ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
-    ɵɵadvance(2);
-    ɵɵproperty("model", ctx_r6.model[ctx_r6.schema.id][item_r3.index].customAttributes)("onDropFunction", ctx_r6.onDrop);
-} }
-function SchemaArrayComponent_div_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵtemplate(0, SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template, 1, 4, "schema-form", 2);
-    ɵɵtemplate(1, SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template, 1, 4, "schema-form", 2);
-    ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_div_2_Template, 6, 5, "div", 3);
-} if (rf & 2) {
-    const item_r3 = ctx.$implicit;
-    const ctx_r2 = ɵɵnextContext(2);
-    ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop !== undefined);
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop == undefined);
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index] && ctx_r2.schema.customProperties);
-} }
-function SchemaArrayComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div");
-    ɵɵelementStart(1, "array-session", 1);
-    ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_Template_array_session_modelChange_1_listener($event) { ɵɵrestoreView(_r20); const ctx_r19 = ɵɵnextContext(); return (ctx_r19.model[ctx_r19.schema.id] = $event); })("onAdd", function SchemaArrayComponent_div_0_Template_array_session_onAdd_1_listener() { ɵɵrestoreView(_r20); const ctx_r21 = ɵɵnextContext(); return ctx_r21.addArrayItem(ctx_r21.schema.id, {}); })("onAddLoop", function SchemaArrayComponent_div_0_Template_array_session_onAddLoop_1_listener() { ɵɵrestoreView(_r20); const ctx_r22 = ɵɵnextContext(); return ctx_r22.addArrayLoop(ctx_r22.schema.id, {}); });
-    ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_Template, 3, 3, "ng-template");
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵadvance(1);
-    ɵɵproperty("label", ctx_r0.schema.title)("removeLabel", ctx_r0.schema.title)("model", ctx_r0.model[ctx_r0.schema.id])("showAddLoop", ctx_r0.schema.withoutLoop !== true);
-} }
-const _c0$2 = function () { return { standalone: true }; };
-function SchemaArrayComponent_div_1_ng_template_2_input_3_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "input", 12);
-    ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_input_3_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r30); const item_r24 = ɵɵnextContext().$implicit; return item_r24.items[item_r24.index].mappingAttributes = $event; })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_input_3_Template_input_dndDrop_0_listener($event) { ɵɵrestoreView(_r30); const item_r24 = ɵɵnextContext().$implicit; const ctx_r31 = ɵɵnextContext(2); return item_r24.items[item_r24.index].mappingAttributes = ctx_r31.onDrop($event, item_r24.items[item_r24.index].mappingAttributes); });
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r24 = ɵɵnextContext().$implicit;
-    const ctx_r25 = ɵɵnextContext(2);
-    ɵɵproperty("ngModel", item_r24.items[item_r24.index].mappingAttributes)("ngModelOptions", ɵɵpureFunction0(3, _c0$2))("id", ctx_r25.getId(ctx_r25.index) + "-" + item_r24.index);
-} }
-function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "input", 12);
-    ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r36); const item_r24 = ɵɵnextContext().$implicit; return (item_r24.items[item_r24.index] = $event); })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template_input_dndDrop_0_listener($event) { ɵɵrestoreView(_r36); const item_r24 = ɵɵnextContext().$implicit; const ctx_r37 = ɵɵnextContext(2); return (item_r24.items[item_r24.index] = ctx_r37.onDrop($event, item_r24.items[item_r24.index])); });
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r24 = ɵɵnextContext().$implicit;
-    const ctx_r27 = ɵɵnextContext(2);
-    ɵɵproperty("ngModel", item_r24.items[item_r24.index])("ngModelOptions", ɵɵpureFunction0(3, _c0$2))("id", ctx_r27.getId(ctx_r27.index) + "-" + item_r24.index);
-} }
-function SchemaArrayComponent_div_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "label", 9);
-    ɵɵtext(1);
-    ɵɵpipe(2, "translate");
-    ɵɵelementEnd();
-    ɵɵtemplate(3, SchemaArrayComponent_div_1_ng_template_2_input_3_Template, 1, 4, "input", 10);
-    ɵɵtemplate(4, SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template, 1, 4, "ng-template", null, 11, ɵɵtemplateRefExtractor);
-} if (rf & 2) {
-    const item_r24 = ctx.$implicit;
-    const _r26 = ɵɵreference(5);
-    const ctx_r23 = ɵɵnextContext(2);
-    ɵɵproperty("htmlFor", ctx_r23.getId(ctx_r23.index) + "-" + item_r24.index);
-    ɵɵadvance(1);
-    ɵɵtextInterpolate(ɵɵpipeBind1(2, 4, ctx_r23.schema.title));
-    ɵɵadvance(2);
-    ɵɵproperty("ngIf", item_r24.items[item_r24.index].mappingAttributes || item_r24.items[item_r24.index].mappingAttributes === "")("ngIfElse", _r26);
-} }
-function SchemaArrayComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r41 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div");
-    ɵɵelementStart(1, "array-session", 1);
-    ɵɵlistener("modelChange", function SchemaArrayComponent_div_1_Template_array_session_modelChange_1_listener($event) { ɵɵrestoreView(_r41); const ctx_r40 = ɵɵnextContext(); return (ctx_r40.model[ctx_r40.schema.id] = $event); })("onAdd", function SchemaArrayComponent_div_1_Template_array_session_onAdd_1_listener() { ɵɵrestoreView(_r41); const ctx_r42 = ɵɵnextContext(); return ctx_r42.addArrayItem(ctx_r42.schema.id, ""); })("onAddLoop", function SchemaArrayComponent_div_1_Template_array_session_onAddLoop_1_listener() { ɵɵrestoreView(_r41); const ctx_r43 = ɵɵnextContext(); return ctx_r43.addArrayLoop(ctx_r43.schema.id, ""); });
-    ɵɵtemplate(2, SchemaArrayComponent_div_1_ng_template_2_Template, 6, 6, "ng-template");
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext();
-    ɵɵadvance(1);
-    ɵɵproperty("label", ctx_r1.schema.title)("removeLabel", ctx_r1.schema.title)("model", ctx_r1.model[ctx_r1.schema.id])("showAddLoop", ctx_r1.schema.withoutLoop !== true);
-} }
-class SchemaArrayComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.editing = false;
-    }
-    ngAfterContentInit() {
-        var _a;
-        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'array' && this.model && !this.model[this.schema.id]) {
-            this.model[this.schema.id] = [];
-        }
-        this.loaded = true;
-        console.log('SchemaArrayComponent schema', this.schema);
-    }
-    onDrop($event, modelElement) {
-        return onDropStruct($event, modelElement);
-    }
-    getId(index) {
-        return `${this.idPrefix}-struct-${index}`;
-    }
-    addArrayItem(id, param) {
-        this.model[id] = this.model[id] || [];
-        if (this.schema.properties) {
-            param = {};
-            Object.keys(this.schema.properties).forEach(key => {
-                const schemaProperty = this.schema.properties[key];
-                if (schemaProperty.type === 'object') {
-                    param[schemaProperty.id] = {};
-                }
-                else if (schemaProperty.type === 'array') {
-                    param[schemaProperty.id] = [];
-                }
-            });
-        }
-        this.model[id].push(param);
-    }
-    addArrayLoop(id, mappingAttributes) {
-        this.model[id] = this.model[id] || [];
-        this.model[id].push({ loop: '', alias: '', mappingAttributes });
-    }
-}
-SchemaArrayComponent.ɵfac = function SchemaArrayComponent_Factory(t) { return ɵSchemaArrayComponent_BaseFactory(t || SchemaArrayComponent); };
-SchemaArrayComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaArrayComponent, selectors: [["schema-array"]], inputs: { idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "label", "removeLabel", "model", "showAddLoop", "modelChange", "onAdd", "onAddLoop"], [3, "idPrefix", "model", "schemas", "editing", "modelChange", 4, "ngIf"], ["class", "row struct-custom-properties", 4, "ngIf"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"], [1, "info-label", 3, "htmlFor"], ["class", "form-control", "type", "text", "dndDropzone", "", 3, "ngModel", "ngModelOptions", "id", "ngModelChange", "dndDrop", 4, "ngIf", "ngIfElse"], ["elseBlock", ""], ["type", "text", "dndDropzone", "", 1, "form-control", 3, "ngModel", "ngModelOptions", "id", "ngModelChange", "dndDrop"]], template: function SchemaArrayComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, SchemaArrayComponent_div_0_Template, 3, 4, "div", 0);
-        ɵɵtemplate(1, SchemaArrayComponent_div_1_Template, 3, 4, "div", 0);
-    } if (rf & 2) {
-        ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && ctx.schema.properties);
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", ctx.schema && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && !ctx.schema.properties);
-    } }, directives: [NgIf, ArraySessionComponent, SchemaFormComponent, SchemaCustomAttributesComponent, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel], pipes: [TranslatePipe], styles: [""] });
-const ɵSchemaArrayComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaArrayComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaArrayComponent, [{
-        type: Component,
-        args: [{
-                selector: 'schema-array',
-                templateUrl: 'schema-array.html',
-                styleUrls: ['./schema-array.scss']
-            }]
-    }], null, { idPrefix: [{
-            type: Input
-        }], schema: [{
-            type: Input
-        }], editing: [{
-            type: Input
-        }], index: [{
-            type: Input
+function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "schema-form", 4);
+    ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template_schema_form_modelChange_0_listener($event) { ɵɵrestoreView(_r8); const item_r3 = ɵɵnextContext().$implicit; const ctx_r7 = ɵɵnextContext(2); return ctx_r7.model[ctx_r7.schema.id][item_r3.index].mappingAttributes = $event; });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r3 = ɵɵnextContext().$implicit;
+    const ctx_r4 = ɵɵnextContext(2);
+    ɵɵproperty("idPrefix", ctx_r4.idPrefix)("model", ctx_r4.model[ctx_r4.schema.id][item_r3.index].mappingAttributes)("schemas", ctx_r4.getSchemaProperties())("editing", ctx_r4.editing);
+} }
+function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "schema-form", 4);
+    ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template_schema_form_modelChange_0_listener($event) { ɵɵrestoreView(_r12); const item_r3 = ɵɵnextContext().$implicit; const ctx_r11 = ɵɵnextContext(2); return (ctx_r11.model[ctx_r11.schema.id][item_r3.index] = $event); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r3 = ɵɵnextContext().$implicit;
+    const ctx_r5 = ɵɵnextContext(2);
+    ɵɵproperty("idPrefix", ctx_r5.idPrefix)("model", ctx_r5.model[ctx_r5.schema.id][item_r3.index])("schemas", ctx_r5.getSchemaProperties())("editing", ctx_r5.editing);
+} }
+function SchemaArrayComponent_div_0_ng_template_2_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 5);
+    ɵɵelementStart(1, "div", 6);
+    ɵɵelementStart(2, "label", 7);
+    ɵɵtext(3);
+    ɵɵpipe(4, "translate");
+    ɵɵelementEnd();
+    ɵɵelementStart(5, "schema-custom-attributes", 8);
+    ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_div_2_Template_schema_custom_attributes_modelChange_5_listener($event) { ɵɵrestoreView(_r16); const item_r3 = ɵɵnextContext().$implicit; const ctx_r15 = ɵɵnextContext(2); return ctx_r15.model[ctx_r15.schema.id][item_r3.index].customAttributes = $event; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r3 = ɵɵnextContext().$implicit;
+    const ctx_r6 = ɵɵnextContext(2);
+    ɵɵadvance(3);
+    ɵɵtextInterpolate(ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
+    ɵɵadvance(2);
+    ɵɵproperty("model", ctx_r6.model[ctx_r6.schema.id][item_r3.index].customAttributes)("onDropFunction", ctx_r6.onDrop);
+} }
+function SchemaArrayComponent_div_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵtemplate(0, SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template, 1, 4, "schema-form", 2);
+    ɵɵtemplate(1, SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template, 1, 4, "schema-form", 2);
+    ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_div_2_Template, 6, 5, "div", 3);
+} if (rf & 2) {
+    const item_r3 = ctx.$implicit;
+    const ctx_r2 = ɵɵnextContext(2);
+    ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop !== undefined);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop == undefined);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index] && ctx_r2.schema.customProperties);
+} }
+function SchemaArrayComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "array-session", 1);
+    ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_Template_array_session_modelChange_1_listener($event) { ɵɵrestoreView(_r20); const ctx_r19 = ɵɵnextContext(); return (ctx_r19.model[ctx_r19.schema.id] = $event); })("onAdd", function SchemaArrayComponent_div_0_Template_array_session_onAdd_1_listener() { ɵɵrestoreView(_r20); const ctx_r21 = ɵɵnextContext(); return ctx_r21.addArrayItem(ctx_r21.schema.id, {}); })("onAddLoop", function SchemaArrayComponent_div_0_Template_array_session_onAddLoop_1_listener() { ɵɵrestoreView(_r20); const ctx_r22 = ɵɵnextContext(); return ctx_r22.addArrayLoop(ctx_r22.schema.id, {}); });
+    ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_Template, 3, 3, "ng-template");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("label", ctx_r0.schema.title)("removeLabel", ctx_r0.schema.title)("model", ctx_r0.model[ctx_r0.schema.id])("showAddLoop", ctx_r0.schema.withoutLoop !== true);
+} }
+const _c0$2 = function () { return { standalone: true }; };
+function SchemaArrayComponent_div_1_ng_template_2_input_3_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "input", 12);
+    ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_input_3_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r30); const item_r24 = ɵɵnextContext().$implicit; return item_r24.items[item_r24.index].mappingAttributes = $event; })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_input_3_Template_input_dndDrop_0_listener($event) { ɵɵrestoreView(_r30); const item_r24 = ɵɵnextContext().$implicit; const ctx_r31 = ɵɵnextContext(2); return item_r24.items[item_r24.index].mappingAttributes = ctx_r31.onDrop($event, item_r24.items[item_r24.index].mappingAttributes); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r24 = ɵɵnextContext().$implicit;
+    const ctx_r25 = ɵɵnextContext(2);
+    ɵɵproperty("ngModel", item_r24.items[item_r24.index].mappingAttributes)("ngModelOptions", ɵɵpureFunction0(3, _c0$2))("id", ctx_r25.getId(ctx_r25.index) + "-" + item_r24.index);
+} }
+function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    const _r36 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "input", 12);
+    ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r36); const item_r24 = ɵɵnextContext().$implicit; return (item_r24.items[item_r24.index] = $event); })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template_input_dndDrop_0_listener($event) { ɵɵrestoreView(_r36); const item_r24 = ɵɵnextContext().$implicit; const ctx_r37 = ɵɵnextContext(2); return (item_r24.items[item_r24.index] = ctx_r37.onDrop($event, item_r24.items[item_r24.index])); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r24 = ɵɵnextContext().$implicit;
+    const ctx_r27 = ɵɵnextContext(2);
+    ɵɵproperty("ngModel", item_r24.items[item_r24.index])("ngModelOptions", ɵɵpureFunction0(3, _c0$2))("id", ctx_r27.getId(ctx_r27.index) + "-" + item_r24.index);
+} }
+function SchemaArrayComponent_div_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "label", 9);
+    ɵɵtext(1);
+    ɵɵpipe(2, "translate");
+    ɵɵelementEnd();
+    ɵɵtemplate(3, SchemaArrayComponent_div_1_ng_template_2_input_3_Template, 1, 4, "input", 10);
+    ɵɵtemplate(4, SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template, 1, 4, "ng-template", null, 11, ɵɵtemplateRefExtractor);
+} if (rf & 2) {
+    const item_r24 = ctx.$implicit;
+    const _r26 = ɵɵreference(5);
+    const ctx_r23 = ɵɵnextContext(2);
+    ɵɵproperty("htmlFor", ctx_r23.getId(ctx_r23.index) + "-" + item_r24.index);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(ɵɵpipeBind1(2, 4, ctx_r23.schema.title));
+    ɵɵadvance(2);
+    ɵɵproperty("ngIf", item_r24.items[item_r24.index].mappingAttributes || item_r24.items[item_r24.index].mappingAttributes === "")("ngIfElse", _r26);
+} }
+function SchemaArrayComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r41 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "array-session", 1);
+    ɵɵlistener("modelChange", function SchemaArrayComponent_div_1_Template_array_session_modelChange_1_listener($event) { ɵɵrestoreView(_r41); const ctx_r40 = ɵɵnextContext(); return (ctx_r40.model[ctx_r40.schema.id] = $event); })("onAdd", function SchemaArrayComponent_div_1_Template_array_session_onAdd_1_listener() { ɵɵrestoreView(_r41); const ctx_r42 = ɵɵnextContext(); return ctx_r42.addArrayItem(ctx_r42.schema.id, ""); })("onAddLoop", function SchemaArrayComponent_div_1_Template_array_session_onAddLoop_1_listener() { ɵɵrestoreView(_r41); const ctx_r43 = ɵɵnextContext(); return ctx_r43.addArrayLoop(ctx_r43.schema.id, ""); });
+    ɵɵtemplate(2, SchemaArrayComponent_div_1_ng_template_2_Template, 6, 6, "ng-template");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("label", ctx_r1.schema.title)("removeLabel", ctx_r1.schema.title)("model", ctx_r1.model[ctx_r1.schema.id])("showAddLoop", ctx_r1.schema.withoutLoop !== true);
+} }
+class SchemaArrayComponent extends BaseSchemaComponent {
+    constructor() {
+        super(...arguments);
+        this.editing = false;
+    }
+    ngAfterContentInit() {
+        var _a;
+        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'array' && this.model && !this.model[this.schema.id]) {
+            this.model[this.schema.id] = [];
+        }
+        this.loaded = true;
+    }
+    onDrop($event, modelElement) {
+        return onDropStruct($event, modelElement);
+    }
+    getId(index) {
+        return `${this.idPrefix}-struct-${index}`;
+    }
+    addArrayItem(id, param) {
+        this.model[id] = this.model[id] || [];
+        if (this.schema.properties) {
+            param = {};
+            Object.keys(this.schema.properties).forEach(key => {
+                const schemaProperty = this.schema.properties[key];
+                if (schemaProperty.type === 'object') {
+                    param[schemaProperty.id] = {};
+                }
+                else if (schemaProperty.type === 'array') {
+                    param[schemaProperty.id] = [];
+                }
+            });
+        }
+        this.model[id].push(param);
+    }
+    addArrayLoop(id, mappingAttributes) {
+        this.model[id] = this.model[id] || [];
+        this.model[id].push({ loop: '', alias: '', mappingAttributes });
+    }
+}
+SchemaArrayComponent.ɵfac = function SchemaArrayComponent_Factory(t) { return ɵSchemaArrayComponent_BaseFactory(t || SchemaArrayComponent); };
+SchemaArrayComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaArrayComponent, selectors: [["schema-array"]], inputs: { idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "label", "removeLabel", "model", "showAddLoop", "modelChange", "onAdd", "onAddLoop"], [3, "idPrefix", "model", "schemas", "editing", "modelChange", 4, "ngIf"], ["class", "row struct-custom-properties", 4, "ngIf"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"], [1, "info-label", 3, "htmlFor"], ["class", "form-control", "type", "text", "dndDropzone", "", 3, "ngModel", "ngModelOptions", "id", "ngModelChange", "dndDrop", 4, "ngIf", "ngIfElse"], ["elseBlock", ""], ["type", "text", "dndDropzone", "", 1, "form-control", 3, "ngModel", "ngModelOptions", "id", "ngModelChange", "dndDrop"]], template: function SchemaArrayComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, SchemaArrayComponent_div_0_Template, 3, 4, "div", 0);
+        ɵɵtemplate(1, SchemaArrayComponent_div_1_Template, 3, 4, "div", 0);
+    } if (rf & 2) {
+        ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && ctx.schema.properties);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.schema && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && !ctx.schema.properties);
+    } }, directives: [NgIf, ArraySessionComponent, SchemaFormComponent, SchemaCustomAttributesComponent, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel], pipes: [TranslatePipe], styles: [""] });
+const ɵSchemaArrayComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaArrayComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaArrayComponent, [{
+        type: Component,
+        args: [{
+                selector: 'schema-array',
+                templateUrl: 'schema-array.html',
+                styleUrls: ['./schema-array.scss']
+            }]
+    }], null, { idPrefix: [{
+            type: Input
+        }], schema: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], index: [{
+            type: Input
         }] }); })();
 
-const _c0$3 = function (a0) { return { "has-error": a0 }; };
-function FieldRenderComponent_small_4_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "small", 0);
-    ɵɵtext(1, "(obrigat\u00F3rio)");
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$3, ctx_r0.state && !ctx_r0.state.valid && ctx_r0.state.errors));
-} }
-function FieldRenderComponent_span_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "span", 4);
-    ɵɵpipe(1, "translate");
-    ɵɵelement(2, "i", 5);
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext();
-    ɵɵpropertyInterpolate("matTooltip", ɵɵpipeBind1(1, 1, ctx_r1.tooltip));
-} }
-const _c1$1 = ["*"];
-class FieldRenderComponent {
-    constructor() {
-        this.label = '';
-        this.required = true;
-    }
-}
-FieldRenderComponent.ɵfac = function FieldRenderComponent_Factory(t) { return new (t || FieldRenderComponent)(); };
-FieldRenderComponent.ɵcmp = ɵɵdefineComponent({ type: FieldRenderComponent, selectors: [["field-render"]], inputs: { label: "label", inputId: "inputId", tooltip: "tooltip", required: "required", state: "state" }, ngContentSelectors: _c1$1, decls: 7, vars: 9, consts: [[3, "ngClass"], [1, "info-label", "bold", 3, "htmlFor"], [3, "ngClass", 4, "ngIf"], ["class", "info-icon", 3, "matTooltip", 4, "ngIf"], [1, "info-icon", 3, "matTooltip"], [1, "far", "fa-question-circle"]], template: function FieldRenderComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵprojectionDef();
-        ɵɵelementStart(0, "div", 0);
-        ɵɵelementStart(1, "label", 1);
-        ɵɵtext(2);
-        ɵɵpipe(3, "translate");
-        ɵɵtemplate(4, FieldRenderComponent_small_4_Template, 2, 3, "small", 2);
-        ɵɵtemplate(5, FieldRenderComponent_span_5_Template, 3, 3, "span", 3);
-        ɵɵelementEnd();
-        ɵɵprojection(6);
-        ɵɵelementEnd();
-    } if (rf & 2) {
-        ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$3, ctx.state && !ctx.state.valid && (!ctx.state.pristine || ctx.state.touched) && ctx.state.errors));
-        ɵɵadvance(1);
-        ɵɵproperty("htmlFor", ctx.inputId);
-        ɵɵadvance(1);
-        ɵɵtextInterpolate1(" ", ɵɵpipeBind1(3, 5, ctx.label), " ");
-        ɵɵadvance(2);
-        ɵɵproperty("ngIf", ctx.required);
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", ctx.tooltip);
-    } }, directives: [NgClass, NgIf, MatTooltip], pipes: [TranslatePipe], styles: [".info-icon[_ngcontent-%COMP%]{color:#222d57;float:right;font-size:13px;margin-left:4px}"] });
-/*@__PURE__*/ (function () { ɵsetClassMetadata(FieldRenderComponent, [{
-        type: Component,
-        args: [{
-                selector: 'field-render',
-                templateUrl: 'field-render.html',
-                styleUrls: ['field-render.scss']
-            }]
-    }], null, { label: [{
-            type: Input
-        }], inputId: [{
-            type: Input
-        }], tooltip: [{
-            type: Input
-        }], required: [{
-            type: Input
-        }], state: [{
-            type: Input
+const _c0$3 = function (a0) { return { "has-error": a0 }; };
+function FieldRenderComponent_small_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "small", 0);
+    ɵɵtext(1, "(obrigat\u00F3rio)");
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$3, ctx_r0.state && !ctx_r0.state.valid && ctx_r0.state.errors));
+} }
+function FieldRenderComponent_span_5_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "span", 4);
+    ɵɵpipe(1, "translate");
+    ɵɵelement(2, "i", 5);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext();
+    ɵɵpropertyInterpolate("matTooltip", ɵɵpipeBind1(1, 1, ctx_r1.tooltip));
+} }
+const _c1$1 = ["*"];
+class FieldRenderComponent {
+    constructor() {
+        this.label = '';
+        this.required = true;
+    }
+}
+FieldRenderComponent.ɵfac = function FieldRenderComponent_Factory(t) { return new (t || FieldRenderComponent)(); };
+FieldRenderComponent.ɵcmp = ɵɵdefineComponent({ type: FieldRenderComponent, selectors: [["field-render"]], inputs: { label: "label", inputId: "inputId", tooltip: "tooltip", required: "required", state: "state" }, ngContentSelectors: _c1$1, decls: 7, vars: 9, consts: [[3, "ngClass"], [1, "info-label", "bold", 3, "htmlFor"], [3, "ngClass", 4, "ngIf"], ["class", "info-icon", 3, "matTooltip", 4, "ngIf"], [1, "info-icon", 3, "matTooltip"], [1, "far", "fa-question-circle"]], template: function FieldRenderComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵprojectionDef();
+        ɵɵelementStart(0, "div", 0);
+        ɵɵelementStart(1, "label", 1);
+        ɵɵtext(2);
+        ɵɵpipe(3, "translate");
+        ɵɵtemplate(4, FieldRenderComponent_small_4_Template, 2, 3, "small", 2);
+        ɵɵtemplate(5, FieldRenderComponent_span_5_Template, 3, 3, "span", 3);
+        ɵɵelementEnd();
+        ɵɵprojection(6);
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$3, ctx.state && !ctx.state.valid && (!ctx.state.pristine || ctx.state.touched) && ctx.state.errors));
+        ɵɵadvance(1);
+        ɵɵproperty("htmlFor", ctx.inputId);
+        ɵɵadvance(1);
+        ɵɵtextInterpolate1(" ", ɵɵpipeBind1(3, 5, ctx.label), " ");
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.required);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.tooltip);
+    } }, directives: [NgClass, NgIf, MatTooltip], pipes: [TranslatePipe], styles: [".info-icon[_ngcontent-%COMP%]{color:#222d57;float:right;font-size:13px;margin-left:4px}"] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(FieldRenderComponent, [{
+        type: Component,
+        args: [{
+                selector: 'field-render',
+                templateUrl: 'field-render.html',
+                styleUrls: ['field-render.scss']
+            }]
+    }], null, { label: [{
+            type: Input
+        }], inputId: [{
+            type: Input
+        }], tooltip: [{
+            type: Input
+        }], required: [{
+            type: Input
+        }], state: [{
+            type: Input
         }] }); })();
 
-const _c0$4 = function () { return { standalone: true }; };
-class NumberInputComponent extends BaseSchemaComponent {
-    ngAfterContentInit() {
-        this.value = this.model;
-    }
-    changeValue($event) {
-        if ($event && !isNaN($event)) {
-            this.model = Number($event);
-            this.modelChange.emit(this.model);
-        }
-        else {
-            this.model = $event;
-            this.modelChange.emit(this.model);
-        }
-    }
-}
-NumberInputComponent.ɵfac = function NumberInputComponent_Factory(t) { return ɵNumberInputComponent_BaseFactory(t || NumberInputComponent); };
-NumberInputComponent.ɵcmp = ɵɵdefineComponent({ type: NumberInputComponent, selectors: [["number-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 6, consts: [[1, "form-control", "number-input", 3, "id", "placeholder", "ngModel", "ngModelOptions", "maxlength", "ngModelChange"]], template: function NumberInputComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵelementStart(0, "input", 0);
-        ɵɵlistener("ngModelChange", function NumberInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.value = $event; })("ngModelChange", function NumberInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.changeValue($event); });
-        ɵɵelementEnd();
-    } if (rf & 2) {
-        ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", ɵɵpureFunction0(5, _c0$4))("maxlength", ctx.maxLength);
-    } }, directives: [DefaultValueAccessor, NgControlStatus, NgModel, MaxLengthValidator], encapsulation: 2 });
-const ɵNumberInputComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(NumberInputComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(NumberInputComponent, [{
-        type: Component,
-        args: [{
-                selector: 'number-input',
-                templateUrl: 'number-input.component.html'
-            }]
-    }], null, { placeholder: [{
-            type: Input
-        }], inputId: [{
-            type: Input
-        }], maxLength: [{
-            type: Input
+const _c0$4 = function () { return { standalone: true }; };
+class NumberInputComponent extends BaseSchemaComponent {
+    ngAfterContentInit() {
+        this.value = this.model;
+    }
+    onDropCallBack($event, value) {
+        this.value = value = super.onDrop($event, value);
+        this.changeValue(value);
+    }
+    changeValue($event) {
+        if ($event && !isNaN($event)) {
+            this.model = Number($event);
+            this.modelChange.emit(this.model);
+        }
+        else {
+            this.model = $event;
+            this.modelChange.emit(this.model);
+        }
+    }
+}
+NumberInputComponent.ɵfac = function NumberInputComponent_Factory(t) { return ɵNumberInputComponent_BaseFactory(t || NumberInputComponent); };
+NumberInputComponent.ɵcmp = ɵɵdefineComponent({ type: NumberInputComponent, selectors: [["number-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 6, consts: [["dndDropzone", "", 1, "form-control", "number-input", 3, "id", "placeholder", "ngModel", "ngModelOptions", "maxlength", "ngModelChange", "dndDrop"]], template: function NumberInputComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "input", 0);
+        ɵɵlistener("ngModelChange", function NumberInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.value = $event; })("ngModelChange", function NumberInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.changeValue($event); })("dndDrop", function NumberInputComponent_Template_input_dndDrop_0_listener($event) { return ctx.onDropCallBack($event, ctx.value); });
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", ɵɵpureFunction0(5, _c0$4))("maxlength", ctx.maxLength);
+    } }, directives: [DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, MaxLengthValidator], encapsulation: 2 });
+const ɵNumberInputComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(NumberInputComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(NumberInputComponent, [{
+        type: Component,
+        args: [{
+                selector: 'number-input',
+                templateUrl: 'number-input.component.html'
+            }]
+    }], null, { placeholder: [{
+            type: Input
+        }], inputId: [{
+            type: Input
+        }], maxLength: [{
+            type: Input
         }] }); })();
 
-const _c0$5 = function () { return { standalone: true }; };
-class BooleanInputComponent extends BaseSchemaComponent {
-    ngAfterContentInit() {
-        this.value = this.model;
-    }
-    changeValue($event) {
-        if ($event && ($event === 'true' || $event === 'false')) {
-            this.model = $event === 'true';
-            this.value = this.model;
-            this.modelChange.emit(this.model);
-        }
-        else {
-            this.model = $event;
-            this.value = this.model;
-            this.modelChange.emit(this.model);
-        }
-    }
-}
-BooleanInputComponent.ɵfac = function BooleanInputComponent_Factory(t) { return ɵBooleanInputComponent_BaseFactory(t || BooleanInputComponent); };
-BooleanInputComponent.ɵcmp = ɵɵdefineComponent({ type: BooleanInputComponent, selectors: [["boolean-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 6, consts: [[1, "form-control", 3, "id", "placeholder", "ngModel", "ngModelOptions", "maxlength", "ngModelChange"]], template: function BooleanInputComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵelementStart(0, "input", 0);
-        ɵɵlistener("ngModelChange", function BooleanInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.value = $event; })("ngModelChange", function BooleanInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.changeValue($event); });
-        ɵɵelementEnd();
-    } if (rf & 2) {
-        ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", ɵɵpureFunction0(5, _c0$5))("maxlength", ctx.maxLength);
-    } }, directives: [DefaultValueAccessor, NgControlStatus, NgModel, MaxLengthValidator], encapsulation: 2 });
-const ɵBooleanInputComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(BooleanInputComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(BooleanInputComponent, [{
-        type: Component,
-        args: [{
-                selector: 'boolean-input',
-                templateUrl: 'boolean-input.component.html',
-            }]
-    }], null, { placeholder: [{
-            type: Input
-        }], inputId: [{
-            type: Input
-        }], maxLength: [{
-            type: Input
+const _c0$5 = function () { return { standalone: true }; };
+class BooleanInputComponent extends BaseSchemaComponent {
+    ngAfterContentInit() {
+        this.value = this.model;
+    }
+    onDropCallBack($event, value) {
+        this.value = value = super.onDrop($event, value);
+        this.changeValue(value);
+    }
+    changeValue($event) {
+        if ($event && ($event === 'true' || $event === 'false')) {
+            this.model = $event === 'true';
+            this.value = this.model;
+            this.modelChange.emit(this.model);
+        }
+        else {
+            this.model = $event;
+            this.value = this.model;
+            this.modelChange.emit(this.model);
+        }
+    }
+}
+BooleanInputComponent.ɵfac = function BooleanInputComponent_Factory(t) { return ɵBooleanInputComponent_BaseFactory(t || BooleanInputComponent); };
+BooleanInputComponent.ɵcmp = ɵɵdefineComponent({ type: BooleanInputComponent, selectors: [["boolean-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 6, consts: [["dndDropzone", "", 1, "form-control", 3, "id", "placeholder", "ngModel", "ngModelOptions", "maxlength", "ngModelChange", "dndDrop"]], template: function BooleanInputComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "input", 0);
+        ɵɵlistener("ngModelChange", function BooleanInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.value = $event; })("ngModelChange", function BooleanInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.changeValue($event); })("dndDrop", function BooleanInputComponent_Template_input_dndDrop_0_listener($event) { return ctx.onDropCallBack($event, ctx.value); });
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", ɵɵpureFunction0(5, _c0$5))("maxlength", ctx.maxLength);
+    } }, directives: [DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, MaxLengthValidator], encapsulation: 2 });
+const ɵBooleanInputComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(BooleanInputComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(BooleanInputComponent, [{
+        type: Component,
+        args: [{
+                selector: 'boolean-input',
+                templateUrl: 'boolean-input.component.html',
+            }]
+    }], null, { placeholder: [{
+            type: Input
+        }], inputId: [{
+            type: Input
+        }], maxLength: [{
+            type: Input
         }] }); })();
 
-const _c0$6 = function () { return { standalone: true }; };
-function InputRenderComponent_input_1_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "input", 4);
-    ɵɵlistener("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r5); const ctx_r4 = ɵɵnextContext(); return ctx_r4.value = $event; })("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r5); const ctx_r6 = ɵɵnextContext(); return ctx_r6.onChange($event); });
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵpropertyInterpolate("placeholder", ctx_r0.schema.description);
-    ɵɵproperty("type", ctx_r0.schema.type === "password" ? "password" : "text")("ngModel", ctx_r0.value)("ngModelOptions", ɵɵpureFunction0(6, _c0$6))("id", ctx_r0.inputId)("maxlength", ctx_r0.schema.maxLength);
-} }
-function InputRenderComponent_select_box_2_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "select-box", 5);
-    ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { ɵɵrestoreView(_r8); const ctx_r7 = ɵɵnextContext(); return ctx_r7.value = $event; })("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { ɵɵrestoreView(_r8); const ctx_r9 = ɵɵnextContext(); return ctx_r9.onChange($event.key); });
-    ɵɵpipe(1, "translate");
-    ɵɵpipe(2, "translate");
-    ɵɵpipe(3, "translate");
-    ɵɵpipe(4, "translate");
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("id", ctx_r1.inputId)("ngModel", ctx_r1.value)("ngModelOptions", ɵɵpureFunction0(20, _c0$6))("placeholder", ɵɵpipeBind1(1, 12, ctx_r1.schema.description || "COMPONENTS.SCHEMA.SELECT.PLACEHOLDER"))("searchPlaceHolder", ɵɵpipeBind1(2, 14, "COMPONENTS.SCHEMA.SELECT.SEARCH"))("clearText", ɵɵpipeBind1(3, 16, "COMPONENTS.SCHEMA.SELECT.CLEAR"))("notFoundText", ɵɵpipeBind1(4, 18, "COMPONENTS.SCHEMA.SELECT.NOT_FOUND"))("bindKey", "key")("bindValue", "value")("enabledSearch", true)("limitItens", 30)("data", ctx_r1.schema.options);
-} }
-function InputRenderComponent_number_input_3_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "number-input", 6);
-    ɵɵlistener("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { ɵɵrestoreView(_r11); const ctx_r10 = ɵɵnextContext(); return ctx_r10.value = $event; })("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { ɵɵrestoreView(_r11); const ctx_r12 = ɵɵnextContext(); return ctx_r12.onChange($event); });
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = ɵɵnextContext();
-    ɵɵproperty("model", ctx_r2.value)("inputId", ctx_r2.inputId)("placeholder", ctx_r2.schema.description)("maxLength", ctx_r2.schema.maxLength);
-} }
-function InputRenderComponent_boolean_input_4_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "boolean-input", 6);
-    ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { ɵɵrestoreView(_r14); const ctx_r13 = ɵɵnextContext(); return ctx_r13.value = $event; })("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { ɵɵrestoreView(_r14); const ctx_r15 = ɵɵnextContext(); return ctx_r15.onChange($event); });
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = ɵɵnextContext();
-    ɵɵproperty("model", ctx_r3.value)("inputId", ctx_r3.inputId)("placeholder", ctx_r3.schema.description)("maxLength", ctx_r3.schema.maxLength);
-} }
-class InputRenderComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.schema = {};
-        this.editing = false;
-        this.onDropEvent = new EventEmitter();
-    }
-    ngAfterContentInit() {
-        var _a, _b;
-        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) !== 'object' && ((_b = this.schema) === null || _b === void 0 ? void 0 : _b.type) !== 'array') {
-            if (!this.editing && this.schema.options) {
-                const $event = this.schema.options.filter((item) => item.selected === true);
-                if ($event[0]) {
-                    this.onChange($event[0].key);
-                    this.value = $event[0];
-                }
-            }
-            else if (this.editing && this.schema.options && this.model) {
-                const $event = this.schema.options.filter((item) => item.key === this.model);
-                if ($event[0]) {
-                    this.onChange($event[0].key);
-                    this.value = $event[0];
-                }
-            }
-            else {
-                this.value = this.model;
-            }
-        }
-    }
-    onChange($event) {
-        this.model = $event;
-        this.modelChange.emit(this.model);
-    }
-}
-InputRenderComponent.ɵfac = function InputRenderComponent_Factory(t) { return ɵInputRenderComponent_BaseFactory(t || InputRenderComponent); };
-InputRenderComponent.ɵcmp = ɵɵdefineComponent({ type: InputRenderComponent, selectors: [["input-render"]], inputs: { schema: "schema", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing" }, outputs: { onDropEvent: "onDropEvent" }, features: [ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "schema-input-container"], ["class", "form-control", "dndDropzone", "", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange", 4, "ngIf"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange", 4, "ngIf"], ["dndDropzone", "", 3, "model", "inputId", "placeholder", "maxLength", "modelChange", 4, "ngIf"], ["dndDropzone", "", 1, "form-control", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange"], ["dndDropzone", "", 3, "model", "inputId", "placeholder", "maxLength", "modelChange"]], template: function InputRenderComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵelementStart(0, "div", 0);
-        ɵɵtemplate(1, InputRenderComponent_input_1_Template, 1, 7, "input", 1);
-        ɵɵtemplate(2, InputRenderComponent_select_box_2_Template, 5, 21, "select-box", 2);
-        ɵɵtemplate(3, InputRenderComponent_number_input_3_Template, 1, 4, "number-input", 3);
-        ɵɵtemplate(4, InputRenderComponent_boolean_input_4_Template, 1, 4, "boolean-input", 3);
-        ɵɵelementEnd();
-    } if (rf & 2) {
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", (ctx.schema.type === "string" || ctx.schema.type === "password") && !ctx.schema.options);
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", ctx.schema.type === "string" && ctx.schema.options);
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", ctx.schema.type === "number");
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", ctx.schema.type === "boolean");
-    } }, directives: [NgIf, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, MaxLengthValidator, SelectBoxComponent, NumberInputComponent, BooleanInputComponent], pipes: [TranslatePipe], styles: [""] });
-const ɵInputRenderComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(InputRenderComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(InputRenderComponent, [{
-        type: Component,
-        args: [{
-                selector: 'input-render',
-                templateUrl: 'input-render.html',
-                styleUrls: ['./input-render.scss']
-            }]
-    }], null, { schema: [{
-            type: Input
-        }], modelPropertiesPath: [{
-            type: Input
-        }], inputId: [{
-            type: Input
-        }], editing: [{
-            type: Input
-        }], onDropEvent: [{
-            type: Output
+const _c0$6 = function () { return { standalone: true }; };
+function InputRenderComponent_input_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "input", 4);
+    ɵɵlistener("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r5); const ctx_r4 = ɵɵnextContext(); return ctx_r4.value = $event; })("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r5); const ctx_r6 = ɵɵnextContext(); return ctx_r6.onChange($event); })("dndDrop", function InputRenderComponent_input_1_Template_input_dndDrop_0_listener($event) { ɵɵrestoreView(_r5); const ctx_r7 = ɵɵnextContext(); return ctx_r7.onDropCallBack($event, ctx_r7.value); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵpropertyInterpolate("placeholder", ctx_r0.schema.description);
+    ɵɵproperty("type", ctx_r0.schema.type === "password" ? "password" : "text")("ngModel", ctx_r0.value)("ngModelOptions", ɵɵpureFunction0(6, _c0$6))("id", ctx_r0.inputId)("maxlength", ctx_r0.schema.maxLength);
+} }
+function InputRenderComponent_select_box_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "select-box", 5);
+    ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { ɵɵrestoreView(_r9); const ctx_r8 = ɵɵnextContext(); return ctx_r8.value = $event; })("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { ɵɵrestoreView(_r9); const ctx_r10 = ɵɵnextContext(); return ctx_r10.onChange($event.key); });
+    ɵɵpipe(1, "translate");
+    ɵɵpipe(2, "translate");
+    ɵɵpipe(3, "translate");
+    ɵɵpipe(4, "translate");
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext();
+    ɵɵproperty("id", ctx_r1.inputId)("ngModel", ctx_r1.value)("ngModelOptions", ɵɵpureFunction0(20, _c0$6))("placeholder", ɵɵpipeBind1(1, 12, ctx_r1.schema.description || "COMPONENTS.SCHEMA.SELECT.PLACEHOLDER"))("searchPlaceHolder", ɵɵpipeBind1(2, 14, "COMPONENTS.SCHEMA.SELECT.SEARCH"))("clearText", ɵɵpipeBind1(3, 16, "COMPONENTS.SCHEMA.SELECT.CLEAR"))("notFoundText", ɵɵpipeBind1(4, 18, "COMPONENTS.SCHEMA.SELECT.NOT_FOUND"))("bindKey", "key")("bindValue", "value")("enabledSearch", true)("limitItens", 30)("data", ctx_r1.schema.options);
+} }
+function InputRenderComponent_number_input_3_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "number-input", 6);
+    ɵɵlistener("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { ɵɵrestoreView(_r12); const ctx_r11 = ɵɵnextContext(); return ctx_r11.value = $event; })("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { ɵɵrestoreView(_r12); const ctx_r13 = ɵɵnextContext(); return ctx_r13.onChange($event); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = ɵɵnextContext();
+    ɵɵproperty("model", ctx_r2.value)("inputId", ctx_r2.inputId)("placeholder", ctx_r2.schema.description)("maxLength", ctx_r2.schema.maxLength);
+} }
+function InputRenderComponent_boolean_input_4_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "boolean-input", 6);
+    ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { ɵɵrestoreView(_r15); const ctx_r14 = ɵɵnextContext(); return ctx_r14.value = $event; })("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { ɵɵrestoreView(_r15); const ctx_r16 = ɵɵnextContext(); return ctx_r16.onChange($event); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = ɵɵnextContext();
+    ɵɵproperty("model", ctx_r3.value)("inputId", ctx_r3.inputId)("placeholder", ctx_r3.schema.description)("maxLength", ctx_r3.schema.maxLength);
+} }
+class InputRenderComponent extends BaseSchemaComponent {
+    constructor() {
+        super(...arguments);
+        this.schema = {};
+        this.editing = false;
+        this.onDropEvent = new EventEmitter();
+    }
+    ngAfterContentInit() {
+        var _a, _b;
+        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) !== 'object' && ((_b = this.schema) === null || _b === void 0 ? void 0 : _b.type) !== 'array') {
+            if (!this.editing && this.schema.options) {
+                const $event = this.schema.options.filter((item) => item.selected === true);
+                if ($event[0]) {
+                    this.onChange($event[0].key);
+                    this.value = $event[0];
+                }
+            }
+            else if (this.editing && this.schema.options && this.model) {
+                const $event = this.schema.options.filter((item) => item.key === this.model);
+                if ($event[0]) {
+                    this.onChange($event[0].key);
+                    this.value = $event[0];
+                }
+            }
+            else {
+                this.value = this.model;
+            }
+        }
+    }
+    onDropCallBack($event, value) {
+        this.value = value = super.onDrop($event, value);
+        this.onChange(value);
+    }
+    onChange($event) {
+        this.model = $event;
+        this.modelChange.emit(this.model);
+    }
+}
+InputRenderComponent.ɵfac = function InputRenderComponent_Factory(t) { return ɵInputRenderComponent_BaseFactory(t || InputRenderComponent); };
+InputRenderComponent.ɵcmp = ɵɵdefineComponent({ type: InputRenderComponent, selectors: [["input-render"]], inputs: { schema: "schema", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing" }, outputs: { onDropEvent: "onDropEvent" }, features: [ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "schema-input-container"], ["class", "form-control", "dndDropzone", "", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange", "dndDrop", 4, "ngIf"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange", 4, "ngIf"], [3, "model", "inputId", "placeholder", "maxLength", "modelChange", 4, "ngIf"], ["dndDropzone", "", 1, "form-control", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange", "dndDrop"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange"], [3, "model", "inputId", "placeholder", "maxLength", "modelChange"]], template: function InputRenderComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "div", 0);
+        ɵɵtemplate(1, InputRenderComponent_input_1_Template, 1, 7, "input", 1);
+        ɵɵtemplate(2, InputRenderComponent_select_box_2_Template, 5, 21, "select-box", 2);
+        ɵɵtemplate(3, InputRenderComponent_number_input_3_Template, 1, 4, "number-input", 3);
+        ɵɵtemplate(4, InputRenderComponent_boolean_input_4_Template, 1, 4, "boolean-input", 3);
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", (ctx.schema.type === "string" || ctx.schema.type === "password") && !ctx.schema.options);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.schema.type === "string" && ctx.schema.options);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.schema.type === "number");
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.schema.type === "boolean");
+    } }, directives: [NgIf, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, MaxLengthValidator, SelectBoxComponent, NumberInputComponent, BooleanInputComponent], pipes: [TranslatePipe], styles: [""] });
+const ɵInputRenderComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(InputRenderComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(InputRenderComponent, [{
+        type: Component,
+        args: [{
+                selector: 'input-render',
+                templateUrl: 'input-render.html',
+                styleUrls: ['./input-render.scss']
+            }]
+    }], null, { schema: [{
+            type: Input
+        }], modelPropertiesPath: [{
+            type: Input
+        }], inputId: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], onDropEvent: [{
+            type: Output
         }] }); })();
 
-function SchemaInputComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 1);
-    ɵɵelementStart(1, "div", 2);
-    ɵɵelementStart(2, "field-render", 3);
-    ɵɵelementStart(3, "input-render", 4);
-    ɵɵlistener("modelChange", function SchemaInputComponent_div_0_Template_input_render_modelChange_3_listener($event) { ɵɵrestoreView(_r3); const ctx_r2 = ɵɵnextContext(); return (ctx_r2.model[ctx_r2.schema.id] = $event); });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵadvance(2);
-    ɵɵproperty("label", ctx_r0.schema.title)("tooltip", ctx_r0.schema.help)("inputId", ctx_r0.getId(ctx_r0.index));
-    ɵɵadvance(1);
-    ɵɵproperty("inputId", ctx_r0.getId(ctx_r0.index))("schema", ctx_r0.schema)("model", ctx_r0.model[ctx_r0.schema.id])("modelPropertiesPath", "mappingAttributes." + ctx_r0.schema.id)("editing", ctx_r0.editing);
-} }
-function SchemaInputComponent_div_1_span_4_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "span", 7);
-    ɵɵpipe(1, "translate");
-    ɵɵtext(2, "?");
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = ɵɵnextContext(2);
-    ɵɵpropertyInterpolate("matTooltip", ɵɵpipeBind1(1, 1, ctx_r4.schema.help));
-} }
-function SchemaInputComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 1);
-    ɵɵelementStart(1, "div", 2);
-    ɵɵelementStart(2, "label", 5);
-    ɵɵtext(3);
-    ɵɵtemplate(4, SchemaInputComponent_div_1_span_4_Template, 3, 3, "span", 6);
-    ɵɵelementEnd();
-    ɵɵelementStart(5, "input-render", 4);
-    ɵɵlistener("modelChange", function SchemaInputComponent_div_1_Template_input_render_modelChange_5_listener($event) { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(); return (ctx_r5.model[ctx_r5.schema.id] = $event); });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext();
-    ɵɵadvance(2);
-    ɵɵproperty("htmlFor", ctx_r1.getId(ctx_r1.index));
-    ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", ctx_r1.schema.title, " ");
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r1.schema.help);
-    ɵɵadvance(1);
-    ɵɵproperty("inputId", ctx_r1.getId(ctx_r1.index))("schema", ctx_r1.schema)("model", ctx_r1.model[ctx_r1.schema.id])("modelPropertiesPath", "mappingAttributes." + ctx_r1.schema.id)("editing", ctx_r1.editing);
-} }
-class SchemaInputComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.editing = false;
-    }
-    ngAfterContentInit() {
-        this.loaded = true;
-        console.log('SchemaInputComponent schema', this.schema);
-    }
-    getId(index) {
-        return `${this.idPrefix}-struct-${index}`;
-    }
-}
-SchemaInputComponent.ɵfac = function SchemaInputComponent_Factory(t) { return ɵSchemaInputComponent_BaseFactory(t || SchemaInputComponent); };
-SchemaInputComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaInputComponent, selectors: [["schema-input"]], inputs: { idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "row schema-input", 4, "ngIf"], [1, "row", "schema-input"], [1, "col-md-12"], [3, "label", "tooltip", "inputId"], [3, "inputId", "schema", "model", "modelPropertiesPath", "editing", "modelChange"], [1, "info-label", "bold", 3, "htmlFor"], ["class", "config-tooltip", 3, "matTooltip", 4, "ngIf"], [1, "config-tooltip", 3, "matTooltip"]], template: function SchemaInputComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, SchemaInputComponent_div_0_Template, 4, 8, "div", 0);
-        ɵɵtemplate(1, SchemaInputComponent_div_1_Template, 6, 8, "div", 0);
-    } if (rf & 2) {
-        ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && ctx.schema.minLength && ctx.schema.minLength > 0);
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && (!ctx.schema.minLength || ctx.schema.minLength === 0));
-    } }, directives: [NgIf, FieldRenderComponent, InputRenderComponent, MatTooltip], pipes: [TranslatePipe], styles: [""] });
-const ɵSchemaInputComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaInputComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaInputComponent, [{
-        type: Component,
-        args: [{
-                selector: 'schema-input',
-                templateUrl: 'schema-input.html',
-                styleUrls: ['./schema-input.scss']
-            }]
-    }], null, { idPrefix: [{
-            type: Input
-        }], schema: [{
-            type: Input
-        }], editing: [{
-            type: Input
-        }], index: [{
-            type: Input
+function SchemaInputComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 1);
+    ɵɵelementStart(1, "div", 2);
+    ɵɵelementStart(2, "field-render", 3);
+    ɵɵelementStart(3, "input-render", 4);
+    ɵɵlistener("modelChange", function SchemaInputComponent_div_0_Template_input_render_modelChange_3_listener($event) { ɵɵrestoreView(_r3); const ctx_r2 = ɵɵnextContext(); return (ctx_r2.model[ctx_r2.schema.id] = $event); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(2);
+    ɵɵproperty("label", ctx_r0.schema.title)("tooltip", ctx_r0.schema.help)("inputId", ctx_r0.getId(ctx_r0.index));
+    ɵɵadvance(1);
+    ɵɵproperty("inputId", ctx_r0.getId(ctx_r0.index))("schema", ctx_r0.schema)("model", ctx_r0.model[ctx_r0.schema.id])("modelPropertiesPath", "mappingAttributes." + ctx_r0.schema.id)("editing", ctx_r0.editing);
+} }
+function SchemaInputComponent_div_1_span_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "span", 7);
+    ɵɵpipe(1, "translate");
+    ɵɵtext(2, "?");
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = ɵɵnextContext(2);
+    ɵɵpropertyInterpolate("matTooltip", ɵɵpipeBind1(1, 1, ctx_r4.schema.help));
+} }
+function SchemaInputComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 1);
+    ɵɵelementStart(1, "div", 2);
+    ɵɵelementStart(2, "label", 5);
+    ɵɵtext(3);
+    ɵɵtemplate(4, SchemaInputComponent_div_1_span_4_Template, 3, 3, "span", 6);
+    ɵɵelementEnd();
+    ɵɵelementStart(5, "input-render", 4);
+    ɵɵlistener("modelChange", function SchemaInputComponent_div_1_Template_input_render_modelChange_5_listener($event) { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(); return (ctx_r5.model[ctx_r5.schema.id] = $event); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext();
+    ɵɵadvance(2);
+    ɵɵproperty("htmlFor", ctx_r1.getId(ctx_r1.index));
+    ɵɵadvance(1);
+    ɵɵtextInterpolate1(" ", ctx_r1.schema.title, " ");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r1.schema.help);
+    ɵɵadvance(1);
+    ɵɵproperty("inputId", ctx_r1.getId(ctx_r1.index))("schema", ctx_r1.schema)("model", ctx_r1.model[ctx_r1.schema.id])("modelPropertiesPath", "mappingAttributes." + ctx_r1.schema.id)("editing", ctx_r1.editing);
+} }
+class SchemaInputComponent extends BaseSchemaComponent {
+    constructor() {
+        super(...arguments);
+        this.editing = false;
+    }
+    ngAfterContentInit() {
+        this.loaded = true;
+    }
+    getId(index) {
+        return `${this.idPrefix}-struct-${index}`;
+    }
+}
+SchemaInputComponent.ɵfac = function SchemaInputComponent_Factory(t) { return ɵSchemaInputComponent_BaseFactory(t || SchemaInputComponent); };
+SchemaInputComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaInputComponent, selectors: [["schema-input"]], inputs: { idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "row schema-input", 4, "ngIf"], [1, "row", "schema-input"], [1, "col-md-12"], [3, "label", "tooltip", "inputId"], [3, "inputId", "schema", "model", "modelPropertiesPath", "editing", "modelChange"], [1, "info-label", "bold", 3, "htmlFor"], ["class", "config-tooltip", 3, "matTooltip", 4, "ngIf"], [1, "config-tooltip", 3, "matTooltip"]], template: function SchemaInputComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, SchemaInputComponent_div_0_Template, 4, 8, "div", 0);
+        ɵɵtemplate(1, SchemaInputComponent_div_1_Template, 6, 8, "div", 0);
+    } if (rf & 2) {
+        ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && ctx.schema.minLength && ctx.schema.minLength > 0);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && (!ctx.schema.minLength || ctx.schema.minLength === 0));
+    } }, directives: [NgIf, FieldRenderComponent, InputRenderComponent, MatTooltip], pipes: [TranslatePipe], styles: [""] });
+const ɵSchemaInputComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaInputComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaInputComponent, [{
+        type: Component,
+        args: [{
+                selector: 'schema-input',
+                templateUrl: 'schema-input.html',
+                styleUrls: ['./schema-input.scss']
+            }]
+    }], null, { idPrefix: [{
+            type: Input
+        }], schema: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], index: [{
+            type: Input
         }] }); })();
 
-function SchemaObjectComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 5);
-    ɵɵelementStart(1, "div", 6);
-    ɵɵelementStart(2, "label", 7);
-    ɵɵtext(3);
-    ɵɵpipe(4, "translate");
-    ɵɵelementEnd();
-    ɵɵelementStart(5, "schema-custom-attributes", 8);
-    ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_div_4_Template_schema_custom_attributes_modelChange_5_listener($event) { ɵɵrestoreView(_r3); const ctx_r2 = ɵɵnextContext(2); return ctx_r2.model[ctx_r2.schema.id].customAttributes = $event; });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext(2);
-    ɵɵadvance(3);
-    ɵɵtextInterpolate(ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
-    ɵɵadvance(2);
-    ɵɵproperty("model", ctx_r1.model[ctx_r1.schema.id].customAttributes)("onDropFunction", ctx_r1.onDrop);
-} }
-function SchemaObjectComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 1);
-    ɵɵelementStart(1, "div", 2);
-    ɵɵtext(2);
-    ɵɵelementEnd();
-    ɵɵelementStart(3, "schema-form", 3);
-    ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_Template_schema_form_modelChange_3_listener($event) { ɵɵrestoreView(_r5); const ctx_r4 = ɵɵnextContext(); return (ctx_r4.model[ctx_r4.schema.id] = $event); });
-    ɵɵelementEnd();
-    ɵɵtemplate(4, SchemaObjectComponent_div_0_div_4_Template, 6, 5, "div", 4);
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵadvance(2);
-    ɵɵtextInterpolate(ctx_r0.schema.title);
-    ɵɵadvance(1);
-    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model[ctx_r0.schema.id])("schemas", ctx_r0.getSchemaProperties())("editing", ctx_r0.editing);
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r0.model[ctx_r0.schema.id] && ctx_r0.schema.customProperties);
-} }
-class SchemaObjectComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.editing = false;
-        this.onDropEvent = new EventEmitter();
-        this.loaded = false;
-    }
-    ngAfterContentInit() {
-        var _a;
-        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'object' && this.model) {
-            this.model[this.schema.id] = this.model[this.schema.id] || {};
-        }
-        this.loaded = true;
-        console.log('SchemaObjectComponent schema', this.schema);
-    }
-    onDrop($event, modelElement) {
-        return onDropStruct($event, modelElement);
-    }
-}
-SchemaObjectComponent.ɵfac = function SchemaObjectComponent_Factory(t) { return ɵSchemaObjectComponent_BaseFactory(t || SchemaObjectComponent); };
-SchemaObjectComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaObjectComponent, selectors: [["schema-object"]], inputs: { idPrefix: "idPrefix", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing", index: "index" }, outputs: { onDropEvent: "onDropEvent" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-object-container", 4, "ngIf"], [1, "schema-object-container"], [1, "schema-object-title"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], ["class", "row struct-custom-properties", 4, "ngIf"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"]], template: function SchemaObjectComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, SchemaObjectComponent_div_0_Template, 5, 6, "div", 0);
-    } if (rf & 2) {
-        ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type == "object");
-    } }, directives: [NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], pipes: [TranslatePipe], styles: [".schema-object-container[_ngcontent-%COMP%]{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;margin-top:10px;padding:10px}.schema-object-container[_ngcontent-%COMP%]   .schema-object-title[_ngcontent-%COMP%]{background:#eee;border-bottom:1px solid #ddd;font-weight:700;margin-left:-10px;margin-top:-10px;padding:10px;width:calc(100% + 20px)}"] });
-const ɵSchemaObjectComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaObjectComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaObjectComponent, [{
-        type: Component,
-        args: [{
-                selector: 'schema-object',
-                templateUrl: 'schema-object.html',
-                styleUrls: ['./schema-object.scss']
-            }]
-    }], null, { idPrefix: [{
-            type: Input
-        }], modelPropertiesPath: [{
-            type: Input
-        }], inputId: [{
-            type: Input
-        }], editing: [{
-            type: Input
-        }], index: [{
-            type: Input
-        }], onDropEvent: [{
-            type: Output
+function SchemaObjectComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 5);
+    ɵɵelementStart(1, "div", 6);
+    ɵɵelementStart(2, "label", 7);
+    ɵɵtext(3);
+    ɵɵpipe(4, "translate");
+    ɵɵelementEnd();
+    ɵɵelementStart(5, "schema-custom-attributes", 8);
+    ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_div_4_Template_schema_custom_attributes_modelChange_5_listener($event) { ɵɵrestoreView(_r3); const ctx_r2 = ɵɵnextContext(2); return ctx_r2.model[ctx_r2.schema.id].customAttributes = $event; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext(2);
+    ɵɵadvance(3);
+    ɵɵtextInterpolate(ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
+    ɵɵadvance(2);
+    ɵɵproperty("model", ctx_r1.model[ctx_r1.schema.id].customAttributes)("onDropFunction", ctx_r1.onDrop);
+} }
+function SchemaObjectComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 1);
+    ɵɵelementStart(1, "div", 2);
+    ɵɵtext(2);
+    ɵɵelementEnd();
+    ɵɵelementStart(3, "schema-form", 3);
+    ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_Template_schema_form_modelChange_3_listener($event) { ɵɵrestoreView(_r5); const ctx_r4 = ɵɵnextContext(); return (ctx_r4.model[ctx_r4.schema.id] = $event); });
+    ɵɵelementEnd();
+    ɵɵtemplate(4, SchemaObjectComponent_div_0_div_4_Template, 6, 5, "div", 4);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(2);
+    ɵɵtextInterpolate(ctx_r0.schema.title);
+    ɵɵadvance(1);
+    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model[ctx_r0.schema.id])("schemas", ctx_r0.getSchemaProperties())("editing", ctx_r0.editing);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r0.model[ctx_r0.schema.id] && ctx_r0.schema.customProperties);
+} }
+class SchemaObjectComponent extends BaseSchemaComponent {
+    constructor() {
+        super(...arguments);
+        this.editing = false;
+        this.onDropEvent = new EventEmitter();
+        this.loaded = false;
+    }
+    ngAfterContentInit() {
+        var _a;
+        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'object' && this.model) {
+            this.model[this.schema.id] = this.model[this.schema.id] || {};
+        }
+        this.loaded = true;
+    }
+    onDrop($event, modelElement) {
+        return onDropStruct($event, modelElement);
+    }
+}
+SchemaObjectComponent.ɵfac = function SchemaObjectComponent_Factory(t) { return ɵSchemaObjectComponent_BaseFactory(t || SchemaObjectComponent); };
+SchemaObjectComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaObjectComponent, selectors: [["schema-object"]], inputs: { idPrefix: "idPrefix", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing", index: "index" }, outputs: { onDropEvent: "onDropEvent" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-object-container", 4, "ngIf"], [1, "schema-object-container"], [1, "schema-object-title"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], ["class", "row struct-custom-properties", 4, "ngIf"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"]], template: function SchemaObjectComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, SchemaObjectComponent_div_0_Template, 5, 6, "div", 0);
+    } if (rf & 2) {
+        ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type == "object");
+    } }, directives: [NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], pipes: [TranslatePipe], styles: [".schema-object-container[_ngcontent-%COMP%]{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;margin-top:10px;padding:10px}.schema-object-container[_ngcontent-%COMP%]   .schema-object-title[_ngcontent-%COMP%]{background:#eee;border-bottom:1px solid #ddd;font-weight:700;margin-left:-10px;margin-top:-10px;padding:10px;width:calc(100% + 20px)}"] });
+const ɵSchemaObjectComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaObjectComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaObjectComponent, [{
+        type: Component,
+        args: [{
+                selector: 'schema-object',
+                templateUrl: 'schema-object.html',
+                styleUrls: ['./schema-object.scss']
+            }]
+    }], null, { idPrefix: [{
+            type: Input
+        }], modelPropertiesPath: [{
+            type: Input
+        }], inputId: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], index: [{
+            type: Input
+        }], onDropEvent: [{
+            type: Output
         }] }); })();
 
-class SchemaValidationField {
-    constructor(emptyFields, invalidMinLengthFields, invalidMaxLengthFields) {
-        this.emptyFields = emptyFields;
-        this.invalidMinLengthFields = invalidMinLengthFields;
-        this.invalidMaxLengthFields = invalidMaxLengthFields;
-    }
-    isValidSchemaFields() {
-        var _a, _b, _c;
-        return ((_a = this.emptyFields) === null || _a === void 0 ? void 0 : _a.length) < 1 && ((_b = this.invalidMinLengthFields) === null || _b === void 0 ? void 0 : _b.length) < 1 && ((_c = this.invalidMaxLengthFields) === null || _c === void 0 ? void 0 : _c.length) < 1;
-    }
-    isInvalidSchemaFields() {
-        return !this.isValidSchemaFields();
-    }
+class SchemaValidationField {
+    constructor(emptyFields, invalidMinLengthFields, invalidMaxLengthFields) {
+        this.emptyFields = emptyFields;
+        this.invalidMinLengthFields = invalidMinLengthFields;
+        this.invalidMaxLengthFields = invalidMaxLengthFields;
+    }
+    isValidSchemaFields() {
+        var _a, _b, _c;
+        return ((_a = this.emptyFields) === null || _a === void 0 ? void 0 : _a.length) < 1 && ((_b = this.invalidMinLengthFields) === null || _b === void 0 ? void 0 : _b.length) < 1 && ((_c = this.invalidMaxLengthFields) === null || _c === void 0 ? void 0 : _c.length) < 1;
+    }
+    isInvalidSchemaFields() {
+        return !this.isValidSchemaFields();
+    }
 }
 
-class SchemaFieldsService {
-    constructor(translate) {
-        this.translate = translate;
-    }
-    validateSchemaFields(propertiesRendered, model) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!propertiesRendered) {
-                return new SchemaValidationField([], [], []);
-            }
-            const emptyFields = [];
-            const invalidMinLengthFields = [];
-            const invalidMaxLengthFields = [];
-            this.processProperties(propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
-            const structValidationField = new SchemaValidationField(emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
-            structValidationField.validationErrorsLabel = yield this.getErrorsStringArray(structValidationField);
-            return structValidationField;
-        });
-    }
-    processProperties(propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, recursive) {
-        for (const property of propertiesRendered) {
-            if ((property.type === 'object' || property.type === 'array') && property.properties) {
-                this.processProperties(property.properties, model[property.id], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
-            }
-            else if (property.type === 'array' && !property.properties) {
-                const newProperty = Object.assign({}, property);
-                newProperty.type = 'string';
-                this.processProperties([newProperty], model[property.id], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
-            }
-            else {
-                const validateModel = recursive ? model : model[property.id];
-                if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0
-                    && (validateModel === undefined || validateModel === '' || validateModel === null)) {
-                    emptyFields.push(property);
-                }
-                else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) < property.minLength)) {
-                    invalidMinLengthFields.push(property);
-                }
-                else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.maxLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) > property.maxLength)) {
-                    invalidMaxLengthFields.push(property);
-                }
-            }
-        }
-    }
-    getErrorsStringArray(structValidation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!structValidation.isInvalidSchemaFields()) {
-                return [];
-            }
-            const errors = [];
-            for (const field of structValidation.emptyFields) {
-                const fieldName = field.title || field.id;
-                errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.REQUIRED_FIELD_ERROR', { fieldName }));
-            }
-            for (const field of structValidation.invalidMinLengthFields) {
-                const fieldName = field.title || field.id;
-                errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.MINLENGTH_FIELD_ERROR', { fieldName, minLength: field.minLength }));
-            }
-            for (const field of structValidation.invalidMaxLengthFields) {
-                const fieldName = field.title || field.id;
-                errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.MAXLENGTH_FIELD_ERROR', { fieldName, maxLength: field.maxLength }));
-            }
-            return errors;
-        });
-    }
-}
-SchemaFieldsService.ɵfac = function SchemaFieldsService_Factory(t) { return new (t || SchemaFieldsService)(ɵɵinject(TranslateService)); };
-SchemaFieldsService.ɵprov = ɵɵdefineInjectable({ token: SchemaFieldsService, factory: SchemaFieldsService.ɵfac });
-/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaFieldsService, [{
-        type: Injectable
+class SchemaFieldsService {
+    constructor(translate) {
+        this.translate = translate;
+    }
+    validateSchemaFields(propertiesRendered, model) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!propertiesRendered) {
+                return new SchemaValidationField([], [], []);
+            }
+            const emptyFields = [];
+            const invalidMinLengthFields = [];
+            const invalidMaxLengthFields = [];
+            this.processProperties(propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
+            const structValidationField = new SchemaValidationField(emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
+            structValidationField.validationErrorsLabel = yield this.getErrorsStringArray(structValidationField);
+            return structValidationField;
+        });
+    }
+    processProperties(propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, recursive) {
+        for (const property of propertiesRendered) {
+            if ((property.type === 'object' || property.type === 'array') && property.properties) {
+                this.processProperties(property.properties, model[property.id], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
+            }
+            else if (property.type === 'array' && !property.properties) {
+                const newProperty = Object.assign({}, property);
+                newProperty.type = 'string';
+                this.processProperties([newProperty], model[property.id], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
+            }
+            else {
+                const validateModel = recursive ? model : model[property.id];
+                if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0
+                    && (validateModel === undefined || validateModel === '' || validateModel === null)) {
+                    emptyFields.push(property);
+                }
+                else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) < property.minLength)) {
+                    invalidMinLengthFields.push(property);
+                }
+                else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.maxLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) > property.maxLength)) {
+                    invalidMaxLengthFields.push(property);
+                }
+            }
+        }
+    }
+    getErrorsStringArray(structValidation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!structValidation.isInvalidSchemaFields()) {
+                return [];
+            }
+            const errors = [];
+            for (const field of structValidation.emptyFields) {
+                const fieldName = field.title || field.id;
+                errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.REQUIRED_FIELD_ERROR', { fieldName }));
+            }
+            for (const field of structValidation.invalidMinLengthFields) {
+                const fieldName = field.title || field.id;
+                errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.MINLENGTH_FIELD_ERROR', { fieldName, minLength: field.minLength }));
+            }
+            for (const field of structValidation.invalidMaxLengthFields) {
+                const fieldName = field.title || field.id;
+                errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.MAXLENGTH_FIELD_ERROR', { fieldName, maxLength: field.maxLength }));
+            }
+            return errors;
+        });
+    }
+}
+SchemaFieldsService.ɵfac = function SchemaFieldsService_Factory(t) { return new (t || SchemaFieldsService)(ɵɵinject(TranslateService)); };
+SchemaFieldsService.ɵprov = ɵɵdefineInjectable({ token: SchemaFieldsService, factory: SchemaFieldsService.ɵfac });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaFieldsService, [{
+        type: Injectable
     }], function () { return [{ type: TranslateService }]; }, null); })();
 
-function SchemaFormRenderComponent_div_0_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 6);
-    ɵɵelementStart(1, "div", 7);
-    ɵɵelementStart(2, "label", 8);
-    ɵɵtext(3);
-    ɵɵpipe(4, "translate");
-    ɵɵelementEnd();
-    ɵɵelementStart(5, "schema-custom-attributes", 9);
-    ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_div_2_div_1_Template_schema_custom_attributes_modelChange_5_listener($event) { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(3); return ctx_r5.model.customAttributes = $event; });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = ɵɵnextContext(3);
-    ɵɵadvance(3);
-    ɵɵtextInterpolate(ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
-    ɵɵadvance(2);
-    ɵɵproperty("model", ctx_r4.model.customAttributes)("onDropFunction", ctx_r4.onDrop);
-} }
-function SchemaFormRenderComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 4);
-    ɵɵtemplate(1, SchemaFormRenderComponent_div_0_div_2_div_1_Template, 6, 5, "div", 5);
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext(2);
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r1.model && ctx_r1.customProperties);
-} }
-function SchemaFormRenderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 1);
-    ɵɵelementStart(1, "schema-form", 2);
-    ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_Template_schema_form_modelChange_1_listener($event) { ɵɵrestoreView(_r8); const ctx_r7 = ɵɵnextContext(); return ctx_r7.model = $event; });
-    ɵɵelementEnd();
-    ɵɵtemplate(2, SchemaFormRenderComponent_div_0_div_2_Template, 2, 1, "div", 3);
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵadvance(1);
-    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schemas", ctx_r0.schemas)("editing", ctx_r0.editing);
-    ɵɵadvance(1);
-    ɵɵproperty("ngForOf", ctx_r0.schemas);
-} }
-class SchemaFormRenderComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.schemas = [];
-        this.customProperties = false;
-        this.editing = false;
-        this.loaded = false;
-    }
-    ngAfterContentInit() {
-        this.loaded = true;
-        console.log('SchemaFormRenderComponent schemas', this.schemas);
-    }
-    onDrop($event, modelElement) {
-        return onDropStruct($event, modelElement);
-    }
-    getId(index) {
-        return `${this.idPrefix}-struct-${index}`;
-    }
-}
-SchemaFormRenderComponent.ɵfac = function SchemaFormRenderComponent_Factory(t) { return ɵSchemaFormRenderComponent_BaseFactory(t || SchemaFormRenderComponent); };
-SchemaFormRenderComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaFormRenderComponent, selectors: [["schema-form-render"]], inputs: { idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema", 4, "ngIf"], [1, "schema"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], ["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], ["class", "row struct-custom-properties", 4, "ngIf"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"]], template: function SchemaFormRenderComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, SchemaFormRenderComponent_div_0_Template, 3, 5, "div", 0);
-    } if (rf & 2) {
-        ɵɵproperty("ngIf", ctx.loaded);
-    } }, directives: [NgIf, SchemaFormComponent, NgForOf, SchemaCustomAttributesComponent], pipes: [TranslatePipe], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{background:#fff;border:1px solid #ddd;border-radius:3px;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     select.form-control{border:1px solid #ddd;border-radius:4px;color:#777;cursor:pointer;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{background:var(--color-primary);border:1px solid var(--color-secondary);border-radius:4px;color:var(--color-secondary);cursor:pointer;padding:5px 15px}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title, .schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
-const ɵSchemaFormRenderComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaFormRenderComponent);
-/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaFormRenderComponent, [{
-        type: Component,
-        args: [{
-                selector: 'schema-form-render',
-                templateUrl: 'schema-form-render.html',
-                styleUrls: ['./schema-form-render.scss']
-            }]
-    }], null, { idPrefix: [{
-            type: Input
-        }], schemas: [{
-            type: Input
-        }], customProperties: [{
-            type: Input
-        }], editing: [{
-            type: Input
-        }], inputType: [{
-            type: Input
+function SchemaFormRenderComponent_div_0_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 6);
+    ɵɵelementStart(1, "div", 7);
+    ɵɵelementStart(2, "label", 8);
+    ɵɵtext(3);
+    ɵɵpipe(4, "translate");
+    ɵɵelementEnd();
+    ɵɵelementStart(5, "schema-custom-attributes", 9);
+    ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_div_2_div_1_Template_schema_custom_attributes_modelChange_5_listener($event) { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(3); return ctx_r5.model.customAttributes = $event; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = ɵɵnextContext(3);
+    ɵɵadvance(3);
+    ɵɵtextInterpolate(ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
+    ɵɵadvance(2);
+    ɵɵproperty("model", ctx_r4.model.customAttributes)("onDropFunction", ctx_r4.onDrop);
+} }
+function SchemaFormRenderComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 4);
+    ɵɵtemplate(1, SchemaFormRenderComponent_div_0_div_2_div_1_Template, 6, 5, "div", 5);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext(2);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r1.model && ctx_r1.customProperties);
+} }
+function SchemaFormRenderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 1);
+    ɵɵelementStart(1, "schema-form", 2);
+    ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_Template_schema_form_modelChange_1_listener($event) { ɵɵrestoreView(_r8); const ctx_r7 = ɵɵnextContext(); return ctx_r7.model = $event; });
+    ɵɵelementEnd();
+    ɵɵtemplate(2, SchemaFormRenderComponent_div_0_div_2_Template, 2, 1, "div", 3);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schemas", ctx_r0.schemas)("editing", ctx_r0.editing);
+    ɵɵadvance(1);
+    ɵɵproperty("ngForOf", ctx_r0.schemas);
+} }
+class SchemaFormRenderComponent extends BaseSchemaComponent {
+    constructor() {
+        super(...arguments);
+        this.schemas = [];
+        this.customProperties = false;
+        this.editing = false;
+        this.loaded = false;
+    }
+    ngAfterContentInit() {
+        this.loaded = true;
+    }
+    onDrop($event, modelElement) {
+        return onDropStruct($event, modelElement);
+    }
+    getId(index) {
+        return `${this.idPrefix}-struct-${index}`;
+    }
+}
+SchemaFormRenderComponent.ɵfac = function SchemaFormRenderComponent_Factory(t) { return ɵSchemaFormRenderComponent_BaseFactory(t || SchemaFormRenderComponent); };
+SchemaFormRenderComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaFormRenderComponent, selectors: [["schema-form-render"]], inputs: { idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema", 4, "ngIf"], [1, "schema"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], ["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], ["class", "row struct-custom-properties", 4, "ngIf"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"]], template: function SchemaFormRenderComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, SchemaFormRenderComponent_div_0_Template, 3, 5, "div", 0);
+    } if (rf & 2) {
+        ɵɵproperty("ngIf", ctx.loaded);
+    } }, directives: [NgIf, SchemaFormComponent, NgForOf, SchemaCustomAttributesComponent], pipes: [TranslatePipe], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{background:#fff;border:1px solid #ddd;border-radius:3px;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     select.form-control{border:1px solid #ddd;border-radius:4px;color:#777;cursor:pointer;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{background:var(--color-primary);border:1px solid var(--color-secondary);border-radius:4px;color:var(--color-secondary);cursor:pointer;padding:5px 15px}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title, .schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
+const ɵSchemaFormRenderComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaFormRenderComponent);
+/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaFormRenderComponent, [{
+        type: Component,
+        args: [{
+                selector: 'schema-form-render',
+                templateUrl: 'schema-form-render.html',
+                styleUrls: ['./schema-form-render.scss']
+            }]
+    }], null, { idPrefix: [{
+            type: Input
+        }], schemas: [{
+            type: Input
+        }], customProperties: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], inputType: [{
+            type: Input
         }] }); })();
 
-class SchemaFormRenderModule {
-}
-SchemaFormRenderModule.ɵmod = ɵɵdefineNgModule({ type: SchemaFormRenderModule });
-SchemaFormRenderModule.ɵinj = ɵɵdefineInjector({ factory: function SchemaFormRenderModule_Factory(t) { return new (t || SchemaFormRenderModule)(); }, providers: [
-        SchemaFieldsService
-    ], imports: [[
-            CommonModule,
-            DndModule,
-            FormsModule,
-            MatTooltipModule,
-            TranslateModule,
-            InputsModule
-        ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(SchemaFormRenderModule, { declarations: [ArraySessionComponent,
-        SchemaArrayComponent,
-        FieldRenderComponent,
-        InputRenderComponent,
-        BooleanInputComponent,
-        NumberInputComponent,
-        SchemaInputComponent,
-        SchemaObjectComponent,
-        SchemaFormRenderComponent,
-        SchemaFormComponent,
-        SchemaCustomAttributesComponent], imports: [CommonModule,
-        DndModule,
-        FormsModule,
-        MatTooltipModule,
-        TranslateModule,
-        InputsModule], exports: [ArraySessionComponent,
-        SchemaArrayComponent,
-        FieldRenderComponent,
-        InputRenderComponent,
-        BooleanInputComponent,
-        NumberInputComponent,
-        SchemaInputComponent,
-        SchemaObjectComponent,
-        SchemaFormRenderComponent,
-        SchemaFormComponent,
-        SchemaCustomAttributesComponent] }); })();
-/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaFormRenderModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    DndModule,
-                    FormsModule,
-                    MatTooltipModule,
-                    TranslateModule,
-                    InputsModule
-                ],
-                declarations: [
-                    ArraySessionComponent,
-                    SchemaArrayComponent,
-                    FieldRenderComponent,
-                    InputRenderComponent,
-                    BooleanInputComponent,
-                    NumberInputComponent,
-                    SchemaInputComponent,
-                    SchemaObjectComponent,
-                    SchemaFormRenderComponent,
-                    SchemaFormComponent,
-                    SchemaCustomAttributesComponent
-                ],
-                exports: [
-                    ArraySessionComponent,
-                    SchemaArrayComponent,
-                    FieldRenderComponent,
-                    InputRenderComponent,
-                    BooleanInputComponent,
-                    NumberInputComponent,
-                    SchemaInputComponent,
-                    SchemaObjectComponent,
-                    SchemaFormRenderComponent,
-                    SchemaFormComponent,
-                    SchemaCustomAttributesComponent
-                ],
-                providers: [
-                    SchemaFieldsService
-                ]
-            }]
-    }], null, null); })();
-ɵɵsetComponentScope(SchemaFormComponent, [NgClass, NgComponentOutlet, NgForOf, NgIf, NgTemplateOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgPlural, NgPluralCase, DndDraggableDirective, DndDropzoneDirective, DndHandleDirective, DndPlaceholderRefDirective, DndDragImageRefDirective, ɵangular_packages_forms_forms_y, NgSelectOption, ɵangular_packages_forms_forms_x, DefaultValueAccessor, NumberValueAccessor, RangeValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, SelectMultipleControlValueAccessor, RadioControlValueAccessor, NgControlStatus, NgControlStatusGroup, RequiredValidator, MinLengthValidator, MaxLengthValidator, PatternValidator, CheckboxRequiredValidator, EmailValidator, NgModel, NgModelGroup, NgForm, MatTooltip, TooltipComponent, Dir, CdkScrollable, TranslateDirective, SelectBoxComponent, SelectEnumComponent, InputTextComponent, InputPasswordComponent, InputAvatarComponent, InputFileComponent, CustomSelectComponent, FieldComponent, ArraySessionComponent,
-    SchemaArrayComponent,
-    FieldRenderComponent,
-    InputRenderComponent,
-    BooleanInputComponent,
-    NumberInputComponent,
-    SchemaInputComponent,
-    SchemaObjectComponent,
-    SchemaFormRenderComponent,
-    SchemaFormComponent,
+class SchemaFormRenderModule {
+}
+SchemaFormRenderModule.ɵmod = ɵɵdefineNgModule({ type: SchemaFormRenderModule });
+SchemaFormRenderModule.ɵinj = ɵɵdefineInjector({ factory: function SchemaFormRenderModule_Factory(t) { return new (t || SchemaFormRenderModule)(); }, providers: [
+        SchemaFieldsService
+    ], imports: [[
+            CommonModule,
+            DndModule,
+            FormsModule,
+            MatTooltipModule,
+            TranslateModule,
+            InputsModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(SchemaFormRenderModule, { declarations: [ArraySessionComponent,
+        SchemaArrayComponent,
+        FieldRenderComponent,
+        InputRenderComponent,
+        BooleanInputComponent,
+        NumberInputComponent,
+        SchemaInputComponent,
+        SchemaObjectComponent,
+        SchemaFormRenderComponent,
+        SchemaFormComponent,
+        SchemaCustomAttributesComponent], imports: [CommonModule,
+        DndModule,
+        FormsModule,
+        MatTooltipModule,
+        TranslateModule,
+        InputsModule], exports: [ArraySessionComponent,
+        SchemaArrayComponent,
+        FieldRenderComponent,
+        InputRenderComponent,
+        BooleanInputComponent,
+        NumberInputComponent,
+        SchemaInputComponent,
+        SchemaObjectComponent,
+        SchemaFormRenderComponent,
+        SchemaFormComponent,
+        SchemaCustomAttributesComponent] }); })();
+/*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaFormRenderModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    DndModule,
+                    FormsModule,
+                    MatTooltipModule,
+                    TranslateModule,
+                    InputsModule
+                ],
+                declarations: [
+                    ArraySessionComponent,
+                    SchemaArrayComponent,
+                    FieldRenderComponent,
+                    InputRenderComponent,
+                    BooleanInputComponent,
+                    NumberInputComponent,
+                    SchemaInputComponent,
+                    SchemaObjectComponent,
+                    SchemaFormRenderComponent,
+                    SchemaFormComponent,
+                    SchemaCustomAttributesComponent
+                ],
+                exports: [
+                    ArraySessionComponent,
+                    SchemaArrayComponent,
+                    FieldRenderComponent,
+                    InputRenderComponent,
+                    BooleanInputComponent,
+                    NumberInputComponent,
+                    SchemaInputComponent,
+                    SchemaObjectComponent,
+                    SchemaFormRenderComponent,
+                    SchemaFormComponent,
+                    SchemaCustomAttributesComponent
+                ],
+                providers: [
+                    SchemaFieldsService
+                ]
+            }]
+    }], null, null); })();
+ɵɵsetComponentScope(SchemaFormComponent, [NgClass, NgComponentOutlet, NgForOf, NgIf, NgTemplateOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgPlural, NgPluralCase, DndDraggableDirective, DndDropzoneDirective, DndHandleDirective, DndPlaceholderRefDirective, DndDragImageRefDirective, ɵangular_packages_forms_forms_y, NgSelectOption, ɵangular_packages_forms_forms_x, DefaultValueAccessor, NumberValueAccessor, RangeValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, SelectMultipleControlValueAccessor, RadioControlValueAccessor, NgControlStatus, NgControlStatusGroup, RequiredValidator, MinLengthValidator, MaxLengthValidator, PatternValidator, CheckboxRequiredValidator, EmailValidator, NgModel, NgModelGroup, NgForm, MatTooltip, TooltipComponent, Dir, CdkScrollable, TranslateDirective, SelectBoxComponent, SelectEnumComponent, InputTextComponent, InputPasswordComponent, InputAvatarComponent, InputFileComponent, CustomSelectComponent, FieldComponent, ArraySessionComponent,
+    SchemaArrayComponent,
+    FieldRenderComponent,
+    InputRenderComponent,
+    BooleanInputComponent,
+    NumberInputComponent,
+    SchemaInputComponent,
+    SchemaObjectComponent,
+    SchemaFormRenderComponent,
+    SchemaFormComponent,
     SchemaCustomAttributesComponent], [AsyncPipe, UpperCasePipe, LowerCasePipe, JsonPipe, SlicePipe, DecimalPipe, PercentPipe, TitleCasePipe, CurrencyPipe, DatePipe, I18nPluralPipe, I18nSelectPipe, KeyValuePipe, TranslatePipe]);
 
-class TypeScriptCompile {
-    static addItemToFormProperties(formProperties, item, key) {
-        if (item.minLength && item.minLength > 0) {
-            formProperties[key] = new FormControl([null, [Validators.required]]);
-        }
-        else {
-            formProperties[key] = new FormControl([null]);
-        }
-    }
-    static compileProperties(input) {
-        const compiledProperties = [];
-        const formProperties = {};
-        let inputData = {};
-        const inputToCompile = JSON.parse(JSON.stringify(input));
-        if (inputToCompile.properties) {
-            if (inputToCompile.type === 'array') {
-                inputData = [];
-            }
-            if (inputToCompile.type === 'object') {
-                inputData = {};
-            }
-            inputToCompile.id = 'inputData';
-            this.proccessProperties(inputToCompile, formProperties, 'inputData');
-            compiledProperties.push(inputToCompile);
-        }
-        else if (inputToCompile.type === 'array') {
-            inputToCompile.id = 'inputData';
-            inputData = [];
-            TypeScriptCompile.addItemToFormProperties(formProperties, inputToCompile, 'inputData');
-            compiledProperties.push(inputToCompile);
-        }
-        else if (!inputToCompile.type) {
-            for (let index = 0; index < Object.keys(inputToCompile).length; index++) {
-                const key = Object.keys(inputToCompile)[index];
-                const item = inputToCompile[key];
-                item.id = key;
-                if (item.type === 'array') {
-                    inputData[item.id] = [];
-                }
-                if (item.type === 'object') {
-                    inputData[item.id] = {};
-                }
-                this.proccessProperties(item, formProperties, key);
-                compiledProperties.push(item);
-            }
-        }
-        compiledProperties.sort((a, b) => a.propertyOrder - b.propertyOrder);
-        return { compiledProperties, formProperties, inputData };
-    }
-    static proccessProperties(item, formProperties, key) {
-        if (this.hasProperties(item)) {
-            const arFieldsChild = [];
-            for (let indexChild = 0; indexChild < Object.keys(item.properties).length; indexChild++) {
-                const keyChild = Object.keys(item.properties)[indexChild];
-                const itemChild = item.properties[keyChild];
-                itemChild.id = keyChild;
-                if (this.hasProperties(itemChild)) {
-                    this.proccessProperties(itemChild, formProperties, keyChild);
-                    arFieldsChild.push(itemChild);
-                }
-                else {
-                    TypeScriptCompile.addItemToFormProperties(formProperties, itemChild, keyChild);
-                    arFieldsChild.push(itemChild);
-                }
-            }
-            item.properties = arFieldsChild;
-        }
-        else {
-            TypeScriptCompile.addItemToFormProperties(formProperties, item, key);
-        }
-    }
-    static hasProperties(item) {
-        return item.type === 'object' || (item.type === 'array' && item.properties);
-    }
+class TypeScriptCompile {
+    static addItemToFormProperties(formProperties, item, key) {
+        if (item.minLength && item.minLength > 0) {
+            formProperties[key] = new FormControl([null, [Validators.required]]);
+        }
+        else {
+            formProperties[key] = new FormControl([null]);
+        }
+    }
+    static compileProperties(input) {
+        const compiledProperties = [];
+        const formProperties = {};
+        let inputData = {};
+        const inputToCompile = JSON.parse(JSON.stringify(input));
+        if (inputToCompile.properties) {
+            if (inputToCompile.type === 'array') {
+                inputData = [];
+            }
+            if (inputToCompile.type === 'object') {
+                inputData = {};
+            }
+            inputToCompile.id = 'inputData';
+            this.proccessProperties(inputToCompile, formProperties, 'inputData');
+            compiledProperties.push(inputToCompile);
+        }
+        else if (inputToCompile.type === 'array') {
+            inputToCompile.id = 'inputData';
+            inputData = [];
+            TypeScriptCompile.addItemToFormProperties(formProperties, inputToCompile, 'inputData');
+            compiledProperties.push(inputToCompile);
+        }
+        else if (!inputToCompile.type) {
+            for (let index = 0; index < Object.keys(inputToCompile).length; index++) {
+                const key = Object.keys(inputToCompile)[index];
+                const item = inputToCompile[key];
+                item.id = key;
+                if (item.type === 'array') {
+                    inputData[item.id] = [];
+                }
+                if (item.type === 'object') {
+                    inputData[item.id] = {};
+                }
+                this.proccessProperties(item, formProperties, key);
+                compiledProperties.push(item);
+            }
+        }
+        compiledProperties.sort((a, b) => a.propertyOrder - b.propertyOrder);
+        return { compiledProperties, formProperties, inputData };
+    }
+    static proccessProperties(item, formProperties, key) {
+        if (this.hasProperties(item)) {
+            const arFieldsChild = [];
+            for (let indexChild = 0; indexChild < Object.keys(item.properties).length; indexChild++) {
+                const keyChild = Object.keys(item.properties)[indexChild];
+                const itemChild = item.properties[keyChild];
+                itemChild.id = keyChild;
+                if (this.hasProperties(itemChild)) {
+                    this.proccessProperties(itemChild, formProperties, keyChild);
+                    arFieldsChild.push(itemChild);
+                }
+                else {
+                    TypeScriptCompile.addItemToFormProperties(formProperties, itemChild, keyChild);
+                    arFieldsChild.push(itemChild);
+                }
+            }
+            item.properties = arFieldsChild;
+        }
+        else {
+            TypeScriptCompile.addItemToFormProperties(formProperties, item, key);
+        }
+    }
+    static hasProperties(item) {
+        return item.type === 'object' || (item.type === 'array' && item.properties);
+    }
 }
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { ArraySessionComponent, BaseSchemaComponent, BooleanInputComponent, FieldRenderComponent, InputRenderComponent, NumberInputComponent, SchemaArrayComponent, SchemaCustomAttributesComponent, SchemaFieldsService, SchemaFormComponent, SchemaFormRenderComponent, SchemaFormRenderModule, SchemaInputComponent, SchemaObjectComponent, SchemaValidationField, TypeScriptCompile };