@apipass/schemas 0.2.9 → 0.2.13

package/bundles/apipass-schemas.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-drag-drop'), require('@angular/material/tooltip'), require('@apipass/inputs'), require('@angular/cdk/bidi'), require('@angular/cdk/scrolling')) :
-    typeof define === 'function' && define.amd ? define('@apipass/schemas', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ngx-drag-drop', '@angular/material/tooltip', '@apipass/inputs', '@angular/cdk/bidi', '@angular/cdk/scrolling'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.schemas = {}), global.ng.core, global.ng.common, global.ng.forms, global.i2, global.ng.material.tooltip, global.i7, global.ng.cdk.bidi, global.ng.cdk.scrolling));
-}(this, (function (exports, i0, i1, i3, i2, i4, i7, i5, i6) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-drag-drop'), require('@angular/material/tooltip'), require('@apipass/icons'), require('@apipass/inputs'), require('@angular/cdk/bidi'), require('@angular/cdk/scrolling')) :
+    typeof define === 'function' && define.amd ? define('@apipass/schemas', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ngx-drag-drop', '@angular/material/tooltip', '@apipass/icons', '@apipass/inputs', '@angular/cdk/bidi', '@angular/cdk/scrolling'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.schemas = {}), global.ng.core, global.ng.common, global.ng.forms, global.i2, global.ng.material.tooltip, global.i2$1, global.i7, global.ng.cdk.bidi, global.ng.cdk.scrolling));
+}(this, (function (exports, i0, i1, i3, i2, i4, i2$1, i7, i5, i6) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -665,7 +665,7 @@
             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) { i0.ɵɵrestoreView(_r8_1); var attribute_r5 = ctx.$implicit; return attribute_r5.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_6_listener($event) { i0.ɵɵrestoreView(_r8_1); var attribute_r5 = ctx.$implicit; var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onDropAttr($event, attribute_r5); });
+            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_0_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r8_1); var attribute_r5 = ctx.$implicit; return attribute_r5.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_6_listener($event) { i0.ɵɵrestoreView(_r8_1); var attribute_r5 = ctx.$implicit; var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onDropAttr($event, "value", attribute_r5); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -694,7 +694,7 @@
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(7, "input", 11);
-            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.newCustomField.label = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_7_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.onDropAttr($event, ctx_r13.newCustomField.label); });
+            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.newCustomField.label = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_7_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.onDropAttr($event, "label", ctx_r13.newCustomField); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -707,7 +707,7 @@
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(14, "input", 11);
-            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.newCustomField.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_14_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.onDropAttr($event, ctx_r15.newCustomField.value); });
+            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.newCustomField.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_14_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.onDropAttr($event, "value", ctx_r15.newCustomField); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -796,11 +796,11 @@
             this.model.splice(attributeIndex, 1);
             this.modelChange.emit(this.model);
         };
-        SchemaCustomAttributesComponent.prototype.onDropAttr = function ($event, attribute) {
-            if (!attribute) {
-                attribute = '';
+        SchemaCustomAttributesComponent.prototype.onDropAttr = function ($event, value, newCustomField) {
+            if (!newCustomField[value]) {
+                newCustomField[value] = '';
             }
-            attribute += "{{" + $event.data + "}}";
+            newCustomField[value] += "{{" + $event.data + "}}";
         };
         return SchemaCustomAttributesComponent;
     }(BaseSchemaComponent));
@@ -1309,49 +1309,52 @@
                 }] });
     })();
 
-    var _c0$6 = function () { return { standalone: true }; };
-    function InputRenderComponent_input_1_Template(rf, ctx) {
+    function InputRenderComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r5_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "input", 4);
-            i0.ɵɵlistener("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.value = $event; })("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.onChange($event); })("dndDrop", function InputRenderComponent_input_1_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.onDropCallBack($event, ctx_r7.value); });
+            var _r6_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 5);
+            i0.ɵɵelementStart(1, "icon", 6);
+            i0.ɵɵlistener("onClick", function InputRenderComponent_div_1_Template_icon_onClick_1_listener() { i0.ɵɵrestoreView(_r6_1); var ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.schema.readOnlyPassword ? ctx_r5.editPassword() : ctx_r5.savePassword(); });
+            i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵpropertyInterpolate("placeholder", ctx_r0.schema.description);
-            i0.ɵɵproperty("type", ctx_r0.schema.type === "password" ? "password" : "text")("ngModel", ctx_r0.value)("ngModelOptions", i0.ɵɵpureFunction0(6, _c0$6))("id", ctx_r0.inputId)("maxlength", ctx_r0.schema.maxLength);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("name", ctx_r0.schema.readOnlyPassword ? "fas fa-pencil-alt" : "fas fa-check");
         }
     }
-    function InputRenderComponent_select_box_2_Template(rf, ctx) {
+    var _c0$6 = function () { return { standalone: true }; };
+    function InputRenderComponent_input_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r9_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "select-box", 5);
-            i0.ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r9_1); var ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.value = $event; })("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r9_1); var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onChange($event.key); });
+            var _r8_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "input", 7);
+            i0.ɵɵlistener("ngModelChange", function InputRenderComponent_input_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r8_1); var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.value = $event; })("ngModelChange", function InputRenderComponent_input_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r8_1); var ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.onChange($event); })("dndDrop", function InputRenderComponent_input_2_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r8_1); var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onDropCallBack($event, ctx_r10.value); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", ctx_r1.inputId)("ngModel", ctx_r1.value)("ngModelOptions", i0.ɵɵ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);
+            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$6))("id", ctx_r1.inputId)("maxlength", ctx_r1.schema.maxLength);
         }
     }
-    function InputRenderComponent_number_input_3_Template(rf, ctx) {
+    function InputRenderComponent_select_box_3_Template(rf, ctx) {
         if (rf & 1) {
             var _r12_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "number-input", 6);
-            i0.ɵɵlistener("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.value = $event; })("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.onChange($event); });
+            i0.ɵɵelementStart(0, "select-box", 8);
+            i0.ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_3_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.value = $event; })("ngModelChange", function InputRenderComponent_select_box_3_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.onChange($event.key); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r2 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("model", ctx_r2.value)("inputId", ctx_r2.inputId)("placeholder", ctx_r2.schema.description)("maxLength", ctx_r2.schema.maxLength);
+            i0.ɵɵproperty("id", ctx_r2.inputId)("ngModel", ctx_r2.value)("ngModelOptions", i0.ɵɵ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) {
+    function InputRenderComponent_number_input_4_Template(rf, ctx) {
         if (rf & 1) {
             var _r15_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "boolean-input", 6);
-            i0.ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r15_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.value = $event; })("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r15_1); var ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.onChange($event); });
+            i0.ɵɵelementStart(0, "number-input", 9);
+            i0.ɵɵlistener("modelChange", function InputRenderComponent_number_input_4_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r15_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.value = $event; })("modelChange", function InputRenderComponent_number_input_4_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r15_1); var ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.onChange($event); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -1359,6 +1362,19 @@
             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) {
+            var _r18_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "boolean-input", 9);
+            i0.ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_5_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r18_1); var ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.value = $event; })("modelChange", function InputRenderComponent_boolean_input_5_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r18_1); var ctx_r19 = i0.ɵɵnextContext(); return ctx_r19.onChange($event); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r4 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("model", ctx_r4.value)("inputId", ctx_r4.inputId)("placeholder", ctx_r4.schema.description)("maxLength", ctx_r4.schema.maxLength);
+        }
+    }
+    var _c1$2 = function (a0) { return { "schema-input-container-password": a0 }; };
     var InputRenderComponent = /** @class */ (function (_super) {
         __extends(InputRenderComponent, _super);
         function InputRenderComponent() {
@@ -1374,7 +1390,7 @@
         }
         InputRenderComponent.prototype.ngAfterContentInit = function () {
             var _this = this;
-            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) {
                     var $event = this.schema.options.filter(function (item) { return item.selected === true; });
@@ -1394,28 +1410,48 @@
                     this.value = this.model;
                 }
             }
+            if (this.editing && ((_c = this.schema) === null || _c === void 0 ? void 0 : _c.type) === 'password') {
+                this.schema.readOnlyPassword = true;
+            }
         };
         InputRenderComponent.prototype.onDropCallBack = function ($event, value) {
             this.value = value = _super.prototype.onDrop.call(this, $event, value);
             this.onChange(value);
         };
         InputRenderComponent.prototype.onChange = function ($event) {
-            this.model = $event;
+            if (this.schema.type !== 'password' || !this.editing) {
+                this.model = $event;
+                this.modelChange.emit(this.model);
+            }
+        };
+        InputRenderComponent.prototype.savePassword = function () {
+            this.model = this.value || '';
             this.modelChange.emit(this.model);
+            this.setReadOnlyPassword(true);
+        };
+        InputRenderComponent.prototype.editPassword = function () {
+            this.setReadOnlyPassword(false);
+        };
+        InputRenderComponent.prototype.setReadOnlyPassword = function (value) {
+            this.schema.readOnlyPassword = value;
         };
         return InputRenderComponent;
     }(BaseSchemaComponent));
     InputRenderComponent.ɵfac = function InputRenderComponent_Factory(t) { return ɵInputRenderComponent_BaseFactory(t || InputRenderComponent); };
-    InputRenderComponent.ɵcmp = 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: 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) {
+    InputRenderComponent.ɵcmp = 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", "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) {
                 i0.ɵɵelementStart(0, "div", 0);
-                i0.ɵɵtemplate(1, InputRenderComponent_input_1_Template, 1, 7, "input", 1);
-                i0.ɵɵtemplate(2, InputRenderComponent_select_box_2_Template, 1, 13, "select-box", 2);
-                i0.ɵɵtemplate(3, InputRenderComponent_number_input_3_Template, 1, 4, "number-input", 3);
-                i0.ɵɵtemplate(4, InputRenderComponent_boolean_input_4_Template, 1, 4, "boolean-input", 3);
+                i0.ɵɵtemplate(1, InputRenderComponent_div_1_Template, 2, 1, "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$2, 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);
@@ -1425,7 +1461,7 @@
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.schema.type === "boolean");
             }
-        }, directives: [i1.NgIf, i3.DefaultValueAccessor, i2.DndDropzoneDirective, i3.NgControlStatus, i3.NgModel, i3.MaxLengthValidator, i7.SelectBoxComponent, NumberInputComponent, BooleanInputComponent], styles: [""] });
+        }, directives: [i1.NgClass, i1.NgIf, i2$1.IconComponent, i3.DefaultValueAccessor, i2.DndDropzoneDirective, i3.NgControlStatus, i3.NgModel, i3.MaxLengthValidator, i7.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}"] });
     var ɵInputRenderComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(InputRenderComponent);
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(InputRenderComponent, [{
@@ -1737,7 +1773,7 @@
     var SchemaFieldsService = /** @class */ (function () {
         function SchemaFieldsService() {
         }
-        SchemaFieldsService.prototype.validateSchemaFields = function (propertiesRendered, model) {
+        SchemaFieldsService.prototype.validateSchemaFields = function (propertiesRendered, model, editing) {
             return __awaiter(this, void 0, void 0, function () {
                 var emptyFields, invalidMinLengthFields, invalidMaxLengthFields, structValidationField, _a;
                 return __generator(this, function (_b) {
@@ -1749,7 +1785,7 @@
                             emptyFields = [];
                             invalidMinLengthFields = [];
                             invalidMaxLengthFields = [];
-                            this.processProperties(propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
+                            this.processProperties(propertiesRendered, model, editing, emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
                             structValidationField = new SchemaValidationField(emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
                             _a = structValidationField;
                             return [4 /*yield*/, this.getErrorsStringArray(structValidationField)];
@@ -1760,30 +1796,32 @@
                 });
             });
         };
-        SchemaFieldsService.prototype.processProperties = function (propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, recursive) {
+        SchemaFieldsService.prototype.processProperties = function (propertiesRendered, model, editing, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, recursive) {
             var e_1, _a;
             try {
                 for (var propertiesRendered_1 = __values(propertiesRendered), propertiesRendered_1_1 = propertiesRendered_1.next(); !propertiesRendered_1_1.done; propertiesRendered_1_1 = propertiesRendered_1.next()) {
                     var property = propertiesRendered_1_1.value;
                     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) {
                         var 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 {
                         var 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);
+                            }
                         }
                     }
                 }
@@ -1967,7 +2005,7 @@
             if (rf & 2) {
                 i0.ɵɵproperty("ngIf", ctx.loaded);
             }
-        }, directives: [i1.NgIf, SchemaFormComponent, i1.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: [i1.NgIf, SchemaFormComponent, i1.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)}"] });
     var ɵSchemaFormRenderComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaFormRenderComponent);
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(SchemaFormRenderComponent, [{
@@ -2147,7 +2185,8 @@
                 i2.DndModule,
                 i3.FormsModule,
                 i4.MatTooltipModule,
-                i7.InputsModule
+                i7.InputsModule,
+                i2$1.IconsModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SchemaFormRenderModule, { declarations: [ArraySessionComponent,
@@ -2164,7 +2203,8 @@
                 i2.DndModule,
                 i3.FormsModule,
                 i4.MatTooltipModule,
-                i7.InputsModule], exports: [ArraySessionComponent,
+                i7.InputsModule,
+                i2$1.IconsModule], exports: [ArraySessionComponent,
                 SchemaArrayComponent,
                 FieldRenderComponent,
                 InputRenderComponent,
@@ -2185,7 +2225,8 @@
                             i2.DndModule,
                             i3.FormsModule,
                             i4.MatTooltipModule,
-                            i7.InputsModule
+                            i7.InputsModule,
+                            i2$1.IconsModule
                         ],
                         declarations: [
                             ArraySessionComponent,
@@ -2220,7 +2261,7 @@
                     }]
             }], null, null);
     })();
-    i0.ɵɵsetComponentScope(SchemaFormComponent, [i1.NgClass, i1.NgComponentOutlet, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i1.NgPlural, i1.NgPluralCase, i2.DndDraggableDirective, i2.DndDropzoneDirective, i2.DndHandleDirective, i2.DndPlaceholderRefDirective, i2.DndDragImageRefDirective, i3.ɵangular_packages_forms_forms_y, i3.NgSelectOption, i3.ɵangular_packages_forms_forms_x, i3.DefaultValueAccessor, i3.NumberValueAccessor, i3.RangeValueAccessor, i3.CheckboxControlValueAccessor, i3.SelectControlValueAccessor, i3.SelectMultipleControlValueAccessor, i3.RadioControlValueAccessor, i3.NgControlStatus, i3.NgControlStatusGroup, i3.RequiredValidator, i3.MinLengthValidator, i3.MaxLengthValidator, i3.PatternValidator, i3.CheckboxRequiredValidator, i3.EmailValidator, i3.NgModel, i3.NgModelGroup, i3.NgForm, i4.MatTooltip, i4.TooltipComponent, i5.Dir, i6.CdkScrollable, i7.SelectBoxComponent, i7.SelectEnumComponent, i7.InputTextComponent, i7.InputPasswordComponent, i7.InputAvatarComponent, i7.InputFileComponent, i7.CustomSelectComponent, i7.FieldComponent, ArraySessionComponent,
+    i0.ɵɵsetComponentScope(SchemaFormComponent, [i1.NgClass, i1.NgComponentOutlet, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i1.NgPlural, i1.NgPluralCase, i2.DndDraggableDirective, i2.DndDropzoneDirective, i2.DndHandleDirective, i2.DndPlaceholderRefDirective, i2.DndDragImageRefDirective, i3.ɵangular_packages_forms_forms_y, i3.NgSelectOption, i3.ɵangular_packages_forms_forms_x, i3.DefaultValueAccessor, i3.NumberValueAccessor, i3.RangeValueAccessor, i3.CheckboxControlValueAccessor, i3.SelectControlValueAccessor, i3.SelectMultipleControlValueAccessor, i3.RadioControlValueAccessor, i3.NgControlStatus, i3.NgControlStatusGroup, i3.RequiredValidator, i3.MinLengthValidator, i3.MaxLengthValidator, i3.PatternValidator, i3.CheckboxRequiredValidator, i3.EmailValidator, i3.NgModel, i3.NgModelGroup, i3.NgForm, i4.MatTooltip, i4.TooltipComponent, i5.Dir, i6.CdkScrollable, i7.SelectBoxComponent, i7.SelectEnumComponent, i7.InputTextComponent, i7.InputPasswordComponent, i7.InputAvatarComponent, i7.InputFileComponent, i7.CustomSelectComponent, i7.FieldComponent, i2$1.IconComponent, ArraySessionComponent,
         SchemaArrayComponent,
         FieldRenderComponent,
         InputRenderComponent,