@apipass/schemas 1.0.0 → 1.0.7

package/fesm2020/apipass-schemas.mjs

@@ -21,7 +21,6 @@ class BaseSchemaComponent {
         return this.schema.properties instanceof Array ? this.schema.properties : [this.schema.properties];
     }
     canRender(property) {
-        // tslint:disable-next-line:no-eval
         property.canRender = property?.conditionExpression ? eval(property.conditionExpression) : true;
         return property.canRender;
     }
@@ -973,10 +972,10 @@ InputRenderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputR
         i0.ɵɵproperty("ngIf", ctx.schema.type === "number");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.schema.type === "boolean");
-    } }, dependencies: [i1.NgClass, i1.NgIf, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.MaxLengthValidator, i3.NgModel, i4.SelectBoxComponent, i5.IconComponent, BooleanInputComponent, NumberInputComponent], styles: [".schema-input-container-password[_ngcontent-%COMP%]{position:relative}.schema-input-container-password[_ngcontent-%COMP%]   .edit-icon[_ngcontent-%COMP%]{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{display:block;padding-right:40px!important}"] });
+    } }, dependencies: [i1.NgClass, i1.NgIf, i2.DndDropzoneDirective, i3.DefaultValueAccessor, i3.NgControlStatus, i3.MaxLengthValidator, i3.NgModel, i4.SelectBoxComponent, i5.IconComponent, BooleanInputComponent, NumberInputComponent], styles: [".schema-input-container-password[_ngcontent-%COMP%]{position:relative}.schema-input-container-password[_ngcontent-%COMP%]   .edit-icon[_ngcontent-%COMP%]{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{display:block;padding-right:38px!important;width:calc(100% - 51px)!important}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputRenderComponent, [{
         type: Component,
-        args: [{ selector: 'input-render', template: "<div class=\"schema-input-container\" [ngClass]=\"{'schema-input-container-password' : schema.type === 'password' }\" >\r\n  <div *ngIf=\"schema.type === 'password' && editing\" class=\"edit-icon\">\r\n    <icon *ngIf=\"this.schema.readOnlyPassword\" size=\"15\" type=\"primary\" [name]=\"'fas fa-pencil-alt'\"\r\n          (onClick)=\"editPassword()\">\r\n    </icon>\r\n    <icon *ngIf=\"!this.schema.readOnlyPassword\" size=\"15\" type=\"primary clickable\" [name]=\"'fas fa-ban'\"\r\n          (mousedown)=\"cancelEditPassword(); $event.stopPropagation()\">\r\n    </icon>\r\n  </div>\r\n  <input (blur)=\"onInputBlur()\"\r\n         [disabled]=\"schema.readOnlyPassword\" class=\"form-control\"\r\n         [type]=\"schema.type === 'password' ? 'password' : 'text'\"\r\n         placeholder=\"{{schema.type === 'password' && this.schema.readOnlyPassword ? '*****' : schema.description}}\"\r\n         *ngIf=\"(schema.type === 'string' || schema.type === 'password') && !schema.options\"\r\n         [(ngModel)]=\"value\" [ngModelOptions]=\"{standalone: true}\"\r\n         (ngModelChange)=\"onChange($event)\"\r\n         dndDropzone (dndDrop)=\"onDropCallBack($event, value)\" [id]=\"inputId\" [maxlength]=\"schema.maxLength\"/>\r\n\r\n  <select-box\r\n    [id]=\"inputId\"\r\n    [(ngModel)]=\"value\"\r\n    (ngModelChange)=\"onChange($event.key)\"\r\n    [ngModelOptions]=\"{standalone: true}\"\r\n    *ngIf=\"schema.type === 'string' && schema.options\"\r\n    [placeholder]=\"schema.description || this.selectPlaceHolderLabel\"\r\n    [searchPlaceHolder]=\"selectSearchPlaceHolderLabel\"\r\n    [clearText]=\"this.selectClearLabel\"\r\n    [notFoundText]=\"this.selectNotFoundLabel\"\r\n    [bindKey]=\"'key'\"\r\n    [bindValue]=\"'value'\"\r\n    [enabledSearch]=\"true\"\r\n    [limitItens]=\"30\"\r\n    [data]=\"schema.options\">\r\n  </select-box>\r\n\r\n  <number-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n                *ngIf=\"schema.type === 'number'\"\r\n                [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n                (modelChange)=\"onChange($event)\"></number-input>\r\n\r\n  <boolean-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n                 *ngIf=\"schema.type === 'boolean'\"\r\n                 [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n                 (modelChange)=\"onChange($event)\"></boolean-input>\r\n</div>\r\n", styles: [".schema-input-container-password{position:relative}.schema-input-container-password .edit-icon{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password input{display:block;padding-right:40px!important}\n"] }]
+        args: [{ selector: 'input-render', template: "<div class=\"schema-input-container\" [ngClass]=\"{'schema-input-container-password' : schema.type === 'password' }\" >\r\n  <div *ngIf=\"schema.type === 'password' && editing\" class=\"edit-icon\">\r\n    <icon *ngIf=\"this.schema.readOnlyPassword\" size=\"15\" type=\"primary\" [name]=\"'fas fa-pencil-alt'\"\r\n          (onClick)=\"editPassword()\">\r\n    </icon>\r\n    <icon *ngIf=\"!this.schema.readOnlyPassword\" size=\"15\" type=\"primary clickable\" [name]=\"'fas fa-ban'\"\r\n          (mousedown)=\"cancelEditPassword(); $event.stopPropagation()\">\r\n    </icon>\r\n  </div>\r\n  <input (blur)=\"onInputBlur()\"\r\n         [disabled]=\"schema.readOnlyPassword\" class=\"form-control\"\r\n         [type]=\"schema.type === 'password' ? 'password' : 'text'\"\r\n         placeholder=\"{{schema.type === 'password' && this.schema.readOnlyPassword ? '*****' : schema.description}}\"\r\n         *ngIf=\"(schema.type === 'string' || schema.type === 'password') && !schema.options\"\r\n         [(ngModel)]=\"value\" [ngModelOptions]=\"{standalone: true}\"\r\n         (ngModelChange)=\"onChange($event)\"\r\n         dndDropzone (dndDrop)=\"onDropCallBack($event, value)\" [id]=\"inputId\" [maxlength]=\"schema.maxLength\"/>\r\n\r\n  <select-box\r\n    [id]=\"inputId\"\r\n    [(ngModel)]=\"value\"\r\n    (ngModelChange)=\"onChange($event.key)\"\r\n    [ngModelOptions]=\"{standalone: true}\"\r\n    *ngIf=\"schema.type === 'string' && schema.options\"\r\n    [placeholder]=\"schema.description || this.selectPlaceHolderLabel\"\r\n    [searchPlaceHolder]=\"selectSearchPlaceHolderLabel\"\r\n    [clearText]=\"this.selectClearLabel\"\r\n    [notFoundText]=\"this.selectNotFoundLabel\"\r\n    [bindKey]=\"'key'\"\r\n    [bindValue]=\"'value'\"\r\n    [enabledSearch]=\"true\"\r\n    [limitItens]=\"30\"\r\n    [data]=\"schema.options\">\r\n  </select-box>\r\n\r\n  <number-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n                *ngIf=\"schema.type === 'number'\"\r\n                [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n                (modelChange)=\"onChange($event)\"></number-input>\r\n\r\n  <boolean-input [(model)]=\"value\" [inputId]=\"inputId\"\r\n                 *ngIf=\"schema.type === 'boolean'\"\r\n                 [placeholder]=\"schema.description\" [maxLength]=\"schema.maxLength\"\r\n                 (modelChange)=\"onChange($event)\"></boolean-input>\r\n</div>\r\n", styles: [".schema-input-container-password{position:relative}.schema-input-container-password .edit-icon{position:absolute;width:30px;right:-5px;top:10px;z-index:1}.schema-input-container-password input{display:block;padding-right:38px!important;width:calc(100% - 51px)!important}\n"] }]
     }], null, { selectPlaceHolderLabel: [{
             type: Input
         }], selectSearchPlaceHolderLabel: [{
@@ -1217,8 +1216,6 @@ class SchemaValidationField {
 }
 
 class SchemaFieldsService {
-    constructor() {
-    }
     async validateSchemaFields(propertiesRendered, model, editing) {
         if (!propertiesRendered) {
             return new SchemaValidationField([], [], []);
@@ -1244,8 +1241,8 @@ class SchemaFieldsService {
             else {
                 const validateModel = recursive ? model : model[property.id];
                 if (property.type !== 'password' || !editing || validateModel !== undefined) {
-                    if (property?.canRender && property?.minLength > 0
-                        && (validateModel === undefined || validateModel === '' || validateModel === null)) {
+                    if (property?.canRender && property?.minLength > 0 &&
+                        (validateModel === undefined || validateModel === '' || validateModel === null)) {
                         emptyFields.push(property);
                     }
                     else if (property?.canRender && property?.minLength > 0 && (validateModel?.length < property.minLength)) {
@@ -1293,7 +1290,7 @@ SchemaFieldsService.ɵfac = function SchemaFieldsService_Factory(t) { return new
 SchemaFieldsService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SchemaFieldsService, factory: SchemaFieldsService.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFieldsService, [{
         type: Injectable
-    }], function () { return []; }, null); })();
+    }], null, null); })();
 
 function SchemaFormRenderComponent_div_0_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
@@ -1370,10 +1367,10 @@ SchemaFormRenderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: S
         i0.ɵɵtemplate(0, SchemaFormRenderComponent_div_0_Template, 3, 19, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.loaded);
-    } }, dependencies: [i1.NgForOf, i1.NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{width:100%;padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema[_ngcontent-%COMP%]     input.form-control:disabled{background:#ccc}.schema[_ngcontent-%COMP%]     select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title{color:var(--color-primary)}.schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
+    } }, dependencies: [i1.NgForOf, i1.NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{width:calc(100% - 24px);padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema[_ngcontent-%COMP%]     input.form-control:disabled{background:#ccc}.schema[_ngcontent-%COMP%]     select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title{color:var(--color-primary)}.schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaFormRenderComponent, [{
         type: Component,
-        args: [{ selector: 'schema-form-render', template: "<div class=\"schema\" *ngIf=\"loaded\">\r\n  <schema-form\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schemas]=\"schemas\"\r\n    [editing]=\"this.editing\"></schema-form>\r\n\r\n  <div class=\"schema-properties\" *ngFor=\"let schema of schemas; let i = index\">\r\n    <div class=\"row struct-custom-properties\" *ngIf=\"this.model && customProperties\">\r\n      <div class=\"col-md-12\">\r\n        <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\r\n        <schema-custom-attributes\r\n          [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n          [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n          [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n          [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n          [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n          [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n          [(model)]=\"model.customAttributes\"\r\n          [onDropFunction]=\"onDrop\">\r\n        </schema-custom-attributes>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".schema ::ng-deep .info-label{display:block}.schema ::ng-deep input.form-control{width:100%;padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema ::ng-deep input.form-control:disabled{background:#ccc}.schema ::ng-deep select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema ::ng-deep .ng-select-container{height:38px!important;min-height:38px!important}.schema ::ng-deep .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema ::ng-deep .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema ::ng-deep .subsection-item-title{color:var(--color-primary)}.schema ::ng-deep array-session .subsection-element{color:var(--color-primary)}\n"] }]
+        args: [{ selector: 'schema-form-render', template: "<div class=\"schema\" *ngIf=\"loaded\">\r\n  <schema-form\r\n    [selectPlaceHolderLabel]=\"selectPlaceHolderLabel\"\r\n    [selectSearchPlaceHolderLabel]=\"selectSearchPlaceHolderLabel\"\r\n    [selectClearLabel]=\"selectClearLabel\"\r\n    [selectNotFoundLabel]=\"selectNotFoundLabel\"\r\n    [requiredLabel]=\"requiredLabel\"\r\n    [addItemLabel]=\"addItemLabel\"\r\n    [addLoopLabel]=\"addLoopLabel\"\r\n    [additionalAttributesLabel]=\"additionalAttributesLabel\"\r\n    [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n    [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n    [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n    [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n    [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n    [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n    [idPrefix]=\"idPrefix\"\r\n    [(model)]=\"model\"\r\n    [schemas]=\"schemas\"\r\n    [editing]=\"this.editing\"></schema-form>\r\n\r\n  <div class=\"schema-properties\" *ngFor=\"let schema of schemas; let i = index\">\r\n    <div class=\"row struct-custom-properties\" *ngIf=\"this.model && customProperties\">\r\n      <div class=\"col-md-12\">\r\n        <label class=\"info-label bold\">{{ this.additionalAttributesLabel }}</label>\r\n        <schema-custom-attributes\r\n          [customAttributeRemoveLabel]=\"customAttributeRemoveLabel\"\r\n          [newCustomFieldNameLabel]=\"newCustomFieldNameLabel\"\r\n          [newCustomFieldValueLabel]=\"newCustomFieldValueLabel\"\r\n          [newCustomFieldAddLabel]=\"newCustomFieldAddLabel\"\r\n          [newCustomFieldSaveLabel]=\"newCustomFieldSaveLabel\"\r\n          [newCustomFieldCancelLabel]=\"newCustomFieldCancelLabel\"\r\n          [(model)]=\"model.customAttributes\"\r\n          [onDropFunction]=\"onDrop\">\r\n        </schema-custom-attributes>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".schema ::ng-deep .info-label{display:block}.schema ::ng-deep input.form-control{width:calc(100% - 24px);padding:11px;border:1px solid #DDD;border-radius:3px;background:#FFF}.schema ::ng-deep input.form-control:disabled{background:#ccc}.schema ::ng-deep select.form-control{width:100%;padding:11px;border-radius:4px;border:1px solid #DDD;color:#777;cursor:pointer}.schema ::ng-deep .ng-select-container{height:38px!important;min-height:38px!important}.schema ::ng-deep .btn-outline-primary{padding:5px 15px;background:var(--color-primary);border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer}.schema ::ng-deep .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema ::ng-deep .subsection-item-title{color:var(--color-primary)}.schema ::ng-deep array-session .subsection-element{color:var(--color-primary)}\n"] }]
     }], null, { requiredLabel: [{
             type: Input
         }], addItemLabel: [{
@@ -1478,7 +1475,9 @@ class TypeScriptCompileBase {
             input.description = this.getTranslate(input.description);
         }
         if (input?.options instanceof Array) {
-            input?.options.forEach((option) => option.value = this.getTranslate(option.value));
+            input?.options.forEach((option) => {
+                option.value = this.getTranslate(option.value);
+            });
         }
     }
     proccessProperties(item, formProperties, key) {
@@ -1520,7 +1519,7 @@ function APIPASS_TYPESCRIPT_COMPILE_BASE_PROVIDER_FACTORY(parentIntl) {
 const APIPASS_TYPESCRIPT_COMPILE_INTL_PROVIDER = {
     provide: TypeScriptCompileBase,
     deps: [[new Optional(), new SkipSelf(), TypeScriptCompileBase]],
-    useFactory: APIPASS_TYPESCRIPT_COMPILE_BASE_PROVIDER_FACTORY,
+    useFactory: APIPASS_TYPESCRIPT_COMPILE_BASE_PROVIDER_FACTORY
 };
 
 class SchemaFormRenderModule {
@@ -1615,4 +1614,3 @@ i0.ɵɵsetComponentScope(SchemaFormComponent, [i1.NgForOf, SchemaArrayComponent,
 
 export { APIPASS_TYPESCRIPT_COMPILE_BASE_PROVIDER_FACTORY, APIPASS_TYPESCRIPT_COMPILE_INTL_PROVIDER, ArraySessionComponent, BaseSchemaComponent, BooleanInputComponent, FieldRenderComponent, InputRenderComponent, NumberInputComponent, SchemaArrayComponent, SchemaCustomAttributesComponent, SchemaFieldsService, SchemaFormComponent, SchemaFormRenderComponent, SchemaFormRenderModule, SchemaInputComponent, SchemaObjectComponent, SchemaValidationField, TypeScriptCompileBase };
 //# sourceMappingURL=apipass-schemas.mjs.map
-//# sourceMappingURL=apipass-schemas.mjs.map