@apipass/schemas 0.2.9 → 0.2.13

package/fesm2015/apipass-schemas.js

@@ -3,6 +3,7 @@ import { NgForOf, NgIf, NgTemplateOutlet, NgClass, CommonModule, NgComponentOutl
 import { DefaultValueAccessor, NgControlStatus, NgModel, MaxLengthValidator, FormControl, Validators, FormsModule, ɵangular_packages_forms_forms_y, NgSelectOption, ɵangular_packages_forms_forms_x, NumberValueAccessor, RangeValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, SelectMultipleControlValueAccessor, RadioControlValueAccessor, NgControlStatusGroup, RequiredValidator, MinLengthValidator, PatternValidator, CheckboxRequiredValidator, EmailValidator, NgModelGroup, NgForm } from '@angular/forms';
 import { DndDropzoneDirective, DndModule, DndDraggableDirective, DndHandleDirective, DndPlaceholderRefDirective, DndDragImageRefDirective } from 'ngx-drag-drop';
 import { MatTooltip, MatTooltipModule, TooltipComponent } from '@angular/material/tooltip';
+import { IconComponent, IconsModule } from '@apipass/icons';
 import { SelectBoxComponent, InputsModule, SelectEnumComponent, InputTextComponent, InputPasswordComponent, InputAvatarComponent, InputFileComponent, CustomSelectComponent, FieldComponent } from '@apipass/inputs';
 import { __awaiter } from 'tslib';
 import { Dir } from '@angular/cdk/bidi';
@@ -331,7 +332,7 @@ function SchemaCustomAttributesComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(5, "i", 10);
     ɵɵelementEnd();
     ɵɵelementStart(6, "input", 11);
-    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_0_Template_input_ngModelChange_6_listener($event) { ɵɵrestoreView(_r8); const attribute_r5 = ctx.$implicit; return attribute_r5.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_6_listener($event) { ɵɵrestoreView(_r8); const attribute_r5 = ctx.$implicit; const ctx_r10 = ɵɵnextContext(); return ctx_r10.onDropAttr($event, attribute_r5); });
+    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_0_Template_input_ngModelChange_6_listener($event) { ɵɵrestoreView(_r8); const attribute_r5 = ctx.$implicit; return attribute_r5.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_6_listener($event) { ɵɵrestoreView(_r8); const attribute_r5 = ctx.$implicit; const ctx_r10 = ɵɵnextContext(); return ctx_r10.onDropAttr($event, "value", attribute_r5); });
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -357,7 +358,7 @@ function SchemaCustomAttributesComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementStart(7, "input", 11);
-    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_7_listener($event) { ɵɵrestoreView(_r12); const ctx_r11 = ɵɵnextContext(); return ctx_r11.newCustomField.label = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_7_listener($event) { ɵɵrestoreView(_r12); const ctx_r13 = ɵɵnextContext(); return ctx_r13.onDropAttr($event, ctx_r13.newCustomField.label); });
+    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_7_listener($event) { ɵɵrestoreView(_r12); const ctx_r11 = ɵɵnextContext(); return ctx_r11.newCustomField.label = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_7_listener($event) { ɵɵrestoreView(_r12); const ctx_r13 = ɵɵnextContext(); return ctx_r13.onDropAttr($event, "label", ctx_r13.newCustomField); });
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -370,7 +371,7 @@ function SchemaCustomAttributesComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementStart(14, "input", 11);
-    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_14_listener($event) { ɵɵrestoreView(_r12); const ctx_r14 = ɵɵnextContext(); return ctx_r14.newCustomField.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_14_listener($event) { ɵɵrestoreView(_r12); const ctx_r15 = ɵɵnextContext(); return ctx_r15.onDropAttr($event, ctx_r15.newCustomField.value); });
+    ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_14_listener($event) { ɵɵrestoreView(_r12); const ctx_r14 = ɵɵnextContext(); return ctx_r14.newCustomField.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_14_listener($event) { ɵɵrestoreView(_r12); const ctx_r15 = ɵɵnextContext(); return ctx_r15.onDropAttr($event, "value", ctx_r15.newCustomField); });
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -446,11 +447,11 @@ class SchemaCustomAttributesComponent extends BaseSchemaComponent {
         this.model.splice(attributeIndex, 1);
         this.modelChange.emit(this.model);
     }
-    onDropAttr($event, attribute) {
-        if (!attribute) {
-            attribute = '';
+    onDropAttr($event, value, newCustomField) {
+        if (!newCustomField[value]) {
+            newCustomField[value] = '';
         }
-        attribute += `{{${$event.data}}}`;
+        newCustomField[value] += `{{${$event.data}}}`;
     }
 }
 SchemaCustomAttributesComponent.ɵfac = function SchemaCustomAttributesComponent_Factory(t) { return ɵSchemaCustomAttributesComponent_BaseFactory(t || SchemaCustomAttributesComponent); };
@@ -885,44 +886,57 @@ const ɵBooleanInputComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactor
             type: Input
         }] }); })();
 
-const _c0$6 = function () { return { standalone: true }; };
-function InputRenderComponent_input_1_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "input", 4);
-    ɵɵlistener("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r5); const ctx_r4 = ɵɵnextContext(); return ctx_r4.value = $event; })("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r5); const ctx_r6 = ɵɵnextContext(); return ctx_r6.onChange($event); })("dndDrop", function InputRenderComponent_input_1_Template_input_dndDrop_0_listener($event) { ɵɵrestoreView(_r5); const ctx_r7 = ɵɵnextContext(); return ctx_r7.onDropCallBack($event, ctx_r7.value); });
+function InputRenderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 5);
+    ɵɵelementStart(1, "icon", 6);
+    ɵɵlistener("onClick", function InputRenderComponent_div_1_Template_icon_onClick_1_listener() { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(); return ctx_r5.schema.readOnlyPassword ? ctx_r5.editPassword() : ctx_r5.savePassword(); });
+    ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = ɵɵnextContext();
-    ɵɵpropertyInterpolate("placeholder", ctx_r0.schema.description);
-    ɵɵproperty("type", ctx_r0.schema.type === "password" ? "password" : "text")("ngModel", ctx_r0.value)("ngModelOptions", ɵɵpureFunction0(6, _c0$6))("id", ctx_r0.inputId)("maxlength", ctx_r0.schema.maxLength);
+    ɵɵadvance(1);
+    ɵɵproperty("name", ctx_r0.schema.readOnlyPassword ? "fas fa-pencil-alt" : "fas fa-check");
 } }
-function InputRenderComponent_select_box_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "select-box", 5);
-    ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { ɵɵrestoreView(_r9); const ctx_r8 = ɵɵnextContext(); return ctx_r8.value = $event; })("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { ɵɵrestoreView(_r9); const ctx_r10 = ɵɵnextContext(); return ctx_r10.onChange($event.key); });
+const _c0$6 = function () { return { standalone: true }; };
+function InputRenderComponent_input_2_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "input", 7);
+    ɵɵlistener("ngModelChange", function InputRenderComponent_input_2_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r8); const ctx_r7 = ɵɵnextContext(); return ctx_r7.value = $event; })("ngModelChange", function InputRenderComponent_input_2_Template_input_ngModelChange_0_listener($event) { ɵɵrestoreView(_r8); const ctx_r9 = ɵɵnextContext(); return ctx_r9.onChange($event); })("dndDrop", function InputRenderComponent_input_2_Template_input_dndDrop_0_listener($event) { ɵɵrestoreView(_r8); const ctx_r10 = ɵɵnextContext(); return ctx_r10.onDropCallBack($event, ctx_r10.value); });
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("id", ctx_r1.inputId)("ngModel", ctx_r1.value)("ngModelOptions", ɵɵpureFunction0(12, _c0$6))("placeholder", ctx_r1.schema.description || ctx_r1.selectPlaceHolderLabel)("searchPlaceHolder", ctx_r1.selectSearchPlaceHolderLabel)("clearText", ctx_r1.selectClearLabel)("notFoundText", ctx_r1.selectNotFoundLabel)("bindKey", "key")("bindValue", "value")("enabledSearch", true)("limitItens", 30)("data", ctx_r1.schema.options);
+    ɵɵpropertyInterpolate("placeholder", ctx_r1.schema.type === "password" && ctx_r1.schema.readOnlyPassword ? "*****" : ctx_r1.schema.description);
+    ɵɵproperty("disabled", ctx_r1.schema.readOnlyPassword)("type", ctx_r1.schema.type === "password" ? "password" : "text")("ngModel", ctx_r1.value)("ngModelOptions", ɵɵpureFunction0(7, _c0$6))("id", ctx_r1.inputId)("maxlength", ctx_r1.schema.maxLength);
 } }
-function InputRenderComponent_number_input_3_Template(rf, ctx) { if (rf & 1) {
+function InputRenderComponent_select_box_3_Template(rf, ctx) { if (rf & 1) {
     const _r12 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "number-input", 6);
-    ɵɵlistener("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { ɵɵrestoreView(_r12); const ctx_r11 = ɵɵnextContext(); return ctx_r11.value = $event; })("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { ɵɵrestoreView(_r12); const ctx_r13 = ɵɵnextContext(); return ctx_r13.onChange($event); });
+    ɵɵelementStart(0, "select-box", 8);
+    ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_3_Template_select_box_ngModelChange_0_listener($event) { ɵɵrestoreView(_r12); const ctx_r11 = ɵɵnextContext(); return ctx_r11.value = $event; })("ngModelChange", function InputRenderComponent_select_box_3_Template_select_box_ngModelChange_0_listener($event) { ɵɵrestoreView(_r12); const ctx_r13 = ɵɵnextContext(); return ctx_r13.onChange($event.key); });
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = ɵɵnextContext();
-    ɵɵproperty("model", ctx_r2.value)("inputId", ctx_r2.inputId)("placeholder", ctx_r2.schema.description)("maxLength", ctx_r2.schema.maxLength);
+    ɵɵproperty("id", ctx_r2.inputId)("ngModel", ctx_r2.value)("ngModelOptions", ɵɵpureFunction0(12, _c0$6))("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_boolean_input_4_Template(rf, ctx) { if (rf & 1) {
+function InputRenderComponent_number_input_4_Template(rf, ctx) { if (rf & 1) {
     const _r15 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "boolean-input", 6);
-    ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { ɵɵrestoreView(_r15); const ctx_r14 = ɵɵnextContext(); return ctx_r14.value = $event; })("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { ɵɵrestoreView(_r15); const ctx_r16 = ɵɵnextContext(); return ctx_r16.onChange($event); });
+    ɵɵelementStart(0, "number-input", 9);
+    ɵɵlistener("modelChange", function InputRenderComponent_number_input_4_Template_number_input_modelChange_0_listener($event) { ɵɵrestoreView(_r15); const ctx_r14 = ɵɵnextContext(); return ctx_r14.value = $event; })("modelChange", function InputRenderComponent_number_input_4_Template_number_input_modelChange_0_listener($event) { ɵɵrestoreView(_r15); const ctx_r16 = ɵɵnextContext(); return ctx_r16.onChange($event); });
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = ɵɵnextContext();
     ɵɵproperty("model", ctx_r3.value)("inputId", ctx_r3.inputId)("placeholder", ctx_r3.schema.description)("maxLength", ctx_r3.schema.maxLength);
 } }
+function InputRenderComponent_boolean_input_5_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "boolean-input", 9);
+    ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_5_Template_boolean_input_modelChange_0_listener($event) { ɵɵrestoreView(_r18); const ctx_r17 = ɵɵnextContext(); return ctx_r17.value = $event; })("modelChange", function InputRenderComponent_boolean_input_5_Template_boolean_input_modelChange_0_listener($event) { ɵɵrestoreView(_r18); const ctx_r19 = ɵɵnextContext(); return ctx_r19.onChange($event); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = ɵɵnextContext();
+    ɵɵproperty("model", ctx_r4.value)("inputId", ctx_r4.inputId)("placeholder", ctx_r4.schema.description)("maxLength", ctx_r4.schema.maxLength);
+} }
+const _c1$2 = function (a0) { return { "schema-input-container-password": a0 }; };
 class InputRenderComponent extends BaseSchemaComponent {
     constructor() {
         super(...arguments);
@@ -935,7 +949,7 @@ class InputRenderComponent extends BaseSchemaComponent {
         this.onDropEvent = new EventEmitter();
     }
     ngAfterContentInit() {
-        var _a, _b;
+        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);
@@ -955,25 +969,45 @@ class InputRenderComponent extends BaseSchemaComponent {
                 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) {
-        this.model = $event;
+        if (this.schema.type !== 'password' || !this.editing) {
+            this.model = $event;
+            this.modelChange.emit(this.model);
+        }
+    }
+    savePassword() {
+        this.model = this.value || '';
         this.modelChange.emit(this.model);
+        this.setReadOnlyPassword(true);
+    }
+    editPassword() {
+        this.setReadOnlyPassword(false);
+    }
+    setReadOnlyPassword(value) {
+        this.schema.readOnlyPassword = value;
     }
 }
 InputRenderComponent.ɵfac = function InputRenderComponent_Factory(t) { return ɵInputRenderComponent_BaseFactory(t || InputRenderComponent); };
-InputRenderComponent.ɵcmp = ɵɵ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: [ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "schema-input-container"], ["class", "form-control", "dndDropzone", "", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange", "dndDrop", 4, "ngIf"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange", 4, "ngIf"], [3, "model", "inputId", "placeholder", "maxLength", "modelChange", 4, "ngIf"], ["dndDropzone", "", 1, "form-control", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange", "dndDrop"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange"], [3, "model", "inputId", "placeholder", "maxLength", "modelChange"]], template: function InputRenderComponent_Template(rf, ctx) { if (rf & 1) {
+InputRenderComponent.ɵcmp = ɵɵ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: [ɵɵ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", "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"], ["dndDropzone", "", 1, "form-control", 3, "disabled", "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange", "dndDrop"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange"], [3, "model", "inputId", "placeholder", "maxLength", "modelChange"]], template: function InputRenderComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0);
-        ɵɵtemplate(1, InputRenderComponent_input_1_Template, 1, 7, "input", 1);
-        ɵɵtemplate(2, InputRenderComponent_select_box_2_Template, 1, 13, "select-box", 2);
-        ɵɵtemplate(3, InputRenderComponent_number_input_3_Template, 1, 4, "number-input", 3);
-        ɵɵtemplate(4, InputRenderComponent_boolean_input_4_Template, 1, 4, "boolean-input", 3);
+        ɵɵtemplate(1, InputRenderComponent_div_1_Template, 2, 1, "div", 1);
+        ɵɵtemplate(2, InputRenderComponent_input_2_Template, 1, 8, "input", 2);
+        ɵɵtemplate(3, InputRenderComponent_select_box_3_Template, 1, 13, "select-box", 3);
+        ɵɵtemplate(4, InputRenderComponent_number_input_4_Template, 1, 4, "number-input", 4);
+        ɵɵtemplate(5, InputRenderComponent_boolean_input_5_Template, 1, 4, "boolean-input", 4);
         ɵɵelementEnd();
     } if (rf & 2) {
+        ɵɵproperty("ngClass", ɵɵpureFunction1(6, _c1$2, ctx.schema.type === "password"));
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.schema.type === "password" && ctx.editing);
         ɵɵadvance(1);
         ɵɵproperty("ngIf", (ctx.schema.type === "string" || ctx.schema.type === "password") && !ctx.schema.options);
         ɵɵadvance(1);
@@ -982,7 +1016,7 @@ InputRenderComponent.ɵcmp = ɵɵdefineComponent({ type: InputRenderComponent, s
         ɵɵproperty("ngIf", ctx.schema.type === "number");
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.schema.type === "boolean");
-    } }, directives: [NgIf, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, MaxLengthValidator, SelectBoxComponent, NumberInputComponent, BooleanInputComponent], styles: [""] });
+    } }, directives: [NgClass, NgIf, IconComponent, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, MaxLengthValidator, SelectBoxComponent, NumberInputComponent, BooleanInputComponent], styles: [".schema-input-container-password[_ngcontent-%COMP%]{position:relative}.schema-input-container-password[_ngcontent-%COMP%]   .edit-icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:10px;z-index:1}.schema-input-container-password[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{display:block;padding-right:40px!important;width:calc(100% - 30px)!important}"] });
 const ɵInputRenderComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(InputRenderComponent);
 /*@__PURE__*/ (function () { ɵsetClassMetadata(InputRenderComponent, [{
         type: Component,
@@ -1260,7 +1294,7 @@ class SchemaValidationField {
 class SchemaFieldsService {
     constructor() {
     }
-    validateSchemaFields(propertiesRendered, model) {
+    validateSchemaFields(propertiesRendered, model, editing) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!propertiesRendered) {
                 return new SchemaValidationField([], [], []);
@@ -1268,33 +1302,35 @@ class SchemaFieldsService {
             const emptyFields = [];
             const invalidMinLengthFields = [];
             const invalidMaxLengthFields = [];
-            this.processProperties(propertiesRendered, model, emptyFields, invalidMinLengthFields, 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, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, recursive) {
+    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], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
+                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], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
+                this.processProperties([newProperty], model[property.id], editing, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
             }
             else {
                 const validateModel = recursive ? model : model[property.id];
-                if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0
-                    && (validateModel === undefined || validateModel === '' || validateModel === null)) {
-                    emptyFields.push(property);
-                }
-                else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) < property.minLength)) {
-                    invalidMinLengthFields.push(property);
-                }
-                else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.maxLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) > property.maxLength)) {
-                    invalidMaxLengthFields.push(property);
+                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);
+                    }
                 }
             }
         }
@@ -1418,7 +1454,7 @@ SchemaFormRenderComponent.ɵcmp = ɵɵdefineComponent({ type: SchemaFormRenderCo
         ɵɵtemplate(0, SchemaFormRenderComponent_div_0_Template, 3, 19, "div", 0);
     } if (rf & 2) {
         ɵɵproperty("ngIf", ctx.loaded);
-    } }, directives: [NgIf, SchemaFormComponent, NgForOf, SchemaCustomAttributesComponent], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{background:#fff;border:1px solid #ddd;border-radius:3px;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     select.form-control{border:1px solid #ddd;border-radius:4px;color:#777;cursor:pointer;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{background:var(--color-primary);border:1px solid var(--color-secondary);border-radius:4px;color:var(--color-secondary);cursor:pointer;padding:5px 15px}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title, .schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
+    } }, directives: [NgIf, SchemaFormComponent, NgForOf, SchemaCustomAttributesComponent], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{background:#fff;border:1px solid #ddd;border-radius:3px;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     input.form-control:disabled{background:#ccc}.schema[_ngcontent-%COMP%]     select.form-control{border:1px solid #ddd;border-radius:4px;color:#777;cursor:pointer;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{background:var(--color-primary);border:1px solid var(--color-secondary);border-radius:4px;color:var(--color-secondary);cursor:pointer;padding:5px 15px}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title, .schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
 const ɵSchemaFormRenderComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SchemaFormRenderComponent);
 /*@__PURE__*/ (function () { ɵsetClassMetadata(SchemaFormRenderComponent, [{
         type: Component,
@@ -1587,7 +1623,8 @@ SchemaFormRenderModule.ɵinj = ɵɵdefineInjector({ factory: function SchemaForm
             DndModule,
             FormsModule,
             MatTooltipModule,
-            InputsModule
+            InputsModule,
+            IconsModule
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(SchemaFormRenderModule, { declarations: [ArraySessionComponent,
         SchemaArrayComponent,
@@ -1603,7 +1640,8 @@ SchemaFormRenderModule.ɵinj = ɵɵdefineInjector({ factory: function SchemaForm
         DndModule,
         FormsModule,
         MatTooltipModule,
-        InputsModule], exports: [ArraySessionComponent,
+        InputsModule,
+        IconsModule], exports: [ArraySessionComponent,
         SchemaArrayComponent,
         FieldRenderComponent,
         InputRenderComponent,
@@ -1622,7 +1660,8 @@ SchemaFormRenderModule.ɵinj = ɵɵdefineInjector({ factory: function SchemaForm
                     DndModule,
                     FormsModule,
                     MatTooltipModule,
-                    InputsModule
+                    InputsModule,
+                    IconsModule
                 ],
                 declarations: [
                     ArraySessionComponent,
@@ -1656,7 +1695,7 @@ SchemaFormRenderModule.ɵinj = ɵɵdefineInjector({ factory: function SchemaForm
                 ]
             }]
     }], null, null); })();
-ɵɵsetComponentScope(SchemaFormComponent, [NgClass, NgComponentOutlet, NgForOf, NgIf, NgTemplateOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgPlural, NgPluralCase, DndDraggableDirective, DndDropzoneDirective, DndHandleDirective, DndPlaceholderRefDirective, DndDragImageRefDirective, ɵangular_packages_forms_forms_y, NgSelectOption, ɵangular_packages_forms_forms_x, DefaultValueAccessor, NumberValueAccessor, RangeValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, SelectMultipleControlValueAccessor, RadioControlValueAccessor, NgControlStatus, NgControlStatusGroup, RequiredValidator, MinLengthValidator, MaxLengthValidator, PatternValidator, CheckboxRequiredValidator, EmailValidator, NgModel, NgModelGroup, NgForm, MatTooltip, TooltipComponent, Dir, CdkScrollable, SelectBoxComponent, SelectEnumComponent, InputTextComponent, InputPasswordComponent, InputAvatarComponent, InputFileComponent, CustomSelectComponent, FieldComponent, ArraySessionComponent,
+ɵɵsetComponentScope(SchemaFormComponent, [NgClass, NgComponentOutlet, NgForOf, NgIf, NgTemplateOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgPlural, NgPluralCase, DndDraggableDirective, DndDropzoneDirective, DndHandleDirective, DndPlaceholderRefDirective, DndDragImageRefDirective, ɵangular_packages_forms_forms_y, NgSelectOption, ɵangular_packages_forms_forms_x, DefaultValueAccessor, NumberValueAccessor, RangeValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, SelectMultipleControlValueAccessor, RadioControlValueAccessor, NgControlStatus, NgControlStatusGroup, RequiredValidator, MinLengthValidator, MaxLengthValidator, PatternValidator, CheckboxRequiredValidator, EmailValidator, NgModel, NgModelGroup, NgForm, MatTooltip, TooltipComponent, Dir, CdkScrollable, SelectBoxComponent, SelectEnumComponent, InputTextComponent, InputPasswordComponent, InputAvatarComponent, InputFileComponent, CustomSelectComponent, FieldComponent, IconComponent, ArraySessionComponent,
     SchemaArrayComponent,
     FieldRenderComponent,
     InputRenderComponent,