appproject-components 0.0.31 → 1.0.1

package/fesm2022/appproject-components.mjs

@@ -0,0 +1,1519 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, EventEmitter, Input, Output, ElementRef, ViewChild, Inject, 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';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@ionic/angular';
+import { IonicModule } from '@ionic/angular';
+import * as i1$1 from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
+import { Subject, of, Observable } from 'rxjs';
+import { debounceTime, switchMap } from 'rxjs/operators';
+
+class AppprojectComponentsService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class AppprojectComponentsComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: AppprojectComponentsComponent, selector: "kb-appproject-components", ngImport: i0, template: `
+    <p>
+      appproject-components works!
+    </p>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-appproject-components', template: `
+    <p>
+      appproject-components works!
+    </p>
+  ` }]
+        }], ctorParameters: () => [] });
+
+class BaseInputComponent {
+    constructor() {
+        this.labelPosition = 'stacked';
+        this.placeholder = '';
+        this.max = '10';
+        this.type = "text";
+        this.readonly = false;
+        this.leitura = false;
+        this.itemClass = "padding";
+        this.blur = new EventEmitter();
+        this.botaoLimpar = false;
+        this.labelColor = 'dark';
+        this.inputBackgroungColor = 'auto';
+    }
+    ngOnInit() {
+        throw new Error('Method not implemented.');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: BaseInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: BaseInputComponent, selector: "ng-component", inputs: { label: "label", labelPosition: "labelPosition", nome: "nome", placeholder: "placeholder", form: "form", campo: "campo", formControlName: "formControlName", max: "max", validation_messages: "validation_messages", type: "type", readonly: "readonly", leitura: "leitura", itemClass: "itemClass", botaoLimpar: "botaoLimpar", labelColor: "labelColor", inputBackgroungColor: "inputBackgroungColor", blurArgs: "blurArgs" }, outputs: { blur: "blur" }, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: BaseInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: () => [], propDecorators: { label: [{
+                type: Input
+            }], labelPosition: [{
+                type: Input
+            }], nome: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], campo: [{
+                type: Input
+            }], formControlName: [{
+                type: Input,
+                args: ['formControlName']
+            }], max: [{
+                type: Input
+            }], validation_messages: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], leitura: [{
+                type: Input
+            }], itemClass: [{
+                type: Input
+            }], blur: [{
+                type: Output
+            }], botaoLimpar: [{
+                type: Input
+            }], labelColor: [{
+                type: Input
+            }], inputBackgroungColor: [{
+                type: Input
+            }], blurArgs: [{
+                type: Input
+            }] } });
+
+class InputTextComponent extends BaseInputComponent {
+    writeValue(value) {
+        //console.log('write value', value);
+        this.onChange(value);
+        this.data = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    constructor() {
+        super();
+        this.inputSpanAfter = null;
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    ngOnInit() {
+    }
+    onBlur() {
+        console.log('control name', this.formControlName);
+        if (this.form) {
+            this.form.get(this.formControlName)?.markAsTouched();
+        }
+    }
+    limparClick() {
+        this.writeValue(undefined);
+    }
+    isReadonly() {
+        return this.leitura;
+    }
+    changeTypeOfInput() {
+        this.type =
+            this.type == 'password' ?
+                'text' : 'password';
+    }
+    setFocus() {
+        this.inputTextEdit.nativeElement.setFocus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputTextComponent, selector: "kb-input-text", inputs: { iconInput: "iconInput", inputSpanAfter: "inputSpanAfter", campoFoco: "campoFoco" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: InputTextComponent,
+                multi: true
+            }], viewQueries: [{ propertyName: "inputTextEdit", first: true, predicate: ["inputText"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\r\n    [style.opacity]=\"readonly ? '0.5' : '1'\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ campo }}\"  -->\r\n      <ion-input #inputText\r\n        type=\"{{type}}\"       \r\n        [placeholder]=\"placeholder\" \r\n        maxlength=\"{{ max }}\"\r\n        (ionBlur)=\"onBlur()\"\r\n        [value]=\"data\"\r\n        (input)=\"writeValue(inputText.value)\"          \r\n        autocomplete=\"new-password\"\r\n        [style.--background]=\"inputBackgroungColor\"\r\n        [disabled]=\"readonly\"\r\n        [clearInput]=\"botaoLimpar\">\r\n        <ion-icon *ngIf=\"iconInput\" name=\"{{ iconInput }}\"></ion-icon>\r\n      </ion-input>\r\n      \r\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\r\n        <!-- (click)=\"limparClick()\" -->\r\n        <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\r\n      </ion-button>\r\n\r\n      <span *ngIf=\"inputSpanAfter\" slot=\"end\" class=\"inputSpanAfter-item\">&nbsp;{{ inputSpanAfter }}</span>\r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n  \r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n  \r\n    </div>\r\n  </div>", styles: [".no-padding-end{--inner-padding-end: 0}ion-input ion-icon{padding-right:6px;font-size:18px}.input-login{height:36px}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\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", "form", "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", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "legacy", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "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: "17.0.7", ngImport: i0, type: InputTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-text', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputTextComponent,
+                            multi: true
+                        }], template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\r\n    [style.opacity]=\"readonly ? '0.5' : '1'\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ campo }}\"  -->\r\n      <ion-input #inputText\r\n        type=\"{{type}}\"       \r\n        [placeholder]=\"placeholder\" \r\n        maxlength=\"{{ max }}\"\r\n        (ionBlur)=\"onBlur()\"\r\n        [value]=\"data\"\r\n        (input)=\"writeValue(inputText.value)\"          \r\n        autocomplete=\"new-password\"\r\n        [style.--background]=\"inputBackgroungColor\"\r\n        [disabled]=\"readonly\"\r\n        [clearInput]=\"botaoLimpar\">\r\n        <ion-icon *ngIf=\"iconInput\" name=\"{{ iconInput }}\"></ion-icon>\r\n      </ion-input>\r\n      \r\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\r\n        <!-- (click)=\"limparClick()\" -->\r\n        <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\r\n      </ion-button>\r\n\r\n      <span *ngIf=\"inputSpanAfter\" slot=\"end\" class=\"inputSpanAfter-item\">&nbsp;{{ inputSpanAfter }}</span>\r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n  \r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n  \r\n    </div>\r\n  </div>", styles: [".no-padding-end{--inner-padding-end: 0}ion-input ion-icon{padding-right:6px;font-size:18px}.input-login{height:36px}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { iconInput: [{
+                type: Input
+            }], inputSpanAfter: [{
+                type: Input
+            }], inputTextEdit: [{
+                type: ViewChild,
+                args: ['inputText', { read: ElementRef, static: true }]
+            }], campoFoco: [{
+                type: Input
+            }] } });
+
+class InputFormatComponent extends BaseInputComponent {
+    writeValue(value) {
+        //console.log('write value', value);
+        this.onChange(value);
+        this.data = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    constructor() {
+        super();
+        this.formato = null;
+        this.keyEnter = new EventEmitter();
+        //control value acessor
+        this.data = null;
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    ngOnInit() { }
+    digitarFormatado(event) {
+        //console.log(event);
+        const index = event.target.selectionStart >= 1 ? (event.target.selectionStart - 1) : 0;
+        const keyAt = event.target.value.charCodeAt(index);
+        if ((event.keyCode >= 48 && event.keyCode <= 57)
+            || (keyAt >= 48 && keyAt <= 57)
+            || (event.keyCode >= 96 && event.keyCode <= 105)
+            || (event.keyCode == 8)
+            || (event.keyCode == 9)
+            || (event.keyCode == 39)
+            || (event.keyCode == 37)
+            || (event.keyCode == 46)) {
+            //console.log(this.formControlName, this.form.get(this.formControlName).value);
+            setTimeout(() => {
+                if (this.form) {
+                    this.form.patchValue({
+                        [this.formControlName]: this.formataCampoValor(this.form.get(this.formControlName)?.value, this.formato ?? '', event)
+                    });
+                }
+                else {
+                    this.data = this.formataCampoValor(this.data ?? '', this.formato ?? '', event);
+                    this.writeValue(this.data);
+                }
+            }, 100);
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    onKeyEnter() {
+        if (this.keyEnter != null) {
+            this.keyEnter.emit();
+        }
+    }
+    onBlur() {
+        if (this.form) {
+            this.form.get(this.formControlName)?.markAsTouched();
+        }
+        if (this.blur) {
+            this.blur.emit(this.blurArgs);
+        }
+    }
+    setFocus() {
+        this.inputFormatEdit.nativeElement.setFocus();
+    }
+    formataCampoValor(valor, Mascara, evento) {
+        console.log(valor);
+        if (!valor)
+            return null;
+        //console.log(evento);
+        //if (!this.keypressInteiro(evento))
+        //  return;
+        var boleanoMascara;
+        var Digitato = evento != null ? evento.keyCode : 0;
+        let exp = /\-|\.|\/|\(|\)| /g;
+        let campoSoNumeros = valor.replace(exp, "");
+        var posicaoCampo = 0;
+        var NovoValorCampo = "";
+        var TamanhoMascara = campoSoNumeros.length;
+        ;
+        if (Digitato != 8) { // backspace 
+            for (let i = 0; i <= TamanhoMascara; i++) {
+                boleanoMascara = ((Mascara.charAt(i) == "-") || (Mascara.charAt(i) == ".")
+                    || (Mascara.charAt(i) == "/"));
+                boleanoMascara = boleanoMascara || ((Mascara.charAt(i) == "(")
+                    || (Mascara.charAt(i) == ")") || (Mascara.charAt(i) == " "));
+                if (boleanoMascara) {
+                    NovoValorCampo += Mascara.charAt(i);
+                    TamanhoMascara++;
+                }
+                else {
+                    NovoValorCampo += campoSoNumeros.charAt(posicaoCampo);
+                    posicaoCampo++;
+                }
+            }
+            return NovoValorCampo;
+        }
+        else {
+            return valor;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputFormatComponent, selector: "kb-input-format", inputs: { formato: "formato", keyEnter: "keyEnter" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: InputFormatComponent,
+                multi: true
+            }], viewQueries: [{ propertyName: "inputFormatEdit", first: true, predicate: ["inputFormat"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\" [class]=\"itemClass\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\r\n      <!-- formControlName={{formControlName}} -->\r\n      <ion-input #inputFormat\r\n      type=\"tel\" \r\n      [placeholder]=\"placeholder\"\r\n      maxlength=\"{{ max }}\" \r\n      (keydown)=\"digitarFormatado($event)\" \r\n      (keyup.enter)=\"onKeyEnter()\"\r\n      (ionBlur)=\"onBlur()\"\r\n      [value]=\"data\"\r\n      (input)=\"writeValue(inputFormat.value)\"\r\n      [disabled]=\"readonly\"></ion-input>\r\n  \r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>", styles: [".item-inner{padding-right:0!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\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", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "legacy", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "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: "17.0.7", ngImport: i0, type: InputFormatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-format', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputFormatComponent,
+                            multi: true
+                        }], template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\" [class]=\"itemClass\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\r\n      <!-- formControlName={{formControlName}} -->\r\n      <ion-input #inputFormat\r\n      type=\"tel\" \r\n      [placeholder]=\"placeholder\"\r\n      maxlength=\"{{ max }}\" \r\n      (keydown)=\"digitarFormatado($event)\" \r\n      (keyup.enter)=\"onKeyEnter()\"\r\n      (ionBlur)=\"onBlur()\"\r\n      [value]=\"data\"\r\n      (input)=\"writeValue(inputFormat.value)\"\r\n      [disabled]=\"readonly\"></ion-input>\r\n  \r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>", styles: [".item-inner{padding-right:0!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { formato: [{
+                type: Input
+            }], keyEnter: [{
+                type: Input
+            }], inputFormatEdit: [{
+                type: ViewChild,
+                args: ['inputFormat', { read: ElementRef, static: true }]
+            }] } });
+
+class InputSelectComponent extends BaseInputComponent {
+    writeValue(value) {
+        console.log('write value select', value);
+        this.onChange(value);
+        this.data = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    constructor() {
+        super();
+        this.selectChange = new EventEmitter();
+        this.selectChangeEntity = new EventEmitter();
+        this.itens = [];
+        this.itemId = "Id";
+        this.itemNome = "Nome";
+        this.showNovo = false;
+        this.itemNull = true;
+        this.opcaoDefault = 'Selecionar';
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    ngOnInit() {
+    }
+    onSelectChange(value) {
+        this.writeValue(value);
+        if (this.selectChange != null) {
+            //console.log('emit', value);
+            this.selectChange.emit(value);
+        }
+        if (this.selectChangeEntity != null) {
+            const existe = this.itens.find(i => i[this.itemId] == value);
+            this.selectChangeEntity.emit(existe);
+        }
+    }
+    onBlur() {
+        //console.log('input select blur')
+        if (this.form) {
+            this.form.get(this.formControlName)?.markAsTouched();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputSelectComponent, selector: "kb-input-select", inputs: { itens: "itens", itemId: "itemId", itemNome: "itemNome", showNovo: "showNovo", itemNull: "itemNull", opcaoDefault: "opcaoDefault" }, outputs: { selectChange: "selectChange", selectChangeEntity: "selectChangeEntity" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: InputSelectComponent,
+                multi: true
+            }], usesInheritance: true, ngImport: i0, template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent;\" [class]=\"itemClass\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label *ngIf=\"label\" [position]=\"labelPosition\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <select #inputSelect\r\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\r\n        (blur)=\"onBlur()\" [disabled]=\"readonly\">\r\n        <option *ngIf=\"itemNull\" [value]=\"''\" selected>{{ opcaoDefault }}</option>\r\n        <option *ngFor=\"let item of itens\" [value]=\"item[itemId]\" [selected]=\"item[itemId] == data\">{{ item[itemNome] }}\r\n        </option>\r\n      </select>    \r\n    </ion-item>\r\n  \r\n    \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n    \r\n  </div>", styles: ["select{padding:var(--select-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;height:var(--select-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", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\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: "17.0.7", ngImport: i0, type: InputSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-select', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputSelectComponent,
+                            multi: true
+                        }], template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent;\" [class]=\"itemClass\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label *ngIf=\"label\" [position]=\"labelPosition\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <select #inputSelect\r\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\r\n        (blur)=\"onBlur()\" [disabled]=\"readonly\">\r\n        <option *ngIf=\"itemNull\" [value]=\"''\" selected>{{ opcaoDefault }}</option>\r\n        <option *ngFor=\"let item of itens\" [value]=\"item[itemId]\" [selected]=\"item[itemId] == data\">{{ item[itemNome] }}\r\n        </option>\r\n      </select>    \r\n    </ion-item>\r\n  \r\n    \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n    \r\n  </div>", styles: ["select{padding:var(--select-padding, 4px);border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;height:var(--select-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", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { selectChange: [{
+                type: Output
+            }], selectChangeEntity: [{
+                type: Output
+            }], itens: [{
+                type: Input
+            }], itemId: [{
+                type: Input
+            }], itemNome: [{
+                type: Input
+            }], showNovo: [{
+                type: Input
+            }], itemNull: [{
+                type: Input
+            }], opcaoDefault: [{
+                type: Input
+            }] } });
+
+class ModelTreeviewComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ModelTreeviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ModelTreeviewComponent, selector: "kb-model-treeview", ngImport: i0, template: "<p>model-treeview works!</p>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ModelTreeviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-model-treeview', template: "<p>model-treeview works!</p>\n" }]
+        }], ctorParameters: () => [] });
+
+class InputPesquisaComponent extends BaseInputComponent {
+    writeValue(value) {
+        //console.log('write value', value);
+        this.onChange(value);
+        this.data = value;
+        if (value == null || value == 0) {
+            this.writePesquisa('');
+            this.selectedItem = null;
+        }
+        else {
+            if (this.loadInit == true) {
+                this.loadInit = false;
+                this.modelChanged.next(value);
+                //this.carregaItemIdParaLista(value);
+            }
+            else {
+                //console.log(this.selectedItem);
+                if (!this.selectedItem || (this.selectedItem && this.selectedItem[this.campoId] != value)) {
+                    console.log('Id diferente');
+                    this.modelChanged.next(value);
+                    //this.carregaItemIdParaLista(value);
+                }
+            }
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    constructor(config, httpClient, modalCtrl) {
+        super();
+        this.config = config;
+        this.httpClient = httpClient;
+        this.modalCtrl = modalCtrl;
+        this.podePesquisar = true;
+        this.textoPesquisa = '';
+        this.selectElementVisivel = false;
+        this.listaPesquisa = [];
+        this.max = '30';
+        this.pesquisaSubject = new Subject();
+        this.filterFunction = null;
+        this.selectId = 'selectElement';
+        this.campoId = 'Id';
+        this.campoPaiId = 'PaiId';
+        this.campoDisplay = 'Descricao';
+        this.tipo = '';
+        //@ViewChild('selectElement', { read: ElementRef, static: true }) selectElement;
+        this.selectElement = null;
+        this.pesquisaChange = new EventEmitter();
+        //parametros para chamada API
+        //endpoint para pesquisa por digitação
+        this.url = '';
+        this.urlItem = '';
+        //endpoint para montar a arvore, se estiver vazia será usado o campo 'url'
+        this.urlTree = '';
+        this.empresa = 0;
+        this.loadInit = false;
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        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 => {
+            this.carregaItemIdParaLista(data);
+        });
+    }
+    onBlur(event) {
+        console.log('blur', event);
+        //console.log(event.detail.relatedTarget);
+        if (event.detail.relatedTarget == null || event.detail.relatedTarget.id.indexOf(this.selectId + 'IonItem') == -1) {
+            //console.log("true", event.detail.relatedTarget.id);
+            //pesquisar item na lista
+            if (!this.existeNaListaTexto(this.textoPesquisa, true)) {
+                this.limparClick();
+            }
+            this.dropDownPesquisa(0);
+            if (this.form) {
+                this.form.get(this.formControlName)?.markAsTouched();
+            }
+        }
+    }
+    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)) {
+                return this.httpClient.get(url);
+            }
+            else
+                return of([]);
+        }))
+            .subscribe({
+            next: (result) => {
+                //this.listaPesquisa = result;
+                this.console.log('subject subscribe result:', result);
+                this.listaPesquisa = [];
+                if (result && result.length > 0) {
+                    if (this.filterFunction) {
+                        result = result.filter(this.filterFunction);
+                    }
+                    result.forEach((ent, index) => {
+                        this.listaPesquisa.push({ ...ent, Index: index, Selected: false });
+                    });
+                }
+                this.podePesquisar = true;
+                if (this.listaPesquisa.length > 0) {
+                    this.dropDownPesquisa(this.listaPesquisa.length);
+                }
+            },
+            error: (error) => {
+                this.podePesquisar = true;
+                console.log('erro pesquisa', error);
+            }
+        });
+    }
+    writePesquisa(value) {
+        //console.log('write pesquisa', value);
+        this.textoPesquisa = value;
+    }
+    showPesquisa(e) {
+        //console.log('show pesquisa', e.keyCode);
+        var self = this;
+        const index = e.target.selectionStart >= 1 ? (e.target.selectionStart - 1) : 0;
+        //console.log(index, 'valor ', event.target.value, 'char ', event.target.value.charCodeAt(index));
+        const keyAt = e.target.value.charCodeAt(index);
+        /*
+        if ((e.keyCode >= 48 && e.keyCode <= 57) ||
+          (keyAt >= 48 && keyAt <= 57) ||
+          (e.keyCode >= 65 && e.keyCode <= 90) ||
+          (e.keyCode >= 96 && e.keyCode <= 105) ||
+          (e.keyCode == 8)) {
+            */
+        if (e.keyCode != 40 && e.keyCode != 38) {
+            if (!self.podePesquisar) {
+                return;
+            }
+            let filtro = self.textoPesquisa;
+            if (filtro != null && filtro != '' && filtro.length >= 2) {
+                self.pesquisarEntidade(filtro);
+            }
+            else {
+                if (e.keyCode == 8 && !filtro) {
+                    this.limparClick();
+                }
+            }
+        }
+        else {
+            if (e.keyCode == 40 || e.keyCode == 38) {
+                self.dropDownPesquisa(self.listaPesquisa.length);
+                if (self.selectElementVisivel == true) {
+                    //let select = self.selectElement; //document.getElementById(self.TemplateSelect1Id());
+                    //ion-list
+                    //selecionado
+                    //console.log(self.listaPesquisa);
+                    let inc = e.keyCode == 40 ? 1 : -1;
+                    let selected = self.listaPesquisa.find(s => s['Selected'] === true);
+                    let cur = 0;
+                    if (selected != null) {
+                        cur = selected['Index'];
+                        //desmarcar o atual
+                        selected['Selected'] = false;
+                        cur = cur + inc;
+                    }
+                    else {
+                        cur = 0;
+                    }
+                    if (cur < 0) {
+                        cur = self.listaPesquisa.length - 1;
+                    }
+                    else if (cur >= self.listaPesquisa.length) {
+                        cur = 0;
+                    }
+                    let novoSelected = self.listaPesquisa.find(n => n['Index'] === cur);
+                    if (novoSelected != null) {
+                        novoSelected['Selected'] = true;
+                        self.selectedItem = novoSelected;
+                        self.textoPesquisa = novoSelected[self.campoDisplay];
+                    }
+                    /*
+                    let select = document.getElementById(this.selectId) as any;
+                    console.log('select Element', select)
+                    if (select != null) {
+                      let inc = e.keyCode == 40 ? 1 : -1;
+                      let cur = select.selectedIndex;
+                      if (cur == NaN) cur = -1;
+                      select.selectedIndex = cur + inc;
+                      if (select.selectedIndex >= 0 && select.selectedIndex < self.listaPesquisa.length) {
+                        self.selectedItem = self.listaPesquisa[select.selectedIndex];
+                        if (self.selectedItem != null) {
+                          self.textoPesquisa = self.selectedItem[self.campoDisplay];
+                        }
+                      }
+                    }
+                    */
+                }
+            }
+            else if (e.keyCode == 13) {
+                console.log('enter key', e);
+                //self.selecionarComboClick(e);
+                self.selecionarComboClick(null);
+                //return false;
+            }
+            else if (e.keyCode == 27) {
+                //ESC
+                self.dropDownPesquisa(0);
+            }
+        }
+    }
+    highlight(texto) {
+        let index = texto.toLowerCase().indexOf(this.textoPesquisa.toLowerCase());
+        //console.log(index);
+        if (index >= 0) {
+            return texto.substring(0, index) + '<strong>' + texto.substring(index, index + this.textoPesquisa.length) + '</strong>' + texto.substring(index + this.textoPesquisa.length); //texto.replace(this.textoPesquisa, `<strong>${this.textoPesquisa}</strong>`);
+        }
+        else {
+            return texto;
+        }
+    }
+    selecionarComboClick(item) {
+        // console.log(item);
+        var self = this;
+        // console.log('combo click', self);
+        /*
+        let select = document.getElementById(this.selectId) as any;
+        if (select.selectedIndex >= 0) {
+          self.selectedItem = self.listaPesquisa[select.selectedIndex];
+        }
+        console.log('selected', this.selectedItem);
+        //self.selectedItem = this.listaPesquisa.find(i => i[this.campoId] == e);
+        if (self.selectedItem != null) {
+          self.textoPesquisa = self.selectedItem[self.campoDisplay];
+          self.writeValue(self.selectedItem[self.campoId]);
+          if (e != null) {
+            self.selectElementVisivel = false;
+            if (self.action != null) {
+              self.action(self.selectedItem(), e);
+            }
+          }
+        }
+        else {
+          self.selectElementVisivel = false;
+        }
+        */
+        // pesquisar selecionado
+        // console.log(this.listaPesquisa);
+        let selected = this.listaPesquisa.find(s => s['Selected'] === true);
+        // if (!selected) {
+        //   console.log(this.campoId, item);
+        //   selected = this.listaPesquisa.filter( s => s[this.campoId] == item[this.campoId]);
+        // }
+        //se o item form passado como parametro (click no ion-item)
+        if (item != null) {
+            if (selected != null) {
+                selected['Selected'] = false;
+            }
+            item['Selected'] = true;
+            selected = item;
+        }
+        if (selected != null) {
+            self.selectedItem = selected;
+            self.textoPesquisa = selected[self.campoDisplay];
+            self.writeValue(selected[self.campoId]);
+            self.selectElementVisivel = false;
+            //console.log('action', self.change);
+            if (self.pesquisaChange != null) {
+                self.pesquisaChange.emit(self.selectedItem);
+            }
+        }
+        else {
+            self.selectElementVisivel = false;
+        }
+        // this.listaPesquisa.forEach( pesquisa => {
+        //   console.log(pesquisa, self.data);
+        // } );
+        // console.log(this.textoPesquisa);
+    }
+    selecionarComboChange(e) {
+        var self = this;
+        console.log('combo change', e);
+        self.selectedItem = this.listaPesquisa.find(i => i[this.campoId] == e);
+        if (self.selectedItem != null) {
+            self.writeValue(e);
+            self.textoPesquisa = self.selectedItem[self.campoDisplay];
+            if (e != null) {
+                self.selectElementVisivel = false;
+                if (self.pesquisaChange != null) {
+                    self.pesquisaChange.emit(self.selectedItem);
+                }
+            }
+        }
+        else {
+            self.selectElementVisivel = false;
+        }
+    }
+    dropDownPesquisa(length) {
+        var self = this;
+        if (self.listaPesquisa != null && self.listaPesquisa.length > 0) {
+            if (length == -1) {
+                length = self.listaPesquisa.length;
+            }
+            self.selectElementVisivel = length == 0 ? false : true;
+            //console.log(this.selectElement);
+            //this.selectElement.open();
+            /*
+            //let element = this.selectElement;
+            let element = document.getElementById(this.selectId);
+            console.log('dropDown', element);
+            (element as any).size = length + 1;
+            if (length == 0) {
+              self.selectElementVisivel = false;
+            } else {
+              self.selectElementVisivel = true;
+            }
+            */
+        }
+    }
+    pesquisarEntidade(filtro) {
+        let url = this.url.replace('<<FILTRO>>', filtro).replace('<<EMPRESA>>', this.empresa.toString());
+        console.log('pesquisarEntidade url', url);
+        this.podePesquisar = false;
+        this.pesquisaSubject.next(url);
+    }
+    pesquisarEntidadeOld(filtro) {
+        let url = this.url.replace('<<FILTRO>>', filtro).replace('<<EMPRESA>>', this.empresa.toString());
+        console.log('pesquisarEntidade url', url);
+        this.podePesquisar = false;
+        this.httpClient.get(url)
+            .subscribe({ next: (result) => {
+                //this.listaPesquisa = result;
+                if (this.filterFunction) {
+                    result = result.filter(this.filterFunction);
+                }
+                this.listaPesquisa = [];
+                result.forEach((ent, index) => {
+                    this.listaPesquisa.push({ ...ent, Index: index, Selected: false });
+                });
+                this.podePesquisar = true;
+                if (this.listaPesquisa.length > 0) {
+                    this.dropDownPesquisa(this.listaPesquisa.length);
+                }
+            }, error: error => {
+                console.log('erro pesquisa', error);
+                this.podePesquisar = true;
+            } });
+    }
+    existeNaLista(id, setRegistro = false) {
+        if (this.listaPesquisa && this.listaPesquisa.length > 0) {
+            let existe = this.listaPesquisa.find(l => l[this.campoId] === id);
+            if (existe) {
+                if (setRegistro) {
+                    this.selectedItem = existe;
+                    this.selecionarComboClick(this.selectedItem);
+                }
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+    }
+    existeNaListaTexto(texto, setRegistro = false) {
+        console.log("existe texto:", texto, this.campoDisplay, this.listaPesquisa);
+        if (this.listaPesquisa && this.listaPesquisa.length > 0) {
+            let existe = this.listaPesquisa.find(l => l[this.campoDisplay].toUpperCase() === texto.toUpperCase());
+            if (existe) {
+                if (setRegistro) {
+                    this.selectedItem = existe;
+                    this.selecionarComboClick(this.selectedItem);
+                }
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+    }
+    validarItemSelecionado(setarRegistro = false) {
+        console.log('validar selecionado');
+        //passar pela função de filtro
+        let valido = false;
+        if (this.selectedItem) {
+            if (this.filterFunction) {
+                let existe = [{ ...this.selectedItem }].filter(this.filterFunction);
+                if (existe != null && existe.length > 0) {
+                    valido = true;
+                }
+            }
+            else {
+                valido = true;
+            }
+            if (valido && setarRegistro) {
+                this.selecionarComboClick(this.selectedItem);
+            }
+            return valido;
+        }
+        else {
+            return false;
+        }
+    }
+    carregaItemIdParaLista(id) {
+        let url = this.urlItem.replace('<<ID>>', id.toString());
+        console.log(this.urlItem);
+        console.log('pesquisar ID url', url);
+        this.podePesquisar = false;
+        this.httpClient.get(url)
+            .subscribe({ next: (result) => {
+                this.listaPesquisa = [];
+                this.listaPesquisa.push({ ...result, Index: 0, Selected: true });
+                this.podePesquisar = true;
+                if (this.listaPesquisa.length > 0) {
+                    this.selectedItem = this.listaPesquisa[0];
+                    this.selecionarComboClick(this.selectedItem);
+                }
+            }, error: error => {
+                console.log('erro pesquisa', error);
+                this.podePesquisar = true;
+            } });
+    }
+    limparClick() {
+        this.writeValue(null);
+        this.writePesquisa(null);
+        this.listaPesquisa = [];
+        this.dropDownPesquisa(0);
+        //this.podePesquisar = true;
+        this.pesquisaSubject.next('');
+        if (this.limpar) {
+            this.limpar();
+        }
+    }
+    verificarPesquisa() {
+        //TODO: verificar se o texto corresponde com um item da lista
+        this.selecionarComboClick(null);
+    }
+    async pesquisarClick() {
+        /*
+        if (this.pesquisaAction != null) {
+          this.pesquisaAction();
+        }
+        */
+        //pesquisaCategoria
+        console.log(this.filterFunction, this.url, this.urlTree);
+        const modal = await this.modalCtrl.create({
+            component: ModelTreeviewComponent,
+            componentProps: {
+                //campoId: this.campoId,
+                //campoPai: this.campoPaiId,
+                //campoLabel: this.campoDisplay,
+                filterFunction: this.filterFunction,
+                empresaSelecionadaId: this.empresa,
+                tipo: this.tipo,
+                //especifico
+                //planoContas: this.planoContas,
+                url: this.isEmpty(this.urlTree) ? this.url : this.urlTree
+            },
+            cssClass: 'my-custom-modal-pesquisa'
+        });
+        modal.onDidDismiss().then(data => {
+            let result = data['data'];
+            console.log(result);
+            if (result != null && result.Id > 0) {
+                this.carregaItemIdParaLista(result.Id);
+            }
+        });
+        modal.present();
+    }
+    isEmpty(valor) {
+        return valor == null || valor == undefined || valor == '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputPesquisaComponent, deps: [{ token: LibConfigService }, { token: i1$1.HttpClient }, { token: i2.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputPesquisaComponent, selector: "kb-input-pesquisa", inputs: { textoPesquisa: "textoPesquisa", max: "max", filterFunction: "filterFunction", selectId: "selectId", campoId: "campoId", campoPaiId: "campoPaiId", campoDisplay: "campoDisplay", tipo: "tipo", pesquisaChange: "pesquisaChange", 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;\">\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; margin-top: 2px;\" [class]=\"itemClass\">\r\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ campo }}\"  -->\r\n      <ion-spinner *ngIf=\"!podePesquisar\"\r\n        style=\"--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;\" \r\n        slot=\"start\" name=\"lines\"></ion-spinner>\r\n      <!-- (ionBlur)=\"verificarPesquisa()\" -->\r\n      <!-- conflito com click da lista -->\r\n      <ion-input #inputPesquisa\r\n        type=\"{{type}}\" \r\n        [placeholder]=\"placeholder\" \r\n        maxlength=\"{{ max }}\" \r\n        (ionBlur)=\"onBlur($event)\"\r\n        [value]=\"textoPesquisa\" (input)=\"writePesquisa(inputPesquisa.value)\" \r\n        (keyup)=\"showPesquisa($event)\"\r\n        autocomplete=\"off\" [style.--background]=\"inputBackgroungColor\"\r\n        (click)=\"dropDownPesquisa(-1)\"\r\n        [disabled]=\"readonly\" debounce=\"500\"></ion-input>\r\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\r\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\r\n        (click)=\"limparClick()\">\r\n        <ion-icon name=\"close-outline\"></ion-icon>\r\n      </ion-button>\r\n  \r\n      <!--\r\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\r\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\r\n        (click)=\"pesquisarClick()\">\r\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\r\n      </ion-button>\r\n      -->\r\n      \r\n    </ion-item>\r\n  \r\n    <ion-list tabindex=\"-1\" [hidden]=\"!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0\" class=\"pesquisa-list\" style=\"max-height: 250px; overflow-y: auto;\">\r\n      \r\n      <ion-item tabindex=\"-1\" button *ngFor=\"let item of listaPesquisa\" \r\n      (click)=\"selecionarComboClick(item)\" [id]=\"selectId + 'IonItem' + item['Index']\"\r\n        class=\"pesquisa-item\">\r\n        <!-- {{ item | json}} -->\r\n        <span [class]=\"{'selected-item': item['Selected'] === true}\" [innerHTML]=\"highlight(item[campoDisplay])\"></span>\r\n      </ion-item>\r\n  \r\n    </ion-list>\r\n  \r\n    <!--\r\n    <ion-select interface=\"popover\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\r\n      (ionChange)=\"selecionarComboChange($event.target.value)\">\r\n      <ion-select-option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\r\n        {{ item[campoDisplay] }}\r\n      </ion-select-option>\r\n    </ion-select>\r\n    -->\r\n  \r\n    <!--\r\n    <select [id]=\"selectId\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\r\n      (change)=\"selecionarComboChange($event.target.value)\" class=\"pesquisa-select\">\r\n      <option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\r\n        {{ item[campoDisplay] }}\r\n      </option>\r\n  \r\n    </select>\r\n    -->\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n  \r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n  \r\n    </div>\r\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", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\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", "form", "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", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "legacy", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "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: "17.0.7", 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;\">\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; margin-top: 2px;\" [class]=\"itemClass\">\r\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ campo }}\"  -->\r\n      <ion-spinner *ngIf=\"!podePesquisar\"\r\n        style=\"--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;\" \r\n        slot=\"start\" name=\"lines\"></ion-spinner>\r\n      <!-- (ionBlur)=\"verificarPesquisa()\" -->\r\n      <!-- conflito com click da lista -->\r\n      <ion-input #inputPesquisa\r\n        type=\"{{type}}\" \r\n        [placeholder]=\"placeholder\" \r\n        maxlength=\"{{ max }}\" \r\n        (ionBlur)=\"onBlur($event)\"\r\n        [value]=\"textoPesquisa\" (input)=\"writePesquisa(inputPesquisa.value)\" \r\n        (keyup)=\"showPesquisa($event)\"\r\n        autocomplete=\"off\" [style.--background]=\"inputBackgroungColor\"\r\n        (click)=\"dropDownPesquisa(-1)\"\r\n        [disabled]=\"readonly\" debounce=\"500\"></ion-input>\r\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\r\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\r\n        (click)=\"limparClick()\">\r\n        <ion-icon name=\"close-outline\"></ion-icon>\r\n      </ion-button>\r\n  \r\n      <!--\r\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\r\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\r\n        (click)=\"pesquisarClick()\">\r\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\r\n      </ion-button>\r\n      -->\r\n      \r\n    </ion-item>\r\n  \r\n    <ion-list tabindex=\"-1\" [hidden]=\"!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0\" class=\"pesquisa-list\" style=\"max-height: 250px; overflow-y: auto;\">\r\n      \r\n      <ion-item tabindex=\"-1\" button *ngFor=\"let item of listaPesquisa\" \r\n      (click)=\"selecionarComboClick(item)\" [id]=\"selectId + 'IonItem' + item['Index']\"\r\n        class=\"pesquisa-item\">\r\n        <!-- {{ item | json}} -->\r\n        <span [class]=\"{'selected-item': item['Selected'] === true}\" [innerHTML]=\"highlight(item[campoDisplay])\"></span>\r\n      </ion-item>\r\n  \r\n    </ion-list>\r\n  \r\n    <!--\r\n    <ion-select interface=\"popover\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\r\n      (ionChange)=\"selecionarComboChange($event.target.value)\">\r\n      <ion-select-option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\r\n        {{ item[campoDisplay] }}\r\n      </ion-select-option>\r\n    </ion-select>\r\n    -->\r\n  \r\n    <!--\r\n    <select [id]=\"selectId\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\r\n      (change)=\"selecionarComboChange($event.target.value)\" class=\"pesquisa-select\">\r\n      <option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\r\n        {{ item[campoDisplay] }}\r\n      </option>\r\n  \r\n    </select>\r\n    -->\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n  \r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n  \r\n    </div>\r\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", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LibConfigService]
+                }] }, { type: i1$1.HttpClient }, { type: i2.ModalController }], propDecorators: { textoPesquisa: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], filterFunction: [{
+                type: Input
+            }], selectId: [{
+                type: Input
+            }], campoId: [{
+                type: Input
+            }], campoPaiId: [{
+                type: Input
+            }], campoDisplay: [{
+                type: Input
+            }], tipo: [{
+                type: Input
+            }], selectElement: [{
+                type: ViewChild,
+                args: ['selectElement', { static: false }]
+            }], pesquisaChange: [{
+                type: Input
+            }], pesquisaAction: [{
+                type: Input
+            }], limpar: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], urlItem: [{
+                type: Input
+            }], urlTree: [{
+                type: Input
+            }], empresa: [{
+                type: Input
+            }], loadInit: [{
+                type: Input
+            }] } });
+
+class InputValorComponent extends BaseInputComponent {
+    writeValue(value) {
+        //console.log('write value', value);
+        this.onChange(value);
+        this.data = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    constructor() {
+        super();
+        this.maxValor = null;
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    ngOnInit() { }
+    onBlur() {
+        if (this.form) {
+            this.form.get(this.formControlName)?.markAsTouched();
+        }
+        //verificar o valor
+        if (this.maxValor) {
+            if (this.form) {
+                //console.log(this.form.get(this.formControlName).value);
+                let valor = this.strToFloatZero(this.form.get(this.formControlName).value);
+                if (valor > this.maxValor) {
+                    this.form.patchValue({
+                        [this.formControlName]: this.converterValorDecimalMil((this.maxValor * 100).toString())
+                    });
+                }
+            }
+            else {
+                let valor = this.strToFloatZero(this.data);
+                if (valor > this.maxValor) {
+                    this.data = this.converterValorDecimalMil((this.maxValor * 100).toString());
+                    this.writeValue(this.data);
+                }
+            }
+        }
+        if (this.blur) {
+            this.blur.emit(this.blurArgs);
+        }
+    }
+    digitarValor(event) {
+        //this.item.vendaunitario = this.utils.converterValorDecimal(this.item.vendaunitario);
+        setTimeout(() => {
+            if (this.form) {
+                this.form.patchValue({
+                    [this.formControlName]: this.converterValorDecimalMil(this.form.get(this.formControlName)?.value)
+                });
+            }
+            else {
+                this.data = this.converterValorDecimalMil(this.data);
+                this.writeValue(this.data);
+            }
+        }, 100);
+        return true;
+    }
+    isEmpty(str) {
+        return str == null || str == undefined || str == '';
+    }
+    converterValorDecimalMil(campo, casas = 2) {
+        if (!this.isEmpty(campo)) {
+            //console.log('converterValorDecimal');
+            //console.log('campo:', campo, ' replaced: ', campo.replace(',', '').replace('.', ''));      
+            if (campo == '-') {
+                return campo;
+            }
+            let valor = parseFloat(campo.replace(',', '').replace('.', '').replace('.', '').replace('.', ''));
+            if (isNaN(valor)) {
+                return '';
+            }
+            let valordiv = parseInt("1" + this.stringOfChar("0", casas));
+            //valor /= 100;      
+            console.log(valor, '/', valordiv);
+            valor /= valordiv;
+            console.log('=', valor);
+            return this.decimalToStringMil(valor);
+            /*
+            var str = valor.toString().replace('.', ',');
+            var aStr = str.split(',');
+            if (aStr.length == 1) {
+              //str += ',00';
+              str += ',' + this.stringOfChar('0', casas);
+            }
+            else {
+              //str += this.stringOfChar('0', 2 - aStr[1].length);
+              str += this.stringOfChar('0', casas - aStr[1].length);
+            }
+            return str;
+            */
+        }
+        else
+            return campo;
+    }
+    decimalToStringMil(number) {
+        if (number != null) {
+            if (number == 0 || number == '0') {
+                return '0,00';
+            }
+            //console.log(number);
+            let numero = number.toFixed(2).split('.');
+            numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.');
+            return numero.join(',').replace('-.', '-');
+        }
+        else
+            return '';
+    }
+    stringOfChar(str, tam) {
+        var res = '';
+        for (var i = 0; i < tam; i++) {
+            res += str;
+        }
+        return res;
+    }
+    strToFloatZero(str) {
+        if (Number.isFinite(str))
+            return str;
+        if (this.isEmpty(str))
+            return 0;
+        else
+            return parseFloat(str.replace('.', '').replace(',', '.'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputValorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputValorComponent, selector: "kb-input-valor", inputs: { maxValor: "maxValor" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: InputValorComponent,
+                multi: true
+            }], viewQueries: [{ propertyName: "inputValorEdit", first: true, predicate: ["inputValor"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <ion-input #inputValor\r\n        type=\"text\"       \r\n        [placeholder]=\"placeholder\" \r\n        maxlength=\"{{ max }}\"\r\n        (ionBlur)=\"onBlur()\"\r\n        [value]=\"data\"\r\n        (input)=\"writeValue(inputValor.value)\"          \r\n        (keypress)=\"digitarValor($event)\"\r\n        [clearInput]=\"botaoLimpar\"\r\n        [disabled]=\"readonly\"></ion-input>\r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n  \r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n  \r\n    </div>\r\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", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\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", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "legacy", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "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: "17.0.7", ngImport: i0, type: InputValorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-valor', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputValorComponent,
+                            multi: true
+                        }], template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <ion-input #inputValor\r\n        type=\"text\"       \r\n        [placeholder]=\"placeholder\" \r\n        maxlength=\"{{ max }}\"\r\n        (ionBlur)=\"onBlur()\"\r\n        [value]=\"data\"\r\n        (input)=\"writeValue(inputValor.value)\"          \r\n        (keypress)=\"digitarValor($event)\"\r\n        [clearInput]=\"botaoLimpar\"\r\n        [disabled]=\"readonly\"></ion-input>\r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n  \r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n  \r\n    </div>\r\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", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { maxValor: [{
+                type: Input
+            }], inputValorEdit: [{
+                type: ViewChild,
+                args: ['inputValor', { read: ElementRef, static: true }]
+            }] } });
+
+class InputAreaComponent extends BaseInputComponent {
+    writeValue(value) {
+        //console.log('write value', value);
+        this.onChange(value);
+        this.data = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    constructor() {
+        super();
+        this.linhas = 5;
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    ngOnInit() { }
+    onBlur() {
+        if (this.form) {
+            this.form.get(this.formControlName)?.markAsTouched();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputAreaComponent, selector: "kb-input-area", inputs: { linhas: "linhas" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: InputAreaComponent,
+                multi: true
+            }], usesInheritance: true, ngImport: i0, template: "<div>\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\">\r\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <ion-textarea #inputArea        \r\n        [placeholder]=\"placeholder\"       \r\n        maxlength=\"{{ max }}\"\r\n        (ionBlur)=\"onBlur()\"\r\n        [value]=\"data\"\r\n        [rows]=\"linhas\"      \r\n        (input)=\"writeValue(inputArea.value)\"\r\n        [disabled]=\"readonly\"></ion-textarea>\r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n  \r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n  \r\n    </div>\r\n  </div>", styles: ["ion-label{margin-bottom:4px!important}ion-textarea{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\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", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "legacy", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "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: "17.0.7", ngImport: i0, type: InputAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-area', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputAreaComponent,
+                            multi: true
+                        }], template: "<div>\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\">\r\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <ion-textarea #inputArea        \r\n        [placeholder]=\"placeholder\"       \r\n        maxlength=\"{{ max }}\"\r\n        (ionBlur)=\"onBlur()\"\r\n        [value]=\"data\"\r\n        [rows]=\"linhas\"      \r\n        (input)=\"writeValue(inputArea.value)\"\r\n        [disabled]=\"readonly\"></ion-textarea>\r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n  \r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n  \r\n    </div>\r\n  </div>", styles: ["ion-label{margin-bottom:4px!important}ion-textarea{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { linhas: [{
+                type: Input
+            }] } });
+
+class InputCepComponent extends BaseInputComponent {
+    constructor() {
+        super();
+        this.formato = '00000-000';
+        this.keyEnter = null;
+        this.getResultados = null;
+        //control value acessor
+        this.data = null;
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+    }
+    writeValue(value) {
+        //console.log('write value', value);
+        this.onChange(value);
+        this.data = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    ngOnInit() {
+    }
+    digitarFormatado(event) {
+        console.log(event);
+        if ((event.keyCode >= 48 && event.keyCode <= 57)
+            || (event.keyCode >= 96 && event.keyCode <= 105)
+            || (event.keyCode == 8)
+            || (event.keyCode == 9)
+            || (event.keyCode == 39)
+            || (event.keyCode == 37)
+            || (event.keyCode == 46)) {
+            //console.log(this.formControlName, this.form.get(this.formControlName).value);
+            setTimeout(() => {
+                if (this.form) {
+                    this.form.patchValue({
+                        [this.formControlName]: this.formataCampoValor(this.form.get(this.formControlName)?.value, this.formato ?? '', event)
+                    });
+                }
+                else {
+                    this.data = this.formataCampoValor(this.data ?? '', this.formato ?? '', event);
+                    this.writeValue(this.data);
+                }
+            }, 100);
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    onKeyEnter() {
+        if (this.keyEnter != null) {
+            this.keyEnter();
+        }
+        else {
+            if (this.getResultados != null) {
+                this.pesquisarClick();
+            }
+        }
+    }
+    onBlur() {
+        if (this.form) {
+            this.form.get(this.formControlName)?.markAsTouched();
+        }
+        if (this.blur) {
+            this.blur.emit(this.blurArgs);
+        }
+    }
+    formataCampoValor(valor, Mascara, evento) {
+        console.log(valor);
+        if (!valor)
+            return null;
+        //console.log(evento);
+        //if (!this.keypressInteiro(evento))
+        //  return;
+        var boleanoMascara;
+        var Digitato = evento != null ? evento.keyCode : 0;
+        let exp = /\-|\.|\/|\(|\)| /g;
+        let campoSoNumeros = valor.replace(exp, "");
+        var posicaoCampo = 0;
+        var NovoValorCampo = "";
+        var TamanhoMascara = campoSoNumeros.length;
+        ;
+        if (Digitato != 8) { // backspace 
+            for (let i = 0; i <= TamanhoMascara; i++) {
+                boleanoMascara = ((Mascara.charAt(i) == "-") || (Mascara.charAt(i) == ".")
+                    || (Mascara.charAt(i) == "/"));
+                boleanoMascara = boleanoMascara || ((Mascara.charAt(i) == "(")
+                    || (Mascara.charAt(i) == ")") || (Mascara.charAt(i) == " "));
+                if (boleanoMascara) {
+                    NovoValorCampo += Mascara.charAt(i);
+                    TamanhoMascara++;
+                }
+                else {
+                    NovoValorCampo += campoSoNumeros.charAt(posicaoCampo);
+                    posicaoCampo++;
+                }
+            }
+            return NovoValorCampo;
+        }
+        else {
+            return valor;
+        }
+    }
+    pesquisarClick() {
+        const cep = this.data;
+        //se não estiver informado o cep, não fazer a pesquisa
+        if (cep == null || cep == "") {
+            return;
+        }
+        this.getEnderecoPeloCep(cep).subscribe({
+            next: (result) => {
+                console.log('result CEP', result);
+                let cidadePesquisa = result.localidade;
+                cidadePesquisa = this.converteCaracteresEspeciais(cidadePesquisa.toUpperCase());
+                if (this.getResultados) {
+                    this.getResultados(result);
+                }
+            }, error: (error) => {
+            }
+        });
+    }
+    //substituição de caracteres
+    converteCaracteresEspeciais(nome) {
+        var res = nome.replace(/Ã/g, "A");
+        res = res.replace(/Á/g, "A");
+        res = res.replace(/Ç/g, "C");
+        res = res.replace(/É/g, "E");
+        res = res.replace(/Â/g, "A");
+        res = res.replace(/Ô/g, "O");
+        res = res.replace(/Ó/g, "O");
+        res = res.replace(/Ú/g, "U");
+        res = res.replace(/Í/g, "I");
+        return res;
+    }
+    getEnderecoPeloCep(cep) {
+        return new Observable((x) => {
+            var request = new XMLHttpRequest();
+            request.open('get', `https://viacep.com.br/ws/${cep}/json/`, true);
+            request.send();
+            request.onload = function () {
+                var data = JSON.parse(this.response);
+                x.next(data);
+            };
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputCepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputCepComponent, selector: "kb-input-cep", inputs: { formato: "formato", keyEnter: "keyEnter", getResultados: "getResultados" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: InputCepComponent,
+                multi: true
+            }], usesInheritance: true, ngImport: i0, template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\" [class]=\"itemClass\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\r\n      <!-- formControlName={{formControlName}} -->\r\n      <ion-input #inputCep\r\n      type=\"tel\" \r\n      [placeholder]=\"placeholder\"\r\n      maxlength=\"{{ max }}\" \r\n      (keydown)=\"digitarFormatado($event)\" \r\n      (keyup.enter)=\"onKeyEnter()\"\r\n      (ionBlur)=\"onBlur()\"\r\n      [value]=\"data\"\r\n      (input)=\"writeValue(inputCep.value)\"\r\n      [disabled]=\"readonly\"></ion-input>\r\n\r\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\r\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\r\n        (click)=\"pesquisarClick()\">\r\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\r\n      </ion-button>\r\n  \r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>", styles: ["", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\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", "form", "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", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "legacy", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "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: "17.0.7", ngImport: i0, type: InputCepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-cep', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputCepComponent,
+                            multi: true
+                        }], template: "<!--\r\n<div [formGroup]=\"form\">\r\n-->\r\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\" [class]=\"itemClass\"\r\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\r\n    >\r\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\r\n      <!-- formControlName={{formControlName}} -->\r\n      <ion-input #inputCep\r\n      type=\"tel\" \r\n      [placeholder]=\"placeholder\"\r\n      maxlength=\"{{ max }}\" \r\n      (keydown)=\"digitarFormatado($event)\" \r\n      (keyup.enter)=\"onKeyEnter()\"\r\n      (ionBlur)=\"onBlur()\"\r\n      [value]=\"data\"\r\n      (input)=\"writeValue(inputCep.value)\"\r\n      [disabled]=\"readonly\"></ion-input>\r\n\r\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\r\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\r\n        (click)=\"pesquisarClick()\">\r\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\r\n      </ion-button>\r\n  \r\n    </ion-item>\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>", styles: ["@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!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-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@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-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { formato: [{
+                type: Input
+            }], keyEnter: [{
+                type: Input
+            }], getResultados: [{
+                type: Input
+            }] } });
+
+class InputArquivoComponent {
+    showImageBrowser() {
+        this.myInput.nativeElement.click();
+    }
+    writeValue(value) {
+        this.onChange(value);
+        this.data = value;
+        if (this.callback)
+            this.callback.emit(this.filename);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    constructor() {
+        this.subir = false;
+        this.callback = new EventEmitter();
+        this.form = false;
+        this.showIcon = false;
+        this.sucessoEvent = new Subject();
+        this.onChange = (selectedColor) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+    }
+    ngOnInit() {
+    }
+    loadImagem() {
+        //console.log(this.myInput);
+        if (this.form) {
+            this.formFile = this.myInput.nativeElement.files[0];
+            this.sucessoEvent.next(true);
+        }
+        else {
+            this.formFile = this.myInput.nativeElement.files[0];
+            this.getBase64FromFile(this.myInput.nativeElement.files[0])
+                .then(result => {
+                //console.log('file: ', result.toString());
+                //console.log('nome do arquivo: ', this.nomeArquivo.toLowerCase());
+                let searchstr = result.toString().substring(0, result.toString().indexOf('base64,')) + 'base64,';
+                console.log('searchstring', searchstr);
+                if (this.subir) {
+                    this.captureDataUrl = result.toString().replace(searchstr, '');
+                }
+                else {
+                    this.captureDataUrl = result.toString();
+                }
+                //this.utils.showToast('Imagem carregada em memória.');
+                this.sucessoEvent.next(true);
+                console.log('file', this.myInput.nativeElement.files[0]);
+                this.filename = this.myInput.nativeElement.files[0].name;
+                this.writeValue(this.captureDataUrl);
+                // if (this.nomeArquivo && this.subir) {
+                //   this.arquivoService.setImagem({ Nome: this.nomeArquivo, Conteudo: this.captureDataUrl, Status: 0, Pasta: this.pasta })
+                //     .subscribe(result => {
+                //       console.log('result set imagem', result);
+                //       if (result.Status == 200) {
+                //         this.utils.showToast('Sucesso!');
+                //       } else {
+                //         this.utils.showAlert('Erro. Tente mais tarde.' + result.Conteudo);
+                //       }
+                //     }, error => {
+                //       this.utils.showAlert('Erro. Tente mais tarde.');
+                //     })
+                // }
+            }).catch(error => {
+                this.sucessoEvent.next(false);
+            });
+        }
+    }
+    //util
+    getBase64FromFile(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = error => reject(error);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputArquivoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputArquivoComponent, selector: "kb-input-arquivo", inputs: { nomeArquivo: "nomeArquivo", caption: "caption", pasta: "pasta", subir: "subir", callback: "callback", form: "form", showIcon: "showIcon" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: InputArquivoComponent,
+                multi: true
+            }], viewQueries: [{ propertyName: "myInput", first: true, predicate: ["inputNome"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div style=\"text-align:center;\">\r\n    <ion-button style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\" fill=\"outline\" size=\"normal\" color=\"primary\" \r\n      (click)=\"showImageBrowser()\" expand=\"block\">\r\n      <ion-icon *ngIf=\"showIcon\" class=\"ion-padding-end\" src=\"/assets/icon/image_primary_24dp.svg\"></ion-icon>\r\n      {{ caption }}\r\n    </ion-button>\r\n    <input type=\"file\" id=\"upimgfile\" name=\"uploadfile\" #inputNome accept=\"image/*\" (change)=\"loadImagem()\"\r\n      style=\"display: none;\" />\r\n  </div>\r\n  ", styles: [""], dependencies: [{ 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", "form", "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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputArquivoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-arquivo', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputArquivoComponent,
+                            multi: true
+                        }], template: "<div style=\"text-align:center;\">\r\n    <ion-button style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\" fill=\"outline\" size=\"normal\" color=\"primary\" \r\n      (click)=\"showImageBrowser()\" expand=\"block\">\r\n      <ion-icon *ngIf=\"showIcon\" class=\"ion-padding-end\" src=\"/assets/icon/image_primary_24dp.svg\"></ion-icon>\r\n      {{ caption }}\r\n    </ion-button>\r\n    <input type=\"file\" id=\"upimgfile\" name=\"uploadfile\" #inputNome accept=\"image/*\" (change)=\"loadImagem()\"\r\n      style=\"display: none;\" />\r\n  </div>\r\n  " }]
+        }], ctorParameters: () => [], propDecorators: { nomeArquivo: [{
+                type: Input
+            }], caption: [{
+                type: Input
+            }], pasta: [{
+                type: Input
+            }], subir: [{
+                type: Input
+            }], callback: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], myInput: [{
+                type: ViewChild,
+                args: ['inputNome', { read: ElementRef, static: true }]
+            }] } });
+
+const LibConfigService = new InjectionToken('LibConfig');
+class AppprojectComponentsModule {
+    static forRoot(config) {
+        return {
+            ngModule: AppprojectComponentsModule,
+            providers: [
+                AppprojectComponentsService,
+                {
+                    provide: LibConfigService,
+                    useValue: config
+                }
+            ]
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsModule, declarations: [AppprojectComponentsComponent,
+            InputTextComponent,
+            InputFormatComponent,
+            InputSelectComponent,
+            InputPesquisaComponent,
+            ModelTreeviewComponent,
+            InputValorComponent,
+            InputAreaComponent,
+            InputCepComponent,
+            InputArquivoComponent], imports: [CommonModule,
+            HttpClientModule,
+            IonicModule,
+            ReactiveFormsModule], exports: [AppprojectComponentsComponent,
+            InputTextComponent,
+            InputFormatComponent,
+            InputSelectComponent,
+            InputPesquisaComponent,
+            ModelTreeviewComponent,
+            InputValorComponent,
+            InputAreaComponent,
+            InputCepComponent,
+            InputArquivoComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsModule, imports: [CommonModule,
+            HttpClientModule,
+            IonicModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AppprojectComponentsComponent,
+                        InputTextComponent,
+                        InputFormatComponent,
+                        InputSelectComponent,
+                        InputPesquisaComponent,
+                        ModelTreeviewComponent,
+                        InputValorComponent,
+                        InputAreaComponent,
+                        InputCepComponent,
+                        InputArquivoComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        IonicModule,
+                        ReactiveFormsModule
+                    ],
+                    exports: [
+                        AppprojectComponentsComponent,
+                        InputTextComponent,
+                        InputFormatComponent,
+                        InputSelectComponent,
+                        InputPesquisaComponent,
+                        ModelTreeviewComponent,
+                        InputValorComponent,
+                        InputAreaComponent,
+                        InputCepComponent,
+                        InputArquivoComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+
+/*
+ * Public API Surface of appproject-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, BaseInputComponent, InputAreaComponent, InputArquivoComponent, InputCepComponent, InputFormatComponent, InputPesquisaComponent, InputSelectComponent, InputTextComponent, InputValorComponent, LibConfigService, ModelTreeviewComponent };
+//# sourceMappingURL=appproject-components.mjs.map