@apipass/schemas 1.0.0 → 1.0.8

package/{fesm2020 → fesm2022}/apipass-schemas.mjs

@@ -13,1606 +13,1612 @@ import { InputsModule } from '@apipass/inputs';
 import * as i5 from '@apipass/icons';
 import { IconsModule } from '@apipass/icons';
 
-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?.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 = /*@__PURE__*/ i0.ɵɵ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 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseSchemaComponent, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], null, { model: [{
-            type: Input
-        }], schema: [{
-            type: Input
-        }], modelChange: [{
-            type: Output
+class BaseSchemaComponent {
+    model;
+    schema;
+    modelChange = new EventEmitter();
+    getSchemaProperties() {
+        return this.schema.properties instanceof Array ? this.schema.properties : [this.schema.properties];
+    }
+    canRender(property) {
+        property.canRender = property?.conditionExpression ? eval(property.conditionExpression) : true;
+        return property.canRender;
+    }
+    onDrop(event, attr) {
+        const data = event.data;
+        if (!attr) {
+            attr = '';
+        }
+        attr += `{{${data}}}`;
+        return attr;
+    }
+    static ɵfac = function BaseSchemaComponent_Factory(t) { return new (t || BaseSchemaComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵ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 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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$6 = function () { return { standalone: true }; };
-function ArraySessionComponent_div_4_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 0)(1, "div", 12)(2, "label", 13);
-    i0.ɵɵtext(3, "Loop");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "input", 14);
-    i0.ɵɵlistener("ngModelChange", function ArraySessionComponent_div_4_div_4_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r8); const item_r2 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(item_r2.loop = $event); })("dndDrop", function ArraySessionComponent_div_4_div_4_Template_input_dndDrop_4_listener($event) { i0.ɵɵrestoreView(_r8); const item_r2 = i0.ɵɵnextContext().$implicit; const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(item_r2.loop = ctx_r9.onDrop($event, item_r2.loop)); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 15)(6, "label", 13);
-    i0.ɵɵtext(7, "Alias");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "input", 14);
-    i0.ɵɵlistener("ngModelChange", function ArraySessionComponent_div_4_div_4_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r8); const item_r2 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(item_r2.alias = $event); })("dndDrop", function ArraySessionComponent_div_4_div_4_Template_input_dndDrop_8_listener($event) { i0.ɵɵrestoreView(_r8); const item_r2 = i0.ɵɵnextContext().$implicit; const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(item_r2.alias = ctx_r13.onDrop($event, item_r2.alias)); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const item_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngModel", item_r2.loop)("ngModelOptions", i0.ɵɵpureFunction0(4, _c0$6));
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngModel", item_r2.alias)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$6));
-} }
-function ArraySessionComponent_div_4_ng_container_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-const _c1$2 = function (a0, a1, a2) { return { items: a0, index: a1, mappingAttributes: a2 }; };
-const _c2 = function (a0) { return { $implicit: a0 }; };
-function ArraySessionComponent_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementStart(3, "i", 9);
-    i0.ɵɵlistener("click", function ArraySessionComponent_div_4_Template_i_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const item_r2 = restoredCtx.$implicit; const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.remove(item_r2)); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(4, ArraySessionComponent_div_4_div_4_Template, 9, 6, "div", 10);
-    i0.ɵɵtemplate(5, ArraySessionComponent_div_4_ng_container_5_Template, 1, 0, "ng-container", 11);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r2 = ctx.$implicit;
-    const index_r3 = ctx.index;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", ctx_r0.removeLabel, " ", index_r3 + 1, " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", item_r2.mappingAttributes || item_r2.mappingAttributes === "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.subsectionItem)("ngTemplateOutletContext", i0.ɵɵpureFunction1(9, _c2, i0.ɵɵpureFunction3(5, _c1$2, ctx_r0.model, index_r3, item_r2.mappingAttributes || item_r2.mappingAttributes === "" ? item_r2.mappingAttributes : item_r2)));
-} }
-function ArraySessionComponent_button_9_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function ArraySessionComponent_button_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.addLoop()); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r1.addLoopLabel);
-} }
-class ArraySessionComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.label = '';
-        this.removeLabel = 'Remove';
-        this.addItemLabel = 'Add Item';
-        this.addLoopLabel = 'Add Loop';
-        this.showAddLoop = true;
-        this.onAdd = new EventEmitter();
-        this.onAddLoop = new EventEmitter();
-        this.subsectionItem = null;
-    }
-    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 = /*@__PURE__*/ function () { let ɵArraySessionComponent_BaseFactory; return function ArraySessionComponent_Factory(t) { return (ɵArraySessionComponent_BaseFactory || (ɵArraySessionComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ArraySessionComponent)))(t || ArraySessionComponent); }; }();
-ArraySessionComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArraySessionComponent, selectors: [["array-session"]], contentQueries: function ArraySessionComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        i0.ɵɵcontentQuery(dirIndex, TemplateRef, 5, TemplateRef);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.subsectionItem = _t.first);
-    } }, inputs: { label: "label", removeLabel: "removeLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", showAddLoop: "showAddLoop" }, outputs: { onAdd: "onAdd", onAddLoop: "onAddLoop" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 5, 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) {
-        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "label", 2);
-        i0.ɵɵtext(3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(4, ArraySessionComponent_div_4_Template, 6, 11, "div", 3);
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(5, "div", 4)(6, "div", 1)(7, "button", 5);
-        i0.ɵɵlistener("click", function ArraySessionComponent_Template_button_click_7_listener() { return ctx.add(); });
-        i0.ɵɵtext(8);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(9, ArraySessionComponent_button_9_Template, 2, 1, "button", 6);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate(ctx.label);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngForOf", ctx.model)("ngForTrackBy", ctx.trackByIndex);
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate(ctx.addItemLabel);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.showAddLoop);
-    } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel], styles: [".subsection-element[_ngcontent-%COMP%]{padding:5px 15px 15px;margin-top:10px;border:1px solid #CCC;border-radius:5px;background:#FFF}.subsection-element[_ngcontent-%COMP%]:first-child{margin-top:0!important}.btn-personal-edit[_ngcontent-%COMP%]{margin:5px 0}.subsection-item-title[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;width:calc(100% + 30px);padding:7px 10px 7px 14px;margin-top:-5px;margin-bottom:5px;margin-left:-15px;background:#EEE;border-radius:5px 5px 0 0;font-weight:700;border-bottom:1px solid #CCC}.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}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ArraySessionComponent, [{
-        type: Component,
-        args: [{ selector: 'array-session', template: "<div class=\"row\">\r\n  <div class=\"col-md-12\">\r\n    <label class=\"info-label bold\">{{ label }}</label>\r\n    <div class=\"subsection-element\" *ngFor=\"let item of model; let index = index; trackBy:trackByIndex;\">\r\n      <div class=\"subsection-item-title\">{{ removeLabel }} {{ index + 1 }}\r\n        <i class=\"far fa-trash-alt\" (click)=\"remove(item)\"></i>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"item.mappingAttributes || item.mappingAttributes === ''\">\r\n        <div class=\"col-md-8\">\r\n          <label class=\"info-label\">Loop</label>\r\n          <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.loop\" [ngModelOptions]=\"{standalone: true}\"\r\n                 dndDropzone (dndDrop)=\"item.loop = this.onDrop($event, item.loop)\" />\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n          <label class=\"info-label\">Alias</label>\r\n          <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.alias\" [ngModelOptions]=\"{standalone: true}\"\r\n                 dndDropzone (dndDrop)=\"item.alias = this.onDrop($event, item.alias)\" />\r\n        </div>\r\n      </div>\r\n      <ng-container *ngTemplateOutlet=\"subsectionItem, context: {\r\n        $implicit: {\r\n          items: model, index: index,\r\n          mappingAttributes: (item.mappingAttributes || item.mappingAttributes === '') ? item.mappingAttributes : item\r\n         }\r\n      }\"></ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"row add-buttons\">\r\n  <div class=\"col-md-12\">\r\n    <button class=\"btn btn-outline-primary float-left btn-personal-edit\" (click)=\"add()\">{{ this.addItemLabel }}</button>\r\n    <button class=\"btn btn-outline-primary float-left btn-personal-edit ml-2\" *ngIf=\"showAddLoop\" (click)=\"addLoop()\">{{ this.addLoopLabel }}</button>\r\n  </div>\r\n</div>\r\n", styles: [".subsection-element{padding:5px 15px 15px;margin-top:10px;border:1px solid #CCC;border-radius:5px;background:#FFF}.subsection-element:first-child{margin-top:0!important}.btn-personal-edit{margin:5px 0}.subsection-item-title{display:flex;justify-content:space-between;align-items:center;width:calc(100% + 30px);padding:7px 10px 7px 14px;margin-top:-5px;margin-bottom:5px;margin-left:-15px;background:#EEE;border-radius:5px 5px 0 0;font-weight:700;border-bottom:1px solid #CCC}.subsection-item-title .fa-trash-alt{color:red;cursor:pointer}.subsection-item-title label{font-weight:700}.add-buttons{margin-top:5px}\n"] }]
-    }], null, { label: [{
-            type: Input
-        }], removeLabel: [{
-            type: Input
-        }], addItemLabel: [{
-            type: Input
-        }], addLoopLabel: [{
-            type: Input
-        }], showAddLoop: [{
-            type: Input
-        }], onAdd: [{
-            type: Output
-        }], onAddLoop: [{
-            type: Output
-        }], subsectionItem: [{
-            type: ContentChild,
-            args: [TemplateRef, { read: TemplateRef }]
+const _c0$6 = function () { return { standalone: true }; };
+function ArraySessionComponent_div_4_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 0)(1, "div", 12)(2, "label", 13);
+    i0.ɵɵtext(3, "Loop");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "input", 14);
+    i0.ɵɵlistener("ngModelChange", function ArraySessionComponent_div_4_div_4_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r8); const item_r2 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(item_r2.loop = $event); })("dndDrop", function ArraySessionComponent_div_4_div_4_Template_input_dndDrop_4_listener($event) { i0.ɵɵrestoreView(_r8); const item_r2 = i0.ɵɵnextContext().$implicit; const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(item_r2.loop = ctx_r9.onDrop($event, item_r2.loop)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 15)(6, "label", 13);
+    i0.ɵɵtext(7, "Alias");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "input", 14);
+    i0.ɵɵlistener("ngModelChange", function ArraySessionComponent_div_4_div_4_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r8); const item_r2 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(item_r2.alias = $event); })("dndDrop", function ArraySessionComponent_div_4_div_4_Template_input_dndDrop_8_listener($event) { i0.ɵɵrestoreView(_r8); const item_r2 = i0.ɵɵnextContext().$implicit; const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(item_r2.alias = ctx_r13.onDrop($event, item_r2.alias)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", item_r2.loop)("ngModelOptions", i0.ɵɵpureFunction0(4, _c0$6));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", item_r2.alias)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$6));
+} }
+function ArraySessionComponent_div_4_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+const _c1$2 = function (a0, a1, a2) { return { items: a0, index: a1, mappingAttributes: a2 }; };
+const _c2 = function (a0) { return { $implicit: a0 }; };
+function ArraySessionComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementStart(3, "i", 9);
+    i0.ɵɵlistener("click", function ArraySessionComponent_div_4_Template_i_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const item_r2 = restoredCtx.$implicit; const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.remove(item_r2)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(4, ArraySessionComponent_div_4_div_4_Template, 9, 6, "div", 10);
+    i0.ɵɵtemplate(5, ArraySessionComponent_div_4_ng_container_5_Template, 1, 0, "ng-container", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r2 = ctx.$implicit;
+    const index_r3 = ctx.index;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", ctx_r0.removeLabel, " ", index_r3 + 1, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", item_r2.mappingAttributes || item_r2.mappingAttributes === "");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.subsectionItem)("ngTemplateOutletContext", i0.ɵɵpureFunction1(9, _c2, i0.ɵɵpureFunction3(5, _c1$2, ctx_r0.model, index_r3, item_r2.mappingAttributes || item_r2.mappingAttributes === "" ? item_r2.mappingAttributes : item_r2)));
+} }
+function ArraySessionComponent_button_9_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function ArraySessionComponent_button_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.addLoop()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.addLoopLabel);
+} }
+class ArraySessionComponent extends BaseSchemaComponent {
+    label = '';
+    removeLabel = 'Remove';
+    addItemLabel = 'Add Item';
+    addLoopLabel = 'Add Loop';
+    showAddLoop = true;
+    onAdd = new EventEmitter();
+    onAddLoop = new EventEmitter();
+    subsectionItem = null;
+    add() {
+        this.onAdd.next(undefined);
+    }
+    addLoop() {
+        this.onAddLoop.next(undefined);
+    }
+    remove(item) {
+        const values = this.model;
+        const index = values.indexOf(item);
+        values.splice(index, 1);
+        this.model = values;
+    }
+    trackByIndex(index, obj) {
+        return index;
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵArraySessionComponent_BaseFactory; return function ArraySessionComponent_Factory(t) { return (ɵArraySessionComponent_BaseFactory || (ɵArraySessionComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ArraySessionComponent)))(t || ArraySessionComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArraySessionComponent, selectors: [["array-session"]], contentQueries: function ArraySessionComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, TemplateRef, 5, TemplateRef);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.subsectionItem = _t.first);
+        } }, inputs: { label: "label", removeLabel: "removeLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", showAddLoop: "showAddLoop" }, outputs: { onAdd: "onAdd", onAddLoop: "onAddLoop" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 5, 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) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "label", 2);
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, ArraySessionComponent_div_4_Template, 6, 11, "div", 3);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 4)(6, "div", 1)(7, "button", 5);
+            i0.ɵɵlistener("click", function ArraySessionComponent_Template_button_click_7_listener() { return ctx.add(); });
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(9, ArraySessionComponent_button_9_Template, 2, 1, "button", 6);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.label);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx.model)("ngForTrackBy", ctx.trackByIndex);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.addItemLabel);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.showAddLoop);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel], styles: [".subsection-element[_ngcontent-%COMP%]{padding:5px 15px 15px;margin-top:10px;border:1px solid #CCC;border-radius:5px;background:#FFF}.subsection-element[_ngcontent-%COMP%]:first-child{margin-top:0!important}.btn-personal-edit[_ngcontent-%COMP%]{margin:5px 0}.subsection-item-title[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;width:calc(100% + 30px);padding:7px 10px 7px 14px;margin-top:-5px;margin-bottom:5px;margin-left:-15px;background:#EEE;border-radius:5px 5px 0 0;font-weight:700;border-bottom:1px solid #CCC}.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}"] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ArraySessionComponent, [{
+        type: Component,
+        args: [{ selector: 'array-session', template: "<div class=\"row\">\r\n  <div class=\"col-md-12\">\r\n    <label class=\"info-label bold\">{{ label }}</label>\r\n    <div class=\"subsection-element\" *ngFor=\"let item of model; let index = index; trackBy:trackByIndex;\">\r\n      <div class=\"subsection-item-title\">{{ removeLabel }} {{ index + 1 }}\r\n        <i class=\"far fa-trash-alt\" (click)=\"remove(item)\"></i>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"item.mappingAttributes || item.mappingAttributes === ''\">\r\n        <div class=\"col-md-8\">\r\n          <label class=\"info-label\">Loop</label>\r\n          <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.loop\" [ngModelOptions]=\"{standalone: true}\"\r\n                 dndDropzone (dndDrop)=\"item.loop = this.onDrop($event, item.loop)\" />\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n          <label class=\"info-label\">Alias</label>\r\n          <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.alias\" [ngModelOptions]=\"{standalone: true}\"\r\n                 dndDropzone (dndDrop)=\"item.alias = this.onDrop($event, item.alias)\" />\r\n        </div>\r\n      </div>\r\n      <ng-container *ngTemplateOutlet=\"subsectionItem, context: {\r\n        $implicit: {\r\n          items: model, index: index,\r\n          mappingAttributes: (item.mappingAttributes || item.mappingAttributes === '') ? item.mappingAttributes : item\r\n         }\r\n      }\"></ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"row add-buttons\">\r\n  <div class=\"col-md-12\">\r\n    <button class=\"btn btn-outline-primary float-left btn-personal-edit\" (click)=\"add()\">{{ this.addItemLabel }}</button>\r\n    <button class=\"btn btn-outline-primary float-left btn-personal-edit ml-2\" *ngIf=\"showAddLoop\" (click)=\"addLoop()\">{{ this.addLoopLabel }}</button>\r\n  </div>\r\n</div>\r\n", styles: [".subsection-element{padding:5px 15px 15px;margin-top:10px;border:1px solid #CCC;border-radius:5px;background:#FFF}.subsection-element:first-child{margin-top:0!important}.btn-personal-edit{margin:5px 0}.subsection-item-title{display:flex;justify-content:space-between;align-items:center;width:calc(100% + 30px);padding:7px 10px 7px 14px;margin-top:-5px;margin-bottom:5px;margin-left:-15px;background:#EEE;border-radius:5px 5px 0 0;font-weight:700;border-bottom:1px solid #CCC}.subsection-item-title .fa-trash-alt{color:red;cursor:pointer}.subsection-item-title label{font-weight:700}.add-buttons{margin-top:5px}\n"] }]
+    }], null, { label: [{
+            type: Input
+        }], removeLabel: [{
+            type: Input
+        }], addItemLabel: [{
+            type: Input
+        }], addLoopLabel: [{
+            type: Input
+        }], showAddLoop: [{
+            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 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "schema-input", 2);
-    i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_input_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.model = $event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "schema-object", 3);
-    i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_object_modelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.model = $event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "schema-array", 3);
-    i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_array_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.model = $event); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const schema_r1 = ctx.$implicit;
-    const i_r2 = ctx.index;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("additionalAttributesLabel", ctx_r0.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r0.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r0.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r0.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r0.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r0.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r0.newCustomFieldCancelLabel)("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("additionalAttributesLabel", ctx_r0.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r0.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r0.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r0.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r0.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r0.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r0.newCustomFieldCancelLabel)("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.requiredLabel = '(required)';
-        this.addItemLabel = 'Add Item';
-        this.addLoopLabel = 'Add Loop';
-        this.additionalAttributesLabel = 'Additional Fields';
-        this.customAttributeRemoveLabel = 'Remove';
-        this.newCustomFieldNameLabel = 'Name';
-        this.newCustomFieldValueLabel = 'Value';
-        this.newCustomFieldAddLabel = 'Add';
-        this.newCustomFieldSaveLabel = 'Save';
-        this.newCustomFieldCancelLabel = 'Cancel';
-        this.selectPlaceHolderLabel = 'Select Item';
-        this.selectSearchPlaceHolderLabel = 'Search';
-        this.selectClearLabel = 'Clear';
-        this.selectNotFoundLabel = 'No Items Found';
-        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 = /*@__PURE__*/ function () { let ɵSchemaFormComponent_BaseFactory; return function SchemaFormComponent_Factory(t) { return (ɵSchemaFormComponent_BaseFactory || (ɵSchemaFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaFormComponent)))(t || SchemaFormComponent); }; }();
-SchemaFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaFormComponent, selectors: [["schema-form"]], inputs: { requiredLabel: "requiredLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", additionalAttributesLabel: "additionalAttributesLabel", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "idPrefix", "model", "schema", "editing", "index", "modelChange"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "idPrefix", "model", "schema", "editing", "index", "modelChange"]], template: function SchemaFormComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, SchemaFormComponent_div_0_Template, 4, 48, "div", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngForOf", ctx.schemas);
-    } } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFormComponent, [{
-        type: Component,
-        args: [{ selector: 'schema-form', template: "<div class=\"schema-properties\" *ngFor=\"let schema of schemas; let i = index\">\r\n  <schema-input\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schema]=\"schema\"\r\n    [editing]=\"this.editing\"\r\n    [index]=\"i\">\r\n  </schema-input>\r\n  <schema-object\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schema]=\"schema\"\r\n    [editing]=\"this.editing\"\r\n    [index]=\"i\">\r\n  </schema-object>\r\n  <schema-array\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schema]=\"schema\"\r\n    [editing]=\"this.editing\"\r\n    [index]=\"i\">\r\n  </schema-array>\r\n</div>\r\n" }]
-    }], null, { requiredLabel: [{
-            type: Input
-        }], addItemLabel: [{
-            type: Input
-        }], addLoopLabel: [{
-            type: Input
-        }], additionalAttributesLabel: [{
-            type: Input
-        }], customAttributeRemoveLabel: [{
-            type: Input
-        }], newCustomFieldNameLabel: [{
-            type: Input
-        }], newCustomFieldValueLabel: [{
-            type: Input
-        }], newCustomFieldAddLabel: [{
-            type: Input
-        }], newCustomFieldSaveLabel: [{
-            type: Input
-        }], newCustomFieldCancelLabel: [{
-            type: Input
-        }], selectPlaceHolderLabel: [{
-            type: Input
-        }], selectSearchPlaceHolderLabel: [{
-            type: Input
-        }], selectClearLabel: [{
-            type: Input
-        }], selectNotFoundLabel: [{
-            type: Input
-        }], 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 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "schema-input", 2);
+    i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_input_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.model = $event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "schema-object", 3);
+    i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_object_modelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.model = $event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "schema-array", 3);
+    i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_array_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.model = $event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const schema_r1 = ctx.$implicit;
+    const i_r2 = ctx.index;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("additionalAttributesLabel", ctx_r0.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r0.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r0.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r0.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r0.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r0.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r0.newCustomFieldCancelLabel)("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("additionalAttributesLabel", ctx_r0.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r0.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r0.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r0.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r0.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r0.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r0.newCustomFieldCancelLabel)("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
+} }
+class SchemaFormComponent extends BaseSchemaComponent {
+    requiredLabel = '(required)';
+    addItemLabel = 'Add Item';
+    addLoopLabel = 'Add Loop';
+    additionalAttributesLabel = 'Additional Fields';
+    customAttributeRemoveLabel = 'Remove';
+    newCustomFieldNameLabel = 'Name';
+    newCustomFieldValueLabel = 'Value';
+    newCustomFieldAddLabel = 'Add';
+    newCustomFieldSaveLabel = 'Save';
+    newCustomFieldCancelLabel = 'Cancel';
+    selectPlaceHolderLabel = 'Select Item';
+    selectSearchPlaceHolderLabel = 'Search';
+    selectClearLabel = 'Clear';
+    selectNotFoundLabel = 'No Items Found';
+    idPrefix;
+    schemas = [];
+    customProperties = false;
+    editing = false;
+    inputType;
+    loaded = false;
+    ngAfterContentInit() {
+        this.loaded = true;
+    }
+    onDrop($event, modelElement) {
+        return onDropStruct($event, modelElement);
+    }
+    getId(index) {
+        return `${this.idPrefix}-struct-${index}`;
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵSchemaFormComponent_BaseFactory; return function SchemaFormComponent_Factory(t) { return (ɵSchemaFormComponent_BaseFactory || (ɵSchemaFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaFormComponent)))(t || SchemaFormComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaFormComponent, selectors: [["schema-form"]], inputs: { requiredLabel: "requiredLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", additionalAttributesLabel: "additionalAttributesLabel", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "idPrefix", "model", "schema", "editing", "index", "modelChange"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "idPrefix", "model", "schema", "editing", "index", "modelChange"]], template: function SchemaFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SchemaFormComponent_div_0_Template, 4, 48, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngForOf", ctx.schemas);
+        } } });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFormComponent, [{
+        type: Component,
+        args: [{ selector: 'schema-form', template: "<div class=\"schema-properties\" *ngFor=\"let schema of schemas; let i = index\">\r\n  <schema-input\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schema]=\"schema\"\r\n    [editing]=\"this.editing\"\r\n    [index]=\"i\">\r\n  </schema-input>\r\n  <schema-object\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schema]=\"schema\"\r\n    [editing]=\"this.editing\"\r\n    [index]=\"i\">\r\n  </schema-object>\r\n  <schema-array\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schema]=\"schema\"\r\n    [editing]=\"this.editing\"\r\n    [index]=\"i\">\r\n  </schema-array>\r\n</div>\r\n" }]
+    }], null, { requiredLabel: [{
+            type: Input
+        }], addItemLabel: [{
+            type: Input
+        }], addLoopLabel: [{
+            type: Input
+        }], additionalAttributesLabel: [{
+            type: Input
+        }], customAttributeRemoveLabel: [{
+            type: Input
+        }], newCustomFieldNameLabel: [{
+            type: Input
+        }], newCustomFieldValueLabel: [{
+            type: Input
+        }], newCustomFieldAddLabel: [{
+            type: Input
+        }], newCustomFieldSaveLabel: [{
+            type: Input
+        }], newCustomFieldCancelLabel: [{
+            type: Input
+        }], selectPlaceHolderLabel: [{
+            type: Input
+        }], selectSearchPlaceHolderLabel: [{
+            type: Input
+        }], selectClearLabel: [{
+            type: Input
+        }], selectNotFoundLabel: [{
+            type: Input
+        }], idPrefix: [{
+            type: Input
+        }], schemas: [{
+            type: Input
+        }], customProperties: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], inputType: [{
+            type: Input
         }] }); })();
 
-const _c0$5 = function () { return { standalone: true }; };
-function SchemaCustomAttributesComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "label", 8);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 9);
-    i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_div_0_Template_span_click_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r8); const i_r6 = restoredCtx.index; const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.removeCustomAttribute(i_r6)); });
-    i0.ɵɵelement(5, "i", 10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "input", 11);
-    i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_0_Template_input_ngModelChange_6_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const attribute_r5 = restoredCtx.$implicit; return i0.ɵɵresetView(attribute_r5.value = $event); })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_6_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const attribute_r5 = restoredCtx.$implicit; const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onDropAttr($event, "value", attribute_r5)); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const attribute_r5 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(attribute_r5.label);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("matTooltip", ctx_r0.customAttributeRemoveLabel);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngModel", attribute_r5.value)("ngModelOptions", i0.ɵɵpureFunction0(4, _c0$5));
-} }
-function SchemaCustomAttributesComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 13)(2, "div", 7)(3, "label", 8);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementStart(5, "strong");
-    i0.ɵɵtext(6, "*");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "input", 11);
-    i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.newCustomField.label = $event); })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_7_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.onDropAttr($event, "label", ctx_r13.newCustomField)); });
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(8, "div", 13)(9, "div", 7)(10, "label", 8);
-    i0.ɵɵtext(11);
-    i0.ɵɵelementStart(12, "strong");
-    i0.ɵɵtext(13, "*");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "input", 11);
-    i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.newCustomField.value = $event); })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_14_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.onDropAttr($event, "value", ctx_r15.newCustomField)); });
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.newCustomFieldNameLabel);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngModel", ctx_r1.newCustomField.label)("ngModelOptions", i0.ɵɵpureFunction0(6, _c0$5));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.newCustomFieldValueLabel);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngModel", ctx_r1.newCustomField.value)("ngModelOptions", i0.ɵɵpureFunction0(7, _c0$5));
-} }
-function SchemaCustomAttributesComponent_button_4_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 14);
-    i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.newCustomField = {}); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.newCustomFieldAddLabel, " ");
-} }
-function SchemaCustomAttributesComponent_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.newCustomField = null); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r3.newCustomFieldCancelLabel, " ");
-} }
-function SchemaCustomAttributesComponent_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 14);
-    i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.saveNewAttribute(ctx_r20.newCustomField)); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r4.newCustomFieldSaveLabel, " ");
-} }
-class SchemaCustomAttributesComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.customAttributeRemoveLabel = 'Remove';
-        this.newCustomFieldNameLabel = 'Name';
-        this.newCustomFieldValueLabel = 'Value';
-        this.newCustomFieldAddLabel = 'Add';
-        this.newCustomFieldSaveLabel = 'Save';
-        this.newCustomFieldCancelLabel = 'Cancel';
-        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, value, newCustomField) {
-        if (!newCustomField[value]) {
-            newCustomField[value] = '';
-        }
-        newCustomField[value] += `{{${$event.data}}}`;
-    }
-}
-SchemaCustomAttributesComponent.ɵfac = /*@__PURE__*/ function () { let ɵSchemaCustomAttributesComponent_BaseFactory; return function SchemaCustomAttributesComponent_Factory(t) { return (ɵSchemaCustomAttributesComponent_BaseFactory || (ɵSchemaCustomAttributesComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaCustomAttributesComponent)))(t || SchemaCustomAttributesComponent); }; }();
-SchemaCustomAttributesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaCustomAttributesComponent, selectors: [["schema-custom-attributes"]], inputs: { onDropFunction: "onDropFunction", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel" }, outputs: { onSaveAttribute: "onSaveAttribute", onDropOnAttribute: "onDropOnAttribute" }, features: [i0.ɵɵ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, "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) {
-        i0.ɵɵtemplate(0, SchemaCustomAttributesComponent_div_0_Template, 7, 5, "div", 0);
-        i0.ɵɵtemplate(1, SchemaCustomAttributesComponent_div_1_Template, 15, 8, "div", 1);
-        i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
-        i0.ɵɵtemplate(4, SchemaCustomAttributesComponent_button_4_Template, 2, 1, "button", 4);
-        i0.ɵɵtemplate(5, SchemaCustomAttributesComponent_button_5_Template, 2, 1, "button", 5);
-        i0.ɵɵtemplate(6, SchemaCustomAttributesComponent_button_6_Template, 2, 1, "button", 4);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngForOf", ctx.model);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.newCustomField);
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", !ctx.newCustomField);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.newCustomField);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.newCustomField && ctx.newCustomField.label && ctx.newCustomField.value);
-    } }, dependencies: [i1.NgForOf, i1.NgIf, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i2$1.MatTooltip], styles: [".customAttributeDeleteIcon[_ngcontent-%COMP%]{position:absolute;right:15px;top:4px;cursor:pointer;font-size:16px;color:red}.customAttributeDeleteIcon[_ngcontent-%COMP%]:hover{color:#777}.struct-custom-field[_ngcontent-%COMP%]{margin-top:16px;padding:8px 16px 16px;background-color:#ececec}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaCustomAttributesComponent, [{
-        type: Component,
-        args: [{ selector: 'schema-custom-attributes', template: "<div class=\"row custom-attributes\" *ngFor=\"let attribute of model; let i = index\">\r\n  <div class=\"col-md-12\">\r\n    <label class=\"info-label\">{{ attribute.label }}</label>\r\n    <span (click)=\"removeCustomAttribute(i)\" class=\"customAttributeDeleteIcon\">\r\n      <i class=\"far fa-trash-alt\" [matTooltip]=\"this.customAttributeRemoveLabel\"></i>\r\n    </span>\r\n\r\n    <input\r\n      class=\"form-control\"\r\n      [(ngModel)]=\"attribute.value\"\r\n      [ngModelOptions]=\"{standalone: true}\"\r\n      dndDropzone\r\n      (dndDrop)=\"onDropAttr($event, 'value', attribute)\"\r\n    />\r\n  </div>\r\n</div>\r\n<div *ngIf=\"newCustomField\" class=\"struct-custom-field\">\r\n  <div class=\"row\">\r\n    <div class=\"col-md-12\">\r\n      <label class=\"info-label\">{{ this.newCustomFieldNameLabel }}<strong>*</strong></label>\r\n      <input \r\n        class=\"form-control\" \r\n        [(ngModel)]=\"newCustomField.label\" \r\n        [ngModelOptions]=\"{standalone: true}\"\r\n        dndDropzone\r\n        (dndDrop)=\"onDropAttr($event, 'label', newCustomField)\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <div class=\"row\">\r\n    <div class=\"col-md-12\">\r\n      <label class=\"info-label\">{{ this.newCustomFieldValueLabel }}<strong>*</strong></label>\r\n      <input\r\n        class=\"form-control\"\r\n        [(ngModel)]=\"newCustomField.value\"\r\n        [ngModelOptions]=\"{standalone: true}\"\r\n        dndDropzone\r\n        (dndDrop)=\"onDropAttr($event, 'value', newCustomField)\"\r\n      />\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"row actions-buttons\">\r\n  <div class=\"col-md-12 pull-right\">\r\n    <button class=\"btn btn-outline-primary float-left\" *ngIf=\"!newCustomField\" (click)=\"newCustomField = {}\">\r\n      {{ this.newCustomFieldAddLabel }}\r\n    </button>\r\n    <button\r\n      class=\"btn btn-outline-danger float-left ml-2\"\r\n      *ngIf=\"newCustomField\"\r\n      (click)=\"newCustomField = null\"\r\n    >\r\n      {{ this.newCustomFieldCancelLabel }}\r\n    </button>\r\n    <button\r\n      class=\"btn btn-outline-primary float-left\"\r\n      *ngIf=\"newCustomField && newCustomField.label && newCustomField.value\"\r\n      (click)=\"saveNewAttribute(newCustomField)\"\r\n    >\r\n      {{ this.newCustomFieldSaveLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".customAttributeDeleteIcon{position:absolute;right:15px;top:4px;cursor:pointer;font-size:16px;color:red}.customAttributeDeleteIcon:hover{color:#777}.struct-custom-field{margin-top:16px;padding:8px 16px 16px;background-color:#ececec}\n"] }]
-    }], null, { onDropFunction: [{
-            type: Input
-        }], customAttributeRemoveLabel: [{
-            type: Input
-        }], newCustomFieldNameLabel: [{
-            type: Input
-        }], newCustomFieldValueLabel: [{
-            type: Input
-        }], newCustomFieldAddLabel: [{
-            type: Input
-        }], newCustomFieldSaveLabel: [{
-            type: Input
-        }], newCustomFieldCancelLabel: [{
-            type: Input
-        }], onSaveAttribute: [{
-            type: Output
-        }], onDropOnAttribute: [{
-            type: Output
+const _c0$5 = function () { return { standalone: true }; };
+function SchemaCustomAttributesComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "label", 8);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 9);
+    i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_div_0_Template_span_click_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r8); const i_r6 = restoredCtx.index; const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.removeCustomAttribute(i_r6)); });
+    i0.ɵɵelement(5, "i", 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "input", 11);
+    i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_0_Template_input_ngModelChange_6_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const attribute_r5 = restoredCtx.$implicit; return i0.ɵɵresetView(attribute_r5.value = $event); })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_6_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const attribute_r5 = restoredCtx.$implicit; const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onDropAttr($event, "value", attribute_r5)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const attribute_r5 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(attribute_r5.label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("matTooltip", ctx_r0.customAttributeRemoveLabel);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngModel", attribute_r5.value)("ngModelOptions", i0.ɵɵpureFunction0(4, _c0$5));
+} }
+function SchemaCustomAttributesComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 13)(2, "div", 7)(3, "label", 8);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementStart(5, "strong");
+    i0.ɵɵtext(6, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "input", 11);
+    i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.newCustomField.label = $event); })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_7_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.onDropAttr($event, "label", ctx_r13.newCustomField)); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 13)(9, "div", 7)(10, "label", 8);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementStart(12, "strong");
+    i0.ɵɵtext(13, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "input", 11);
+    i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.newCustomField.value = $event); })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_14_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.onDropAttr($event, "value", ctx_r15.newCustomField)); });
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.newCustomFieldNameLabel);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r1.newCustomField.label)("ngModelOptions", i0.ɵɵpureFunction0(6, _c0$5));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.newCustomFieldValueLabel);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r1.newCustomField.value)("ngModelOptions", i0.ɵɵpureFunction0(7, _c0$5));
+} }
+function SchemaCustomAttributesComponent_button_4_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.newCustomField = {}); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.newCustomFieldAddLabel, " ");
+} }
+function SchemaCustomAttributesComponent_button_5_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 15);
+    i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.newCustomField = null); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r3.newCustomFieldCancelLabel, " ");
+} }
+function SchemaCustomAttributesComponent_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.saveNewAttribute(ctx_r20.newCustomField)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r4.newCustomFieldSaveLabel, " ");
+} }
+class SchemaCustomAttributesComponent extends BaseSchemaComponent {
+    onDropFunction;
+    customAttributeRemoveLabel = 'Remove';
+    newCustomFieldNameLabel = 'Name';
+    newCustomFieldValueLabel = 'Value';
+    newCustomFieldAddLabel = 'Add';
+    newCustomFieldSaveLabel = 'Save';
+    newCustomFieldCancelLabel = 'Cancel';
+    onSaveAttribute = new EventEmitter();
+    onDropOnAttribute = new EventEmitter();
+    newCustomField;
+    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, value, newCustomField) {
+        if (!newCustomField[value]) {
+            newCustomField[value] = '';
+        }
+        newCustomField[value] += `{{${$event.data}}}`;
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵSchemaCustomAttributesComponent_BaseFactory; return function SchemaCustomAttributesComponent_Factory(t) { return (ɵSchemaCustomAttributesComponent_BaseFactory || (ɵSchemaCustomAttributesComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaCustomAttributesComponent)))(t || SchemaCustomAttributesComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaCustomAttributesComponent, selectors: [["schema-custom-attributes"]], inputs: { onDropFunction: "onDropFunction", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel" }, outputs: { onSaveAttribute: "onSaveAttribute", onDropOnAttribute: "onDropOnAttribute" }, features: [i0.ɵɵ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, "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) {
+            i0.ɵɵtemplate(0, SchemaCustomAttributesComponent_div_0_Template, 7, 5, "div", 0);
+            i0.ɵɵtemplate(1, SchemaCustomAttributesComponent_div_1_Template, 15, 8, "div", 1);
+            i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
+            i0.ɵɵtemplate(4, SchemaCustomAttributesComponent_button_4_Template, 2, 1, "button", 4);
+            i0.ɵɵtemplate(5, SchemaCustomAttributesComponent_button_5_Template, 2, 1, "button", 5);
+            i0.ɵɵtemplate(6, SchemaCustomAttributesComponent_button_6_Template, 2, 1, "button", 4);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngForOf", ctx.model);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.newCustomField);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", !ctx.newCustomField);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.newCustomField);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.newCustomField && ctx.newCustomField.label && ctx.newCustomField.value);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i2$1.MatTooltip], styles: [".customAttributeDeleteIcon[_ngcontent-%COMP%]{position:absolute;right:15px;top:4px;cursor:pointer;font-size:16px;color:red}.customAttributeDeleteIcon[_ngcontent-%COMP%]:hover{color:#777}.struct-custom-field[_ngcontent-%COMP%]{margin-top:16px;padding:8px 16px 16px;background-color:#ececec}"] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaCustomAttributesComponent, [{
+        type: Component,
+        args: [{ selector: 'schema-custom-attributes', template: "<div class=\"row custom-attributes\" *ngFor=\"let attribute of model; let i = index\">\r\n  <div class=\"col-md-12\">\r\n    <label class=\"info-label\">{{ attribute.label }}</label>\r\n    <span (click)=\"removeCustomAttribute(i)\" class=\"customAttributeDeleteIcon\">\r\n      <i class=\"far fa-trash-alt\" [matTooltip]=\"this.customAttributeRemoveLabel\"></i>\r\n    </span>\r\n\r\n    <input\r\n      class=\"form-control\"\r\n      [(ngModel)]=\"attribute.value\"\r\n      [ngModelOptions]=\"{standalone: true}\"\r\n      dndDropzone\r\n      (dndDrop)=\"onDropAttr($event, 'value', attribute)\"\r\n    />\r\n  </div>\r\n</div>\r\n<div *ngIf=\"newCustomField\" class=\"struct-custom-field\">\r\n  <div class=\"row\">\r\n    <div class=\"col-md-12\">\r\n      <label class=\"info-label\">{{ this.newCustomFieldNameLabel }}<strong>*</strong></label>\r\n      <input \r\n        class=\"form-control\" \r\n        [(ngModel)]=\"newCustomField.label\" \r\n        [ngModelOptions]=\"{standalone: true}\"\r\n        dndDropzone\r\n        (dndDrop)=\"onDropAttr($event, 'label', newCustomField)\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <div class=\"row\">\r\n    <div class=\"col-md-12\">\r\n      <label class=\"info-label\">{{ this.newCustomFieldValueLabel }}<strong>*</strong></label>\r\n      <input\r\n        class=\"form-control\"\r\n        [(ngModel)]=\"newCustomField.value\"\r\n        [ngModelOptions]=\"{standalone: true}\"\r\n        dndDropzone\r\n        (dndDrop)=\"onDropAttr($event, 'value', newCustomField)\"\r\n      />\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"row actions-buttons\">\r\n  <div class=\"col-md-12 pull-right\">\r\n    <button class=\"btn btn-outline-primary float-left\" *ngIf=\"!newCustomField\" (click)=\"newCustomField = {}\">\r\n      {{ this.newCustomFieldAddLabel }}\r\n    </button>\r\n    <button\r\n      class=\"btn btn-outline-danger float-left ml-2\"\r\n      *ngIf=\"newCustomField\"\r\n      (click)=\"newCustomField = null\"\r\n    >\r\n      {{ this.newCustomFieldCancelLabel }}\r\n    </button>\r\n    <button\r\n      class=\"btn btn-outline-primary float-left\"\r\n      *ngIf=\"newCustomField && newCustomField.label && newCustomField.value\"\r\n      (click)=\"saveNewAttribute(newCustomField)\"\r\n    >\r\n      {{ this.newCustomFieldSaveLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".customAttributeDeleteIcon{position:absolute;right:15px;top:4px;cursor:pointer;font-size:16px;color:red}.customAttributeDeleteIcon:hover{color:#777}.struct-custom-field{margin-top:16px;padding:8px 16px 16px;background-color:#ececec}\n"] }]
+    }], null, { onDropFunction: [{
+            type: Input
+        }], customAttributeRemoveLabel: [{
+            type: Input
+        }], newCustomFieldNameLabel: [{
+            type: Input
+        }], newCustomFieldValueLabel: [{
+            type: Input
+        }], newCustomFieldAddLabel: [{
+            type: Input
+        }], newCustomFieldSaveLabel: [{
+            type: Input
+        }], newCustomFieldCancelLabel: [{
+            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 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "schema-form", 4);
-    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template_schema_form_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r8); const item_r3 = i0.ɵɵnextContext().$implicit; const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.model[ctx_r7.schema.id][item_r3.index].mappingAttributes = $event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r3 = i0.ɵɵnextContext().$implicit;
-    const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r4.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r4.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r4.selectClearLabel)("selectNotFoundLabel", ctx_r4.selectNotFoundLabel)("requiredLabel", ctx_r4.requiredLabel)("addItemLabel", ctx_r4.addItemLabel)("addLoopLabel", ctx_r4.addLoopLabel)("additionalAttributesLabel", ctx_r4.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r4.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r4.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r4.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r4.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r4.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r4.newCustomFieldCancelLabel)("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 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "schema-form", 4);
-    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template_schema_form_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const item_r3 = i0.ɵɵnextContext().$implicit; const ctx_r11 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r11.model[ctx_r11.schema.id][item_r3.index] = $event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r3 = i0.ɵɵnextContext().$implicit;
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r5.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r5.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r5.selectClearLabel)("selectNotFoundLabel", ctx_r5.selectNotFoundLabel)("requiredLabel", ctx_r5.requiredLabel)("addItemLabel", ctx_r5.addItemLabel)("addLoopLabel", ctx_r5.addLoopLabel)("additionalAttributesLabel", ctx_r5.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r5.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r5.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r5.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r5.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r5.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r5.newCustomFieldCancelLabel)("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 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "label", 7);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "schema-custom-attributes", 8);
-    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_div_2_Template_schema_custom_attributes_modelChange_4_listener($event) { i0.ɵɵrestoreView(_r16); const item_r3 = i0.ɵɵnextContext().$implicit; const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.model[ctx_r15.schema.id][item_r3.index].customAttributes = $event); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const item_r3 = i0.ɵɵnextContext().$implicit;
-    const ctx_r6 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r6.additionalAttributesLabel);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("customAttributeRemoveLabel", ctx_r6.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r6.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r6.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r6.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r6.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r6.newCustomFieldCancelLabel)("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) {
-    i0.ɵɵtemplate(0, SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template, 1, 18, "schema-form", 2);
-    i0.ɵɵtemplate(1, SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template, 1, 18, "schema-form", 2);
-    i0.ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_div_2_Template, 5, 9, "div", 3);
-} if (rf & 2) {
-    const item_r3 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop !== undefined);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop == undefined);
-    i0.ɵɵadvance(1);
-    i0.ɵɵ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 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "array-session", 1);
-    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_Template_array_session_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r19.model[ctx_r19.schema.id] = $event)); })("onAdd", function SchemaArrayComponent_div_0_Template_array_session_onAdd_1_listener() { i0.ɵɵrestoreView(_r20); const ctx_r21 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r21.addArrayItem(ctx_r21.schema.id, {})); })("onAddLoop", function SchemaArrayComponent_div_0_Template_array_session_onAddLoop_1_listener() { i0.ɵɵrestoreView(_r20); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.addArrayLoop(ctx_r22.schema.id, {})); });
-    i0.ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_Template, 3, 3, "ng-template");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("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$4 = function () { return { standalone: true }; };
-function SchemaArrayComponent_div_1_ng_template_2_input_2_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 12);
-    i0.ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_input_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r30); const item_r24 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(item_r24.items[item_r24.index].mappingAttributes = $event); })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_input_2_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r30); const item_r24 = i0.ɵɵnextContext().$implicit; const ctx_r31 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(item_r24.items[item_r24.index].mappingAttributes = ctx_r31.onDrop($event, item_r24.items[item_r24.index].mappingAttributes)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r24 = i0.ɵɵnextContext().$implicit;
-    const ctx_r25 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngModel", item_r24.items[item_r24.index].mappingAttributes)("ngModelOptions", i0.ɵɵpureFunction0(3, _c0$4))("id", ctx_r25.getId(ctx_r25.index) + "-" + item_r24.index);
-} }
-function SchemaArrayComponent_div_1_ng_template_2_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 12);
-    i0.ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_ng_template_3_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r36); const item_r24 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView((item_r24.items[item_r24.index] = $event)); })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_ng_template_3_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r36); const item_r24 = i0.ɵɵnextContext().$implicit; const ctx_r37 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((item_r24.items[item_r24.index] = ctx_r37.onDrop($event, item_r24.items[item_r24.index]))); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r24 = i0.ɵɵnextContext().$implicit;
-    const ctx_r27 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngModel", item_r24.items[item_r24.index])("ngModelOptions", i0.ɵɵpureFunction0(3, _c0$4))("id", ctx_r27.getId(ctx_r27.index) + "-" + item_r24.index);
-} }
-function SchemaArrayComponent_div_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "label", 9);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(2, SchemaArrayComponent_div_1_ng_template_2_input_2_Template, 1, 4, "input", 10);
-    i0.ɵɵtemplate(3, SchemaArrayComponent_div_1_ng_template_2_ng_template_3_Template, 1, 4, "ng-template", null, 11, i0.ɵɵtemplateRefExtractor);
-} if (rf & 2) {
-    const item_r24 = ctx.$implicit;
-    const _r26 = i0.ɵɵreference(4);
-    const ctx_r23 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("htmlFor", ctx_r23.getId(ctx_r23.index) + "-" + item_r24.index);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r23.schema.title);
-    i0.ɵɵadvance(1);
-    i0.ɵɵ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 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "array-session", 1);
-    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_1_Template_array_session_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r40.model[ctx_r40.schema.id] = $event)); })("onAdd", function SchemaArrayComponent_div_1_Template_array_session_onAdd_1_listener() { i0.ɵɵrestoreView(_r41); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.addArrayItem(ctx_r42.schema.id, "")); })("onAddLoop", function SchemaArrayComponent_div_1_Template_array_session_onAddLoop_1_listener() { i0.ɵɵrestoreView(_r41); const ctx_r43 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r43.addArrayLoop(ctx_r43.schema.id, "")); });
-    i0.ɵɵtemplate(2, SchemaArrayComponent_div_1_ng_template_2_Template, 5, 4, "ng-template");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("addItemLabel", ctx_r1.addItemLabel)("addLoopLabel", ctx_r1.addLoopLabel)("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.requiredLabel = '(required)';
-        this.addItemLabel = 'Add Item';
-        this.addLoopLabel = 'Add Loop';
-        this.additionalAttributesLabel = 'Additional Fields';
-        this.customAttributeRemoveLabel = 'Remove';
-        this.newCustomFieldNameLabel = 'Name';
-        this.newCustomFieldValueLabel = 'Value';
-        this.newCustomFieldAddLabel = 'Add';
-        this.newCustomFieldSaveLabel = 'Save';
-        this.newCustomFieldCancelLabel = 'Cancel';
-        this.selectPlaceHolderLabel = 'Select Item';
-        this.selectSearchPlaceHolderLabel = 'Search';
-        this.selectClearLabel = 'Clear';
-        this.selectNotFoundLabel = 'No Items Found';
-        this.editing = false;
-    }
-    ngAfterContentInit() {
-        if (this.schema?.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 = /*@__PURE__*/ function () { let ɵSchemaArrayComponent_BaseFactory; return function SchemaArrayComponent_Factory(t) { return (ɵSchemaArrayComponent_BaseFactory || (ɵSchemaArrayComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaArrayComponent)))(t || SchemaArrayComponent); }; }();
-SchemaArrayComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaArrayComponent, selectors: [["schema-array"]], inputs: { requiredLabel: "requiredLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", additionalAttributesLabel: "additionalAttributesLabel", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "addItemLabel", "addLoopLabel", "label", "removeLabel", "model", "showAddLoop", "modelChange", "onAdd", "onAddLoop"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "idPrefix", "model", "schemas", "editing", "modelChange", 4, "ngIf"], ["class", "row struct-custom-properties", 4, "ngIf"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "idPrefix", "model", "schemas", "editing", "modelChange"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "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) {
-        i0.ɵɵtemplate(0, SchemaArrayComponent_div_0_Template, 3, 6, "div", 0);
-        i0.ɵɵtemplate(1, SchemaArrayComponent_div_1_Template, 3, 6, "div", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && ctx.schema.properties);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.schema && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && !ctx.schema.properties);
-    } }, dependencies: [i1.NgIf, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, ArraySessionComponent, SchemaFormComponent, SchemaCustomAttributesComponent] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaArrayComponent, [{
-        type: Component,
-        args: [{ selector: 'schema-array', template: "<div *ngIf=\"loaded && canRender(schema) && schema.type === 'array' && schema.properties\">\r\n  <array-session\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [label]=\"schema.title\"\r\n    [removeLabel]=\"schema.title\"\r\n    [(model)]=\"this.model[schema.id]\"\r\n    [showAddLoop]=\"schema.withoutLoop !== true\"\r\n    (onAdd)=\"addArrayItem(schema.id, {})\"\r\n    (onAddLoop)=\"addArrayLoop(schema.id, {})\">\r\n    <ng-template let-item>\r\n      <schema-form\r\n        *ngIf=\"this.model[schema.id][item.index].loop !== undefined\"\r\n        [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n        [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n        [selectClearLabel]=\"selectClearLabel\"\r\n        [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n        [requiredLabel]=\"requiredLabel\"\r\n        [addItemLabel]=\"addItemLabel\"\r\n        [addLoopLabel]=\"addLoopLabel\"\r\n        [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n        [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n        [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n        [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n        [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n        [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n        [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n        [idPrefix]=\"idPrefix\"\r\n        [(model)]=\"this.model[schema.id][item.index].mappingAttributes\"\r\n        [schemas]=\"getSchemaProperties()\"\r\n        [editing]=\"this.editing\">\r\n      </schema-form>\r\n      <schema-form\r\n        *ngIf=\"this.model[schema.id][item.index].loop == undefined\"\r\n        [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n        [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n        [selectClearLabel]=\"selectClearLabel\"\r\n        [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n        [requiredLabel]=\"requiredLabel\"\r\n        [addItemLabel]=\"addItemLabel\"\r\n        [addLoopLabel]=\"addLoopLabel\"\r\n        [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n        [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n        [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n        [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n        [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n        [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n        [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n        [idPrefix]=\"idPrefix\"\r\n        [(model)]=\"this.model[schema.id][item.index]\"\r\n        [schemas]=\"getSchemaProperties()\"\r\n        [editing]=\"this.editing\">\r\n      </schema-form>\r\n\r\n      <div class=\"row struct-custom-properties\" *ngIf=\"this.model[schema.id][item.index] && schema.customProperties\">\r\n        <div class=\"col-md-12\">\r\n          <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\r\n          <schema-custom-attributes\r\n            [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n            [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n            [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n            [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n            [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n            [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n            [(model)]=\"this.model[schema.id][item.index].customAttributes\"\r\n            [onDropFunction]=\"onDrop\">\r\n          </schema-custom-attributes>\r\n        </div>\r\n      </div>\r\n\r\n    </ng-template>\r\n  </array-session>\r\n</div>\r\n<div *ngIf=\"schema && canRender(schema) && schema.type === 'array' && !schema.properties\">\r\n  <array-session\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [label]=\"schema.title\"\r\n    [removeLabel]=\"schema.title\"\r\n    [(model)]=\"this.model[schema.id]\"\r\n    [showAddLoop]=\"schema.withoutLoop !== true\"\r\n    (onAdd)=\"addArrayItem(schema.id, '')\"\r\n    (onAddLoop)=\"addArrayLoop(schema.id, '')\"\r\n  >\r\n    <ng-template let-item>\r\n      <label class=\"info-label\" [htmlFor]=\"getId(index)+'-'+item.index\">{{ schema.title }}</label>\r\n      <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.items[item.index].mappingAttributes\"\r\n             [ngModelOptions]=\"{standalone: true}\" dndDropzone\r\n             (dndDrop)=\"item.items[item.index].mappingAttributes = this.onDrop($event, item.items[item.index].mappingAttributes)\"\r\n             *ngIf=\"item.items[item.index].mappingAttributes || item.items[item.index].mappingAttributes === ''; else elseBlock\"\r\n             [id]=\"getId(index)+'-'+item.index\"/>\r\n      <ng-template #elseBlock>\r\n        <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.items[item.index]\"\r\n               [ngModelOptions]=\"{standalone: true}\" dndDropzone\r\n               (dndDrop)=\"item.items[item.index] = this.onDrop($event, item.items[item.index])\"\r\n               [id]=\"getId(index)+'-'+item.index\"/>\r\n      </ng-template>\r\n    </ng-template>\r\n  </array-session>\r\n</div>\r\n" }]
-    }], null, { requiredLabel: [{
-            type: Input
-        }], addItemLabel: [{
-            type: Input
-        }], addLoopLabel: [{
-            type: Input
-        }], additionalAttributesLabel: [{
-            type: Input
-        }], customAttributeRemoveLabel: [{
-            type: Input
-        }], newCustomFieldNameLabel: [{
-            type: Input
-        }], newCustomFieldValueLabel: [{
-            type: Input
-        }], newCustomFieldAddLabel: [{
-            type: Input
-        }], newCustomFieldSaveLabel: [{
-            type: Input
-        }], newCustomFieldCancelLabel: [{
-            type: Input
-        }], selectPlaceHolderLabel: [{
-            type: Input
-        }], selectSearchPlaceHolderLabel: [{
-            type: Input
-        }], selectClearLabel: [{
-            type: Input
-        }], selectNotFoundLabel: [{
-            type: Input
-        }], 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 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "schema-form", 4);
+    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template_schema_form_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r8); const item_r3 = i0.ɵɵnextContext().$implicit; const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.model[ctx_r7.schema.id][item_r3.index].mappingAttributes = $event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r3 = i0.ɵɵnextContext().$implicit;
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r4.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r4.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r4.selectClearLabel)("selectNotFoundLabel", ctx_r4.selectNotFoundLabel)("requiredLabel", ctx_r4.requiredLabel)("addItemLabel", ctx_r4.addItemLabel)("addLoopLabel", ctx_r4.addLoopLabel)("additionalAttributesLabel", ctx_r4.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r4.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r4.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r4.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r4.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r4.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r4.newCustomFieldCancelLabel)("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 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "schema-form", 4);
+    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template_schema_form_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const item_r3 = i0.ɵɵnextContext().$implicit; const ctx_r11 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r11.model[ctx_r11.schema.id][item_r3.index] = $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r3 = i0.ɵɵnextContext().$implicit;
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r5.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r5.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r5.selectClearLabel)("selectNotFoundLabel", ctx_r5.selectNotFoundLabel)("requiredLabel", ctx_r5.requiredLabel)("addItemLabel", ctx_r5.addItemLabel)("addLoopLabel", ctx_r5.addLoopLabel)("additionalAttributesLabel", ctx_r5.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r5.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r5.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r5.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r5.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r5.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r5.newCustomFieldCancelLabel)("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 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "label", 7);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "schema-custom-attributes", 8);
+    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_div_2_Template_schema_custom_attributes_modelChange_4_listener($event) { i0.ɵɵrestoreView(_r16); const item_r3 = i0.ɵɵnextContext().$implicit; const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.model[ctx_r15.schema.id][item_r3.index].customAttributes = $event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r3 = i0.ɵɵnextContext().$implicit;
+    const ctx_r6 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r6.additionalAttributesLabel);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("customAttributeRemoveLabel", ctx_r6.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r6.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r6.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r6.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r6.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r6.newCustomFieldCancelLabel)("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) {
+    i0.ɵɵtemplate(0, SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template, 1, 18, "schema-form", 2);
+    i0.ɵɵtemplate(1, SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template, 1, 18, "schema-form", 2);
+    i0.ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_div_2_Template, 5, 9, "div", 3);
+} if (rf & 2) {
+    const item_r3 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop !== undefined);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop == undefined);
+    i0.ɵɵadvance(1);
+    i0.ɵɵ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 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "array-session", 1);
+    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_Template_array_session_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r19.model[ctx_r19.schema.id] = $event)); })("onAdd", function SchemaArrayComponent_div_0_Template_array_session_onAdd_1_listener() { i0.ɵɵrestoreView(_r20); const ctx_r21 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r21.addArrayItem(ctx_r21.schema.id, {})); })("onAddLoop", function SchemaArrayComponent_div_0_Template_array_session_onAddLoop_1_listener() { i0.ɵɵrestoreView(_r20); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.addArrayLoop(ctx_r22.schema.id, {})); });
+    i0.ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_Template, 3, 3, "ng-template");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("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$4 = function () { return { standalone: true }; };
+function SchemaArrayComponent_div_1_ng_template_2_input_2_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 12);
+    i0.ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_input_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r30); const item_r24 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(item_r24.items[item_r24.index].mappingAttributes = $event); })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_input_2_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r30); const item_r24 = i0.ɵɵnextContext().$implicit; const ctx_r31 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(item_r24.items[item_r24.index].mappingAttributes = ctx_r31.onDrop($event, item_r24.items[item_r24.index].mappingAttributes)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r24 = i0.ɵɵnextContext().$implicit;
+    const ctx_r25 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngModel", item_r24.items[item_r24.index].mappingAttributes)("ngModelOptions", i0.ɵɵpureFunction0(3, _c0$4))("id", ctx_r25.getId(ctx_r25.index) + "-" + item_r24.index);
+} }
+function SchemaArrayComponent_div_1_ng_template_2_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    const _r36 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 12);
+    i0.ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_ng_template_3_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r36); const item_r24 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView((item_r24.items[item_r24.index] = $event)); })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_ng_template_3_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r36); const item_r24 = i0.ɵɵnextContext().$implicit; const ctx_r37 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((item_r24.items[item_r24.index] = ctx_r37.onDrop($event, item_r24.items[item_r24.index]))); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r24 = i0.ɵɵnextContext().$implicit;
+    const ctx_r27 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngModel", item_r24.items[item_r24.index])("ngModelOptions", i0.ɵɵpureFunction0(3, _c0$4))("id", ctx_r27.getId(ctx_r27.index) + "-" + item_r24.index);
+} }
+function SchemaArrayComponent_div_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(2, SchemaArrayComponent_div_1_ng_template_2_input_2_Template, 1, 4, "input", 10);
+    i0.ɵɵtemplate(3, SchemaArrayComponent_div_1_ng_template_2_ng_template_3_Template, 1, 4, "ng-template", null, 11, i0.ɵɵtemplateRefExtractor);
+} if (rf & 2) {
+    const item_r24 = ctx.$implicit;
+    const _r26 = i0.ɵɵreference(4);
+    const ctx_r23 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("htmlFor", ctx_r23.getId(ctx_r23.index) + "-" + item_r24.index);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r23.schema.title);
+    i0.ɵɵadvance(1);
+    i0.ɵɵ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 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "array-session", 1);
+    i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_1_Template_array_session_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r40.model[ctx_r40.schema.id] = $event)); })("onAdd", function SchemaArrayComponent_div_1_Template_array_session_onAdd_1_listener() { i0.ɵɵrestoreView(_r41); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.addArrayItem(ctx_r42.schema.id, "")); })("onAddLoop", function SchemaArrayComponent_div_1_Template_array_session_onAddLoop_1_listener() { i0.ɵɵrestoreView(_r41); const ctx_r43 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r43.addArrayLoop(ctx_r43.schema.id, "")); });
+    i0.ɵɵtemplate(2, SchemaArrayComponent_div_1_ng_template_2_Template, 5, 4, "ng-template");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("addItemLabel", ctx_r1.addItemLabel)("addLoopLabel", ctx_r1.addLoopLabel)("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 {
+    requiredLabel = '(required)';
+    addItemLabel = 'Add Item';
+    addLoopLabel = 'Add Loop';
+    additionalAttributesLabel = 'Additional Fields';
+    customAttributeRemoveLabel = 'Remove';
+    newCustomFieldNameLabel = 'Name';
+    newCustomFieldValueLabel = 'Value';
+    newCustomFieldAddLabel = 'Add';
+    newCustomFieldSaveLabel = 'Save';
+    newCustomFieldCancelLabel = 'Cancel';
+    selectPlaceHolderLabel = 'Select Item';
+    selectSearchPlaceHolderLabel = 'Search';
+    selectClearLabel = 'Clear';
+    selectNotFoundLabel = 'No Items Found';
+    idPrefix;
+    editing = false;
+    index;
+    loaded;
+    ngAfterContentInit() {
+        if (this.schema?.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 });
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵSchemaArrayComponent_BaseFactory; return function SchemaArrayComponent_Factory(t) { return (ɵSchemaArrayComponent_BaseFactory || (ɵSchemaArrayComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaArrayComponent)))(t || SchemaArrayComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaArrayComponent, selectors: [["schema-array"]], inputs: { requiredLabel: "requiredLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", additionalAttributesLabel: "additionalAttributesLabel", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", editing: "editing", index: "index" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "addItemLabel", "addLoopLabel", "label", "removeLabel", "model", "showAddLoop", "modelChange", "onAdd", "onAddLoop"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "idPrefix", "model", "schemas", "editing", "modelChange", 4, "ngIf"], ["class", "row struct-custom-properties", 4, "ngIf"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "idPrefix", "model", "schemas", "editing", "modelChange"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "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) {
+            i0.ɵɵtemplate(0, SchemaArrayComponent_div_0_Template, 3, 6, "div", 0);
+            i0.ɵɵtemplate(1, SchemaArrayComponent_div_1_Template, 3, 6, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && ctx.schema.properties);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.schema && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && !ctx.schema.properties);
+        } }, dependencies: [i1.NgIf, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, ArraySessionComponent, SchemaFormComponent, SchemaCustomAttributesComponent] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaArrayComponent, [{
+        type: Component,
+        args: [{ selector: 'schema-array', template: "<div *ngIf=\"loaded && canRender(schema) && schema.type === 'array' && schema.properties\">\r\n  <array-session\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [label]=\"schema.title\"\r\n    [removeLabel]=\"schema.title\"\r\n    [(model)]=\"this.model[schema.id]\"\r\n    [showAddLoop]=\"schema.withoutLoop !== true\"\r\n    (onAdd)=\"addArrayItem(schema.id, {})\"\r\n    (onAddLoop)=\"addArrayLoop(schema.id, {})\">\r\n    <ng-template let-item>\r\n      <schema-form\r\n        *ngIf=\"this.model[schema.id][item.index].loop !== undefined\"\r\n        [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n        [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n        [selectClearLabel]=\"selectClearLabel\"\r\n        [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n        [requiredLabel]=\"requiredLabel\"\r\n        [addItemLabel]=\"addItemLabel\"\r\n        [addLoopLabel]=\"addLoopLabel\"\r\n        [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n        [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n        [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n        [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n        [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n        [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n        [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n        [idPrefix]=\"idPrefix\"\r\n        [(model)]=\"this.model[schema.id][item.index].mappingAttributes\"\r\n        [schemas]=\"getSchemaProperties()\"\r\n        [editing]=\"this.editing\">\r\n      </schema-form>\r\n      <schema-form\r\n        *ngIf=\"this.model[schema.id][item.index].loop == undefined\"\r\n        [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n        [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n        [selectClearLabel]=\"selectClearLabel\"\r\n        [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n        [requiredLabel]=\"requiredLabel\"\r\n        [addItemLabel]=\"addItemLabel\"\r\n        [addLoopLabel]=\"addLoopLabel\"\r\n        [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n        [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n        [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n        [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n        [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n        [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n        [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n        [idPrefix]=\"idPrefix\"\r\n        [(model)]=\"this.model[schema.id][item.index]\"\r\n        [schemas]=\"getSchemaProperties()\"\r\n        [editing]=\"this.editing\">\r\n      </schema-form>\r\n\r\n      <div class=\"row struct-custom-properties\" *ngIf=\"this.model[schema.id][item.index] && schema.customProperties\">\r\n        <div class=\"col-md-12\">\r\n          <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\r\n          <schema-custom-attributes\r\n            [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n            [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n            [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n            [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n            [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n            [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n            [(model)]=\"this.model[schema.id][item.index].customAttributes\"\r\n            [onDropFunction]=\"onDrop\">\r\n          </schema-custom-attributes>\r\n        </div>\r\n      </div>\r\n\r\n    </ng-template>\r\n  </array-session>\r\n</div>\r\n<div *ngIf=\"schema && canRender(schema) && schema.type === 'array' && !schema.properties\">\r\n  <array-session\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [label]=\"schema.title\"\r\n    [removeLabel]=\"schema.title\"\r\n    [(model)]=\"this.model[schema.id]\"\r\n    [showAddLoop]=\"schema.withoutLoop !== true\"\r\n    (onAdd)=\"addArrayItem(schema.id, '')\"\r\n    (onAddLoop)=\"addArrayLoop(schema.id, '')\"\r\n  >\r\n    <ng-template let-item>\r\n      <label class=\"info-label\" [htmlFor]=\"getId(index)+'-'+item.index\">{{ schema.title }}</label>\r\n      <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.items[item.index].mappingAttributes\"\r\n             [ngModelOptions]=\"{standalone: true}\" dndDropzone\r\n             (dndDrop)=\"item.items[item.index].mappingAttributes = this.onDrop($event, item.items[item.index].mappingAttributes)\"\r\n             *ngIf=\"item.items[item.index].mappingAttributes || item.items[item.index].mappingAttributes === ''; else elseBlock\"\r\n             [id]=\"getId(index)+'-'+item.index\"/>\r\n      <ng-template #elseBlock>\r\n        <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.items[item.index]\"\r\n               [ngModelOptions]=\"{standalone: true}\" dndDropzone\r\n               (dndDrop)=\"item.items[item.index] = this.onDrop($event, item.items[item.index])\"\r\n               [id]=\"getId(index)+'-'+item.index\"/>\r\n      </ng-template>\r\n    </ng-template>\r\n  </array-session>\r\n</div>\r\n" }]
+    }], null, { requiredLabel: [{
+            type: Input
+        }], addItemLabel: [{
+            type: Input
+        }], addLoopLabel: [{
+            type: Input
+        }], additionalAttributesLabel: [{
+            type: Input
+        }], customAttributeRemoveLabel: [{
+            type: Input
+        }], newCustomFieldNameLabel: [{
+            type: Input
+        }], newCustomFieldValueLabel: [{
+            type: Input
+        }], newCustomFieldAddLabel: [{
+            type: Input
+        }], newCustomFieldSaveLabel: [{
+            type: Input
+        }], newCustomFieldCancelLabel: [{
+            type: Input
+        }], selectPlaceHolderLabel: [{
+            type: Input
+        }], selectSearchPlaceHolderLabel: [{
+            type: Input
+        }], selectClearLabel: [{
+            type: Input
+        }], selectNotFoundLabel: [{
+            type: Input
+        }], idPrefix: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], index: [{
+            type: Input
         }] }); })();
 
-const _c0$3 = function (a0) { return { "has-error": a0 }; };
-function FieldRenderComponent_small_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "small", 0);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$3, ctx_r0.state && !ctx_r0.state.valid && ctx_r0.state.errors));
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r0.requiredLabel);
-} }
-function FieldRenderComponent_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 4);
-    i0.ɵɵelement(1, "i", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r1.tooltip);
-} }
-const _c1$1 = ["*"];
-class FieldRenderComponent {
-    constructor() {
-        this.requiredLabel = '(required)';
-        this.label = '';
-        this.required = true;
-    }
-}
-FieldRenderComponent.ɵfac = function FieldRenderComponent_Factory(t) { return new (t || FieldRenderComponent)(); };
-FieldRenderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FieldRenderComponent, selectors: [["field-render"]], inputs: { requiredLabel: "requiredLabel", label: "label", inputId: "inputId", tooltip: "tooltip", required: "required", state: "state" }, ngContentSelectors: _c1$1, decls: 6, vars: 7, 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) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
-        i0.ɵɵtext(2);
-        i0.ɵɵtemplate(3, FieldRenderComponent_small_3_Template, 2, 4, "small", 2);
-        i0.ɵɵtemplate(4, FieldRenderComponent_span_4_Template, 2, 1, "span", 3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵprojection(5);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$3, ctx.state && !ctx.state.valid && (!ctx.state.pristine || ctx.state.touched) && ctx.state.errors));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("htmlFor", ctx.inputId);
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate1(" ", ctx.label, " ");
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.required);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.tooltip);
-    } }, dependencies: [i1.NgClass, i1.NgIf, i2$1.MatTooltip], styles: [".info-icon[_ngcontent-%COMP%]{color:#222d57;font-size:13px;float:right;margin-left:4px}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldRenderComponent, [{
-        type: Component,
-        args: [{ selector: 'field-render', template: "<div [ngClass]=\"{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}\">\r\n    <label class=\"info-label bold\" [htmlFor]=\"inputId\">\r\n        {{ label }}\r\n        <small [ngClass]=\"{'has-error':state && !state.valid && state.errors}\" *ngIf=\"required\">{{this.requiredLabel}}</small>\r\n        <span class=\"info-icon\" matTooltip=\"{{ tooltip }}\" *ngIf=\"tooltip\">\r\n            <i class=\"far fa-question-circle\"></i>\r\n        </span>\r\n    </label>\r\n\r\n    <!-- Input, textarea or select -->\r\n    <ng-content></ng-content>\r\n</div>\r\n", styles: [".info-icon{color:#222d57;font-size:13px;float:right;margin-left:4px}\n"] }]
-    }], null, { requiredLabel: [{
-            type: Input
-        }], 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_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "small", 0);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$3, ctx_r0.state && !ctx_r0.state.valid && ctx_r0.state.errors));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.requiredLabel);
+} }
+function FieldRenderComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵelement(1, "i", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r1.tooltip);
+} }
+const _c1$1 = ["*"];
+class FieldRenderComponent {
+    requiredLabel = '(required)';
+    label = '';
+    inputId;
+    tooltip;
+    required = true;
+    /**
+     * Estado do input no formulário para validar quando
+     * é necessário exibir as mensagens de erro.
+     */
+    state;
+    static ɵfac = function FieldRenderComponent_Factory(t) { return new (t || FieldRenderComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FieldRenderComponent, selectors: [["field-render"]], inputs: { requiredLabel: "requiredLabel", label: "label", inputId: "inputId", tooltip: "tooltip", required: "required", state: "state" }, ngContentSelectors: _c1$1, decls: 6, vars: 7, 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) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵtemplate(3, FieldRenderComponent_small_3_Template, 2, 4, "small", 2);
+            i0.ɵɵtemplate(4, FieldRenderComponent_span_4_Template, 2, 1, "span", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵprojection(5);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$3, ctx.state && !ctx.state.valid && (!ctx.state.pristine || ctx.state.touched) && ctx.state.errors));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("htmlFor", ctx.inputId);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", ctx.label, " ");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.required);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.tooltip);
+        } }, dependencies: [i1.NgClass, i1.NgIf, i2$1.MatTooltip], styles: [".info-icon[_ngcontent-%COMP%]{color:#222d57;font-size:13px;float:right;margin-left:4px}"] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldRenderComponent, [{
+        type: Component,
+        args: [{ selector: 'field-render', template: "<div [ngClass]=\"{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}\">\r\n    <label class=\"info-label bold\" [htmlFor]=\"inputId\">\r\n        {{ label }}\r\n        <small [ngClass]=\"{'has-error':state && !state.valid && state.errors}\" *ngIf=\"required\">{{this.requiredLabel}}</small>\r\n        <span class=\"info-icon\" matTooltip=\"{{ tooltip }}\" *ngIf=\"tooltip\">\r\n            <i class=\"far fa-question-circle\"></i>\r\n        </span>\r\n    </label>\r\n\r\n    <!-- Input, textarea or select -->\r\n    <ng-content></ng-content>\r\n</div>\r\n", styles: [".info-icon{color:#222d57;font-size:13px;float:right;margin-left:4px}\n"] }]
+    }], null, { requiredLabel: [{
+            type: Input
+        }], label: [{
+            type: Input
+        }], inputId: [{
+            type: Input
+        }], tooltip: [{
+            type: Input
+        }], required: [{
+            type: Input
+        }], state: [{
+            type: Input
         }] }); })();
 
-const _c0$2 = 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 = /*@__PURE__*/ function () { let ɵBooleanInputComponent_BaseFactory; return function BooleanInputComponent_Factory(t) { return (ɵBooleanInputComponent_BaseFactory || (ɵBooleanInputComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BooleanInputComponent)))(t || BooleanInputComponent); }; }();
-BooleanInputComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BooleanInputComponent, selectors: [["boolean-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [i0.ɵɵ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) {
-        i0.ɵɵelementStart(0, "input", 0);
-        i0.ɵɵ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); });
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$2))("maxlength", ctx.maxLength);
-    } }, dependencies: [i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.MaxLengthValidator, i3.NgModel], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BooleanInputComponent, [{
-        type: Component,
-        args: [{ selector: 'boolean-input', template: "<input class=\"form-control\"\r\n       [id]=\"inputId\"\r\n       [placeholder]=\"placeholder\"\r\n       [(ngModel)]=\"value\"\r\n       [ngModelOptions]=\"{standalone: true}\"\r\n       (ngModelChange)=\"changeValue($event)\"\r\n       dndDropzone (dndDrop)=\"onDropCallBack($event, value)\"\r\n       [maxlength]=\"maxLength\">\r\n" }]
-    }], null, { placeholder: [{
-            type: Input
-        }], inputId: [{
-            type: Input
-        }], maxLength: [{
-            type: Input
+const _c0$2 = function () { return { standalone: true }; };
+class BooleanInputComponent extends BaseSchemaComponent {
+    placeholder;
+    inputId;
+    maxLength;
+    value;
+    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);
+        }
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵBooleanInputComponent_BaseFactory; return function BooleanInputComponent_Factory(t) { return (ɵBooleanInputComponent_BaseFactory || (ɵBooleanInputComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BooleanInputComponent)))(t || BooleanInputComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BooleanInputComponent, selectors: [["boolean-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [i0.ɵɵ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) {
+            i0.ɵɵelementStart(0, "input", 0);
+            i0.ɵɵ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); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$2))("maxlength", ctx.maxLength);
+        } }, dependencies: [i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.MaxLengthValidator, i3.NgModel], encapsulation: 2 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BooleanInputComponent, [{
+        type: Component,
+        args: [{ selector: 'boolean-input', template: "<input class=\"form-control\"\r\n       [id]=\"inputId\"\r\n       [placeholder]=\"placeholder\"\r\n       [(ngModel)]=\"value\"\r\n       [ngModelOptions]=\"{standalone: true}\"\r\n       (ngModelChange)=\"changeValue($event)\"\r\n       dndDropzone (dndDrop)=\"onDropCallBack($event, value)\"\r\n       [maxlength]=\"maxLength\">\r\n" }]
+    }], null, { placeholder: [{
+            type: Input
+        }], inputId: [{
+            type: Input
+        }], maxLength: [{
+            type: Input
         }] }); })();
 
-const _c0$1 = 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 = /*@__PURE__*/ function () { let ɵNumberInputComponent_BaseFactory; return function NumberInputComponent_Factory(t) { return (ɵNumberInputComponent_BaseFactory || (ɵNumberInputComponent_BaseFactory = i0.ɵɵgetInheritedFactory(NumberInputComponent)))(t || NumberInputComponent); }; }();
-NumberInputComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NumberInputComponent, selectors: [["number-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [i0.ɵɵ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) {
-        i0.ɵɵelementStart(0, "input", 0);
-        i0.ɵɵ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); });
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$1))("maxlength", ctx.maxLength);
-    } }, dependencies: [i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.MaxLengthValidator, i3.NgModel], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NumberInputComponent, [{
-        type: Component,
-        args: [{ selector: 'number-input', template: "<input class=\"form-control number-input\"\r\n       [id]=\"inputId\"\r\n       [placeholder]=\"placeholder\"\r\n       [(ngModel)]=\"value\"\r\n       [ngModelOptions]=\"{standalone: true}\"\r\n       (ngModelChange)=\"changeValue($event)\"\r\n       dndDropzone (dndDrop)=\"onDropCallBack($event, value)\"\r\n       [maxlength]=\"maxLength\">\r\n" }]
-    }], null, { placeholder: [{
-            type: Input
-        }], inputId: [{
-            type: Input
-        }], maxLength: [{
-            type: Input
+const _c0$1 = function () { return { standalone: true }; };
+class NumberInputComponent extends BaseSchemaComponent {
+    placeholder;
+    inputId;
+    maxLength;
+    value;
+    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);
+        }
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵNumberInputComponent_BaseFactory; return function NumberInputComponent_Factory(t) { return (ɵNumberInputComponent_BaseFactory || (ɵNumberInputComponent_BaseFactory = i0.ɵɵgetInheritedFactory(NumberInputComponent)))(t || NumberInputComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NumberInputComponent, selectors: [["number-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [i0.ɵɵ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) {
+            i0.ɵɵelementStart(0, "input", 0);
+            i0.ɵɵ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); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$1))("maxlength", ctx.maxLength);
+        } }, dependencies: [i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.MaxLengthValidator, i3.NgModel], encapsulation: 2 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NumberInputComponent, [{
+        type: Component,
+        args: [{ selector: 'number-input', template: "<input class=\"form-control number-input\"\r\n       [id]=\"inputId\"\r\n       [placeholder]=\"placeholder\"\r\n       [(ngModel)]=\"value\"\r\n       [ngModelOptions]=\"{standalone: true}\"\r\n       (ngModelChange)=\"changeValue($event)\"\r\n       dndDropzone (dndDrop)=\"onDropCallBack($event, value)\"\r\n       [maxlength]=\"maxLength\">\r\n" }]
+    }], null, { placeholder: [{
+            type: Input
+        }], inputId: [{
+            type: Input
+        }], maxLength: [{
+            type: Input
         }] }); })();
 
-function InputRenderComponent_div_1_icon_1_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "icon", 8);
-    i0.ɵɵlistener("onClick", function InputRenderComponent_div_1_icon_1_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.editPassword()); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("name", "fas fa-pencil-alt");
-} }
-function InputRenderComponent_div_1_icon_2_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "icon", 9);
-    i0.ɵɵlistener("mousedown", function InputRenderComponent_div_1_icon_2_Template_icon_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(2); ctx_r9.cancelEditPassword(); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("name", "fas fa-ban");
-} }
-function InputRenderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵtemplate(1, InputRenderComponent_div_1_icon_1_Template, 1, 1, "icon", 6);
-    i0.ɵɵtemplate(2, InputRenderComponent_div_1_icon_2_Template, 1, 1, "icon", 7);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.schema.readOnlyPassword);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r0.schema.readOnlyPassword);
-} }
-const _c0 = function () { return { standalone: true }; };
-function InputRenderComponent_input_2_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 10);
-    i0.ɵɵlistener("blur", function InputRenderComponent_input_2_Template_input_blur_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.onInputBlur()); })("ngModelChange", function InputRenderComponent_input_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.value = $event); })("ngModelChange", function InputRenderComponent_input_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.onChange($event)); })("dndDrop", function InputRenderComponent_input_2_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.onDropCallBack($event, ctx_r15.value)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate("placeholder", ctx_r1.schema.type === "password" && ctx_r1.schema.readOnlyPassword ? "*****" : ctx_r1.schema.description);
-    i0.ɵɵproperty("disabled", ctx_r1.schema.readOnlyPassword)("type", ctx_r1.schema.type === "password" ? "password" : "text")("ngModel", ctx_r1.value)("ngModelOptions", i0.ɵɵpureFunction0(7, _c0))("id", ctx_r1.inputId)("maxlength", ctx_r1.schema.maxLength);
-} }
-function InputRenderComponent_select_box_3_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select-box", 11);
-    i0.ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_3_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.value = $event); })("ngModelChange", function InputRenderComponent_select_box_3_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.onChange($event.key)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("id", ctx_r2.inputId)("ngModel", ctx_r2.value)("ngModelOptions", i0.ɵɵpureFunction0(12, _c0))("placeholder", ctx_r2.schema.description || ctx_r2.selectPlaceHolderLabel)("searchPlaceHolder", ctx_r2.selectSearchPlaceHolderLabel)("clearText", ctx_r2.selectClearLabel)("notFoundText", ctx_r2.selectNotFoundLabel)("bindKey", "key")("bindValue", "value")("enabledSearch", true)("limitItens", 30)("data", ctx_r2.schema.options);
-} }
-function InputRenderComponent_number_input_4_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "number-input", 12);
-    i0.ɵɵlistener("modelChange", function InputRenderComponent_number_input_4_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.value = $event); })("modelChange", function InputRenderComponent_number_input_4_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r21 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r21.onChange($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("model", ctx_r3.value)("inputId", ctx_r3.inputId)("placeholder", ctx_r3.schema.description)("maxLength", ctx_r3.schema.maxLength);
-} }
-function InputRenderComponent_boolean_input_5_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "boolean-input", 12);
-    i0.ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_5_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.value = $event); })("modelChange", function InputRenderComponent_boolean_input_5_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.onChange($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("model", ctx_r4.value)("inputId", ctx_r4.inputId)("placeholder", ctx_r4.schema.description)("maxLength", ctx_r4.schema.maxLength);
-} }
-const _c1 = function (a0) { return { "schema-input-container-password": a0 }; };
-class InputRenderComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.selectPlaceHolderLabel = 'Select Item';
-        this.selectSearchPlaceHolderLabel = 'Search';
-        this.selectClearLabel = 'Clear';
-        this.selectNotFoundLabel = 'No Items Found';
-        this.schema = {};
-        this.editing = false;
-        this.onDropEvent = new EventEmitter();
-    }
-    ngAfterContentInit() {
-        if (this.schema?.type !== 'object' && this.schema?.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;
-            }
-        }
-        if (this.editing && this.schema?.type === 'password') {
-            this.schema.readOnlyPassword = true;
-        }
-    }
-    onDropCallBack($event, value) {
-        this.value = value = super.onDrop($event, value);
-        this.onChange(value);
-    }
-    onChange($event) {
-        if (this.schema.type !== 'password' || !this.editing) {
-            this.model = $event;
-            this.modelChange.emit(this.model);
-        }
-    }
-    onInputBlur() {
-        if (this.schema?.type === 'password') {
-            this.savePassword();
-        }
-    }
-    savePassword() {
-        this.model = this.value || '';
-        this.modelChange.emit(this.model);
-        this.setReadOnlyPassword(true);
-    }
-    cancelEditPassword() {
-        setTimeout(() => {
-            this.value = undefined;
-            this.model = undefined;
-            this.modelChange.emit(this.model);
-            this.setReadOnlyPassword(true);
-        }, 100);
-    }
-    editPassword() {
-        this.setReadOnlyPassword(false);
-    }
-    setReadOnlyPassword(value) {
-        this.schema.readOnlyPassword = value;
-    }
-}
-InputRenderComponent.ɵfac = /*@__PURE__*/ function () { let ɵInputRenderComponent_BaseFactory; return function InputRenderComponent_Factory(t) { return (ɵInputRenderComponent_BaseFactory || (ɵInputRenderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(InputRenderComponent)))(t || InputRenderComponent); }; }();
-InputRenderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputRenderComponent, selectors: [["input-render"]], inputs: { selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", schema: "schema", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing" }, outputs: { onDropEvent: "onDropEvent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 8, consts: [[1, "schema-input-container", 3, "ngClass"], ["class", "edit-icon", 4, "ngIf"], ["class", "form-control", "dndDropzone", "", 3, "disabled", "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "blur", "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"], [1, "edit-icon"], ["size", "15", "type", "primary", 3, "name", "onClick", 4, "ngIf"], ["size", "15", "type", "primary clickable", 3, "name", "mousedown", 4, "ngIf"], ["size", "15", "type", "primary", 3, "name", "onClick"], ["size", "15", "type", "primary clickable", 3, "name", "mousedown"], ["dndDropzone", "", 1, "form-control", 3, "disabled", "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "blur", "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) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, InputRenderComponent_div_1_Template, 3, 2, "div", 1);
-        i0.ɵɵtemplate(2, InputRenderComponent_input_2_Template, 1, 8, "input", 2);
-        i0.ɵɵtemplate(3, InputRenderComponent_select_box_3_Template, 1, 13, "select-box", 3);
-        i0.ɵɵtemplate(4, InputRenderComponent_number_input_4_Template, 1, 4, "number-input", 4);
-        i0.ɵɵtemplate(5, InputRenderComponent_boolean_input_5_Template, 1, 4, "boolean-input", 4);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c1, ctx.schema.type === "password"));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.schema.type === "password" && ctx.editing);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", (ctx.schema.type === "string" || ctx.schema.type === "password") && !ctx.schema.options);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.schema.type === "string" && ctx.schema.options);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.schema.type === "number");
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.schema.type === "boolean");
-    } }, dependencies: [i1.NgClass, i1.NgIf, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.MaxLengthValidator, i3.NgModel, i4.SelectBoxComponent, i5.IconComponent, BooleanInputComponent, NumberInputComponent], styles: [".schema-input-container-password[_ngcontent-%COMP%]{position:relative}.schema-input-container-password[_ngcontent-%COMP%]   .edit-icon[_ngcontent-%COMP%]{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{display:block;padding-right:40px!important}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputRenderComponent, [{
-        type: Component,
-        args: [{ selector: 'input-render', template: "<div class=\"schema-input-container\" [ngClass]=\"{'schema-input-container-password' : schema.type === 'password' }\" >\r\n  <div *ngIf=\"schema.type === 'password' && editing\" class=\"edit-icon\">\r\n    <icon *ngIf=\"this.schema.readOnlyPassword\" size=\"15\" type=\"primary\" [name]=\"'fas fa-pencil-alt'\"\r\n          (onClick)=\"editPassword()\">\r\n    </icon>\r\n    <icon *ngIf=\"!this.schema.readOnlyPassword\" size=\"15\" type=\"primary clickable\" [name]=\"'fas fa-ban'\"\r\n          (mousedown)=\"cancelEditPassword(); $event.stopPropagation()\">\r\n    </icon>\r\n  </div>\r\n  <input (blur)=\"onInputBlur()\"\r\n         [disabled]=\"schema.readOnlyPassword\" class=\"form-control\"\r\n         [type]=\"schema.type === 'password' ? 'password' : 'text'\"\r\n         placeholder=\"{{schema.type === 'password' && this.schema.readOnlyPassword ? '*****' : schema.description}}\"\r\n         *ngIf=\"(schema.type === 'string' || schema.type === 'password') && !schema.options\"\r\n         [(ngModel)]=\"value\" [ngModelOptions]=\"{standalone: true}\"\r\n         (ngModelChange)=\"onChange($event)\"\r\n         dndDropzone (dndDrop)=\"onDropCallBack($event, value)\" [id]=\"inputId\" [maxlength]=\"schema.maxLength\"/>\r\n\r\n  <select-box\r\n    [id]=\"inputId\"\r\n    [(ngModel)]=\"value\"\r\n    (ngModelChange)=\"onChange($event.key)\"\r\n    [ngModelOptions]=\"{standalone: true}\"\r\n    *ngIf=\"schema.type === 'string' && schema.options\"\r\n    [placeholder]=\"schema.description || this.selectPlaceHolderLabel\"\r\n    [searchPlaceHolder]=\"selectSearchPlaceHolderLabel\"\r\n    [clearText]=\"this.selectClearLabel\"\r\n    [notFoundText]=\"this.selectNotFoundLabel\"\r\n    [bindKey]=\"'key'\"\r\n    [bindValue]=\"'value'\"\r\n    [enabledSearch]=\"true\"\r\n    [limitItens]=\"30\"\r\n    [data]=\"schema.options\">\r\n  </select-box>\r\n\r\n  <number-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n                *ngIf=\"schema.type === 'number'\"\r\n                [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n                (modelChange)=\"onChange($event)\"></number-input>\r\n\r\n  <boolean-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n                 *ngIf=\"schema.type === 'boolean'\"\r\n                 [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n                 (modelChange)=\"onChange($event)\"></boolean-input>\r\n</div>\r\n", styles: [".schema-input-container-password{position:relative}.schema-input-container-password .edit-icon{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password input{display:block;padding-right:40px!important}\n"] }]
-    }], null, { selectPlaceHolderLabel: [{
-            type: Input
-        }], selectSearchPlaceHolderLabel: [{
-            type: Input
-        }], selectClearLabel: [{
-            type: Input
-        }], selectNotFoundLabel: [{
-            type: Input
-        }], schema: [{
-            type: Input
-        }], modelPropertiesPath: [{
-            type: Input
-        }], inputId: [{
-            type: Input
-        }], editing: [{
-            type: Input
-        }], onDropEvent: [{
-            type: Output
+function InputRenderComponent_div_1_icon_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "icon", 8);
+    i0.ɵɵlistener("onClick", function InputRenderComponent_div_1_icon_1_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.editPassword()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("name", "fas fa-pencil-alt");
+} }
+function InputRenderComponent_div_1_icon_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "icon", 9);
+    i0.ɵɵlistener("mousedown", function InputRenderComponent_div_1_icon_2_Template_icon_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(2); ctx_r9.cancelEditPassword(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("name", "fas fa-ban");
+} }
+function InputRenderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtemplate(1, InputRenderComponent_div_1_icon_1_Template, 1, 1, "icon", 6);
+    i0.ɵɵtemplate(2, InputRenderComponent_div_1_icon_2_Template, 1, 1, "icon", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.schema.readOnlyPassword);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.schema.readOnlyPassword);
+} }
+const _c0 = function () { return { standalone: true }; };
+function InputRenderComponent_input_2_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 10);
+    i0.ɵɵlistener("blur", function InputRenderComponent_input_2_Template_input_blur_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.onInputBlur()); })("ngModelChange", function InputRenderComponent_input_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.value = $event); })("ngModelChange", function InputRenderComponent_input_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.onChange($event)); })("dndDrop", function InputRenderComponent_input_2_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.onDropCallBack($event, ctx_r15.value)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate("placeholder", ctx_r1.schema.type === "password" && ctx_r1.schema.readOnlyPassword ? "*****" : ctx_r1.schema.description);
+    i0.ɵɵproperty("disabled", ctx_r1.schema.readOnlyPassword)("type", ctx_r1.schema.type === "password" ? "password" : "text")("ngModel", ctx_r1.value)("ngModelOptions", i0.ɵɵpureFunction0(7, _c0))("id", ctx_r1.inputId)("maxlength", ctx_r1.schema.maxLength);
+} }
+function InputRenderComponent_select_box_3_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select-box", 11);
+    i0.ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_3_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.value = $event); })("ngModelChange", function InputRenderComponent_select_box_3_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.onChange($event.key)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("id", ctx_r2.inputId)("ngModel", ctx_r2.value)("ngModelOptions", i0.ɵɵpureFunction0(12, _c0))("placeholder", ctx_r2.schema.description || ctx_r2.selectPlaceHolderLabel)("searchPlaceHolder", ctx_r2.selectSearchPlaceHolderLabel)("clearText", ctx_r2.selectClearLabel)("notFoundText", ctx_r2.selectNotFoundLabel)("bindKey", "key")("bindValue", "value")("enabledSearch", true)("limitItens", 30)("data", ctx_r2.schema.options);
+} }
+function InputRenderComponent_number_input_4_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "number-input", 12);
+    i0.ɵɵlistener("modelChange", function InputRenderComponent_number_input_4_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.value = $event); })("modelChange", function InputRenderComponent_number_input_4_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r21 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r21.onChange($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("model", ctx_r3.value)("inputId", ctx_r3.inputId)("placeholder", ctx_r3.schema.description)("maxLength", ctx_r3.schema.maxLength);
+} }
+function InputRenderComponent_boolean_input_5_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "boolean-input", 12);
+    i0.ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_5_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.value = $event); })("modelChange", function InputRenderComponent_boolean_input_5_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.onChange($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("model", ctx_r4.value)("inputId", ctx_r4.inputId)("placeholder", ctx_r4.schema.description)("maxLength", ctx_r4.schema.maxLength);
+} }
+const _c1 = function (a0) { return { "schema-input-container-password": a0 }; };
+class InputRenderComponent extends BaseSchemaComponent {
+    selectPlaceHolderLabel = 'Select Item';
+    selectSearchPlaceHolderLabel = 'Search';
+    selectClearLabel = 'Clear';
+    selectNotFoundLabel = 'No Items Found';
+    schema = {};
+    modelPropertiesPath;
+    inputId;
+    editing = false;
+    onDropEvent = new EventEmitter();
+    value;
+    ngAfterContentInit() {
+        if (this.schema?.type !== 'object' && this.schema?.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;
+            }
+        }
+        if (this.editing && this.schema?.type === 'password') {
+            this.schema.readOnlyPassword = true;
+        }
+    }
+    onDropCallBack($event, value) {
+        this.value = value = super.onDrop($event, value);
+        this.onChange(value);
+    }
+    onChange($event) {
+        if (this.schema.type !== 'password' || !this.editing) {
+            this.model = $event;
+            this.modelChange.emit(this.model);
+        }
+    }
+    onInputBlur() {
+        if (this.schema?.type === 'password') {
+            this.savePassword();
+        }
+    }
+    savePassword() {
+        this.model = this.value || '';
+        this.modelChange.emit(this.model);
+        this.setReadOnlyPassword(true);
+    }
+    cancelEditPassword() {
+        setTimeout(() => {
+            this.value = undefined;
+            this.model = undefined;
+            this.modelChange.emit(this.model);
+            this.setReadOnlyPassword(true);
+        }, 100);
+    }
+    editPassword() {
+        this.setReadOnlyPassword(false);
+    }
+    setReadOnlyPassword(value) {
+        this.schema.readOnlyPassword = value;
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵInputRenderComponent_BaseFactory; return function InputRenderComponent_Factory(t) { return (ɵInputRenderComponent_BaseFactory || (ɵInputRenderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(InputRenderComponent)))(t || InputRenderComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputRenderComponent, selectors: [["input-render"]], inputs: { selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", schema: "schema", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing" }, outputs: { onDropEvent: "onDropEvent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 8, consts: [[1, "schema-input-container", 3, "ngClass"], ["class", "edit-icon", 4, "ngIf"], ["class", "form-control", "dndDropzone", "", 3, "disabled", "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "blur", "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"], [1, "edit-icon"], ["size", "15", "type", "primary", 3, "name", "onClick", 4, "ngIf"], ["size", "15", "type", "primary clickable", 3, "name", "mousedown", 4, "ngIf"], ["size", "15", "type", "primary", 3, "name", "onClick"], ["size", "15", "type", "primary clickable", 3, "name", "mousedown"], ["dndDropzone", "", 1, "form-control", 3, "disabled", "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "blur", "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) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, InputRenderComponent_div_1_Template, 3, 2, "div", 1);
+            i0.ɵɵtemplate(2, InputRenderComponent_input_2_Template, 1, 8, "input", 2);
+            i0.ɵɵtemplate(3, InputRenderComponent_select_box_3_Template, 1, 13, "select-box", 3);
+            i0.ɵɵtemplate(4, InputRenderComponent_number_input_4_Template, 1, 4, "number-input", 4);
+            i0.ɵɵtemplate(5, InputRenderComponent_boolean_input_5_Template, 1, 4, "boolean-input", 4);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c1, ctx.schema.type === "password"));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.schema.type === "password" && ctx.editing);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", (ctx.schema.type === "string" || ctx.schema.type === "password") && !ctx.schema.options);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.schema.type === "string" && ctx.schema.options);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.schema.type === "number");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.schema.type === "boolean");
+        } }, dependencies: [i1.NgClass, i1.NgIf, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.MaxLengthValidator, i3.NgModel, i4.SelectBoxComponent, i5.IconComponent, BooleanInputComponent, NumberInputComponent], styles: [".schema-input-container-password[_ngcontent-%COMP%]{position:relative}.schema-input-container-password[_ngcontent-%COMP%]   .edit-icon[_ngcontent-%COMP%]{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{display:block;padding-right:38px!important;width:calc(100% - 51px)!important}"] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputRenderComponent, [{
+        type: Component,
+        args: [{ selector: 'input-render', template: "<div class=\"schema-input-container\" [ngClass]=\"{'schema-input-container-password' : schema.type === 'password' }\" >\r\n  <div *ngIf=\"schema.type === 'password' && editing\" class=\"edit-icon\">\r\n    <icon *ngIf=\"this.schema.readOnlyPassword\" size=\"15\" type=\"primary\" [name]=\"'fas fa-pencil-alt'\"\r\n          (onClick)=\"editPassword()\">\r\n    </icon>\r\n    <icon *ngIf=\"!this.schema.readOnlyPassword\" size=\"15\" type=\"primary clickable\" [name]=\"'fas fa-ban'\"\r\n          (mousedown)=\"cancelEditPassword(); $event.stopPropagation()\">\r\n    </icon>\r\n  </div>\r\n  <input (blur)=\"onInputBlur()\"\r\n         [disabled]=\"schema.readOnlyPassword\" class=\"form-control\"\r\n         [type]=\"schema.type === 'password' ? 'password' : 'text'\"\r\n         placeholder=\"{{schema.type === 'password' && this.schema.readOnlyPassword ? '*****' : schema.description}}\"\r\n         *ngIf=\"(schema.type === 'string' || schema.type === 'password') && !schema.options\"\r\n         [(ngModel)]=\"value\" [ngModelOptions]=\"{standalone: true}\"\r\n         (ngModelChange)=\"onChange($event)\"\r\n         dndDropzone (dndDrop)=\"onDropCallBack($event, value)\" [id]=\"inputId\" [maxlength]=\"schema.maxLength\"/>\r\n\r\n  <select-box\r\n    [id]=\"inputId\"\r\n    [(ngModel)]=\"value\"\r\n    (ngModelChange)=\"onChange($event.key)\"\r\n    [ngModelOptions]=\"{standalone: true}\"\r\n    *ngIf=\"schema.type === 'string' && schema.options\"\r\n    [placeholder]=\"schema.description || this.selectPlaceHolderLabel\"\r\n    [searchPlaceHolder]=\"selectSearchPlaceHolderLabel\"\r\n    [clearText]=\"this.selectClearLabel\"\r\n    [notFoundText]=\"this.selectNotFoundLabel\"\r\n    [bindKey]=\"'key'\"\r\n    [bindValue]=\"'value'\"\r\n    [enabledSearch]=\"true\"\r\n    [limitItens]=\"30\"\r\n    [data]=\"schema.options\">\r\n  </select-box>\r\n\r\n  <number-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n                *ngIf=\"schema.type === 'number'\"\r\n                [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n                (modelChange)=\"onChange($event)\"></number-input>\r\n\r\n  <boolean-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n                 *ngIf=\"schema.type === 'boolean'\"\r\n                 [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n                 (modelChange)=\"onChange($event)\"></boolean-input>\r\n</div>\r\n", styles: [".schema-input-container-password{position:relative}.schema-input-container-password .edit-icon{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password input{display:block;padding-right:38px!important;width:calc(100% - 51px)!important}\n"] }]
+    }], null, { selectPlaceHolderLabel: [{
+            type: Input
+        }], selectSearchPlaceHolderLabel: [{
+            type: Input
+        }], selectClearLabel: [{
+            type: Input
+        }], selectNotFoundLabel: [{
+            type: Input
+        }], 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 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "field-render", 3)(3, "input-render", 4);
-    i0.ɵɵlistener("modelChange", function SchemaInputComponent_div_0_Template_input_render_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r2.model[ctx_r2.schema.id] = $event)); });
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("requiredLabel", ctx_r0.requiredLabel)("label", ctx_r0.schema.title)("tooltip", ctx_r0.schema.help)("inputId", ctx_r0.getId(ctx_r0.index));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("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) {
-    i0.ɵɵelementStart(0, "span", 7);
-    i0.ɵɵtext(1, "?");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r4.schema.help);
-} }
-function SchemaInputComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "label", 5);
-    i0.ɵɵtext(3);
-    i0.ɵɵtemplate(4, SchemaInputComponent_div_1_span_4_Template, 2, 1, "span", 6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "input-render", 4);
-    i0.ɵɵlistener("modelChange", function SchemaInputComponent_div_1_Template_input_render_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r5.model[ctx_r5.schema.id] = $event)); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("htmlFor", ctx_r1.getId(ctx_r1.index));
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.schema.title, " ");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.schema.help);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r1.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r1.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r1.selectClearLabel)("selectNotFoundLabel", ctx_r1.selectNotFoundLabel)("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.requiredLabel = '(required)';
-        this.selectPlaceHolderLabel = 'Select Item';
-        this.selectSearchPlaceHolderLabel = 'Search';
-        this.selectClearLabel = 'Clear';
-        this.selectNotFoundLabel = 'No Items Found';
-        this.editing = false;
-    }
-    ngAfterContentInit() {
-        this.loaded = true;
-    }
-    getId(index) {
-        return `${this.idPrefix}-struct-${index}`;
-    }
-}
-SchemaInputComponent.ɵfac = /*@__PURE__*/ function () { let ɵSchemaInputComponent_BaseFactory; return function SchemaInputComponent_Factory(t) { return (ɵSchemaInputComponent_BaseFactory || (ɵSchemaInputComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaInputComponent)))(t || SchemaInputComponent); }; }();
-SchemaInputComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaInputComponent, selectors: [["schema-input"]], inputs: { requiredLabel: "requiredLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "row schema-input", 4, "ngIf"], [1, "row", "schema-input"], [1, "col-md-12"], [3, "requiredLabel", "label", "tooltip", "inputId"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "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) {
-        i0.ɵɵtemplate(0, SchemaInputComponent_div_0_Template, 4, 13, "div", 0);
-        i0.ɵɵtemplate(1, SchemaInputComponent_div_1_Template, 6, 12, "div", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && ctx.schema.minLength && ctx.schema.minLength > 0);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && (!ctx.schema.minLength || ctx.schema.minLength === 0));
-    } }, dependencies: [i1.NgIf, i2$1.MatTooltip, FieldRenderComponent, InputRenderComponent] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaInputComponent, [{
-        type: Component,
-        args: [{ selector: 'schema-input', template: "<div class=\"row schema-input\"\r\n     *ngIf=\"loaded && canRender(schema) && schema.type !== 'array' && schema.type !== 'object' && schema.minLength && schema.minLength > 0\">\r\n  <div class=\"col-md-12\">\r\n    <field-render [requiredLabel]=\"requiredLabel\" [label]=\"schema.title\" [tooltip]=\"schema.help\" [inputId]=\"getId(index)\">\r\n      <input-render\r\n        [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n        [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n        [selectClearLabel]=\"selectClearLabel\"\r\n        [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n        [inputId]=\"getId(index)\"\r\n        [schema]=\"schema\"\r\n        [(model)]=\"this.model[schema.id]\"\r\n        [modelPropertiesPath]=\"'mappingAttributes.' + schema.id\"\r\n        [editing]=\"this.editing\"></input-render>\r\n    </field-render>\r\n  </div>\r\n</div>\r\n<div class=\"row schema-input\"\r\n     *ngIf=\"loaded && canRender(schema) && schema.type !== 'array'  && schema.type !== 'object' && (!schema.minLength || schema.minLength === 0)\">\r\n  <div class=\"col-md-12\">\r\n    <label class=\"info-label bold\" [htmlFor]=\"getId(index)\">\r\n      {{schema.title}}\r\n      <span class=\"config-tooltip\" matTooltip=\"{{ schema.help }}\" *ngIf=\"schema.help\">?</span>\r\n    </label>\r\n    <input-render\r\n      [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n      [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n      [selectClearLabel]=\"selectClearLabel\"\r\n      [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n      [inputId]=\"getId(index)\"\r\n      [schema]=\"schema\"\r\n      [(model)]=\"this.model[schema.id]\"\r\n      [modelPropertiesPath]=\"'mappingAttributes.' + schema.id\"\r\n      [editing]=\"this.editing\"></input-render>\r\n  </div>\r\n</div>\r\n" }]
-    }], null, { requiredLabel: [{
-            type: Input
-        }], selectPlaceHolderLabel: [{
-            type: Input
-        }], selectSearchPlaceHolderLabel: [{
-            type: Input
-        }], selectClearLabel: [{
-            type: Input
-        }], selectNotFoundLabel: [{
-            type: Input
-        }], idPrefix: [{
-            type: Input
-        }], schema: [{
-            type: Input
-        }], editing: [{
-            type: Input
-        }], index: [{
-            type: Input
+function SchemaInputComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "field-render", 3)(3, "input-render", 4);
+    i0.ɵɵlistener("modelChange", function SchemaInputComponent_div_0_Template_input_render_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r2.model[ctx_r2.schema.id] = $event)); });
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("requiredLabel", ctx_r0.requiredLabel)("label", ctx_r0.schema.title)("tooltip", ctx_r0.schema.help)("inputId", ctx_r0.getId(ctx_r0.index));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("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) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1, "?");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r4.schema.help);
+} }
+function SchemaInputComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "label", 5);
+    i0.ɵɵtext(3);
+    i0.ɵɵtemplate(4, SchemaInputComponent_div_1_span_4_Template, 2, 1, "span", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "input-render", 4);
+    i0.ɵɵlistener("modelChange", function SchemaInputComponent_div_1_Template_input_render_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r5.model[ctx_r5.schema.id] = $event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("htmlFor", ctx_r1.getId(ctx_r1.index));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.schema.title, " ");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.schema.help);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r1.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r1.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r1.selectClearLabel)("selectNotFoundLabel", ctx_r1.selectNotFoundLabel)("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 {
+    requiredLabel = '(required)';
+    selectPlaceHolderLabel = 'Select Item';
+    selectSearchPlaceHolderLabel = 'Search';
+    selectClearLabel = 'Clear';
+    selectNotFoundLabel = 'No Items Found';
+    idPrefix;
+    editing = false;
+    index;
+    loaded;
+    ngAfterContentInit() {
+        this.loaded = true;
+    }
+    getId(index) {
+        return `${this.idPrefix}-struct-${index}`;
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵSchemaInputComponent_BaseFactory; return function SchemaInputComponent_Factory(t) { return (ɵSchemaInputComponent_BaseFactory || (ɵSchemaInputComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaInputComponent)))(t || SchemaInputComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaInputComponent, selectors: [["schema-input"]], inputs: { requiredLabel: "requiredLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", editing: "editing", index: "index" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "row schema-input", 4, "ngIf"], [1, "row", "schema-input"], [1, "col-md-12"], [3, "requiredLabel", "label", "tooltip", "inputId"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "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) {
+            i0.ɵɵtemplate(0, SchemaInputComponent_div_0_Template, 4, 13, "div", 0);
+            i0.ɵɵtemplate(1, SchemaInputComponent_div_1_Template, 6, 12, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && ctx.schema.minLength && ctx.schema.minLength > 0);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && (!ctx.schema.minLength || ctx.schema.minLength === 0));
+        } }, dependencies: [i1.NgIf, i2$1.MatTooltip, FieldRenderComponent, InputRenderComponent] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaInputComponent, [{
+        type: Component,
+        args: [{ selector: 'schema-input', template: "<div class=\"row schema-input\"\r\n     *ngIf=\"loaded && canRender(schema) && schema.type !== 'array' && schema.type !== 'object' && schema.minLength && schema.minLength > 0\">\r\n  <div class=\"col-md-12\">\r\n    <field-render [requiredLabel]=\"requiredLabel\" [label]=\"schema.title\" [tooltip]=\"schema.help\" [inputId]=\"getId(index)\">\r\n      <input-render\r\n        [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n        [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n        [selectClearLabel]=\"selectClearLabel\"\r\n        [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n        [inputId]=\"getId(index)\"\r\n        [schema]=\"schema\"\r\n        [(model)]=\"this.model[schema.id]\"\r\n        [modelPropertiesPath]=\"'mappingAttributes.' + schema.id\"\r\n        [editing]=\"this.editing\"></input-render>\r\n    </field-render>\r\n  </div>\r\n</div>\r\n<div class=\"row schema-input\"\r\n     *ngIf=\"loaded && canRender(schema) && schema.type !== 'array'  && schema.type !== 'object' && (!schema.minLength || schema.minLength === 0)\">\r\n  <div class=\"col-md-12\">\r\n    <label class=\"info-label bold\" [htmlFor]=\"getId(index)\">\r\n      {{schema.title}}\r\n      <span class=\"config-tooltip\" matTooltip=\"{{ schema.help }}\" *ngIf=\"schema.help\">?</span>\r\n    </label>\r\n    <input-render\r\n      [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n      [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n      [selectClearLabel]=\"selectClearLabel\"\r\n      [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n      [inputId]=\"getId(index)\"\r\n      [schema]=\"schema\"\r\n      [(model)]=\"this.model[schema.id]\"\r\n      [modelPropertiesPath]=\"'mappingAttributes.' + schema.id\"\r\n      [editing]=\"this.editing\"></input-render>\r\n  </div>\r\n</div>\r\n" }]
+    }], null, { requiredLabel: [{
+            type: Input
+        }], selectPlaceHolderLabel: [{
+            type: Input
+        }], selectSearchPlaceHolderLabel: [{
+            type: Input
+        }], selectClearLabel: [{
+            type: Input
+        }], selectNotFoundLabel: [{
+            type: Input
+        }], idPrefix: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], index: [{
+            type: Input
         }] }); })();
 
-function SchemaObjectComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "label", 7);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "schema-custom-attributes", 8);
-    i0.ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_div_4_Template_schema_custom_attributes_modelChange_4_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.model[ctx_r2.schema.id].customAttributes = $event); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.additionalAttributesLabel);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("customAttributeRemoveLabel", ctx_r1.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r1.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r1.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r1.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r1.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r1.newCustomFieldCancelLabel)("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 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "schema-form", 3);
-    i0.ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_Template_schema_form_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r4.model[ctx_r4.schema.id] = $event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, SchemaObjectComponent_div_0_div_4_Template, 5, 9, "div", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.schema.title);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("additionalAttributesLabel", ctx_r0.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r0.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r0.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r0.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r0.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r0.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r0.newCustomFieldCancelLabel)("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model[ctx_r0.schema.id])("schemas", ctx_r0.getSchemaProperties())("editing", ctx_r0.editing);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.model[ctx_r0.schema.id] && ctx_r0.schema.customProperties);
-} }
-class SchemaObjectComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.requiredLabel = '(required)';
-        this.addItemLabel = 'Add Item';
-        this.addLoopLabel = 'Add Loop';
-        this.additionalAttributesLabel = 'Additional Fields';
-        this.customAttributeRemoveLabel = 'Remove';
-        this.newCustomFieldNameLabel = 'Name';
-        this.newCustomFieldValueLabel = 'Value';
-        this.newCustomFieldAddLabel = 'Add';
-        this.newCustomFieldSaveLabel = 'Save';
-        this.newCustomFieldCancelLabel = 'Cancel';
-        this.selectPlaceHolderLabel = 'Select Item';
-        this.selectSearchPlaceHolderLabel = 'Search';
-        this.selectClearLabel = 'Clear';
-        this.selectNotFoundLabel = 'No Items Found';
-        this.editing = false;
-        this.onDropEvent = new EventEmitter();
-        this.loaded = false;
-    }
-    ngAfterContentInit() {
-        if (this.schema?.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 = /*@__PURE__*/ function () { let ɵSchemaObjectComponent_BaseFactory; return function SchemaObjectComponent_Factory(t) { return (ɵSchemaObjectComponent_BaseFactory || (ɵSchemaObjectComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaObjectComponent)))(t || SchemaObjectComponent); }; }();
-SchemaObjectComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaObjectComponent, selectors: [["schema-object"]], inputs: { requiredLabel: "requiredLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", additionalAttributesLabel: "additionalAttributesLabel", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing", index: "index" }, outputs: { onDropEvent: "onDropEvent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-object-container", 4, "ngIf"], [1, "schema-object-container"], [1, "schema-object-title"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "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, "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "model", "onDropFunction", "modelChange"]], template: function SchemaObjectComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, SchemaObjectComponent_div_0_Template, 5, 20, "div", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type == "object");
-    } }, dependencies: [i1.NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], styles: [".schema-object-container[_ngcontent-%COMP%]{border:1px solid #ddd;padding:10px;margin-top:10px;margin-bottom:10px;border-radius:5px}.schema-object-container[_ngcontent-%COMP%]   .schema-object-title[_ngcontent-%COMP%]{background:#EEEEEE;font-weight:700;border-bottom:1px solid #ddd;padding:10px;margin-top:-10px;margin-left:-10px;width:calc(100% + 20px)}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaObjectComponent, [{
-        type: Component,
-        args: [{ selector: 'schema-object', template: "<div class=\"schema-object-container\" *ngIf=\"loaded && canRender(schema) && schema.type == 'object'\">\r\n  <div class=\"schema-object-title\">{{schema.title}}</div>\r\n  <schema-form\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model[schema.id]\"\r\n    [schemas]=\"getSchemaProperties()\"\r\n    [editing]=\"this.editing\">\r\n  </schema-form>\r\n\r\n  <div class=\"row struct-custom-properties\" *ngIf=\"this.model[schema.id] && schema.customProperties\">\r\n    <div class=\"col-md-12\">\r\n      <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\r\n      <schema-custom-attributes\r\n        [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n        [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n        [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n        [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n        [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n        [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n        [(model)]=\"this.model[schema.id].customAttributes\"\r\n        [onDropFunction]=\"onDrop\">\r\n      </schema-custom-attributes>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".schema-object-container{border:1px solid #ddd;padding:10px;margin-top:10px;margin-bottom:10px;border-radius:5px}.schema-object-container .schema-object-title{background:#EEEEEE;font-weight:700;border-bottom:1px solid #ddd;padding:10px;margin-top:-10px;margin-left:-10px;width:calc(100% + 20px)}\n"] }]
-    }], null, { requiredLabel: [{
-            type: Input
-        }], addItemLabel: [{
-            type: Input
-        }], addLoopLabel: [{
-            type: Input
-        }], additionalAttributesLabel: [{
-            type: Input
-        }], customAttributeRemoveLabel: [{
-            type: Input
-        }], newCustomFieldNameLabel: [{
-            type: Input
-        }], newCustomFieldValueLabel: [{
-            type: Input
-        }], newCustomFieldAddLabel: [{
-            type: Input
-        }], newCustomFieldSaveLabel: [{
-            type: Input
-        }], newCustomFieldCancelLabel: [{
-            type: Input
-        }], selectPlaceHolderLabel: [{
-            type: Input
-        }], selectSearchPlaceHolderLabel: [{
-            type: Input
-        }], selectClearLabel: [{
-            type: Input
-        }], selectNotFoundLabel: [{
-            type: Input
-        }], 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 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "label", 7);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "schema-custom-attributes", 8);
+    i0.ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_div_4_Template_schema_custom_attributes_modelChange_4_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.model[ctx_r2.schema.id].customAttributes = $event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.additionalAttributesLabel);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("customAttributeRemoveLabel", ctx_r1.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r1.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r1.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r1.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r1.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r1.newCustomFieldCancelLabel)("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 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "schema-form", 3);
+    i0.ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_Template_schema_form_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r4.model[ctx_r4.schema.id] = $event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, SchemaObjectComponent_div_0_div_4_Template, 5, 9, "div", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.schema.title);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("additionalAttributesLabel", ctx_r0.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r0.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r0.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r0.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r0.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r0.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r0.newCustomFieldCancelLabel)("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model[ctx_r0.schema.id])("schemas", ctx_r0.getSchemaProperties())("editing", ctx_r0.editing);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.model[ctx_r0.schema.id] && ctx_r0.schema.customProperties);
+} }
+class SchemaObjectComponent extends BaseSchemaComponent {
+    requiredLabel = '(required)';
+    addItemLabel = 'Add Item';
+    addLoopLabel = 'Add Loop';
+    additionalAttributesLabel = 'Additional Fields';
+    customAttributeRemoveLabel = 'Remove';
+    newCustomFieldNameLabel = 'Name';
+    newCustomFieldValueLabel = 'Value';
+    newCustomFieldAddLabel = 'Add';
+    newCustomFieldSaveLabel = 'Save';
+    newCustomFieldCancelLabel = 'Cancel';
+    selectPlaceHolderLabel = 'Select Item';
+    selectSearchPlaceHolderLabel = 'Search';
+    selectClearLabel = 'Clear';
+    selectNotFoundLabel = 'No Items Found';
+    idPrefix;
+    modelPropertiesPath;
+    inputId;
+    editing = false;
+    index;
+    onDropEvent = new EventEmitter();
+    loaded = false;
+    ngAfterContentInit() {
+        if (this.schema?.type === 'object' && this.model) {
+            this.model[this.schema.id] = this.model[this.schema.id] || {};
+        }
+        this.loaded = true;
+    }
+    onDrop($event, modelElement) {
+        return onDropStruct($event, modelElement);
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵSchemaObjectComponent_BaseFactory; return function SchemaObjectComponent_Factory(t) { return (ɵSchemaObjectComponent_BaseFactory || (ɵSchemaObjectComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaObjectComponent)))(t || SchemaObjectComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaObjectComponent, selectors: [["schema-object"]], inputs: { requiredLabel: "requiredLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", additionalAttributesLabel: "additionalAttributesLabel", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing", index: "index" }, outputs: { onDropEvent: "onDropEvent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-object-container", 4, "ngIf"], [1, "schema-object-container"], [1, "schema-object-title"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "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, "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "model", "onDropFunction", "modelChange"]], template: function SchemaObjectComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SchemaObjectComponent_div_0_Template, 5, 20, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type == "object");
+        } }, dependencies: [i1.NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], styles: [".schema-object-container[_ngcontent-%COMP%]{border:1px solid #ddd;padding:10px;margin-top:10px;margin-bottom:10px;border-radius:5px}.schema-object-container[_ngcontent-%COMP%]   .schema-object-title[_ngcontent-%COMP%]{background:#EEEEEE;font-weight:700;border-bottom:1px solid #ddd;padding:10px;margin-top:-10px;margin-left:-10px;width:calc(100% + 20px)}"] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaObjectComponent, [{
+        type: Component,
+        args: [{ selector: 'schema-object', template: "<div class=\"schema-object-container\" *ngIf=\"loaded && canRender(schema) && schema.type == 'object'\">\r\n  <div class=\"schema-object-title\">{{schema.title}}</div>\r\n  <schema-form\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model[schema.id]\"\r\n    [schemas]=\"getSchemaProperties()\"\r\n    [editing]=\"this.editing\">\r\n  </schema-form>\r\n\r\n  <div class=\"row struct-custom-properties\" *ngIf=\"this.model[schema.id] && schema.customProperties\">\r\n    <div class=\"col-md-12\">\r\n      <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\r\n      <schema-custom-attributes\r\n        [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n        [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n        [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n        [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n        [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n        [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n        [(model)]=\"this.model[schema.id].customAttributes\"\r\n        [onDropFunction]=\"onDrop\">\r\n      </schema-custom-attributes>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".schema-object-container{border:1px solid #ddd;padding:10px;margin-top:10px;margin-bottom:10px;border-radius:5px}.schema-object-container .schema-object-title{background:#EEEEEE;font-weight:700;border-bottom:1px solid #ddd;padding:10px;margin-top:-10px;margin-left:-10px;width:calc(100% + 20px)}\n"] }]
+    }], null, { requiredLabel: [{
+            type: Input
+        }], addItemLabel: [{
+            type: Input
+        }], addLoopLabel: [{
+            type: Input
+        }], additionalAttributesLabel: [{
+            type: Input
+        }], customAttributeRemoveLabel: [{
+            type: Input
+        }], newCustomFieldNameLabel: [{
+            type: Input
+        }], newCustomFieldValueLabel: [{
+            type: Input
+        }], newCustomFieldAddLabel: [{
+            type: Input
+        }], newCustomFieldSaveLabel: [{
+            type: Input
+        }], newCustomFieldCancelLabel: [{
+            type: Input
+        }], selectPlaceHolderLabel: [{
+            type: Input
+        }], selectSearchPlaceHolderLabel: [{
+            type: Input
+        }], selectClearLabel: [{
+            type: Input
+        }], selectNotFoundLabel: [{
+            type: Input
+        }], 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() {
-        return this.emptyFields?.length < 1 && this.invalidMinLengthFields?.length < 1 && this.invalidMaxLengthFields?.length < 1;
-    }
-    isInvalidSchemaFields() {
-        return !this.isValidSchemaFields();
-    }
+class SchemaValidationField {
+    emptyFields;
+    invalidMinLengthFields;
+    invalidMaxLengthFields;
+    validationErrorsLabel;
+    constructor(emptyFields, invalidMinLengthFields, invalidMaxLengthFields) {
+        this.emptyFields = emptyFields;
+        this.invalidMinLengthFields = invalidMinLengthFields;
+        this.invalidMaxLengthFields = invalidMaxLengthFields;
+    }
+    isValidSchemaFields() {
+        return this.emptyFields?.length < 1 && this.invalidMinLengthFields?.length < 1 && this.invalidMaxLengthFields?.length < 1;
+    }
+    isInvalidSchemaFields() {
+        return !this.isValidSchemaFields();
+    }
 }
 
-class SchemaFieldsService {
-    constructor() {
-    }
-    async validateSchemaFields(propertiesRendered, model, editing) {
-        if (!propertiesRendered) {
-            return new SchemaValidationField([], [], []);
-        }
-        const emptyFields = [];
-        const invalidMinLengthFields = [];
-        const invalidMaxLengthFields = [];
-        this.processProperties(propertiesRendered, model, editing, emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
-        const structValidationField = new SchemaValidationField(emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
-        structValidationField.validationErrorsLabel = await this.getErrorsStringArray(structValidationField);
-        return structValidationField;
-    }
-    processProperties(propertiesRendered, model, editing, 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], editing, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
-            }
-            else if (property.type === 'array' && !property.properties) {
-                const newProperty = { ...property };
-                newProperty.type = 'string';
-                this.processProperties([newProperty], model[property.id], editing, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
-            }
-            else {
-                const validateModel = recursive ? model : model[property.id];
-                if (property.type !== 'password' || !editing || validateModel !== undefined) {
-                    if (property?.canRender && property?.minLength > 0
-                        && (validateModel === undefined || validateModel === '' || validateModel === null)) {
-                        emptyFields.push(property);
-                    }
-                    else if (property?.canRender && property?.minLength > 0 && (validateModel?.length < property.minLength)) {
-                        invalidMinLengthFields.push(property);
-                    }
-                    else if (property?.canRender && property?.maxLength > 0 && (validateModel?.length > property.maxLength)) {
-                        invalidMaxLengthFields.push(property);
-                    }
-                }
-            }
-        }
-    }
-    async getErrorsStringArray(structValidation) {
-        if (!structValidation.isInvalidSchemaFields()) {
-            return [];
-        }
-        const errors = [];
-        for (const field of structValidation.emptyFields) {
-            const fieldName = field.title || field.id;
-            errors.push({
-                type: 'emptyFields',
-                fieldName
-            });
-        }
-        for (const field of structValidation.invalidMinLengthFields) {
-            const fieldName = field.title || field.id;
-            errors.push({
-                type: 'invalidMinLengthFields',
-                fieldName,
-                minLength: field.minLength
-            });
-        }
-        for (const field of structValidation.invalidMaxLengthFields) {
-            const fieldName = field.title || field.id;
-            errors.push({
-                type: 'invalidMaxLengthFields',
-                fieldName,
-                maxLength: field.maxLength
-            });
-        }
-        return errors;
-    }
-}
-SchemaFieldsService.ɵfac = function SchemaFieldsService_Factory(t) { return new (t || SchemaFieldsService)(); };
-SchemaFieldsService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SchemaFieldsService, factory: SchemaFieldsService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFieldsService, [{
-        type: Injectable
-    }], function () { return []; }, null); })();
+class SchemaFieldsService {
+    async validateSchemaFields(propertiesRendered, model, editing) {
+        if (!propertiesRendered) {
+            return new SchemaValidationField([], [], []);
+        }
+        const emptyFields = [];
+        const invalidMinLengthFields = [];
+        const invalidMaxLengthFields = [];
+        this.processProperties(propertiesRendered, model, editing, emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
+        const structValidationField = new SchemaValidationField(emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
+        structValidationField.validationErrorsLabel = await this.getErrorsStringArray(structValidationField);
+        return structValidationField;
+    }
+    processProperties(propertiesRendered, model, editing, 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], editing, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
+            }
+            else if (property.type === 'array' && !property.properties) {
+                const newProperty = { ...property };
+                newProperty.type = 'string';
+                this.processProperties([newProperty], model[property.id], editing, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
+            }
+            else {
+                const validateModel = recursive ? model : model[property.id];
+                if (property.type !== 'password' || !editing || validateModel !== undefined) {
+                    if (property?.canRender && property?.minLength > 0 &&
+                        (validateModel === undefined || validateModel === '' || validateModel === null)) {
+                        emptyFields.push(property);
+                    }
+                    else if (property?.canRender && property?.minLength > 0 && (validateModel?.length < property.minLength)) {
+                        invalidMinLengthFields.push(property);
+                    }
+                    else if (property?.canRender && property?.maxLength > 0 && (validateModel?.length > property.maxLength)) {
+                        invalidMaxLengthFields.push(property);
+                    }
+                }
+            }
+        }
+    }
+    async getErrorsStringArray(structValidation) {
+        if (!structValidation.isInvalidSchemaFields()) {
+            return [];
+        }
+        const errors = [];
+        for (const field of structValidation.emptyFields) {
+            const fieldName = field.title || field.id;
+            errors.push({
+                type: 'emptyFields',
+                fieldName
+            });
+        }
+        for (const field of structValidation.invalidMinLengthFields) {
+            const fieldName = field.title || field.id;
+            errors.push({
+                type: 'invalidMinLengthFields',
+                fieldName,
+                minLength: field.minLength
+            });
+        }
+        for (const field of structValidation.invalidMaxLengthFields) {
+            const fieldName = field.title || field.id;
+            errors.push({
+                type: 'invalidMaxLengthFields',
+                fieldName,
+                maxLength: field.maxLength
+            });
+        }
+        return errors;
+    }
+    static ɵfac = function SchemaFieldsService_Factory(t) { return new (t || SchemaFieldsService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SchemaFieldsService, factory: SchemaFieldsService.ɵfac });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFieldsService, [{
+        type: Injectable
+    }], null, null); })();
 
-function SchemaFormRenderComponent_div_0_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "label", 8);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "schema-custom-attributes", 9);
-    i0.ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_div_2_div_1_Template_schema_custom_attributes_modelChange_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.model.customAttributes = $event); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r4.additionalAttributesLabel);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("customAttributeRemoveLabel", ctx_r4.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r4.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r4.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r4.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r4.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r4.newCustomFieldCancelLabel)("model", ctx_r4.model.customAttributes)("onDropFunction", ctx_r4.onDrop);
-} }
-function SchemaFormRenderComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵtemplate(1, SchemaFormRenderComponent_div_0_div_2_div_1_Template, 5, 9, "div", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.model && ctx_r1.customProperties);
-} }
-function SchemaFormRenderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "schema-form", 2);
-    i0.ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_Template_schema_form_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.model = $event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(2, SchemaFormRenderComponent_div_0_div_2_Template, 2, 1, "div", 3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("additionalAttributesLabel", ctx_r0.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r0.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r0.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r0.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r0.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r0.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r0.newCustomFieldCancelLabel)("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schemas", ctx_r0.schemas)("editing", ctx_r0.editing);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r0.schemas);
-} }
-class SchemaFormRenderComponent extends BaseSchemaComponent {
-    constructor() {
-        super(...arguments);
-        this.requiredLabel = '(required)';
-        this.addItemLabel = 'Add Item';
-        this.addLoopLabel = 'Add Loop';
-        this.additionalAttributesLabel = 'Additional Fields';
-        this.customAttributeRemoveLabel = 'Remove';
-        this.newCustomFieldNameLabel = 'Name';
-        this.newCustomFieldValueLabel = 'Value';
-        this.newCustomFieldAddLabel = 'Add';
-        this.newCustomFieldSaveLabel = 'Save';
-        this.newCustomFieldCancelLabel = 'Cancel';
-        this.selectPlaceHolderLabel = 'Select Item';
-        this.selectSearchPlaceHolderLabel = 'Search';
-        this.selectClearLabel = 'Clear';
-        this.selectNotFoundLabel = 'No Items Found';
-        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 = /*@__PURE__*/ function () { let ɵSchemaFormRenderComponent_BaseFactory; return function SchemaFormRenderComponent_Factory(t) { return (ɵSchemaFormRenderComponent_BaseFactory || (ɵSchemaFormRenderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaFormRenderComponent)))(t || SchemaFormRenderComponent); }; }();
-SchemaFormRenderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaFormRenderComponent, selectors: [["schema-form-render"]], inputs: { requiredLabel: "requiredLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", additionalAttributesLabel: "additionalAttributesLabel", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema", 4, "ngIf"], [1, "schema"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "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, "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "model", "onDropFunction", "modelChange"]], template: function SchemaFormRenderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, SchemaFormRenderComponent_div_0_Template, 3, 19, "div", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.loaded);
-    } }, dependencies: [i1.NgForOf, i1.NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{width:100%;padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema[_ngcontent-%COMP%]     input.form-control:disabled{background:#ccc}.schema[_ngcontent-%COMP%]     select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title{color:var(--color-primary)}.schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFormRenderComponent, [{
-        type: Component,
-        args: [{ selector: 'schema-form-render', template: "<div class=\"schema\" *ngIf=\"loaded\">\r\n  <schema-form\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schemas]=\"schemas\"\r\n    [editing]=\"this.editing\"></schema-form>\r\n\r\n  <div class=\"schema-properties\" *ngFor=\"let schema of schemas; let i = index\">\r\n    <div class=\"row struct-custom-properties\" *ngIf=\"this.model && customProperties\">\r\n      <div class=\"col-md-12\">\r\n        <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\r\n        <schema-custom-attributes\r\n          [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n          [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n          [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n          [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n          [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n          [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n          [(model)]=\"model.customAttributes\"\r\n          [onDropFunction]=\"onDrop\">\r\n        </schema-custom-attributes>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".schema ::ng-deep .info-label{display:block}.schema ::ng-deep input.form-control{width:100%;padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema ::ng-deep input.form-control:disabled{background:#ccc}.schema ::ng-deep select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema ::ng-deep .ng-select-container{height:38px!important;min-height:38px!important}.schema ::ng-deep .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema ::ng-deep .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema ::ng-deep .subsection-item-title{color:var(--color-primary)}.schema ::ng-deep array-session .subsection-element{color:var(--color-primary)}\n"] }]
-    }], null, { requiredLabel: [{
-            type: Input
-        }], addItemLabel: [{
-            type: Input
-        }], addLoopLabel: [{
-            type: Input
-        }], additionalAttributesLabel: [{
-            type: Input
-        }], customAttributeRemoveLabel: [{
-            type: Input
-        }], newCustomFieldNameLabel: [{
-            type: Input
-        }], newCustomFieldValueLabel: [{
-            type: Input
-        }], newCustomFieldAddLabel: [{
-            type: Input
-        }], newCustomFieldSaveLabel: [{
-            type: Input
-        }], newCustomFieldCancelLabel: [{
-            type: Input
-        }], selectPlaceHolderLabel: [{
-            type: Input
-        }], selectSearchPlaceHolderLabel: [{
-            type: Input
-        }], selectClearLabel: [{
-            type: Input
-        }], selectNotFoundLabel: [{
-            type: Input
-        }], 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 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "label", 8);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "schema-custom-attributes", 9);
+    i0.ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_div_2_div_1_Template_schema_custom_attributes_modelChange_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.model.customAttributes = $event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r4.additionalAttributesLabel);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("customAttributeRemoveLabel", ctx_r4.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r4.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r4.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r4.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r4.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r4.newCustomFieldCancelLabel)("model", ctx_r4.model.customAttributes)("onDropFunction", ctx_r4.onDrop);
+} }
+function SchemaFormRenderComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵtemplate(1, SchemaFormRenderComponent_div_0_div_2_div_1_Template, 5, 9, "div", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.model && ctx_r1.customProperties);
+} }
+function SchemaFormRenderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "schema-form", 2);
+    i0.ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_Template_schema_form_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.model = $event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(2, SchemaFormRenderComponent_div_0_div_2_Template, 2, 1, "div", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("selectPlaceHolderLabel", ctx_r0.selectPlaceHolderLabel)("selectSearchPlaceHolderLabel", ctx_r0.selectSearchPlaceHolderLabel)("selectClearLabel", ctx_r0.selectClearLabel)("selectNotFoundLabel", ctx_r0.selectNotFoundLabel)("requiredLabel", ctx_r0.requiredLabel)("addItemLabel", ctx_r0.addItemLabel)("addLoopLabel", ctx_r0.addLoopLabel)("additionalAttributesLabel", ctx_r0.additionalAttributesLabel)("customAttributeRemoveLabel", ctx_r0.customAttributeRemoveLabel)("newCustomFieldNameLabel", ctx_r0.newCustomFieldNameLabel)("newCustomFieldValueLabel", ctx_r0.newCustomFieldValueLabel)("newCustomFieldAddLabel", ctx_r0.newCustomFieldAddLabel)("newCustomFieldSaveLabel", ctx_r0.newCustomFieldSaveLabel)("newCustomFieldCancelLabel", ctx_r0.newCustomFieldCancelLabel)("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schemas", ctx_r0.schemas)("editing", ctx_r0.editing);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r0.schemas);
+} }
+class SchemaFormRenderComponent extends BaseSchemaComponent {
+    requiredLabel = '(required)';
+    addItemLabel = 'Add Item';
+    addLoopLabel = 'Add Loop';
+    additionalAttributesLabel = 'Additional Fields';
+    customAttributeRemoveLabel = 'Remove';
+    newCustomFieldNameLabel = 'Name';
+    newCustomFieldValueLabel = 'Value';
+    newCustomFieldAddLabel = 'Add';
+    newCustomFieldSaveLabel = 'Save';
+    newCustomFieldCancelLabel = 'Cancel';
+    selectPlaceHolderLabel = 'Select Item';
+    selectSearchPlaceHolderLabel = 'Search';
+    selectClearLabel = 'Clear';
+    selectNotFoundLabel = 'No Items Found';
+    idPrefix;
+    schemas = [];
+    customProperties = false;
+    editing = false;
+    inputType;
+    loaded = false;
+    ngAfterContentInit() {
+        this.loaded = true;
+    }
+    onDrop($event, modelElement) {
+        return onDropStruct($event, modelElement);
+    }
+    getId(index) {
+        return `${this.idPrefix}-struct-${index}`;
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵSchemaFormRenderComponent_BaseFactory; return function SchemaFormRenderComponent_Factory(t) { return (ɵSchemaFormRenderComponent_BaseFactory || (ɵSchemaFormRenderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaFormRenderComponent)))(t || SchemaFormRenderComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaFormRenderComponent, selectors: [["schema-form-render"]], inputs: { requiredLabel: "requiredLabel", addItemLabel: "addItemLabel", addLoopLabel: "addLoopLabel", additionalAttributesLabel: "additionalAttributesLabel", customAttributeRemoveLabel: "customAttributeRemoveLabel", newCustomFieldNameLabel: "newCustomFieldNameLabel", newCustomFieldValueLabel: "newCustomFieldValueLabel", newCustomFieldAddLabel: "newCustomFieldAddLabel", newCustomFieldSaveLabel: "newCustomFieldSaveLabel", newCustomFieldCancelLabel: "newCustomFieldCancelLabel", selectPlaceHolderLabel: "selectPlaceHolderLabel", selectSearchPlaceHolderLabel: "selectSearchPlaceHolderLabel", selectClearLabel: "selectClearLabel", selectNotFoundLabel: "selectNotFoundLabel", idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema", 4, "ngIf"], [1, "schema"], [3, "selectPlaceHolderLabel", "selectSearchPlaceHolderLabel", "selectClearLabel", "selectNotFoundLabel", "requiredLabel", "addItemLabel", "addLoopLabel", "additionalAttributesLabel", "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "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, "customAttributeRemoveLabel", "newCustomFieldNameLabel", "newCustomFieldValueLabel", "newCustomFieldAddLabel", "newCustomFieldSaveLabel", "newCustomFieldCancelLabel", "model", "onDropFunction", "modelChange"]], template: function SchemaFormRenderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SchemaFormRenderComponent_div_0_Template, 3, 19, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.loaded);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{width:calc(100% - 24px);padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema[_ngcontent-%COMP%]     input.form-control:disabled{background:#ccc}.schema[_ngcontent-%COMP%]     select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title{color:var(--color-primary)}.schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFormRenderComponent, [{
+        type: Component,
+        args: [{ selector: 'schema-form-render', template: "<div class=\"schema\" *ngIf=\"loaded\">\r\n  <schema-form\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schemas]=\"schemas\"\r\n    [editing]=\"this.editing\"></schema-form>\r\n\r\n  <div class=\"schema-properties\" *ngFor=\"let schema of schemas; let i = index\">\r\n    <div class=\"row struct-custom-properties\" *ngIf=\"this.model && customProperties\">\r\n      <div class=\"col-md-12\">\r\n        <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\r\n        <schema-custom-attributes\r\n          [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n          [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n          [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n          [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n          [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n          [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n          [(model)]=\"model.customAttributes\"\r\n          [onDropFunction]=\"onDrop\">\r\n        </schema-custom-attributes>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".schema ::ng-deep .info-label{display:block}.schema ::ng-deep input.form-control{width:calc(100% - 24px);padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema ::ng-deep input.form-control:disabled{background:#ccc}.schema ::ng-deep select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema ::ng-deep .ng-select-container{height:38px!important;min-height:38px!important}.schema ::ng-deep .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema ::ng-deep .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema ::ng-deep .subsection-item-title{color:var(--color-primary)}.schema ::ng-deep array-session .subsection-element{color:var(--color-primary)}\n"] }]
+    }], null, { requiredLabel: [{
+            type: Input
+        }], addItemLabel: [{
+            type: Input
+        }], addLoopLabel: [{
+            type: Input
+        }], additionalAttributesLabel: [{
+            type: Input
+        }], customAttributeRemoveLabel: [{
+            type: Input
+        }], newCustomFieldNameLabel: [{
+            type: Input
+        }], newCustomFieldValueLabel: [{
+            type: Input
+        }], newCustomFieldAddLabel: [{
+            type: Input
+        }], newCustomFieldSaveLabel: [{
+            type: Input
+        }], newCustomFieldCancelLabel: [{
+            type: Input
+        }], selectPlaceHolderLabel: [{
+            type: Input
+        }], selectSearchPlaceHolderLabel: [{
+            type: Input
+        }], selectClearLabel: [{
+            type: Input
+        }], selectNotFoundLabel: [{
+            type: Input
+        }], idPrefix: [{
+            type: Input
+        }], schemas: [{
+            type: Input
+        }], customProperties: [{
+            type: Input
+        }], editing: [{
+            type: Input
+        }], inputType: [{
+            type: Input
         }] }); })();
 
-class TypeScriptCompileBase {
-    getTranslate(text) {
-        return text;
-    }
-    addItemToFormProperties(formProperties, item, key) {
-        this.translateProperties(item);
-        if (item.minLength && item.minLength > 0) {
-            formProperties[key] = new FormControl([null, [Validators.required]]);
-        }
-        else {
-            formProperties[key] = new FormControl([null]);
-        }
-    }
-    compileProperties(input) {
-        const compiledProperties = [];
-        const formProperties = {};
-        let inputData = {};
-        const inputToCompile = JSON.parse(JSON.stringify(input));
-        this.translateProperties(inputToCompile);
-        if (inputToCompile.properties) {
-            if (inputToCompile.type === 'array') {
-                inputData = [];
-            }
-            if (inputToCompile.type === 'object') {
-                inputData = {};
-            }
-            inputToCompile.id = 'inputData';
-            this.proccessProperties(inputToCompile, formProperties, 'inputData');
-            this.translateProperties(inputToCompile);
-            compiledProperties.push(inputToCompile);
-        }
-        else if (inputToCompile.type === 'array') {
-            inputToCompile.id = 'inputData';
-            inputData = [];
-            this.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);
-                this.translateProperties(item);
-                compiledProperties.push(item);
-            }
-        }
-        compiledProperties.sort((a, b) => a.propertyOrder - b.propertyOrder);
-        return { compiledProperties, formProperties, inputData };
-    }
-    translateProperties(input) {
-        if (input?.title) {
-            input.title = this.getTranslate(input.title);
-        }
-        if (input?.description) {
-            input.description = this.getTranslate(input.description);
-        }
-        if (input?.options instanceof Array) {
-            input?.options.forEach((option) => option.value = this.getTranslate(option.value));
-        }
-    }
-    proccessProperties(item, formProperties, key) {
-        this.translateProperties(item);
-        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 {
-                    this.addItemToFormProperties(formProperties, itemChild, keyChild);
-                    arFieldsChild.push(itemChild);
-                }
-            }
-            item.properties = arFieldsChild;
-        }
-        else {
-            this.addItemToFormProperties(formProperties, item, key);
-        }
-    }
-    hasProperties(item) {
-        return item.type === 'object' || (item.type === 'array' && item.properties);
-    }
-}
-TypeScriptCompileBase.ɵfac = function TypeScriptCompileBase_Factory(t) { return new (t || TypeScriptCompileBase)(); };
-TypeScriptCompileBase.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TypeScriptCompileBase, factory: TypeScriptCompileBase.ɵfac, providedIn: 'root' });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TypeScriptCompileBase, [{
-        type: Injectable,
-        args: [{ providedIn: 'root' }]
-    }], null, null); })();
-function APIPASS_TYPESCRIPT_COMPILE_BASE_PROVIDER_FACTORY(parentIntl) {
-    return parentIntl || new TypeScriptCompileBase();
-}
-const APIPASS_TYPESCRIPT_COMPILE_INTL_PROVIDER = {
-    provide: TypeScriptCompileBase,
-    deps: [[new Optional(), new SkipSelf(), TypeScriptCompileBase]],
-    useFactory: APIPASS_TYPESCRIPT_COMPILE_BASE_PROVIDER_FACTORY,
+class TypeScriptCompileBase {
+    getTranslate(text) {
+        return text;
+    }
+    addItemToFormProperties(formProperties, item, key) {
+        this.translateProperties(item);
+        if (item.minLength && item.minLength > 0) {
+            formProperties[key] = new FormControl([null, [Validators.required]]);
+        }
+        else {
+            formProperties[key] = new FormControl([null]);
+        }
+    }
+    compileProperties(input) {
+        const compiledProperties = [];
+        const formProperties = {};
+        let inputData = {};
+        const inputToCompile = JSON.parse(JSON.stringify(input));
+        this.translateProperties(inputToCompile);
+        if (inputToCompile.properties) {
+            if (inputToCompile.type === 'array') {
+                inputData = [];
+            }
+            if (inputToCompile.type === 'object') {
+                inputData = {};
+            }
+            inputToCompile.id = 'inputData';
+            this.proccessProperties(inputToCompile, formProperties, 'inputData');
+            this.translateProperties(inputToCompile);
+            compiledProperties.push(inputToCompile);
+        }
+        else if (inputToCompile.type === 'array') {
+            inputToCompile.id = 'inputData';
+            inputData = [];
+            this.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);
+                this.translateProperties(item);
+                compiledProperties.push(item);
+            }
+        }
+        compiledProperties.sort((a, b) => a.propertyOrder - b.propertyOrder);
+        return { compiledProperties, formProperties, inputData };
+    }
+    translateProperties(input) {
+        if (input?.title) {
+            input.title = this.getTranslate(input.title);
+        }
+        if (input?.description) {
+            input.description = this.getTranslate(input.description);
+        }
+        if (input?.options instanceof Array) {
+            input?.options.forEach((option) => {
+                option.value = this.getTranslate(option.value);
+            });
+        }
+    }
+    proccessProperties(item, formProperties, key) {
+        this.translateProperties(item);
+        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 {
+                    this.addItemToFormProperties(formProperties, itemChild, keyChild);
+                    arFieldsChild.push(itemChild);
+                }
+            }
+            item.properties = arFieldsChild;
+        }
+        else {
+            this.addItemToFormProperties(formProperties, item, key);
+        }
+    }
+    hasProperties(item) {
+        return item.type === 'object' || (item.type === 'array' && item.properties);
+    }
+    static ɵfac = function TypeScriptCompileBase_Factory(t) { return new (t || TypeScriptCompileBase)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TypeScriptCompileBase, factory: TypeScriptCompileBase.ɵfac, providedIn: 'root' });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TypeScriptCompileBase, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();
+function APIPASS_TYPESCRIPT_COMPILE_BASE_PROVIDER_FACTORY(parentIntl) {
+    return parentIntl || new TypeScriptCompileBase();
+}
+const APIPASS_TYPESCRIPT_COMPILE_INTL_PROVIDER = {
+    provide: TypeScriptCompileBase,
+    deps: [[new Optional(), new SkipSelf(), TypeScriptCompileBase]],
+    useFactory: APIPASS_TYPESCRIPT_COMPILE_BASE_PROVIDER_FACTORY
 };
 
-class SchemaFormRenderModule {
-}
-SchemaFormRenderModule.ɵfac = function SchemaFormRenderModule_Factory(t) { return new (t || SchemaFormRenderModule)(); };
-SchemaFormRenderModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SchemaFormRenderModule });
-SchemaFormRenderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-        SchemaFieldsService,
-        APIPASS_TYPESCRIPT_COMPILE_INTL_PROVIDER
-    ], imports: [CommonModule,
-        DndModule,
-        FormsModule,
-        MatTooltipModule,
-        InputsModule,
-        IconsModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFormRenderModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    DndModule,
-                    FormsModule,
-                    MatTooltipModule,
-                    InputsModule,
-                    IconsModule
-                ],
-                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,
-                    APIPASS_TYPESCRIPT_COMPILE_INTL_PROVIDER
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SchemaFormRenderModule, { declarations: [ArraySessionComponent,
-        SchemaArrayComponent,
-        FieldRenderComponent,
-        InputRenderComponent,
-        BooleanInputComponent,
-        NumberInputComponent,
-        SchemaInputComponent,
-        SchemaObjectComponent,
-        SchemaFormRenderComponent,
-        SchemaFormComponent,
-        SchemaCustomAttributesComponent], imports: [CommonModule,
-        DndModule,
-        FormsModule,
-        MatTooltipModule,
-        InputsModule,
-        IconsModule], exports: [ArraySessionComponent,
-        SchemaArrayComponent,
-        FieldRenderComponent,
-        InputRenderComponent,
-        BooleanInputComponent,
-        NumberInputComponent,
-        SchemaInputComponent,
-        SchemaObjectComponent,
-        SchemaFormRenderComponent,
-        SchemaFormComponent,
-        SchemaCustomAttributesComponent] }); })();
-i0.ɵɵsetComponentScope(SchemaFormComponent, [i1.NgForOf, SchemaArrayComponent,
-    SchemaInputComponent,
+class SchemaFormRenderModule {
+    static ɵfac = function SchemaFormRenderModule_Factory(t) { return new (t || SchemaFormRenderModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SchemaFormRenderModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+            SchemaFieldsService,
+            APIPASS_TYPESCRIPT_COMPILE_INTL_PROVIDER
+        ], imports: [CommonModule,
+            DndModule,
+            FormsModule,
+            MatTooltipModule,
+            InputsModule,
+            IconsModule] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFormRenderModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    DndModule,
+                    FormsModule,
+                    MatTooltipModule,
+                    InputsModule,
+                    IconsModule
+                ],
+                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,
+                    APIPASS_TYPESCRIPT_COMPILE_INTL_PROVIDER
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SchemaFormRenderModule, { declarations: [ArraySessionComponent,
+        SchemaArrayComponent,
+        FieldRenderComponent,
+        InputRenderComponent,
+        BooleanInputComponent,
+        NumberInputComponent,
+        SchemaInputComponent,
+        SchemaObjectComponent,
+        SchemaFormRenderComponent,
+        SchemaFormComponent,
+        SchemaCustomAttributesComponent], imports: [CommonModule,
+        DndModule,
+        FormsModule,
+        MatTooltipModule,
+        InputsModule,
+        IconsModule], exports: [ArraySessionComponent,
+        SchemaArrayComponent,
+        FieldRenderComponent,
+        InputRenderComponent,
+        BooleanInputComponent,
+        NumberInputComponent,
+        SchemaInputComponent,
+        SchemaObjectComponent,
+        SchemaFormRenderComponent,
+        SchemaFormComponent,
+        SchemaCustomAttributesComponent] }); })();
+i0.ɵɵsetComponentScope(SchemaFormComponent, [i1.NgForOf, SchemaArrayComponent,
+    SchemaInputComponent,
     SchemaObjectComponent], []);
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { APIPASS_TYPESCRIPT_COMPILE_BASE_PROVIDER_FACTORY, APIPASS_TYPESCRIPT_COMPILE_INTL_PROVIDER, ArraySessionComponent, BaseSchemaComponent, BooleanInputComponent, FieldRenderComponent, InputRenderComponent, NumberInputComponent, SchemaArrayComponent, SchemaCustomAttributesComponent, SchemaFieldsService, SchemaFormComponent, SchemaFormRenderComponent, SchemaFormRenderModule, SchemaInputComponent, SchemaObjectComponent, SchemaValidationField, TypeScriptCompileBase };
 //# sourceMappingURL=apipass-schemas.mjs.map
-//# sourceMappingURL=apipass-schemas.mjs.map