@apipass/schemas 0.2.15 → 1.0.0

package/fesm2015/apipass-schemas.mjs

@@ -0,0 +1,1803 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, TemplateRef, ContentChild, Injectable, Optional, SkipSelf, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormControl, Validators, FormsModule } from '@angular/forms';
+import * as i2 from 'ngx-drag-drop';
+import { DndModule } from 'ngx-drag-drop';
+import * as i2$1 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i4 from '@apipass/inputs';
+import { InputsModule } from '@apipass/inputs';
+import * as i5 from '@apipass/icons';
+import { IconsModule } from '@apipass/icons';
+import { __awaiter } from 'tslib';
+
+class BaseSchemaComponent {
+    constructor() {
+        this.modelChange = new EventEmitter();
+    }
+    getSchemaProperties() {
+        return this.schema.properties instanceof Array ? this.schema.properties : [this.schema.properties];
+    }
+    canRender(property) {
+        // tslint:disable-next-line:no-eval
+        property.canRender = (property === null || property === void 0 ? void 0 : property.conditionExpression) ? eval(property.conditionExpression) : true;
+        return property.canRender;
+    }
+    onDrop(event, attr) {
+        const data = event.data;
+        if (!attr) {
+            attr = '';
+        }
+        attr += `{{${data}}}`;
+        return attr;
+    }
+}
+BaseSchemaComponent.ɵfac = function BaseSchemaComponent_Factory(t) { return new (t || BaseSchemaComponent)(); };
+BaseSchemaComponent.ɵcmp = /*@__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;
+}
+
+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 }]
+            }] });
+})();
+
+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
+            }] });
+})();
+
+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
+            }] });
+})();
+
+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() {
+        var _a;
+        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'array' && this.model && !this.model[this.schema.id]) {
+            this.model[this.schema.id] = [];
+        }
+        this.loaded = true;
+    }
+    onDrop($event, modelElement) {
+        return onDropStruct($event, modelElement);
+    }
+    getId(index) {
+        return `${this.idPrefix}-struct-${index}`;
+    }
+    addArrayItem(id, param) {
+        this.model[id] = this.model[id] || [];
+        if (this.schema.properties) {
+            param = {};
+            Object.keys(this.schema.properties).forEach(key => {
+                const schemaProperty = this.schema.properties[key];
+                if (schemaProperty.type === 'object') {
+                    param[schemaProperty.id] = {};
+                }
+                else if (schemaProperty.type === 'array') {
+                    param[schemaProperty.id] = [];
+                }
+            });
+        }
+        this.model[id].push(param);
+    }
+    addArrayLoop(id, mappingAttributes) {
+        this.model[id] = this.model[id] || [];
+        this.model[id].push({ loop: '', alias: '', mappingAttributes });
+    }
+}
+SchemaArrayComponent.ɵfac = /*@__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
+            }] });
+})();
+
+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$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$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
+            }] });
+})();
+
+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() {
+        var _a, _b, _c;
+        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) !== 'object' && ((_b = this.schema) === null || _b === void 0 ? void 0 : _b.type) !== 'array') {
+            if (!this.editing && this.schema.options) {
+                const $event = this.schema.options.filter((item) => item.selected === true);
+                if ($event[0]) {
+                    this.onChange($event[0].key);
+                    this.value = $event[0];
+                }
+            }
+            else if (this.editing && this.schema.options && this.model) {
+                const $event = this.schema.options.filter((item) => item.key === this.model);
+                if ($event[0]) {
+                    this.onChange($event[0].key);
+                    this.value = $event[0];
+                }
+            }
+            else {
+                this.value = this.model;
+            }
+        }
+        if (this.editing && ((_c = this.schema) === null || _c === void 0 ? void 0 : _c.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() {
+        var _a;
+        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.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 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 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() {
+        var _a;
+        if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'object' && this.model) {
+            this.model[this.schema.id] = this.model[this.schema.id] || {};
+        }
+        this.loaded = true;
+    }
+    onDrop($event, modelElement) {
+        return onDropStruct($event, modelElement);
+    }
+}
+SchemaObjectComponent.ɵfac = /*@__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
+            }] });
+})();
+
+class SchemaValidationField {
+    constructor(emptyFields, invalidMinLengthFields, invalidMaxLengthFields) {
+        this.emptyFields = emptyFields;
+        this.invalidMinLengthFields = invalidMinLengthFields;
+        this.invalidMaxLengthFields = invalidMaxLengthFields;
+    }
+    isValidSchemaFields() {
+        var _a, _b, _c;
+        return ((_a = this.emptyFields) === null || _a === void 0 ? void 0 : _a.length) < 1 && ((_b = this.invalidMinLengthFields) === null || _b === void 0 ? void 0 : _b.length) < 1 && ((_c = this.invalidMaxLengthFields) === null || _c === void 0 ? void 0 : _c.length) < 1;
+    }
+    isInvalidSchemaFields() {
+        return !this.isValidSchemaFields();
+    }
+}
+
+class SchemaFieldsService {
+    constructor() {
+    }
+    validateSchemaFields(propertiesRendered, model, editing) {
+        return __awaiter(this, void 0, void 0, function* () {
+            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 = yield 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 = Object.assign({}, 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 === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0
+                        && (validateModel === undefined || validateModel === '' || validateModel === null)) {
+                        emptyFields.push(property);
+                    }
+                    else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) < property.minLength)) {
+                        invalidMinLengthFields.push(property);
+                    }
+                    else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.maxLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) > property.maxLength)) {
+                        invalidMaxLengthFields.push(property);
+                    }
+                }
+            }
+        }
+    }
+    getErrorsStringArray(structValidation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!structValidation.isInvalidSchemaFields()) {
+                return [];
+            }
+            const errors = [];
+            for (const field of structValidation.emptyFields) {
+                const fieldName = field.title || field.id;
+                errors.push({
+                    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);
+})();
+
+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
+            }] });
+})();
+
+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 === null || input === void 0 ? void 0 : input.title) {
+            input.title = this.getTranslate(input.title);
+        }
+        if (input === null || input === void 0 ? void 0 : input.description) {
+            input.description = this.getTranslate(input.description);
+        }
+        if ((input === null || input === void 0 ? void 0 : input.options) instanceof Array) {
+            input === null || input === void 0 ? void 0 : 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 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,
+    SchemaObjectComponent], []);
+
+/**
+ * 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