appproject-components 0.0.9 → 0.0.11

package/fesm2020/appproject-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, Input, ViewChild, InjectionToken, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Injectable, Component, Input, Inject, ViewChild, InjectionToken, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 import * as i1 from '@angular/common';
@@ -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: [".no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}.input-login{height:36px}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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.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: [".no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}.input-login{height:36px}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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.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: [".no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}.input-login{height:36px}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\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: [".no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}.input-login{height:36px}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class InputFormatComponent extends BaseInputComponent {
@@ -272,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: [".item-inner{padding-right:0!important}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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: [".item-inner{padding-right:0!important}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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: [".item-inner{padding-right:0!important}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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: [".item-inner{padding-right:0!important}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { formato: [{
                 type: Input
             }], keyEnter: [{
@@ -335,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: ["select{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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.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: ["select{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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.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: ["select{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\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: ["select{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}\n", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { change: [{
                 type: Input
             }], itens: [{
@@ -372,8 +372,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
         }], ctorParameters: function () { return []; } });
 
 class InputPesquisaComponent extends BaseInputComponent {
-    constructor(httpClient, modalCtrl) {
+    constructor(config, httpClient, modalCtrl) {
         super();
+        this.config = config;
         this.httpClient = httpClient;
         this.modalCtrl = modalCtrl;
         this.podePesquisar = true;
@@ -403,6 +404,7 @@ class InputPesquisaComponent extends BaseInputComponent {
         this.disabled = false;
         this.console = console;
         this.modelChanged = new Subject();
+        this.BASE_API = this.config.apiUrl;
         this.modelChangeSubscription = this.modelChanged
             .pipe(debounceTime(500))
             .subscribe(data => {
@@ -458,6 +460,9 @@ class InputPesquisaComponent extends BaseInputComponent {
         }
     }
     ngOnInit() {
+        //tratar urls
+        this.url = this.url.startsWith('http') ? this.url : `${this.BASE_API}/${this.url}`;
+        this.urlItem = this.urlItem.startsWith('http') ? this.urlItem : `${this.BASE_API}/${this.urlItem}`;
         this.pesquisaSubject.pipe(switchMap((url) => {
             this.console.log('subject url:', url);
             if (!this.isEmpty(url))
@@ -842,20 +847,23 @@ class InputPesquisaComponent extends BaseInputComponent {
         return valor == null || valor == undefined || valor == '';
     }
 }
-InputPesquisaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputPesquisaComponent, deps: [{ token: i1$1.HttpClient }, { token: i2.ModalController }], target: i0.ɵɵFactoryTarget.Component });
+InputPesquisaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputPesquisaComponent, deps: [{ token: LibConfigService }, { token: i1$1.HttpClient }, { token: i2.ModalController }], target: i0.ɵɵFactoryTarget.Component });
 InputPesquisaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputPesquisaComponent, selector: "kb-input-pesquisa", inputs: { textoPesquisa: "textoPesquisa", max: "max", filterFunction: "filterFunction", selectId: "selectId", campoId: "campoId", campoPaiId: "campoPaiId", campoDisplay: "campoDisplay", tipo: "tipo", change: "change", pesquisaAction: "pesquisaAction", limpar: "limpar", url: "url", urlItem: "urlItem", urlTree: "urlTree", empresa: "empresa", loadInit: "loadInit" }, providers: [{
             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      <!--\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      \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: [".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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\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      <!--\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      \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: [".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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\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      <!--\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      \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: [".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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i2.ModalController }]; }, propDecorators: { textoPesquisa: [{
+                        }], 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      <!--\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      \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: [".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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LibConfigService]
+                }] }, { type: i1$1.HttpClient }, { type: i2.ModalController }]; }, propDecorators: { textoPesquisa: [{
                 type: Input
             }], max: [{
                 type: Input
@@ -1001,14 +1009,14 @@ 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: [".item-inner{padding-right:0!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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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<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: [".item-inner{padding-right:0!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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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: 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: [".item-inner{padding-right:0!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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\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: [".item-inner{padding-right:0!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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class InputAreaComponent extends BaseInputComponent {
@@ -1046,14 +1054,14 @@ InputAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\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" }] });
+        }], 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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\n"] }]
+                        }], 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", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { linhas: [{
                 type: Input
             }] } });
@@ -1215,14 +1223,14 @@ InputCepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             provide: NG_VALUE_ACCESSOR,
             useExisting: InputCepComponent,
             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 #inputCep\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(inputCep.value)\"\n      [disabled]=\"readonly\"></ion-input>\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    <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: ["", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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.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<!--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 #inputCep\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(inputCep.value)\"\n      [disabled]=\"readonly\"></ion-input>\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    <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: ["", "ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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.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: InputCepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kb-input-cep', providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: InputCepComponent,
                             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 #inputCep\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(inputCep.value)\"\n      [disabled]=\"readonly\"></ion-input>\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    <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: ["ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!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 #inputCep\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(inputCep.value)\"\n      [disabled]=\"readonly\"></ion-input>\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    <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: ["ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:var(--input-padding, 4px);--padding-start: var(--input-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}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}@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:var(--error-text-color, red)!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { formato: [{
                 type: Input
             }], keyEnter: [{