appproject-components 0.0.2 → 0.0.5

package/fesm2020/appproject-components.mjs

@@ -153,14 +153,14 @@ InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             provide: NG_VALUE_ACCESSOR,
             useExisting: InputTextComponent,
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n    [style.opacity]=\"readonly ? '0.5' : '1'\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-input #inputText\n        type=\"{{type}}\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputText.value)\"          \n        autocomplete=\"new-password\"\n        style=\"--background:{{ inputBackgroungColor }};\"\n        [disabled]=\"readonly\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n        <!-- (click)=\"limparClick()\" -->\n        <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n      </ion-button>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
+        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n    [style.opacity]=\"readonly ? '0.5' : '1'\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-input #inputText\n        type=\"{{type}}\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputText.value)\"          \n        autocomplete=\"new-password\"\n        style=\"--background:{{ inputBackgroungColor }};\"\n        [disabled]=\"readonly\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n        <!-- (click)=\"limparClick()\" -->\n        <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n      </ion-button>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kb-input-text', providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: InputTextComponent,
                             multi: true
-                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n    [style.opacity]=\"readonly ? '0.5' : '1'\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-input #inputText\n        type=\"{{type}}\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputText.value)\"          \n        autocomplete=\"new-password\"\n        style=\"--background:{{ inputBackgroungColor }};\"\n        [disabled]=\"readonly\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n        <!-- (click)=\"limparClick()\" -->\n        <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n      </ion-button>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"] }]
+                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n    [style.opacity]=\"readonly ? '0.5' : '1'\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-input #inputText\n        type=\"{{type}}\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputText.value)\"          \n        autocomplete=\"new-password\"\n        style=\"--background:{{ inputBackgroungColor }};\"\n        [disabled]=\"readonly\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n        <!-- (click)=\"limparClick()\" -->\n        <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n      </ion-button>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class InputFormatComponent extends BaseInputComponent {
@@ -197,7 +197,8 @@ class InputFormatComponent extends BaseInputComponent {
             || (event.keyCode == 8)
             || (event.keyCode == 9)
             || (event.keyCode == 39)
-            || (event.keyCode == 37)) {
+            || (event.keyCode == 37)
+            || (event.keyCode == 46)) {
             //console.log(this.formControlName, this.form.get(this.formControlName).value);
             setTimeout(() => {
                 if (this.form) {
@@ -271,14 +272,14 @@ InputFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             provide: NG_VALUE_ACCESSOR,
             useExisting: InputFormatComponent,
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName={{formControlName}} -->\n      <ion-input #inputFormat\n      type=\"tel\" \n      [placeholder]=\"placeholder\"\n      maxlength=\"{{ max }}\" \n      (keydown)=\"digitarFormatado($event)\" \n      (keyup.enter)=\"onKeyEnter()\"\n      (ionBlur)=\"onBlur()\"\n      [value]=\"data\"\n      (input)=\"writeValue(inputFormat.value)\"\n      [disabled]=\"readonly\"></ion-input>\n  \n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.error-message{font-size:small;color:red;margin-left:15px}.item-inner{padding-right:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
+        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName={{formControlName}} -->\n      <ion-input #inputFormat\n      type=\"tel\" \n      [placeholder]=\"placeholder\"\n      maxlength=\"{{ max }}\" \n      (keydown)=\"digitarFormatado($event)\" \n      (keyup.enter)=\"onKeyEnter()\"\n      (ionBlur)=\"onBlur()\"\n      [value]=\"data\"\n      (input)=\"writeValue(inputFormat.value)\"\n      [disabled]=\"readonly\"></ion-input>\n  \n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.item-inner{padding-right:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputFormatComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kb-input-format', providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: InputFormatComponent,
                             multi: true
-                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName={{formControlName}} -->\n      <ion-input #inputFormat\n      type=\"tel\" \n      [placeholder]=\"placeholder\"\n      maxlength=\"{{ max }}\" \n      (keydown)=\"digitarFormatado($event)\" \n      (keyup.enter)=\"onKeyEnter()\"\n      (ionBlur)=\"onBlur()\"\n      [value]=\"data\"\n      (input)=\"writeValue(inputFormat.value)\"\n      [disabled]=\"readonly\"></ion-input>\n  \n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.error-message{font-size:small;color:red;margin-left:15px}.item-inner{padding-right:0!important}\n"] }]
+                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName={{formControlName}} -->\n      <ion-input #inputFormat\n      type=\"tel\" \n      [placeholder]=\"placeholder\"\n      maxlength=\"{{ max }}\" \n      (keydown)=\"digitarFormatado($event)\" \n      (keyup.enter)=\"onKeyEnter()\"\n      (ionBlur)=\"onBlur()\"\n      [value]=\"data\"\n      (input)=\"writeValue(inputFormat.value)\"\n      [disabled]=\"readonly\"></ion-input>\n  \n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.item-inner{padding-right:0!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { formato: [{
                 type: Input
             }], keyEnter: [{
@@ -334,14 +335,14 @@ InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             provide: NG_VALUE_ACCESSOR,
             useExisting: InputSelectComponent,
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label *ngIf=\"label\" [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <select #inputSelect\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\n        (blur)=\"onBlur()\" [disabled]=\"readonly\">\n        <option *ngIf=\"itemNull\" [value]=\"''\" selected>{{ opcaoDefault }}</option>\n        <option *ngFor=\"let item of itens\" [value]=\"item[itemId]\" [selected]=\"item[itemId] == data\">{{ item[itemNome] }}\n        </option>\n      </select>    \n    </ion-item>\n  \n    \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n    \n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake select{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}select{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label *ngIf=\"label\" [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <select #inputSelect\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\n        (blur)=\"onBlur()\" [disabled]=\"readonly\">\n        <option *ngIf=\"itemNull\" [value]=\"''\" selected>{{ opcaoDefault }}</option>\n        <option *ngFor=\"let item of itens\" [value]=\"item[itemId]\" [selected]=\"item[itemId] == data\">{{ item[itemNome] }}\n        </option>\n      </select>    \n    </ion-item>\n  \n    \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n    \n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake select{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}select{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kb-input-select', providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: InputSelectComponent,
                             multi: true
-                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label *ngIf=\"label\" [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <select #inputSelect\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\n        (blur)=\"onBlur()\" [disabled]=\"readonly\">\n        <option *ngIf=\"itemNull\" [value]=\"''\" selected>{{ opcaoDefault }}</option>\n        <option *ngFor=\"let item of itens\" [value]=\"item[itemId]\" [selected]=\"item[itemId] == data\">{{ item[itemNome] }}\n        </option>\n      </select>    \n    </ion-item>\n  \n    \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n    \n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake select{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}select{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}\n"] }]
+                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label *ngIf=\"label\" [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <select #inputSelect\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\n        (blur)=\"onBlur()\" [disabled]=\"readonly\">\n        <option *ngIf=\"itemNull\" [value]=\"''\" selected>{{ opcaoDefault }}</option>\n        <option *ngFor=\"let item of itens\" [value]=\"item[itemId]\" [selected]=\"item[itemId] == data\">{{ item[itemNome] }}\n        </option>\n      </select>    \n    </ion-item>\n  \n    \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n    \n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake select{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}select{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { change: [{
                 type: Input
             }], itens: [{
@@ -443,9 +444,9 @@ class InputPesquisaComponent extends BaseInputComponent {
     }
     onBlur(event) {
         console.log('blur', event);
-        console.log(event.detail.relatedTarget);
+        //console.log(event.detail.relatedTarget);
         if (event.detail.relatedTarget == null || event.detail.relatedTarget.id.indexOf(this.selectId + 'IonItem') == -1) {
-            console.log("true", event.detail.relatedTarget.id);
+            //console.log("true", event.detail.relatedTarget.id);
             //pesquisar item na lista
             if (!this.existeNaListaTexto(this.textoPesquisa, true)) {
                 this.limparClick();
@@ -846,14 +847,14 @@ InputPesquisaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             provide: NG_VALUE_ACCESSOR,
             useExisting: InputPesquisaComponent,
             multi: true
-        }], viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"padding-inline-end: 0px;\">\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; margin-top: 2px;\" [class]=\"itemClass\">\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-spinner *ngIf=\"!podePesquisar\"\n        style=\"--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;\" \n        slot=\"start\" name=\"lines\"></ion-spinner>\n      <!-- (ionBlur)=\"verificarPesquisa()\" -->\n      <!-- conflito com click da lista -->\n      <ion-input #inputPesquisa\n        type=\"{{type}}\" \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\" \n        (ionBlur)=\"onBlur($event)\"\n        [value]=\"textoPesquisa\" (input)=\"writePesquisa(inputPesquisa.value)\" \n        (keyup)=\"showPesquisa($event)\"\n        autocomplete=\"off\" style=\"--background:{{ inputBackgroungColor }};\"\n        (click)=\"dropDownPesquisa(-1)\"\n        [disabled]=\"readonly\" debounce=\"500\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n  \n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"pesquisarClick()\">\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\n      </ion-button>\n      \n    </ion-item>\n  \n    <ion-list tabindex=\"-1\" [hidden]=\"!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0\" class=\"pesquisa-list\" style=\"max-height: 250px; overflow-y: auto;\">\n      \n      <ion-item tabindex=\"-1\" button *ngFor=\"let item of listaPesquisa\" \n      (click)=\"selecionarComboClick(item)\" [id]=\"selectId + 'IonItem' + item['Index']\"\n        class=\"pesquisa-item\">\n        <!-- {{ item | json}} -->\n        <span [class]=\"{'selected-item': item['Selected'] === true}\" [innerHTML]=\"highlight(item[campoDisplay])\"></span>\n      </ion-item>\n  \n    </ion-list>\n  \n    <!--\n    <ion-select interface=\"popover\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (ionChange)=\"selecionarComboChange($event.target.value)\">\n      <ion-select-option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </ion-select-option>\n    </ion-select>\n    -->\n  \n    <!--\n    <select [id]=\"selectId\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (change)=\"selecionarComboChange($event.target.value)\" class=\"pesquisa-select\">\n      <option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </option>\n  \n    </select>\n    -->\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:55px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.pesquisa-select{display:block;position:absolute;top:58px;left:20px;width:100%;z-index:800;font-size:16px;font-family:Roboto,Helvetica Neue,sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.pesquisa-select option{overflow-y:hidden}.pesquisa-select option:hover,.pesquisa-select option:checked{background-color:#add8e6}.pesquisa-list{display:block;position:absolute;top:58px;left:20px;width:calc(100% - 50px);z-index:800;border:1px lightgrey solid;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0}.pesquisa-item{--inner-padding-top: 0px;--inner-padding-bottom: 0px;--padding-top: 0px;--padding-bottom: 0px;--min-height: 30px !important;font-size:12px}.pesquisa-item button{padding:0}.selected-item{background-color:#add8e6}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
+        }], viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"padding-inline-end: 0px;\">\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; margin-top: 2px;\" [class]=\"itemClass\">\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-spinner *ngIf=\"!podePesquisar\"\n        style=\"--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;\" \n        slot=\"start\" name=\"lines\"></ion-spinner>\n      <!-- (ionBlur)=\"verificarPesquisa()\" -->\n      <!-- conflito com click da lista -->\n      <ion-input #inputPesquisa\n        type=\"{{type}}\" \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\" \n        (ionBlur)=\"onBlur($event)\"\n        [value]=\"textoPesquisa\" (input)=\"writePesquisa(inputPesquisa.value)\" \n        (keyup)=\"showPesquisa($event)\"\n        autocomplete=\"off\" style=\"--background:{{ inputBackgroungColor }};\"\n        (click)=\"dropDownPesquisa(-1)\"\n        [disabled]=\"readonly\" debounce=\"500\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n  \n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"pesquisarClick()\">\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\n      </ion-button>\n      \n    </ion-item>\n  \n    <ion-list tabindex=\"-1\" [hidden]=\"!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0\" class=\"pesquisa-list\" style=\"max-height: 250px; overflow-y: auto;\">\n      \n      <ion-item tabindex=\"-1\" button *ngFor=\"let item of listaPesquisa\" \n      (click)=\"selecionarComboClick(item)\" [id]=\"selectId + 'IonItem' + item['Index']\"\n        class=\"pesquisa-item\">\n        <!-- {{ item | json}} -->\n        <span [class]=\"{'selected-item': item['Selected'] === true}\" [innerHTML]=\"highlight(item[campoDisplay])\"></span>\n      </ion-item>\n  \n    </ion-list>\n  \n    <!--\n    <ion-select interface=\"popover\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (ionChange)=\"selecionarComboChange($event.target.value)\">\n      <ion-select-option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </ion-select-option>\n    </ion-select>\n    -->\n  \n    <!--\n    <select [id]=\"selectId\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (change)=\"selecionarComboChange($event.target.value)\" class=\"pesquisa-select\">\n      <option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </option>\n  \n    </select>\n    -->\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:55px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.pesquisa-select{display:block;position:absolute;top:58px;left:20px;width:100%;z-index:800;font-size:16px;font-family:Roboto,Helvetica Neue,sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.pesquisa-select option{overflow-y:hidden}.pesquisa-select option:hover,.pesquisa-select option:checked{background-color:#add8e6}.pesquisa-list{display:block;position:absolute;margin-left:20px;margin-top:-4px;width:calc(100% - 50px);z-index:800;border:1px lightgrey solid;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0}.pesquisa-item{--inner-padding-top: 0px;--inner-padding-bottom: 0px;--padding-top: 0px;--padding-bottom: 0px;--min-height: 30px !important;font-size:12px}.pesquisa-item button{padding:0}.selected-item{background-color:#add8e6}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputPesquisaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kb-input-pesquisa', providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: InputPesquisaComponent,
                             multi: true
-                        }], template: "<div style=\"padding-inline-end: 0px;\">\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; margin-top: 2px;\" [class]=\"itemClass\">\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-spinner *ngIf=\"!podePesquisar\"\n        style=\"--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;\" \n        slot=\"start\" name=\"lines\"></ion-spinner>\n      <!-- (ionBlur)=\"verificarPesquisa()\" -->\n      <!-- conflito com click da lista -->\n      <ion-input #inputPesquisa\n        type=\"{{type}}\" \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\" \n        (ionBlur)=\"onBlur($event)\"\n        [value]=\"textoPesquisa\" (input)=\"writePesquisa(inputPesquisa.value)\" \n        (keyup)=\"showPesquisa($event)\"\n        autocomplete=\"off\" style=\"--background:{{ inputBackgroungColor }};\"\n        (click)=\"dropDownPesquisa(-1)\"\n        [disabled]=\"readonly\" debounce=\"500\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n  \n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"pesquisarClick()\">\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\n      </ion-button>\n      \n    </ion-item>\n  \n    <ion-list tabindex=\"-1\" [hidden]=\"!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0\" class=\"pesquisa-list\" style=\"max-height: 250px; overflow-y: auto;\">\n      \n      <ion-item tabindex=\"-1\" button *ngFor=\"let item of listaPesquisa\" \n      (click)=\"selecionarComboClick(item)\" [id]=\"selectId + 'IonItem' + item['Index']\"\n        class=\"pesquisa-item\">\n        <!-- {{ item | json}} -->\n        <span [class]=\"{'selected-item': item['Selected'] === true}\" [innerHTML]=\"highlight(item[campoDisplay])\"></span>\n      </ion-item>\n  \n    </ion-list>\n  \n    <!--\n    <ion-select interface=\"popover\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (ionChange)=\"selecionarComboChange($event.target.value)\">\n      <ion-select-option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </ion-select-option>\n    </ion-select>\n    -->\n  \n    <!--\n    <select [id]=\"selectId\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (change)=\"selecionarComboChange($event.target.value)\" class=\"pesquisa-select\">\n      <option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </option>\n  \n    </select>\n    -->\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:55px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.pesquisa-select{display:block;position:absolute;top:58px;left:20px;width:100%;z-index:800;font-size:16px;font-family:Roboto,Helvetica Neue,sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.pesquisa-select option{overflow-y:hidden}.pesquisa-select option:hover,.pesquisa-select option:checked{background-color:#add8e6}.pesquisa-list{display:block;position:absolute;top:58px;left:20px;width:calc(100% - 50px);z-index:800;border:1px lightgrey solid;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0}.pesquisa-item{--inner-padding-top: 0px;--inner-padding-bottom: 0px;--padding-top: 0px;--padding-bottom: 0px;--min-height: 30px !important;font-size:12px}.pesquisa-item button{padding:0}.selected-item{background-color:#add8e6}\n"] }]
+                        }], template: "<div style=\"padding-inline-end: 0px;\">\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; margin-top: 2px;\" [class]=\"itemClass\">\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-spinner *ngIf=\"!podePesquisar\"\n        style=\"--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;\" \n        slot=\"start\" name=\"lines\"></ion-spinner>\n      <!-- (ionBlur)=\"verificarPesquisa()\" -->\n      <!-- conflito com click da lista -->\n      <ion-input #inputPesquisa\n        type=\"{{type}}\" \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\" \n        (ionBlur)=\"onBlur($event)\"\n        [value]=\"textoPesquisa\" (input)=\"writePesquisa(inputPesquisa.value)\" \n        (keyup)=\"showPesquisa($event)\"\n        autocomplete=\"off\" style=\"--background:{{ inputBackgroungColor }};\"\n        (click)=\"dropDownPesquisa(-1)\"\n        [disabled]=\"readonly\" debounce=\"500\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n  \n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"pesquisarClick()\">\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\n      </ion-button>\n      \n    </ion-item>\n  \n    <ion-list tabindex=\"-1\" [hidden]=\"!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0\" class=\"pesquisa-list\" style=\"max-height: 250px; overflow-y: auto;\">\n      \n      <ion-item tabindex=\"-1\" button *ngFor=\"let item of listaPesquisa\" \n      (click)=\"selecionarComboClick(item)\" [id]=\"selectId + 'IonItem' + item['Index']\"\n        class=\"pesquisa-item\">\n        <!-- {{ item | json}} -->\n        <span [class]=\"{'selected-item': item['Selected'] === true}\" [innerHTML]=\"highlight(item[campoDisplay])\"></span>\n      </ion-item>\n  \n    </ion-list>\n  \n    <!--\n    <ion-select interface=\"popover\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (ionChange)=\"selecionarComboChange($event.target.value)\">\n      <ion-select-option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </ion-select-option>\n    </ion-select>\n    -->\n  \n    <!--\n    <select [id]=\"selectId\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (change)=\"selecionarComboChange($event.target.value)\" class=\"pesquisa-select\">\n      <option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </option>\n  \n    </select>\n    -->\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:55px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.pesquisa-select{display:block;position:absolute;top:58px;left:20px;width:100%;z-index:800;font-size:16px;font-family:Roboto,Helvetica Neue,sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.pesquisa-select option{overflow-y:hidden}.pesquisa-select option:hover,.pesquisa-select option:checked{background-color:#add8e6}.pesquisa-list{display:block;position:absolute;margin-left:20px;margin-top:-4px;width:calc(100% - 50px);z-index:800;border:1px lightgrey solid;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0}.pesquisa-item{--inner-padding-top: 0px;--inner-padding-bottom: 0px;--padding-top: 0px;--padding-bottom: 0px;--min-height: 30px !important;font-size:12px}.pesquisa-item button{padding:0}.selected-item{background-color:#add8e6}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i2.ModalController }]; }, propDecorators: { textoPesquisa: [{
                 type: Input
             }], max: [{
@@ -948,6 +949,9 @@ class InputValorComponent extends BaseInputComponent {
                 return campo;
             }
             let valor = parseFloat(campo.replace(',', '').replace('.', '').replace('.', '').replace('.', ''));
+            if (isNaN(valor)) {
+                return '';
+            }
             let valordiv = parseInt("1" + this.stringOfChar("0", casas));
             //valor /= 100;      
             console.log(valor, '/', valordiv);
@@ -997,16 +1001,63 @@ InputValorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             provide: NG_VALUE_ACCESSOR,
             useExisting: InputValorComponent,
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <ion-input #inputValor\n        type=\"text\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputValor.value)\"          \n        (keypress)=\"digitarValor($event)\"\n        [disabled]=\"readonly\"></ion-input>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important;opacity:1!important;overflow:initial!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;max-height:27px;text-align:right}.error-message{font-size:small;color:red;margin-left:15px}.item-inner{padding-right:0!important}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
+        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <ion-input #inputValor\n        type=\"text\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputValor.value)\"          \n        (keypress)=\"digitarValor($event)\"\n        [disabled]=\"readonly\"></ion-input>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important;opacity:1!important;overflow:initial!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;max-height:27px;text-align:right}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.item-inner{padding-right:0!important}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.label-right ion-label{transform-origin:right top;align-self:flex-end}.align-to-right ion-label{position:relative;left:25%;text-align:end}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputValorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kb-input-valor', providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: InputValorComponent,
                             multi: true
-                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <ion-input #inputValor\n        type=\"text\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputValor.value)\"          \n        (keypress)=\"digitarValor($event)\"\n        [disabled]=\"readonly\"></ion-input>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important;opacity:1!important;overflow:initial!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;max-height:27px;text-align:right}.error-message{font-size:small;color:red;margin-left:15px}.item-inner{padding-right:0!important}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}\n"] }]
+                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <ion-input #inputValor\n        type=\"text\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputValor.value)\"          \n        (keypress)=\"digitarValor($event)\"\n        [disabled]=\"readonly\"></ion-input>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important;opacity:1!important;overflow:initial!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;max-height:27px;text-align:right}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.item-inner{padding-right:0!important}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.label-right ion-label{transform-origin:right top;align-self:flex-end}.align-to-right ion-label{position:relative;left:25%;text-align:end}\n"] }]
         }], ctorParameters: function () { return []; } });
 
+class InputAreaComponent extends BaseInputComponent {
+    constructor() {
+        super();
+        this.linhas = 5;
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    writeValue(value) {
+        //console.log('write value', value);
+        this.onChange(value);
+        this.data = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    ngOnInit() { }
+    onBlur() {
+        if (this.form) {
+            this.form.get(this.formControlName)?.markAsTouched();
+        }
+    }
+}
+InputAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputAreaComponent, selector: "kb-input-area", inputs: { linhas: "linhas" }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: InputAreaComponent,
+            multi: true
+        }], usesInheritance: true, ngImport: i0, template: "<div>\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\">\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <ion-textarea #inputArea\n        type=\"{{type}}\" \n        [placeholder]=\"placeholder\"       \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        [rows]=\"linhas\"      \n        (input)=\"writeValue(inputArea.value)\"\n        [disabled]=\"readonly\"></ion-textarea>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["ion-label{margin-bottom:4px!important}ion-textarea{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "spellcheck", "value", "wrap"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-area', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputAreaComponent,
+                            multi: true
+                        }], template: "<div>\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\">\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <ion-textarea #inputArea\n        type=\"{{type}}\" \n        [placeholder]=\"placeholder\"       \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        [rows]=\"linhas\"      \n        (input)=\"writeValue(inputArea.value)\"\n        [disabled]=\"readonly\"></ion-textarea>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["ion-label{margin-bottom:4px!important}ion-textarea{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { linhas: [{
+                type: Input
+            }] } });
+
 const LibConfigService = new InjectionToken('LibConfig');
 class AppprojectComponentsModule {
     static forRoot(config) {
@@ -1029,7 +1080,8 @@ AppprojectComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
         InputSelectComponent,
         InputPesquisaComponent,
         ModelTreeviewComponent,
-        InputValorComponent], imports: [CommonModule,
+        InputValorComponent,
+        InputAreaComponent], imports: [CommonModule,
         HttpClientModule,
         IonicModule,
         ReactiveFormsModule], exports: [AppprojectComponentsComponent,
@@ -1038,7 +1090,8 @@ AppprojectComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
         InputSelectComponent,
         InputPesquisaComponent,
         ModelTreeviewComponent,
-        InputValorComponent] });
+        InputValorComponent,
+        InputAreaComponent] });
 AppprojectComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, imports: [CommonModule,
         HttpClientModule,
         IonicModule,
@@ -1053,7 +1106,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                         InputSelectComponent,
                         InputPesquisaComponent,
                         ModelTreeviewComponent,
-                        InputValorComponent
+                        InputValorComponent,
+                        InputAreaComponent
                     ],
                     imports: [
                         CommonModule,
@@ -1068,7 +1122,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                         InputSelectComponent,
                         InputPesquisaComponent,
                         ModelTreeviewComponent,
-                        InputValorComponent
+                        InputValorComponent,
+                        InputAreaComponent
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA]
                 }]
@@ -1082,5 +1137,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, InputFormatComponent, InputPesquisaComponent, InputSelectComponent, InputTextComponent, InputValorComponent, LibConfigService, ModelTreeviewComponent };
+export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, InputAreaComponent, InputFormatComponent, InputPesquisaComponent, InputSelectComponent, InputTextComponent, InputValorComponent, LibConfigService, ModelTreeviewComponent };
 //# sourceMappingURL=appproject-components.mjs.map