@apipass/schemas 1.0.8 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -171,7 +171,7 @@ class ArraySessionComponent extends BaseSchemaComponent {
171
171
  }
172
172
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ArraySessionComponent, [{
173
173
  type: Component,
174
- 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"] }]
174
+ args: [{ selector: 'array-session', template: "<div class=\"row\">\n <div class=\"col-md-12\">\n <label class=\"info-label bold\">{{ label }}</label>\n <div class=\"subsection-element\" *ngFor=\"let item of model; let index = index; trackBy:trackByIndex;\">\n <div class=\"subsection-item-title\">{{ removeLabel }} {{ index + 1 }}\n <i class=\"far fa-trash-alt\" (click)=\"remove(item)\"></i>\n </div>\n <div class=\"row\" *ngIf=\"item.mappingAttributes || item.mappingAttributes === ''\">\n <div class=\"col-md-8\">\n <label class=\"info-label\">Loop</label>\n <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.loop\" [ngModelOptions]=\"{standalone: true}\"\n dndDropzone (dndDrop)=\"item.loop = this.onDrop($event, item.loop)\" />\n </div>\n <div class=\"col-md-4\">\n <label class=\"info-label\">Alias</label>\n <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.alias\" [ngModelOptions]=\"{standalone: true}\"\n dndDropzone (dndDrop)=\"item.alias = this.onDrop($event, item.alias)\" />\n </div>\n </div>\n <ng-container *ngTemplateOutlet=\"subsectionItem, context: {\n $implicit: {\n items: model, index: index,\n mappingAttributes: (item.mappingAttributes || item.mappingAttributes === '') ? item.mappingAttributes : item\n }\n }\"></ng-container>\n </div>\n </div>\n</div>\n<div class=\"row add-buttons\">\n <div class=\"col-md-12\">\n <button class=\"btn btn-outline-primary float-left btn-personal-edit\" (click)=\"add()\">{{ this.addItemLabel }}</button>\n <button class=\"btn btn-outline-primary float-left btn-personal-edit ml-2\" *ngIf=\"showAddLoop\" (click)=\"addLoop()\">{{ this.addLoopLabel }}</button>\n </div>\n</div>\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"] }]
175
175
  }], null, { label: [{
176
176
  type: Input
177
177
  }], removeLabel: [{
@@ -252,7 +252,7 @@ class SchemaFormComponent extends BaseSchemaComponent {
252
252
  }
253
253
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFormComponent, [{
254
254
  type: Component,
255
- 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" }]
255
+ args: [{ selector: 'schema-form', template: "<div class=\"schema-properties\" *ngFor=\"let schema of schemas; let i = index\">\n <schema-input\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\n [selectClearLabel]=\"selectClearLabel\"\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\n [requiredLabel]=\"requiredLabel\"\n [idPrefix]=\"idPrefix\"\n [(model)]=\"model\"\n [schema]=\"schema\"\n [editing]=\"this.editing\"\n [index]=\"i\">\n </schema-input>\n <schema-object\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\n [selectClearLabel]=\"selectClearLabel\"\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\n [requiredLabel]=\"requiredLabel\"\n [addItemLabel]=\"addItemLabel\"\n [addLoopLabel]=\"addLoopLabel\"\n [additionalAttributesLabel]=\"additionalAttributesLabel\"\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\n [idPrefix]=\"idPrefix\"\n [(model)]=\"model\"\n [schema]=\"schema\"\n [editing]=\"this.editing\"\n [index]=\"i\">\n </schema-object>\n <schema-array\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\n [selectClearLabel]=\"selectClearLabel\"\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\n [requiredLabel]=\"requiredLabel\"\n [addItemLabel]=\"addItemLabel\"\n [addLoopLabel]=\"addLoopLabel\"\n [additionalAttributesLabel]=\"additionalAttributesLabel\"\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\n [idPrefix]=\"idPrefix\"\n [(model)]=\"model\"\n [schema]=\"schema\"\n [editing]=\"this.editing\"\n [index]=\"i\">\n </schema-array>\n</div>\n" }]
256
256
  }], null, { requiredLabel: [{
257
257
  type: Input
258
258
  }], addItemLabel: [{
@@ -433,7 +433,7 @@ class SchemaCustomAttributesComponent extends BaseSchemaComponent {
433
433
  }
434
434
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaCustomAttributesComponent, [{
435
435
  type: Component,
436
- 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"] }]
436
+ args: [{ selector: 'schema-custom-attributes', template: "<div class=\"row custom-attributes\" *ngFor=\"let attribute of model; let i = index\">\n <div class=\"col-md-12\">\n <label class=\"info-label\">{{ attribute.label }}</label>\n <span (click)=\"removeCustomAttribute(i)\" class=\"customAttributeDeleteIcon\">\n <i class=\"far fa-trash-alt\" [matTooltip]=\"this.customAttributeRemoveLabel\"></i>\n </span>\n\n <input\n class=\"form-control\"\n [(ngModel)]=\"attribute.value\"\n [ngModelOptions]=\"{standalone: true}\"\n dndDropzone\n (dndDrop)=\"onDropAttr($event, 'value', attribute)\"\n />\n </div>\n</div>\n<div *ngIf=\"newCustomField\" class=\"struct-custom-field\">\n <div class=\"row\">\n <div class=\"col-md-12\">\n <label class=\"info-label\">{{ this.newCustomFieldNameLabel }}<strong>*</strong></label>\n <input \n class=\"form-control\" \n [(ngModel)]=\"newCustomField.label\" \n [ngModelOptions]=\"{standalone: true}\"\n dndDropzone\n (dndDrop)=\"onDropAttr($event, 'label', newCustomField)\"\n />\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-md-12\">\n <label class=\"info-label\">{{ this.newCustomFieldValueLabel }}<strong>*</strong></label>\n <input\n class=\"form-control\"\n [(ngModel)]=\"newCustomField.value\"\n [ngModelOptions]=\"{standalone: true}\"\n dndDropzone\n (dndDrop)=\"onDropAttr($event, 'value', newCustomField)\"\n />\n </div>\n </div>\n</div>\n<div class=\"row actions-buttons\">\n <div class=\"col-md-12 pull-right\">\n <button class=\"btn btn-outline-primary float-left\" *ngIf=\"!newCustomField\" (click)=\"newCustomField = {}\">\n {{ this.newCustomFieldAddLabel }}\n </button>\n <button\n class=\"btn btn-outline-danger float-left ml-2\"\n *ngIf=\"newCustomField\"\n (click)=\"newCustomField = null\"\n >\n {{ this.newCustomFieldCancelLabel }}\n </button>\n <button\n class=\"btn btn-outline-primary float-left\"\n *ngIf=\"newCustomField && newCustomField.label && newCustomField.value\"\n (click)=\"saveNewAttribute(newCustomField)\"\n >\n {{ this.newCustomFieldSaveLabel }}\n </button>\n </div>\n</div>\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"] }]
437
437
  }], null, { onDropFunction: [{
438
438
  type: Input
439
439
  }], customAttributeRemoveLabel: [{
@@ -625,7 +625,7 @@ class SchemaArrayComponent extends BaseSchemaComponent {
625
625
  }
626
626
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaArrayComponent, [{
627
627
  type: Component,
628
- 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" }]
628
+ args: [{ selector: 'schema-array', template: "<div *ngIf=\"loaded && canRender(schema) && schema.type === 'array' && schema.properties\">\n <array-session\n [addItemLabel]=\"addItemLabel\"\n [addLoopLabel]=\"addLoopLabel\"\n [label]=\"schema.title\"\n [removeLabel]=\"schema.title\"\n [(model)]=\"this.model[schema.id]\"\n [showAddLoop]=\"schema.withoutLoop !== true\"\n (onAdd)=\"addArrayItem(schema.id, {})\"\n (onAddLoop)=\"addArrayLoop(schema.id, {})\">\n <ng-template let-item>\n <schema-form\n *ngIf=\"this.model[schema.id][item.index].loop !== undefined\"\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\n [selectClearLabel]=\"selectClearLabel\"\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\n [requiredLabel]=\"requiredLabel\"\n [addItemLabel]=\"addItemLabel\"\n [addLoopLabel]=\"addLoopLabel\"\n [additionalAttributesLabel]=\"additionalAttributesLabel\"\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\n [idPrefix]=\"idPrefix\"\n [(model)]=\"this.model[schema.id][item.index].mappingAttributes\"\n [schemas]=\"getSchemaProperties()\"\n [editing]=\"this.editing\">\n </schema-form>\n <schema-form\n *ngIf=\"this.model[schema.id][item.index].loop == undefined\"\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\n [selectClearLabel]=\"selectClearLabel\"\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\n [requiredLabel]=\"requiredLabel\"\n [addItemLabel]=\"addItemLabel\"\n [addLoopLabel]=\"addLoopLabel\"\n [additionalAttributesLabel]=\"additionalAttributesLabel\"\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\n [idPrefix]=\"idPrefix\"\n [(model)]=\"this.model[schema.id][item.index]\"\n [schemas]=\"getSchemaProperties()\"\n [editing]=\"this.editing\">\n </schema-form>\n\n <div class=\"row struct-custom-properties\" *ngIf=\"this.model[schema.id][item.index] && schema.customProperties\">\n <div class=\"col-md-12\">\n <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\n <schema-custom-attributes\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\n [(model)]=\"this.model[schema.id][item.index].customAttributes\"\n [onDropFunction]=\"onDrop\">\n </schema-custom-attributes>\n </div>\n </div>\n\n </ng-template>\n </array-session>\n</div>\n<div *ngIf=\"schema && canRender(schema) && schema.type === 'array' && !schema.properties\">\n <array-session\n [addItemLabel]=\"addItemLabel\"\n [addLoopLabel]=\"addLoopLabel\"\n [label]=\"schema.title\"\n [removeLabel]=\"schema.title\"\n [(model)]=\"this.model[schema.id]\"\n [showAddLoop]=\"schema.withoutLoop !== true\"\n (onAdd)=\"addArrayItem(schema.id, '')\"\n (onAddLoop)=\"addArrayLoop(schema.id, '')\"\n >\n <ng-template let-item>\n <label class=\"info-label\" [htmlFor]=\"getId(index)+'-'+item.index\">{{ schema.title }}</label>\n <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.items[item.index].mappingAttributes\"\n [ngModelOptions]=\"{standalone: true}\" dndDropzone\n (dndDrop)=\"item.items[item.index].mappingAttributes = this.onDrop($event, item.items[item.index].mappingAttributes)\"\n *ngIf=\"item.items[item.index].mappingAttributes || item.items[item.index].mappingAttributes === ''; else elseBlock\"\n [id]=\"getId(index)+'-'+item.index\"/>\n <ng-template #elseBlock>\n <input class=\"form-control\" type=\"text\" [(ngModel)]=\"item.items[item.index]\"\n [ngModelOptions]=\"{standalone: true}\" dndDropzone\n (dndDrop)=\"item.items[item.index] = this.onDrop($event, item.items[item.index])\"\n [id]=\"getId(index)+'-'+item.index\"/>\n </ng-template>\n </ng-template>\n </array-session>\n</div>\n" }]
629
629
  }], null, { requiredLabel: [{
630
630
  type: Input
631
631
  }], addItemLabel: [{
@@ -717,7 +717,7 @@ class FieldRenderComponent {
717
717
  }
718
718
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldRenderComponent, [{
719
719
  type: Component,
720
- 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"] }]
720
+ args: [{ selector: 'field-render', template: "<div [ngClass]=\"{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}\">\n <label class=\"info-label bold\" [htmlFor]=\"inputId\">\n {{ label }}\n <small [ngClass]=\"{'has-error':state && !state.valid && state.errors}\" *ngIf=\"required\">{{this.requiredLabel}}</small>\n <span class=\"info-icon\" matTooltip=\"{{ tooltip }}\" *ngIf=\"tooltip\">\n <i class=\"far fa-question-circle\"></i>\n </span>\n </label>\n\n <!-- Input, textarea or select -->\n <ng-content></ng-content>\n</div>\n", styles: [".info-icon{color:#222d57;font-size:13px;float:right;margin-left:4px}\n"] }]
721
721
  }], null, { requiredLabel: [{
722
722
  type: Input
723
723
  }], label: [{
@@ -768,7 +768,7 @@ class BooleanInputComponent extends BaseSchemaComponent {
768
768
  }
769
769
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BooleanInputComponent, [{
770
770
  type: Component,
771
- 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" }]
771
+ args: [{ selector: 'boolean-input', template: "<input class=\"form-control\"\n [id]=\"inputId\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"value\"\n [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"changeValue($event)\"\n dndDropzone (dndDrop)=\"onDropCallBack($event, value)\"\n [maxlength]=\"maxLength\">\n" }]
772
772
  }], null, { placeholder: [{
773
773
  type: Input
774
774
  }], inputId: [{
@@ -811,7 +811,7 @@ class NumberInputComponent extends BaseSchemaComponent {
811
811
  }
812
812
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NumberInputComponent, [{
813
813
  type: Component,
814
- 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" }]
814
+ args: [{ selector: 'number-input', template: "<input class=\"form-control number-input\"\n [id]=\"inputId\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"value\"\n [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"changeValue($event)\"\n dndDropzone (dndDrop)=\"onDropCallBack($event, value)\"\n [maxlength]=\"maxLength\">\n" }]
815
815
  }], null, { placeholder: [{
816
816
  type: Input
817
817
  }], inputId: [{
@@ -981,7 +981,7 @@ class InputRenderComponent extends BaseSchemaComponent {
981
981
  }
982
982
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputRenderComponent, [{
983
983
  type: Component,
984
- args: [{ selector: 'input-render', template: "<div class=\"schema-input-container\" [ngClass]=\"{'schema-input-container-password' : schema.type === 'password' }\" >\r\n <div *ngIf=\"schema.type === 'password' && editing\" class=\"edit-icon\">\r\n <icon *ngIf=\"this.schema.readOnlyPassword\" size=\"15\" type=\"primary\" [name]=\"'fas fa-pencil-alt'\"\r\n (onClick)=\"editPassword()\">\r\n </icon>\r\n <icon *ngIf=\"!this.schema.readOnlyPassword\" size=\"15\" type=\"primary clickable\" [name]=\"'fas fa-ban'\"\r\n (mousedown)=\"cancelEditPassword(); $event.stopPropagation()\">\r\n </icon>\r\n </div>\r\n <input (blur)=\"onInputBlur()\"\r\n [disabled]=\"schema.readOnlyPassword\" class=\"form-control\"\r\n [type]=\"schema.type === 'password' ? 'password' : 'text'\"\r\n placeholder=\"{{schema.type === 'password' && this.schema.readOnlyPassword ? '*****' : schema.description}}\"\r\n *ngIf=\"(schema.type === 'string' || schema.type === 'password') && !schema.options\"\r\n [(ngModel)]=\"value\" [ngModelOptions]=\"{standalone: true}\"\r\n (ngModelChange)=\"onChange($event)\"\r\n dndDropzone (dndDrop)=\"onDropCallBack($event, value)\" [id]=\"inputId\" [maxlength]=\"schema.maxLength\"/>\r\n\r\n <select-box\r\n [id]=\"inputId\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event.key)\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n *ngIf=\"schema.type === 'string' && schema.options\"\r\n [placeholder]=\"schema.description || this.selectPlaceHolderLabel\"\r\n [searchPlaceHolder]=\"selectSearchPlaceHolderLabel\"\r\n [clearText]=\"this.selectClearLabel\"\r\n [notFoundText]=\"this.selectNotFoundLabel\"\r\n [bindKey]=\"'key'\"\r\n [bindValue]=\"'value'\"\r\n [enabledSearch]=\"true\"\r\n [limitItens]=\"30\"\r\n [data]=\"schema.options\">\r\n </select-box>\r\n\r\n <number-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n *ngIf=\"schema.type === 'number'\"\r\n [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n (modelChange)=\"onChange($event)\"></number-input>\r\n\r\n <boolean-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n *ngIf=\"schema.type === 'boolean'\"\r\n [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n (modelChange)=\"onChange($event)\"></boolean-input>\r\n</div>\r\n", styles: [".schema-input-container-password{position:relative}.schema-input-container-password .edit-icon{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password input{display:block;padding-right:38px!important;width:calc(100% - 51px)!important}\n"] }]
984
+ args: [{ selector: 'input-render', template: "<div class=\"schema-input-container\" [ngClass]=\"{'schema-input-container-password' : schema.type === 'password' }\" >\n <div *ngIf=\"schema.type === 'password' && editing\" class=\"edit-icon\">\n <icon *ngIf=\"this.schema.readOnlyPassword\" size=\"15\" type=\"primary\" [name]=\"'fas fa-pencil-alt'\"\n (onClick)=\"editPassword()\">\n </icon>\n <icon *ngIf=\"!this.schema.readOnlyPassword\" size=\"15\" type=\"primary clickable\" [name]=\"'fas fa-ban'\"\n (mousedown)=\"cancelEditPassword(); $event.stopPropagation()\">\n </icon>\n </div>\n <input (blur)=\"onInputBlur()\"\n [disabled]=\"schema.readOnlyPassword\" class=\"form-control\"\n [type]=\"schema.type === 'password' ? 'password' : 'text'\"\n placeholder=\"{{schema.type === 'password' && this.schema.readOnlyPassword ? '*****' : schema.description}}\"\n *ngIf=\"(schema.type === 'string' || schema.type === 'password') && !schema.options\"\n [(ngModel)]=\"value\" [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"onChange($event)\"\n dndDropzone (dndDrop)=\"onDropCallBack($event, value)\" [id]=\"inputId\" [maxlength]=\"schema.maxLength\"/>\n\n <select-box\n [id]=\"inputId\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event.key)\"\n [ngModelOptions]=\"{standalone: true}\"\n *ngIf=\"schema.type === 'string' && schema.options\"\n [placeholder]=\"schema.description || this.selectPlaceHolderLabel\"\n [searchPlaceHolder]=\"selectSearchPlaceHolderLabel\"\n [clearText]=\"this.selectClearLabel\"\n [notFoundText]=\"this.selectNotFoundLabel\"\n [bindKey]=\"'key'\"\n [bindValue]=\"'value'\"\n [enabledSearch]=\"true\"\n [limitItens]=\"30\"\n [data]=\"schema.options\">\n </select-box>\n\n <number-input [(model)]=\"value\" [inputId]=\"inputId\"\n *ngIf=\"schema.type === 'number'\"\n [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\n (modelChange)=\"onChange($event)\"></number-input>\n\n <boolean-input [(model)]=\"value\" [inputId]=\"inputId\"\n *ngIf=\"schema.type === 'boolean'\"\n [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\n (modelChange)=\"onChange($event)\"></boolean-input>\n</div>\n", styles: [".schema-input-container-password{position:relative}.schema-input-container-password .edit-icon{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password input{display:block;padding-right:38px!important;width:calc(100% - 51px)!important}\n"] }]
985
985
  }], null, { selectPlaceHolderLabel: [{
986
986
  type: Input
987
987
  }], selectSearchPlaceHolderLabel: [{
@@ -1070,7 +1070,7 @@ class SchemaInputComponent extends BaseSchemaComponent {
1070
1070
  }
1071
1071
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaInputComponent, [{
1072
1072
  type: Component,
1073
- 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" }]
1073
+ args: [{ selector: 'schema-input', template: "<div class=\"row schema-input\"\n *ngIf=\"loaded && canRender(schema) && schema.type !== 'array' && schema.type !== 'object' && schema.minLength && schema.minLength > 0\">\n <div class=\"col-md-12\">\n <field-render [requiredLabel]=\"requiredLabel\" [label]=\"schema.title\" [tooltip]=\"schema.help\" [inputId]=\"getId(index)\">\n <input-render\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\n [selectClearLabel]=\"selectClearLabel\"\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\n [inputId]=\"getId(index)\"\n [schema]=\"schema\"\n [(model)]=\"this.model[schema.id]\"\n [modelPropertiesPath]=\"'mappingAttributes.' + schema.id\"\n [editing]=\"this.editing\"></input-render>\n </field-render>\n </div>\n</div>\n<div class=\"row schema-input\"\n *ngIf=\"loaded && canRender(schema) && schema.type !== 'array' && schema.type !== 'object' && (!schema.minLength || schema.minLength === 0)\">\n <div class=\"col-md-12\">\n <label class=\"info-label bold\" [htmlFor]=\"getId(index)\">\n {{schema.title}}\n <span class=\"config-tooltip\" matTooltip=\"{{ schema.help }}\" *ngIf=\"schema.help\">?</span>\n </label>\n <input-render\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\n [selectClearLabel]=\"selectClearLabel\"\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\n [inputId]=\"getId(index)\"\n [schema]=\"schema\"\n [(model)]=\"this.model[schema.id]\"\n [modelPropertiesPath]=\"'mappingAttributes.' + schema.id\"\n [editing]=\"this.editing\"></input-render>\n </div>\n</div>\n" }]
1074
1074
  }], null, { requiredLabel: [{
1075
1075
  type: Input
1076
1076
  }], selectPlaceHolderLabel: [{
@@ -1163,7 +1163,7 @@ class SchemaObjectComponent extends BaseSchemaComponent {
1163
1163
  }
1164
1164
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaObjectComponent, [{
1165
1165
  type: Component,
1166
- 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"] }]
1166
+ args: [{ selector: 'schema-object', template: "<div class=\"schema-object-container\" *ngIf=\"loaded && canRender(schema) && schema.type == 'object'\">\n <div class=\"schema-object-title\">{{schema.title}}</div>\n <schema-form\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\n [selectClearLabel]=\"selectClearLabel\"\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\n [requiredLabel]=\"requiredLabel\"\n [addItemLabel]=\"addItemLabel\"\n [addLoopLabel]=\"addLoopLabel\"\n [additionalAttributesLabel]=\"additionalAttributesLabel\"\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\n [idPrefix]=\"idPrefix\"\n [(model)]=\"model[schema.id]\"\n [schemas]=\"getSchemaProperties()\"\n [editing]=\"this.editing\">\n </schema-form>\n\n <div class=\"row struct-custom-properties\" *ngIf=\"this.model[schema.id] && schema.customProperties\">\n <div class=\"col-md-12\">\n <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\n <schema-custom-attributes\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\n [(model)]=\"this.model[schema.id].customAttributes\"\n [onDropFunction]=\"onDrop\">\n </schema-custom-attributes>\n </div>\n </div>\n\n</div>\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"] }]
1167
1167
  }], null, { requiredLabel: [{
1168
1168
  type: Input
1169
1169
  }], addItemLabel: [{
@@ -1378,7 +1378,7 @@ class SchemaFormRenderComponent extends BaseSchemaComponent {
1378
1378
  }
1379
1379
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFormRenderComponent, [{
1380
1380
  type: Component,
1381
- args: [{ selector: 'schema-form-render', template: "<div class=\"schema\" *ngIf=\"loaded\">\r\n <schema-form\r\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n [selectClearLabel]=\"selectClearLabel\"\r\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n [requiredLabel]=\"requiredLabel\"\r\n [addItemLabel]=\"addItemLabel\"\r\n [addLoopLabel]=\"addLoopLabel\"\r\n [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n [idPrefix]=\"idPrefix\"\r\n [(model)]=\"model\"\r\n [schemas]=\"schemas\"\r\n [editing]=\"this.editing\"></schema-form>\r\n\r\n <div class=\"schema-properties\" *ngFor=\"let schema of schemas; let i = index\">\r\n <div class=\"row struct-custom-properties\" *ngIf=\"this.model && customProperties\">\r\n <div class=\"col-md-12\">\r\n <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\r\n <schema-custom-attributes\r\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n [(model)]=\"model.customAttributes\"\r\n [onDropFunction]=\"onDrop\">\r\n </schema-custom-attributes>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n", styles: [".schema ::ng-deep .info-label{display:block}.schema ::ng-deep input.form-control{width:calc(100% - 24px);padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema ::ng-deep input.form-control:disabled{background:#ccc}.schema ::ng-deep select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema ::ng-deep .ng-select-container{height:38px!important;min-height:38px!important}.schema ::ng-deep .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema ::ng-deep .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema ::ng-deep .subsection-item-title{color:var(--color-primary)}.schema ::ng-deep array-session .subsection-element{color:var(--color-primary)}\n"] }]
1381
+ args: [{ selector: 'schema-form-render', template: "<div class=\"schema\" *ngIf=\"loaded\">\n <schema-form\n [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\n [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\n [selectClearLabel]=\"selectClearLabel\"\n [selectNotFoundLabel]=\"selectNotFoundLabel\"\n [requiredLabel]=\"requiredLabel\"\n [addItemLabel]=\"addItemLabel\"\n [addLoopLabel]=\"addLoopLabel\"\n [additionalAttributesLabel]=\"additionalAttributesLabel\"\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\n [idPrefix]=\"idPrefix\"\n [(model)]=\"model\"\n [schemas]=\"schemas\"\n [editing]=\"this.editing\"></schema-form>\n\n <div class=\"schema-properties\" *ngFor=\"let schema of schemas; let i = index\">\n <div class=\"row struct-custom-properties\" *ngIf=\"this.model && customProperties\">\n <div class=\"col-md-12\">\n <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\n <schema-custom-attributes\n [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\n [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\n [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\n [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\n [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\n [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\n [(model)]=\"model.customAttributes\"\n [onDropFunction]=\"onDrop\">\n </schema-custom-attributes>\n </div>\n </div>\n </div>\n\n</div>\n", styles: [".schema ::ng-deep .info-label{display:block}.schema ::ng-deep input.form-control{width:calc(100% - 24px);padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema ::ng-deep input.form-control:disabled{background:#ccc}.schema ::ng-deep select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema ::ng-deep .ng-select-container{height:38px!important;min-height:38px!important}.schema ::ng-deep .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema ::ng-deep .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema ::ng-deep .subsection-item-title{color:var(--color-primary)}.schema ::ng-deep array-session .subsection-element{color:var(--color-primary)}\n"] }]
1382
1382
  }], null, { requiredLabel: [{
1383
1383
  type: Input
1384
1384
  }], addItemLabel: [{