appproject-components 1.0.49 → 1.0.51

package/fesm2022/appproject-components.mjs

@@ -0,0 +1,2531 @@
+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, FormsModule, 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 i2$1 from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
+import { Subject, of, Observable } from 'rxjs';
+import { debounceTime, switchMap } from 'rxjs/operators';
+import * as i1$1 from '@angular/platform-browser';
+import * as i4 from 'appproject-lib';
+import { GridTabela, LibService, ValorFormatPipe, SafeHtmlPipe } from 'appproject-lib';
+
+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';
+        this.focusField = false;
+    }
+    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", focusField: "focusField", 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
+            }], focusField: [{
+                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.showCustomAction = false;
+        this.customActionIcon = "search-outline";
+        this.customActionClick = new EventEmitter();
+        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();
+    }
+    customClick() {
+        this.customActionClick.emit();
+    }
+    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", showCustomAction: "showCustomAction", customActionIcon: "customActionIcon" }, outputs: { customActionClick: "customActionClick" }, 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  [style.opacity]=\"readonly ? '0.8' : '1'\"\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 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 }}&nbsp;</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      <ion-button size=\"small\" slot=\"end\" *ngIf=\"showCustomAction\" style=\"margin-top: var(--input-text-custom-btn-margin-top, 27px); margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"customClick()\">\r\n        <!-- (click)=\"limparClick()\" -->\r\n        <ion-icon slot=\"icon-only\" [name]=\"customActionIcon\"></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;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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  [style.opacity]=\"readonly ? '0.8' : '1'\"\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 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 }}&nbsp;</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      <ion-button size=\"small\" slot=\"end\" *ngIf=\"showCustomAction\" style=\"margin-top: var(--input-text-custom-btn-margin-top, 27px); margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"customClick()\">\r\n        <!-- (click)=\"limparClick()\" -->\r\n        <ion-icon slot=\"icon-only\" [name]=\"customActionIcon\"></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;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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
+            }], showCustomAction: [{
+                type: Input
+            }], customActionIcon: [{
+                type: Input
+            }], customActionClick: [{
+                type: Output
+            }] } });
+
+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;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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(renderer) {
+        super();
+        this.renderer = renderer;
+        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() {
+        if (this.readonly === true) {
+            //console.log("disabled");
+            setTimeout(() => {
+                //this.renderer.addClass(document.getElementById("item-select"), "item-has-focus");
+                this.renderer.addClass(this.itemSelect.nativeElement, "item-interactive-disabled");
+                //console.log('select focused', document.getElementById("item-select"));
+            }, 100);
+        }
+    }
+    onSelectChange(value) {
+        this.writeValue(value == '' ? null : 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')
+        setTimeout(() => {
+            this.renderer.removeClass(this.itemSelect.nativeElement, "item-has-focus");
+        }, 200);
+        if (this.form) {
+            this.form.get(this.formControlName)?.markAsTouched();
+        }
+    }
+    onEnter() {
+        //adicionar classe ao ion-item
+        setTimeout(() => {
+            this.renderer.addClass(this.itemSelect.nativeElement, "item-has-focus");
+            //console.log('select focused', document.getElementById("item-select"));
+        }, 200);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputSelectComponent, deps: [{ token: i0.Renderer2 }], 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
+            }], viewQueries: [{ propertyName: "itemSelect", first: true, predicate: ["itemSelect"], descendants: true, read: ElementRef }], 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\" #itemSelect\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\" class=\"focus-label\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <select #inputSelect\r\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\r\n        (blur)=\"onBlur()\" (focus)=\"onEnter()\" [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, 29px);margin-left:0;margin-bottom:2px;background-color:#fff!important}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}select:focus{outline:none!important;border:1px solid lightblue!important}select:focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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\" #itemSelect\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\" class=\"focus-label\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <select #inputSelect\r\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\r\n        (blur)=\"onBlur()\" (focus)=\"onEnter()\" [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, 29px);margin-left:0;margin-bottom:2px;background-color:#fff!important}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}select:focus{outline:none!important;border:1px solid lightblue!important}select:focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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: i0.Renderer2 }], 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
+            }], itemSelect: [{
+                type: ViewChild,
+                args: ["itemSelect", { read: ElementRef }]
+            }] } });
+
+class TreeViewNivelComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.nivelClick = new EventEmitter();
+        this.identacao = '';
+    }
+    ngOnInit() {
+        for (let i = 0; i < this.nivel; i++) {
+            this.identacao += '<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>';
+        }
+        //console.log('IDENT', this.identacao)
+    }
+    nodeClick() {
+        if (this.nivelClick) {
+            this.nivelClick.emit(this.node);
+        }
+    }
+    highlight(texto) {
+        if (!this.currentSearch)
+            return texto;
+        let index = texto.toLowerCase().indexOf(this.currentSearch.toLowerCase());
+        //console.log(index);
+        if (index >= 0) {
+            return this.sanitizer.bypassSecurityTrustHtml(texto.substring(0, index) + '<strong style="background-color: yellow !important;">' + texto.substring(index, index + this.currentSearch.length) + '</strong>' + texto.substring(index + this.currentSearch.length)); //texto.replace(this.textoPesquisa, `<strong>${this.textoPesquisa}</strong>`);
+        }
+        else {
+            return texto;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TreeViewNivelComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: TreeViewNivelComponent, selector: "kb-tree-view-nivel", inputs: { node: "node", nivel: "nivel", currentSearch: "currentSearch" }, outputs: { nivelClick: "nivelClick" }, ngImport: i0, template: "<span [innerHtml]=\"identacao\" class=\"node-link\"></span>\r\n<!-- mostrar a seta se tiver filhos ou se for raiz (nivel = 0)-->\r\n<span class=\"node-link\" *ngIf=\"!node.Expandido && (node.Filhos.length > 0 || nivel == 0)\" (click)=\"node.Expandido = !node.Expandido\"\r\n  class=\"boxSeta\">\r\n  <ion-icon name=\"chevron-forward-outline\"></ion-icon>\r\n</span>\r\n<span class=\"node-link\" *ngIf=\"node.Expandido\" (click)=\"node.Expandido = !node.Expandido\" class=\"boxSeta\">\r\n  <ion-icon name=\"chevron-down-outline\"></ion-icon>\r\n</span>\r\n<!--\r\n<span *ngIf=\"!node.Expandido\">&nbsp;&nbsp;&nbsp;</span>\r\n-->\r\n\r\n<!-- \r\n<span [class]=\"{ 'node-link' : node.Clicable === true, 'node-disabled': node.Clicable === false }\" (click)=\"nodeClick()\" title=\"{{ node.Label }}\"> {{ node.Label }}</span>\r\n-->\r\n<span [class]=\"{ 'node-link' : node.Clicable === true, 'node-disabled': node.Clicable === false }\" (click)=\"nodeClick()\" title=\"{{ node.Label }}\" [innerHTML]=\"highlight(node.Label)\"></span>\r\n", styles: [".node-link{cursor:pointer}.node-disabled{cursor:auto;color:#a9a9a9}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: TreeViewNivelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-tree-view-nivel', template: "<span [innerHtml]=\"identacao\" class=\"node-link\"></span>\r\n<!-- mostrar a seta se tiver filhos ou se for raiz (nivel = 0)-->\r\n<span class=\"node-link\" *ngIf=\"!node.Expandido && (node.Filhos.length > 0 || nivel == 0)\" (click)=\"node.Expandido = !node.Expandido\"\r\n  class=\"boxSeta\">\r\n  <ion-icon name=\"chevron-forward-outline\"></ion-icon>\r\n</span>\r\n<span class=\"node-link\" *ngIf=\"node.Expandido\" (click)=\"node.Expandido = !node.Expandido\" class=\"boxSeta\">\r\n  <ion-icon name=\"chevron-down-outline\"></ion-icon>\r\n</span>\r\n<!--\r\n<span *ngIf=\"!node.Expandido\">&nbsp;&nbsp;&nbsp;</span>\r\n-->\r\n\r\n<!-- \r\n<span [class]=\"{ 'node-link' : node.Clicable === true, 'node-disabled': node.Clicable === false }\" (click)=\"nodeClick()\" title=\"{{ node.Label }}\"> {{ node.Label }}</span>\r\n-->\r\n<span [class]=\"{ 'node-link' : node.Clicable === true, 'node-disabled': node.Clicable === false }\" (click)=\"nodeClick()\" title=\"{{ node.Label }}\" [innerHTML]=\"highlight(node.Label)\"></span>\r\n", styles: [".node-link{cursor:pointer}.node-disabled{cursor:auto;color:#a9a9a9}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }], propDecorators: { nivelClick: [{
+                type: Output
+            }], node: [{
+                type: Input
+            }], nivel: [{
+                type: Input
+            }], currentSearch: [{
+                type: Input
+            }] } });
+
+class TreeViewComponent {
+    constructor() {
+        this.itens = [];
+        this.caixaClass = 'caixa';
+        this.beforeUpdate = new EventEmitter();
+        this.selecionarRegistro = new EventEmitter();
+        this.arvore = [];
+    }
+    ngOnInit() {
+        //throw new Error('Method not implemented.');
+    }
+    montaArvore(pai, arvore) {
+        if (arvore && arvore.length > 0) {
+            //procurar os filhos de cada no
+            arvore.forEach(f => {
+                //console.log('no atual:', f, );
+                let filhos = this.itens.filter(i => i[this.campoPai] == f.Id);
+                //console.log('filhos atual:', filhos);
+                f.Filhos = [];
+                filhos.forEach(fi => {
+                    f.Filhos.push({ Id: fi[this.campoId], Pai: f.Id, Label: fi[this.campoLabel], Filhos: [], Expandido: false, Clicable: (fi['ClicableTree'] == null || fi['ClicableTree'] === true) });
+                });
+                return this.montaArvore(0, f.Filhos);
+            });
+            return 0;
+        }
+        else {
+            //console.log('sem filhos');
+            return 0;
+        }
+    }
+    arvoreClick(before = true) {
+        if (this.beforeUpdate && before) {
+            this.beforeUpdate.emit();
+            return;
+        }
+        this.arvore = [];
+        //console.log('tree itens', this.itens);
+        if (this.itens && this.itens.length > 0) {
+            //montar arvore pais
+            this.itens.forEach(it => {
+                if (it[this.campoPai] == null) {
+                    //é pai
+                    this.arvore.push({ Id: it[this.campoId], Pai: null, Label: it[this.campoLabel], Filhos: [], Expandido: false, Clicable: (it['ClicableTree'] == null || it['ClicableTree'] === true) });
+                }
+            });
+            this.montaArvore(0, this.arvore);
+            console.log('arvore', this.arvore);
+        }
+    }
+    expandir(arvore = null) {
+        if (arvore == null) {
+            arvore = this.arvore;
+        }
+        if (arvore && arvore.length > 0) {
+            //procurar os filhos de cada no
+            arvore.forEach(f => {
+                //expandir
+                f.Expandido = true;
+                return this.expandir(f.Filhos);
+            });
+            return 0;
+        }
+        else {
+            //console.log('sem filhos');
+            return 0;
+        }
+    }
+    carregarRegistro(node) {
+        console.log('carrega registro', node);
+        this.selecionarRegistro.next({ Cadastro: this.cadastro, Id: node.Id });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: TreeViewComponent, selector: "kb-tree-view", inputs: { itens: "itens", campoId: "campoId", campoPai: "campoPai", campoLabel: "campoLabel", cadastro: "cadastro", endpoint: "endpoint", caixaClass: "caixaClass", currentSearch: "currentSearch" }, outputs: { beforeUpdate: "beforeUpdate", selecionarRegistro: "selecionarRegistro" }, ngImport: i0, template: "<div style=\"position: relative; height: auto; padding-left: 2%; background-color: white;\">\r\n      \r\n    <div *ngIf=\"arvore\" [class]=\"caixaClass\" style=\"padding-left: 6px; font-size: 12px;\">\r\n      <!-- raiz -->\r\n      <div *ngFor=\"let raiz of arvore\" class=\"coluna\">\r\n        <kb-tree-view-nivel [nivel]=\"0\" [node]=\"raiz\" [currentSearch]=\"currentSearch\" (nivelClick)=\"raiz.Clicable === true ? carregarRegistro(raiz) : null\">\r\n        </kb-tree-view-nivel>        \r\n  \r\n        <div *ngIf=\"raiz.Expandido\" class=\"filho\">\r\n          <div *ngFor=\"let nivel1 of raiz.Filhos\" draggable=\"true\">\r\n            <kb-tree-view-nivel [nivel]=\"1\" [node]=\"nivel1\" [currentSearch]=\"currentSearch\" (nivelClick)=\"nivel1.Clicable === true ? carregarRegistro(nivel1): null\">\r\n            </kb-tree-view-nivel>          \r\n  \r\n            <div *ngIf=\"nivel1 && nivel1.Expandido\" class=\"filho\">\r\n              <div *ngFor=\"let nivel2 of nivel1.Filhos\">\r\n                <kb-tree-view-nivel [nivel]=\"2\" [node]=\"nivel2\" [currentSearch]=\"currentSearch\" (nivelClick)=\"nivel2.Clicable === true ? carregarRegistro(nivel2): null\">\r\n                </kb-tree-view-nivel>              \r\n  \r\n                <div *ngIf=\"nivel2 && nivel2.Expandido\" class=\"filho\">\r\n                  <div *ngFor=\"let nivel3 of nivel2.Filhos\">\r\n                    <kb-tree-view-nivel [nivel]=\"3\" [node]=\"nivel3\" [currentSearch]=\"currentSearch\" (nivelClick)=\"nivel3.Clicable === true ? carregarRegistro(nivel3): null\">\r\n                    </kb-tree-view-nivel>\r\n  \r\n                    <div *ngIf=\"nivel3 && nivel3.Expandido\" class=\"filho\">\r\n                      <div *ngFor=\"let nivel4 of nivel3.Filhos\">\r\n                        <kb-tree-view-nivel [nivel]=\"4\" [node]=\"nivel4\" [currentSearch]=\"currentSearch\" (nivelClick)=\"nivel4.Clicable === true ? carregarRegistro(nivel4): null\">\r\n                        </kb-tree-view-nivel>\r\n  \r\n                        <div *ngIf=\"nivel4 && nivel4.Expandido\" class=\"filho\">\r\n                          <div *ngFor=\"let nivel5 of nivel4.Filhos\">\r\n                            <kb-tree-view-nivel [nivel]=\"5\" [node]=\"nivel5\" [currentSearch]=\"currentSearch\"\r\n                              (nivelClick)=\"nivel5.Clicable === true ? carregarRegistro(nivel5): null\"></kb-tree-view-nivel>\r\n  \r\n                            <div *ngIf=\"nivel5 && nivel5.Expandido\" class=\"filho\">\r\n                              <div *ngFor=\"let nivel6 of nivel5.Filhos\">\r\n                                <kb-tree-view-nivel [nivel]=\"6\" [node]=\"nivel6\" [currentSearch]=\"currentSearch\"\r\n                                  (nivelClick)=\"nivel6.Clicable === true ? carregarRegistro(nivel6): null\"></kb-tree-view-nivel>\r\n  \r\n                                <div *ngIf=\"nivel6 && nivel6.Expandido\" class=\"filho\">\r\n                                  <div *ngFor=\"let nivel7 of nivel6.Filhos\">\r\n                                    <kb-tree-view-nivel [nivel]=\"7\" [node]=\"nivel7\" [currentSearch]=\"currentSearch\"\r\n                                      (nivelClick)=\"nivel7.Clicable === true ? carregarRegistro(nivel7): null\"></kb-tree-view-nivel>\r\n  \r\n                                    <div *ngIf=\"nivel7 && nivel7.Expandido\" class=\"filho\">\r\n                                      <div *ngFor=\"let nivel8 of nivel7.Filhos\">\r\n                                        <kb-tree-view-nivel [nivel]=\"8\" [node]=\"nivel8\"\r\n                                          (nivelClick)=\"nivel8.Clicable === true ? carregarRegistro(nivel8): null\"></kb-tree-view-nivel>\r\n  \r\n                                        <div *ngIf=\"nivel8 && nivel8.Expandido\" class=\"filho\">\r\n                                          <div *ngFor=\"let nivel9 of nivel8.Filhos\">\r\n                                            <kb-tree-view-nivel [nivel]=\"9\" [node]=\"nivel9\" [currentSearch]=\"currentSearch\"\r\n                                              (nivelClick)=\"nivel9.Clicable === true ? carregarRegistro(nivel9): null\"></kb-tree-view-nivel>\r\n  \r\n                                            <div *ngIf=\"nivel9 && nivel9.Expandido\" class=\"filho\">\r\n                                              <div *ngFor=\"let nivel10 of nivel9.Filhos\">\r\n                                                <kb-tree-view-nivel [nivel]=\"10\" [node]=\"nivel10\" [currentSearch]=\"currentSearch\"\r\n                                                  (nivelClick)=\"nivel10.Clicable === true ? carregarRegistro(nivel10): null\"></kb-tree-view-nivel>\r\n  \r\n                                              </div>\r\n  \r\n                                            </div>\r\n                                          </div>\r\n  \r\n                                        </div>\r\n  \r\n  \r\n                                      </div>\r\n  \r\n                                    </div>\r\n                                  </div>\r\n  \r\n                                </div>\r\n                              </div>\r\n  \r\n                            </div>\r\n                          </div>\r\n  \r\n                        </div>\r\n                      </div>\r\n  \r\n                    </div>\r\n                  </div>\r\n  \r\n                </div>\r\n  \r\n  \r\n  \r\n              </div>\r\n  \r\n            </div>\r\n  \r\n          </div>\r\n  \r\n        </div>\r\n      </div>\r\n    </div>", styles: [".boxSeta{margin:2px;font-size:large;color:#09459e;cursor:pointer}.caixa{border:2px transparent solid;padding:3px;width:100%;position:relative;overflow-y:auto;background-color:#fff;border-radius:5px;height:100%}.coluna{padding-bottom:10px}.filho{padding-top:6px}.node-link{cursor:pointer}.caixa-agrupado{border:2px transparent solid;padding:3px;height:701px;width:100%;position:relative;overflow-y:auto;border-radius:5px;background-color:#fff}.caixa-empresa{border:2px transparent solid;padding:3px;height:340px;width:100%;position:relative;overflow-y:auto;border-radius:5px;background-color:#fff}\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: TreeViewNivelComponent, selector: "kb-tree-view-nivel", inputs: ["node", "nivel", "currentSearch"], outputs: ["nivelClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TreeViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-tree-view', template: "<div style=\"position: relative; height: auto; padding-left: 2%; background-color: white;\">\r\n      \r\n    <div *ngIf=\"arvore\" [class]=\"caixaClass\" style=\"padding-left: 6px; font-size: 12px;\">\r\n      <!-- raiz -->\r\n      <div *ngFor=\"let raiz of arvore\" class=\"coluna\">\r\n        <kb-tree-view-nivel [nivel]=\"0\" [node]=\"raiz\" [currentSearch]=\"currentSearch\" (nivelClick)=\"raiz.Clicable === true ? carregarRegistro(raiz) : null\">\r\n        </kb-tree-view-nivel>        \r\n  \r\n        <div *ngIf=\"raiz.Expandido\" class=\"filho\">\r\n          <div *ngFor=\"let nivel1 of raiz.Filhos\" draggable=\"true\">\r\n            <kb-tree-view-nivel [nivel]=\"1\" [node]=\"nivel1\" [currentSearch]=\"currentSearch\" (nivelClick)=\"nivel1.Clicable === true ? carregarRegistro(nivel1): null\">\r\n            </kb-tree-view-nivel>          \r\n  \r\n            <div *ngIf=\"nivel1 && nivel1.Expandido\" class=\"filho\">\r\n              <div *ngFor=\"let nivel2 of nivel1.Filhos\">\r\n                <kb-tree-view-nivel [nivel]=\"2\" [node]=\"nivel2\" [currentSearch]=\"currentSearch\" (nivelClick)=\"nivel2.Clicable === true ? carregarRegistro(nivel2): null\">\r\n                </kb-tree-view-nivel>              \r\n  \r\n                <div *ngIf=\"nivel2 && nivel2.Expandido\" class=\"filho\">\r\n                  <div *ngFor=\"let nivel3 of nivel2.Filhos\">\r\n                    <kb-tree-view-nivel [nivel]=\"3\" [node]=\"nivel3\" [currentSearch]=\"currentSearch\" (nivelClick)=\"nivel3.Clicable === true ? carregarRegistro(nivel3): null\">\r\n                    </kb-tree-view-nivel>\r\n  \r\n                    <div *ngIf=\"nivel3 && nivel3.Expandido\" class=\"filho\">\r\n                      <div *ngFor=\"let nivel4 of nivel3.Filhos\">\r\n                        <kb-tree-view-nivel [nivel]=\"4\" [node]=\"nivel4\" [currentSearch]=\"currentSearch\" (nivelClick)=\"nivel4.Clicable === true ? carregarRegistro(nivel4): null\">\r\n                        </kb-tree-view-nivel>\r\n  \r\n                        <div *ngIf=\"nivel4 && nivel4.Expandido\" class=\"filho\">\r\n                          <div *ngFor=\"let nivel5 of nivel4.Filhos\">\r\n                            <kb-tree-view-nivel [nivel]=\"5\" [node]=\"nivel5\" [currentSearch]=\"currentSearch\"\r\n                              (nivelClick)=\"nivel5.Clicable === true ? carregarRegistro(nivel5): null\"></kb-tree-view-nivel>\r\n  \r\n                            <div *ngIf=\"nivel5 && nivel5.Expandido\" class=\"filho\">\r\n                              <div *ngFor=\"let nivel6 of nivel5.Filhos\">\r\n                                <kb-tree-view-nivel [nivel]=\"6\" [node]=\"nivel6\" [currentSearch]=\"currentSearch\"\r\n                                  (nivelClick)=\"nivel6.Clicable === true ? carregarRegistro(nivel6): null\"></kb-tree-view-nivel>\r\n  \r\n                                <div *ngIf=\"nivel6 && nivel6.Expandido\" class=\"filho\">\r\n                                  <div *ngFor=\"let nivel7 of nivel6.Filhos\">\r\n                                    <kb-tree-view-nivel [nivel]=\"7\" [node]=\"nivel7\" [currentSearch]=\"currentSearch\"\r\n                                      (nivelClick)=\"nivel7.Clicable === true ? carregarRegistro(nivel7): null\"></kb-tree-view-nivel>\r\n  \r\n                                    <div *ngIf=\"nivel7 && nivel7.Expandido\" class=\"filho\">\r\n                                      <div *ngFor=\"let nivel8 of nivel7.Filhos\">\r\n                                        <kb-tree-view-nivel [nivel]=\"8\" [node]=\"nivel8\"\r\n                                          (nivelClick)=\"nivel8.Clicable === true ? carregarRegistro(nivel8): null\"></kb-tree-view-nivel>\r\n  \r\n                                        <div *ngIf=\"nivel8 && nivel8.Expandido\" class=\"filho\">\r\n                                          <div *ngFor=\"let nivel9 of nivel8.Filhos\">\r\n                                            <kb-tree-view-nivel [nivel]=\"9\" [node]=\"nivel9\" [currentSearch]=\"currentSearch\"\r\n                                              (nivelClick)=\"nivel9.Clicable === true ? carregarRegistro(nivel9): null\"></kb-tree-view-nivel>\r\n  \r\n                                            <div *ngIf=\"nivel9 && nivel9.Expandido\" class=\"filho\">\r\n                                              <div *ngFor=\"let nivel10 of nivel9.Filhos\">\r\n                                                <kb-tree-view-nivel [nivel]=\"10\" [node]=\"nivel10\" [currentSearch]=\"currentSearch\"\r\n                                                  (nivelClick)=\"nivel10.Clicable === true ? carregarRegistro(nivel10): null\"></kb-tree-view-nivel>\r\n  \r\n                                              </div>\r\n  \r\n                                            </div>\r\n                                          </div>\r\n  \r\n                                        </div>\r\n  \r\n  \r\n                                      </div>\r\n  \r\n                                    </div>\r\n                                  </div>\r\n  \r\n                                </div>\r\n                              </div>\r\n  \r\n                            </div>\r\n                          </div>\r\n  \r\n                        </div>\r\n                      </div>\r\n  \r\n                    </div>\r\n                  </div>\r\n  \r\n                </div>\r\n  \r\n  \r\n  \r\n              </div>\r\n  \r\n            </div>\r\n  \r\n          </div>\r\n  \r\n        </div>\r\n      </div>\r\n    </div>", styles: [".boxSeta{margin:2px;font-size:large;color:#09459e;cursor:pointer}.caixa{border:2px transparent solid;padding:3px;width:100%;position:relative;overflow-y:auto;background-color:#fff;border-radius:5px;height:100%}.coluna{padding-bottom:10px}.filho{padding-top:6px}.node-link{cursor:pointer}.caixa-agrupado{border:2px transparent solid;padding:3px;height:701px;width:100%;position:relative;overflow-y:auto;border-radius:5px;background-color:#fff}.caixa-empresa{border:2px transparent solid;padding:3px;height:340px;width:100%;position:relative;overflow-y:auto;border-radius:5px;background-color:#fff}\n"] }]
+        }], propDecorators: { itens: [{
+                type: Input
+            }], campoId: [{
+                type: Input
+            }], campoPai: [{
+                type: Input
+            }], campoLabel: [{
+                type: Input
+            }], cadastro: [{
+                type: Input
+            }], endpoint: [{
+                type: Input
+            }], caixaClass: [{
+                type: Input
+            }], beforeUpdate: [{
+                type: Output
+            }], currentSearch: [{
+                type: Input
+            }], selecionarRegistro: [{
+                type: Output
+            }] } });
+
+class ModelTreeviewComponent {
+    constructor(config, modalCtrl, httpClient, loadingCtrl) {
+        this.config = config;
+        this.modalCtrl = modalCtrl;
+        this.httpClient = httpClient;
+        this.loadingCtrl = loadingCtrl;
+        this.titulo = "Selecionar";
+        this.textoPesquisa = "";
+        this.maximizar = false;
+        this.BASE_API = this.config.apiUrl;
+    }
+    ngOnInit() {
+    }
+    ionViewDidEnter() {
+        this.atualizaArvoreEntidade(this.tipo);
+    }
+    async atualizaArvoreEntidade(tipo) {
+        let subscriptionC;
+        this.treeView.cadastro = this.subscribeId;
+        let loading = await this.showLoading("Pesquisando...", true);
+        loading.onDidDismiss().then(() => {
+            subscriptionC?.unsubscribe();
+        });
+        this.url = this.url.startsWith('http') ? this.url : `${this.BASE_API}/${this.url}`;
+        var url = this.url.replace('<<EMPRESA>>', this.empresaSelecionadaId.toString());
+        var url = this.url.replace('<<FILTRO>>', '');
+        // if (this.textoPesquisa) {
+        //   url += `?filtro=${this.textoPesquisa}`;
+        // }
+        subscriptionC = this.httpClient.get(url).subscribe({
+            next: (result) => {
+                /*
+                empresaContato.forEach((ec) => {
+                  ec.LabelTree = ec.Nome;
+                  ec.EmpresaContatoPaiId = null; //campo ficticio para montar arvore
+                  ec.ClicableTree = true;
+                });
+        
+                this.treeView.campoId = "EmpresaContatoId";
+                this.treeView.campoPai = "EmpresaContatoPaiId";
+                this.treeView.campoLabel = "LabelTree";
+                this.treeView.itens = empresaContato;
+                this.treeView.arvoreClick(false);
+                */
+                if (!this.campoPai) {
+                    this.campoPai = `${this.campoId}Pai`;
+                }
+                result.forEach((cc) => {
+                    cc.LabelTree = cc[this.campoLabel];
+                    if (!cc[this.campoPai]) {
+                        cc[this.campoPai] = null;
+                    }
+                    if (this.filterFunction != null) {
+                        const clicable = [{ ...cc }].find(this.filterFunction);
+                        if (clicable != null && cc.ClicableTree == null) {
+                            cc.ClicableTree = true;
+                        }
+                        else {
+                            cc.ClicableTree = false;
+                        }
+                    }
+                    else {
+                        cc.ClicableTree = true;
+                    }
+                });
+                console.log('tree result', result);
+                this.treeView.campoId = this.campoId;
+                this.treeView.campoPai = this.campoPai;
+                this.treeView.campoLabel = this.campoLabel;
+                this.treeView.itens = result;
+                this.treeView.arvoreClick(false);
+                loading.dismiss();
+            },
+            error: (error) => {
+                loading.dismiss();
+                console.log("Erro ao carregar os registros.<br>Tente mais tarde.");
+            }
+        });
+    }
+    clickRegistro(evento) {
+        if (evento.Id > 0) {
+            this.modalCtrl.dismiss({ Id: evento.Id });
+        }
+    }
+    expandir() {
+        this.treeView.expandir();
+    }
+    //utils
+    async showLoading(msg, cancelable = false) {
+        const loading = await this.loadingCtrl.create({
+            message: msg,
+            backdropDismiss: cancelable
+            //duration: 2000
+        });
+        /*
+        loading.onDidDismiss().then(() => {
+          console.log('loading dissmissed', request);
+          if (request.subscription) {
+            request.subscription.unsubscribe();
+          }
+        });
+        */
+        await loading.present();
+        return loading;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ModelTreeviewComponent, deps: [{ token: 'LibConfigService' }, { token: i2.ModalController }, { token: i2$1.HttpClient }, { token: i2.LoadingController }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ModelTreeviewComponent, selector: "kb-model-treeview", inputs: { textoPesquisa: "textoPesquisa" }, viewQueries: [{ propertyName: "treeView", first: true, predicate: ["treeViewComp"], descendants: true }], ngImport: i0, template: "<ion-header>\r\n    <ion-toolbar color=\"secondary\">\r\n      <ion-title>{{ titulo }}</ion-title>\r\n      <ion-buttons slot=\"end\">\r\n        <ion-button (click)=\"atualizaArvoreEntidade(tipo)\">\r\n          <ion-icon slot=\"icon-only\" name=\"refresh\"></ion-icon>\r\n        </ion-button>\r\n        <ion-button (click)=\"modalCtrl.dismiss()\">Fechar</ion-button>\r\n      </ion-buttons>\r\n    </ion-toolbar>\r\n  </ion-header>\r\n  \r\n  <ion-content>\r\n    <ion-item>\r\n      <ion-button style=\"box-shadow:  #4c8dff 0px 2px 2px 0.05px;\" fill=\"outline\" (click)=\"expandir()\">\r\n        <ion-icon name=\"expand-outline\"></ion-icon>\r\n      </ion-button>    \r\n    </ion-item>\r\n    <kb-tree-view #treeViewComp [campoId]=\"campoId\" [campoPai]=\"campoPai\" [campoLabel]=\"'LabelTree'\" (selecionarRegistro)=\"clickRegistro($event)\"></kb-tree-view>\r\n  </ion-content>", styles: [""], dependencies: [{ 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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { 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.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: TreeViewComponent, selector: "kb-tree-view", inputs: ["itens", "campoId", "campoPai", "campoLabel", "cadastro", "endpoint", "caixaClass", "currentSearch"], outputs: ["beforeUpdate", "selecionarRegistro"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ModelTreeviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-model-treeview', template: "<ion-header>\r\n    <ion-toolbar color=\"secondary\">\r\n      <ion-title>{{ titulo }}</ion-title>\r\n      <ion-buttons slot=\"end\">\r\n        <ion-button (click)=\"atualizaArvoreEntidade(tipo)\">\r\n          <ion-icon slot=\"icon-only\" name=\"refresh\"></ion-icon>\r\n        </ion-button>\r\n        <ion-button (click)=\"modalCtrl.dismiss()\">Fechar</ion-button>\r\n      </ion-buttons>\r\n    </ion-toolbar>\r\n  </ion-header>\r\n  \r\n  <ion-content>\r\n    <ion-item>\r\n      <ion-button style=\"box-shadow:  #4c8dff 0px 2px 2px 0.05px;\" fill=\"outline\" (click)=\"expandir()\">\r\n        <ion-icon name=\"expand-outline\"></ion-icon>\r\n      </ion-button>    \r\n    </ion-item>\r\n    <kb-tree-view #treeViewComp [campoId]=\"campoId\" [campoPai]=\"campoPai\" [campoLabel]=\"'LabelTree'\" (selecionarRegistro)=\"clickRegistro($event)\"></kb-tree-view>\r\n  </ion-content>" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['LibConfigService']
+                }] }, { type: i2.ModalController }, { type: i2$1.HttpClient }, { type: i2.LoadingController }], propDecorators: { textoPesquisa: [{
+                type: Input
+            }], treeView: [{
+                type: ViewChild,
+                args: ["treeViewComp"]
+            }] } });
+
+//import { LibConfig, LibConfigService } from '../appproject-components.module';
+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);
+                //return of(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,
+                textoPesquisa: this.textoPesquisa,
+                filterFunction: this.filterFunction,
+                empresaSelecionadaId: this.empresa,
+                tipo: this.tipo,
+                //especifico
+                //planoContas: this.planoContas,
+                url: this.isEmpty(this.urlTree) ? this.url : this.urlTree,
+                titulo: this.treeTitulo,
+                campoLabel: this.campoDisplay,
+                campoId: this.campoId,
+                campoPai: this.campoPaiId
+            },
+            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: i2$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", pesquisaAction: "pesquisaAction", limpar: "limpar", url: "url", urlItem: "urlItem", urlTree: "urlTree", empresa: "empresa", loadInit: "loadInit", treeTitulo: "treeTitulo" }, outputs: { pesquisaChange: "pesquisaChange" }, 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 }}\">{{ 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        [legacy]=\"true\"\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        class=\"botao-limpar\" 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        class=\"botao-limpar\" 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}.botao-limpar{margin-top:var(--margin-botao-limpar, 25px);margin-inline-start:4px!important;--padding-start:2px;--padding-end: 2px;margin-bottom:2px!important}[hidden]{display:none!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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 }}\">{{ 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        [legacy]=\"true\"\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        class=\"botao-limpar\" 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        class=\"botao-limpar\" 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}.botao-limpar{margin-top:var(--margin-botao-limpar, 25px);margin-inline-start:4px!important;--padding-start:2px;--padding-end: 2px;margin-bottom:2px!important}[hidden]{display:none!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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: i2$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: Output
+            }], pesquisaAction: [{
+                type: Input
+            }], limpar: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], urlItem: [{
+                type: Input
+            }], urlTree: [{
+                type: Input
+            }], empresa: [{
+                type: Input
+            }], loadInit: [{
+                type: Input
+            }], treeTitulo: [{
+                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(',', '.'));
+    }
+    setFocus() {
+        this.inputValorEdit.nativeElement.setFocus();
+    }
+    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;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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(renderer) {
+        super();
+        this.renderer = renderer;
+        this.linhas = 5;
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    ngOnInit() { }
+    onBlur() {
+        //remover classe do ion-item
+        setTimeout(() => {
+            //this.renderer.addClass(document.getElementById("item-select"), "item-has-focus");
+            this.renderer.removeClass(this.itemArea.nativeElement, "item-has-focus");
+            //console.log('select focused', document.getElementById("item-select"));
+        }, 200);
+        if (this.form) {
+            this.form.get(this.formControlName)?.markAsTouched();
+        }
+    }
+    entered() {
+        //adicionar classe ao ion-item
+        // console.log('select focused');
+        setTimeout(() => {
+            //this.renderer.addClass(document.getElementById("item-select"), "item-has-focus");
+            this.renderer.addClass(this.itemArea.nativeElement, "item-has-focus");
+            //console.log('select focused', document.getElementById("item-select"));
+        }, 200);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputAreaComponent, deps: [{ token: i0.Renderer2 }], 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
+            }], viewQueries: [{ propertyName: "itemArea", first: true, predicate: ["itemArea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<!-- \r\n  maxlength=\"{{ max }}\"\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\" #itemArea>\r\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <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\"\r\n        (focus)=\"entered()\"\r\n        ></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: ["@charset \"UTF-8\";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}textarea{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;resize:none;background-color:#fff}textarea::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar-track{background:#f1f1f1}textarea::-webkit-scrollbar-thumb{border-radius:12px;background:var(--scroll-color-thumb, #808080)}textarea::-webkit-scrollbar-thumb:hover{background:var(--scroll-color-hover, #5c5c5c)}textarea:focus{outline:none!important;border:1px solid lightblue!important}textarea:focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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"] }] }); }
+}
+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: "<!-- \r\n  maxlength=\"{{ max }}\"\r\n-->\r\n<div>\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\" #itemArea>\r\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ formControlName }}\"  -->\r\n      <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\"\r\n        (focus)=\"entered()\"\r\n        ></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: ["@charset \"UTF-8\";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}textarea{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;resize:none;background-color:#fff}textarea::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar-track{background:#f1f1f1}textarea::-webkit-scrollbar-thumb{border-radius:12px;background:var(--scroll-color-thumb, #808080)}textarea::-webkit-scrollbar-thumb:hover{background:var(--scroll-color-hover, #5c5c5c)}textarea:focus{outline:none!important;border:1px solid lightblue!important}textarea:focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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: i0.Renderer2 }], propDecorators: { linhas: [{
+                type: Input
+            }], itemArea: [{
+                type: ViewChild,
+                args: ["itemArea", { read: ElementRef }]
+            }] } });
+
+class InputCepComponent extends BaseInputComponent {
+    constructor() {
+        super();
+        this.formato = '00000-000';
+        this.keyEnter = null;
+        this.getResultados = new EventEmitter();
+        //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.emit(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" }, outputs: { 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;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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: Output
+            }] } });
+
+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.tipoArquivo = "image/*";
+        this.fileSelected = new EventEmitter();
+        this.form = false;
+        this.showIcon = false;
+        this.btnExpand = "block";
+        this.btnColor = "primary";
+        this.btnFill = "outline";
+        this.iconSlot = "start";
+        this.arquivoTipos = "image/*";
+        this.readOnly = false;
+        this.sucessoEvent = new Subject();
+        this.onChange = (selectedColor) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+    }
+    ngOnInit() {
+    }
+    loadImagem() {
+        //console.log(this.myInput);
+        this.formFile = this.myInput.nativeElement.files[0];
+        if (this.fileSelected) {
+            this.fileSelected.emit({ content: this.formFile, name: this.myInput.nativeElement.files[0].name });
+        }
+        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", tipoArquivo: "tipoArquivo", form: "form", showIcon: "showIcon", icon: "icon", iconSrc: "iconSrc", btnExpand: "btnExpand", btnColor: "btnColor", btnFill: "btnFill", iconSlot: "iconSlot", arquivoTipos: "arquivoTipos", readOnly: "readOnly" }, outputs: { fileSelected: "fileSelected" }, 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: "<!-- style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\" -->\r\n<div style=\"text-align:center;\">\r\n    <ion-button [fill]=\"btnFill\" size=\"normal\" [color]=\"btnColor\" \r\n      (click)=\"showImageBrowser()\" [expand]=\"btnExpand\" [disabled]=\"readOnly\">\r\n      <ion-icon *ngIf=\"showIcon\" class=\"ion-padding-end\" [slot]=\"iconSlot\" [src]=\"iconSrc\" [name]=\"icon\"></ion-icon>\r\n      {{ caption }}\r\n    </ion-button>\r\n    <input type=\"file\" id=\"upimgfile\" name=\"uploadfile\" #inputNome [accept]=\"arquivoTipos\" (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: "<!-- style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\" -->\r\n<div style=\"text-align:center;\">\r\n    <ion-button [fill]=\"btnFill\" size=\"normal\" [color]=\"btnColor\" \r\n      (click)=\"showImageBrowser()\" [expand]=\"btnExpand\" [disabled]=\"readOnly\">\r\n      <ion-icon *ngIf=\"showIcon\" class=\"ion-padding-end\" [slot]=\"iconSlot\" [src]=\"iconSrc\" [name]=\"icon\"></ion-icon>\r\n      {{ caption }}\r\n    </ion-button>\r\n    <input type=\"file\" id=\"upimgfile\" name=\"uploadfile\" #inputNome [accept]=\"arquivoTipos\" (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
+            }], tipoArquivo: [{
+                type: Input
+            }], fileSelected: [{
+                type: Output
+            }], form: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconSrc: [{
+                type: Input
+            }], btnExpand: [{
+                type: Input
+            }], btnColor: [{
+                type: Input
+            }], btnFill: [{
+                type: Input
+            }], iconSlot: [{
+                type: Input
+            }], arquivoTipos: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], myInput: [{
+                type: ViewChild,
+                args: ['inputNome', { read: ElementRef, static: true }]
+            }] } });
+
+class BaseBtnComponent {
+    constructor() {
+        this.disabled = false;
+        this.type = 'submit';
+        this.icon = 'checkmark-outline';
+        this.iconSrc = '';
+        this.title = 'Salvar';
+        this.fill = 'outline';
+        this.expand = 'block';
+        this.btnClick = new EventEmitter();
+        this.size = 'default';
+        this.iconSlot = 'start';
+    }
+    ngOnInit() {
+        return;
+    }
+    onClick() {
+        if (this.btnClick)
+            this.btnClick.emit();
+    }
+    resolveTheme(theme) {
+        //console.log('resolve theme', theme);
+        // if (theme == 'default') {
+        //     this.fill = 'outline';
+        // } else {
+        //     this.fill = 'solid';
+        // }
+        if (theme == 'windows-theme') {
+            this.fill = 'solid';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: BaseBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: BaseBtnComponent, selector: "ng-component", inputs: { disabled: "disabled", type: "type", icon: "icon", iconSrc: "iconSrc", title: "title", fill: "fill", expand: "expand", size: "size", iconSlot: "iconSlot" }, outputs: { btnClick: "btnClick" }, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: BaseBtnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconSrc: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], fill: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], btnClick: [{
+                type: Output
+            }], size: [{
+                type: Input
+            }], iconSlot: [{
+                type: Input
+            }] } });
+
+class BtnActionComponent extends BaseBtnComponent {
+    constructor() {
+        super();
+        this.title = 'Abrir';
+        this.color = 'primary';
+        this.hidden = false;
+        this.icon = '';
+        this.iconSrc = '';
+        this.imgSrc = '';
+        this.boxColor = '#4c8dff';
+        this.btnMargin = '4px';
+        this.expand = 'block';
+        this.iconStyle = '';
+        this.titleStyle = '';
+        this.buttonStyle = '';
+        this.type = 'button';
+    }
+    ngOnInit() {
+        this.buttonStyle = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: BtnActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: BtnActionComponent, selector: "kb-btn-action", inputs: { title: "title", color: "color", hidden: "hidden", icon: "icon", iconSrc: "iconSrc", imgSrc: "imgSrc", boxColor: "boxColor", btnMargin: "btnMargin", expand: "expand", iconStyle: "iconStyle", titleStyle: "titleStyle" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\"\r\n  [size]=\"size\"\r\n  [hidden]=\"hidden\"  \r\n  (click)=\"onClick()\"\r\n  >  \r\n  <ion-icon *ngIf=\"icon || iconSrc\" [slot]=\"title ? iconSlot : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\" [style]=\"iconStyle\"></ion-icon>\r\n    <span [style]=\"titleStyle\">{{ title }}</span>\r\n  <img *ngIf=\"imgSrc\" [src]=\"imgSrc\" [slot]=\"title ? iconSlot : 'icon-only'\"/>\r\n</ion-button>\r\n\r\n\r\n", styles: ["img{width:24px;margin-right:6px}\n"], 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: BtnActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-btn-action', template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\"\r\n  [size]=\"size\"\r\n  [hidden]=\"hidden\"  \r\n  (click)=\"onClick()\"\r\n  >  \r\n  <ion-icon *ngIf=\"icon || iconSrc\" [slot]=\"title ? iconSlot : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\" [style]=\"iconStyle\"></ion-icon>\r\n    <span [style]=\"titleStyle\">{{ title }}</span>\r\n  <img *ngIf=\"imgSrc\" [src]=\"imgSrc\" [slot]=\"title ? iconSlot : 'icon-only'\"/>\r\n</ion-button>\r\n\r\n\r\n", styles: ["img{width:24px;margin-right:6px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], hidden: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconSrc: [{
+                type: Input
+            }], imgSrc: [{
+                type: Input
+            }], boxColor: [{
+                type: Input
+            }], btnMargin: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], iconStyle: [{
+                type: Input
+            }], titleStyle: [{
+                type: Input
+            }] } });
+
+class BtnCancelarComponent extends BaseBtnComponent {
+    //@Input() override icon: string = '';
+    constructor() {
+        super();
+        //@Input() override iconSrc = "/assets/icon/limpar_purple_24dp.svg";
+        this.icon = "close-outline";
+        this.title = 'Cancelar';
+        this.type = 'button';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: BtnCancelarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: BtnCancelarComponent, selector: "kb-btn-cancelar", inputs: { icon: "icon", title: "title" }, usesInheritance: true, ngImport: i0, template: "<ion-button color=\"tertiary\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" \r\n  [size]=\"size\"\r\n  (click)=\"onClick()\"\r\n  >  \r\n  <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [src]=\"iconSrc\" [name]=\"icon\"></ion-icon>\r\n    {{ title }}\r\n</ion-button> \r\n<!-- \r\n<ion-button color=\"tertiary\" fill=\"outline\" (click)=\"cancelarContato()\" style=\"box-shadow: #6370ff 0px 3px 3px 0.05px\"\r\n  [disabled]=\"!selectedContato\">\r\n  <ion-icon src=\"/assets/icon/limpar_purple_24dp.svg\"></ion-icon>\r\n  Cancelar\r\n</ion-button>\r\n-->", styles: ["ion-button{margin:4px;box-shadow:#6370ff 0 3px 3px .05px}\n"], dependencies: [{ 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: BtnCancelarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-btn-cancelar', template: "<ion-button color=\"tertiary\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" \r\n  [size]=\"size\"\r\n  (click)=\"onClick()\"\r\n  >  \r\n  <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [src]=\"iconSrc\" [name]=\"icon\"></ion-icon>\r\n    {{ title }}\r\n</ion-button> \r\n<!-- \r\n<ion-button color=\"tertiary\" fill=\"outline\" (click)=\"cancelarContato()\" style=\"box-shadow: #6370ff 0px 3px 3px 0.05px\"\r\n  [disabled]=\"!selectedContato\">\r\n  <ion-icon src=\"/assets/icon/limpar_purple_24dp.svg\"></ion-icon>\r\n  Cancelar\r\n</ion-button>\r\n-->", styles: ["ion-button{margin:4px;box-shadow:#6370ff 0 3px 3px .05px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+class BtnExcluirComponent extends BaseBtnComponent {
+    constructor() {
+        super();
+        this.type = 'button';
+        this.expand = 'inline';
+        this.icon = 'trash';
+        this.title = 'Excluir';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: BtnExcluirComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: BtnExcluirComponent, selector: "kb-btn-excluir", inputs: { type: "type", expand: "expand", icon: "icon", title: "title" }, usesInheritance: true, ngImport: i0, template: "<ion-button color=\"danger\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\r\n  (click)=\"onClick()\"\r\n  >  \r\n  <ion-icon *ngIf=\"icon\" [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\r\n    {{ title }}\r\n</ion-button> \r\n", styles: ["ion-button{margin:4px;box-shadow:#ed576b 0 3px 3px .05px}\n"], 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: BtnExcluirComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-btn-excluir', template: "<ion-button color=\"danger\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\r\n  (click)=\"onClick()\"\r\n  >  \r\n  <ion-icon *ngIf=\"icon\" [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\r\n    {{ title }}\r\n</ion-button> \r\n", styles: ["ion-button{margin:4px;box-shadow:#ed576b 0 3px 3px .05px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { type: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+class BtnNovoComponent extends BaseBtnComponent {
+    constructor() {
+        super();
+        this.title = 'Novo';
+        this.icon = 'person-add';
+        this.iconSrc = '';
+        this.expand = 'block';
+        this.imgSrc = '';
+        this.type = 'button';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: BtnNovoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: BtnNovoComponent, selector: "kb-btn-novo", inputs: { title: "title", icon: "icon", iconSrc: "iconSrc", expand: "expand", imgSrc: "imgSrc" }, usesInheritance: true, ngImport: i0, template: "<ion-button color=\"primary\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" \r\n  [size]=\"size\"\r\n  (click)=\"onClick()\"\r\n  >  \r\n  <ion-icon *ngIf=\"icon || iconSrc\" [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\r\n    {{ title }}\r\n  <img *ngIf=\"imgSrc\" [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\"/>\r\n</ion-button> \r\n<!-- \r\n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\r\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\r\n  Novo\r\n</ion-button>\r\n-->", styles: ["ion-button{box-shadow:#4c8dff 0 3px 3px .05px}img{width:24px;margin-right:6px}\n"], 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: BtnNovoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-btn-novo', template: "<ion-button color=\"primary\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" \r\n  [size]=\"size\"\r\n  (click)=\"onClick()\"\r\n  >  \r\n  <ion-icon *ngIf=\"icon || iconSrc\" [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\r\n    {{ title }}\r\n  <img *ngIf=\"imgSrc\" [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\"/>\r\n</ion-button> \r\n<!-- \r\n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\r\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\r\n  Novo\r\n</ion-button>\r\n-->", styles: ["ion-button{box-shadow:#4c8dff 0 3px 3px .05px}img{width:24px;margin-right:6px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconSrc: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], imgSrc: [{
+                type: Input
+            }] } });
+
+class BtnSalvarComponent extends BaseBtnComponent {
+    constructor() {
+        super();
+        this.btnMargin = '4px';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: BtnSalvarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: BtnSalvarComponent, selector: "kb-btn-salvar", inputs: { btnMargin: "btnMargin" }, usesInheritance: true, ngImport: i0, template: "<ion-button color=\"success\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\"  \r\n  [size]=\"size\"\r\n  (click)=\"onClick()\"\r\n  [style.margin]=\"btnMargin\"\r\n  >  \r\n  <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\r\n    {{ title }}\r\n</ion-button>", styles: ["ion-button{box-shadow:#42d77d 0 3px 3px .05px}\n"], dependencies: [{ 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: BtnSalvarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-btn-salvar', template: "<ion-button color=\"success\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\"  \r\n  [size]=\"size\"\r\n  (click)=\"onClick()\"\r\n  [style.margin]=\"btnMargin\"\r\n  >  \r\n  <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\r\n    {{ title }}\r\n</ion-button>", styles: ["ion-button{box-shadow:#42d77d 0 3px 3px .05px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { btnMargin: [{
+                type: Input
+            }] } });
+
+class InputCheckboxComponent 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.justify = "start";
+        this.labelPlacement = "end";
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputCheckboxComponent, selector: "kb-input-checkbox", inputs: { justify: "justify", labelPlacement: "labelPlacement" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: InputCheckboxComponent,
+                multi: true
+            }], usesInheritance: true, ngImport: i0, template: "<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\">\r\n        <ion-checkbox #inputCheck\r\n            [labelPlacement]=\"labelPlacement\" [justify]=\"justify\" \r\n            [disabled]=\"readonly\"\r\n            [checked]=\"data\"\r\n            [color]=\"labelColor ?? 'primary'\"            \r\n            (ionChange)=\"writeValue(inputCheck.checked)\">\r\n            <span [style.color]=\"labelColor ?? 'auto'\">{{ label }}</span> \r\n        </ion-checkbox>\r\n    </ion-item>\r\n</div>", styles: ["ion-item{--min-height: var(--checkbox-min-height, 48px) !important}ion-checkbox.checkbox-disabled{opacity:var(--item-disabled-opacity, .6)!important}span{color:var(--checkbox-text-color, \"inherit\")!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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: "component", type: i2.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "legacy", "mode", "name", "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: "directive", type: i2.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-checkbox', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputCheckboxComponent,
+                            multi: true
+                        }], template: "<div>\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\">\r\n        <ion-checkbox #inputCheck\r\n            [labelPlacement]=\"labelPlacement\" [justify]=\"justify\" \r\n            [disabled]=\"readonly\"\r\n            [checked]=\"data\"\r\n            [color]=\"labelColor ?? 'primary'\"            \r\n            (ionChange)=\"writeValue(inputCheck.checked)\">\r\n            <span [style.color]=\"labelColor ?? 'auto'\">{{ label }}</span> \r\n        </ion-checkbox>\r\n    </ion-item>\r\n</div>", styles: ["ion-item{--min-height: var(--checkbox-min-height, 48px) !important}ion-checkbox.checkbox-disabled{opacity:var(--item-disabled-opacity, .6)!important}span{color:var(--checkbox-text-color, \"inherit\")!important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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: { justify: [{
+                type: Input
+            }], labelPlacement: [{
+                type: Input
+            }] } });
+
+class InputRadioComponent 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.itens = [];
+        this.itemId = "Id";
+        this.itemNome = "Nome";
+        this.color = "primary";
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputRadioComponent, selector: "kb-input-radio", inputs: { itens: "itens", itemId: "itemId", itemNome: "itemNome", color: "color" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: InputRadioComponent,
+                multi: true
+            }], usesInheritance: true, ngImport: i0, template: "<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        <ion-radio-group [disabled]=\"readonly\" #inputRadio \r\n            [value]=\"data\"\r\n            (ionChange)=\"writeValue(inputRadio.value)\">\r\n            <span style=\"font-size: 13px\">\r\n                {{ label }}\r\n            </span>\r\n            <ion-row>\r\n                <ion-col *ngFor=\"let item of itens\">\r\n                    <ion-radio style=\"margin-right: 12px;\" [color]=\"color\" \r\n                        labelPlacement=\"end\" \r\n                        justify=\"start\"\r\n                        [value]=\"item[itemId]\">\r\n                        {{ item[itemNome] }}</ion-radio><br />\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-radio-group>\r\n    </ion-item>\r\n</div>", styles: ["ion-item{--min-height: var(--checkbox-min-height, 48px) !important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { 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.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i2.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "directive", type: i2.RadioValueAccessor, selector: "ion-radio" }, { kind: "directive", type: i2.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-radio', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputRadioComponent,
+                            multi: true
+                        }], template: "<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        <ion-radio-group [disabled]=\"readonly\" #inputRadio \r\n            [value]=\"data\"\r\n            (ionChange)=\"writeValue(inputRadio.value)\">\r\n            <span style=\"font-size: 13px\">\r\n                {{ label }}\r\n            </span>\r\n            <ion-row>\r\n                <ion-col *ngFor=\"let item of itens\">\r\n                    <ion-radio style=\"margin-right: 12px;\" [color]=\"color\" \r\n                        labelPlacement=\"end\" \r\n                        justify=\"start\"\r\n                        [value]=\"item[itemId]\">\r\n                        {{ item[itemNome] }}</ion-radio><br />\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-radio-group>\r\n    </ion-item>\r\n</div>", styles: ["ion-item{--min-height: var(--checkbox-min-height, 48px) !important}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important;--color: var(--ion-color-label, auto) !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{border:1px solid lightblue!important}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: var(--ion-color-label-focus, blue) !important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-input,.item-has-focus ion-textarea{border:1px solid lightblue!important}.native-input[disabled]{opacity:var(--item-disabled-opacity, .6)!important;background-color:transparent}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.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-start{--padding-start: 0px !important}.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: { itens: [{
+                type: Input
+            }], itemId: [{
+                type: Input
+            }], itemNome: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+class EntityEditComponent {
+    constructor(ngZone) {
+        this.ngZone = ngZone;
+        this.itemClass = "";
+        this.rowClass = "";
+    }
+    ngOnInit() {
+        //this.getEntidadeCampos();
+    }
+    getEntidadeCampos() {
+        //this.entidade = new this.entidadeTipo();
+        // console.log(this.entidade);
+        // this.ngZone.run(() => 
+        //   this.campos = this.entidade.getHtmlForm()
+        // );
+        // console.log(this.campos);
+    }
+    emptyHandler() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: EntityEditComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: EntityEditComponent, selector: "kb-entity-edit", inputs: { entidade: "entidade", campos: "campos", entidadeForm: "entidadeForm", validation_messages: "validation_messages", itemClass: "itemClass", rowClass: "rowClass" }, ngImport: i0, template: "<form *ngIf=\"campos && campos.length\" [formGroup]=\"entidadeForm\" style=\"width: 100%;\">\r\n\r\n\r\n  <ion-row *ngFor=\"let linha of campos\" [class]=\"rowClass\">\r\n    <ng-container *ngFor=\"let campo of linha.Linha\">\r\n      <!-- {{ campo.Nome }} {{ campo.Tipo }} -->\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-text'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-text label=\"{{campo.Label ?? campo.Nome}}\" [placeholder]=\"campo.PlaceHolderVisivel ? (campo.Label ?? campo.Nome + '...') : ''\"\r\n          [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\" [validation_messages]=\"validation_messages[campo.Nome]\"\r\n          [formControlName]=\"campo.Nome\" [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\"          \r\n          [type]=\"campo.TipoInput ?? 'text'\" \r\n          [showSeePassword]=\"campo.TipoInput == 'password'\"\r\n          [showCustomAction]=\"campo.InputAction\"\r\n          [customActionIcon]=\"campo.InputActionIcon ?? 'search-outline'\"\r\n          (customActionClick)=\"campo.click ? campo.click($event) : emptyHandler()\"\r\n\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-text>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-area'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-area label=\"{{campo.Label ?? campo.Nome}}\" [placeholder]=\"campo.PlaceHolderVisivel ? (campo.Label ?? campo.Nome + '...') : ''\"\r\n          [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\" [validation_messages]=\"validation_messages[campo.Nome]\"\r\n          [formControlName]=\"campo.Nome\" [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\" [linhas]=\"campo.Linhas ?? 5\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-area>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-cep'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-cep label=\"{{campo.Label ?? campo.Nome}}\" [form]=\"entidadeForm\"\r\n          [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\"\r\n          [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\"\r\n          [itemClass]=\"itemClass\"\r\n          (getResultados)=\"campo.change ? campo.change($event) : emptyHandler()\"\r\n          >\r\n        </kb-input-cep>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-valor'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-valor label=\"{{campo.Label ?? campo.Nome}}\" [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\"\r\n          [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\"\r\n          [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-valor>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-format'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-format label=\"{{campo.Label ?? campo.Nome}}\" [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\"\r\n          [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\"\r\n          [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\" [formato]=\"campo.Formato ?? ''\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-format>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-checkbox'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-checkbox label=\"{{ campo.Label }}\" [form]=\"entidadeForm\"\r\n          [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\"\r\n          [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\" \r\n          [itemClass]=\"itemClass\"\r\n          [labelColor]=\"campo.BtnColor\">\r\n\r\n        </kb-input-checkbox>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-select'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-select [label]=\"campo.Label ?? campo.Nome\" [placeholder]=\"'Selecionar...'\"\r\n          [formControlName]=\"campo.Nome\" [form]=\"entidadeForm\" [itens]=\"campo.Itens\" [itemId]=\"campo.ItemId ?? 'Id'\"\r\n          [itemNome]=\"campo.ItemNome ?? 'Nome'\" [validation_messages]=\"validation_messages[campo.Nome]\"\r\n          (selectChangeEntity)=\"campo.change ? campo.change($event) : emptyHandler()\" [readonly]=\"campo.ReadOnly\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-select>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-radio'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-radio [label]=\"campo.Label ?? campo.Nome\" [formControlName]=\"campo.Nome\" [form]=\"entidadeForm\"\r\n          [itens]=\"campo.Itens\" [itemId]=\"campo.ItemId\" [itemNome]=\"campo.ItemNome\" [readonly]=\"campo.ReadOnly\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-radio>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-pesquisa'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-pesquisa #pesquisaCentroCustoPai \r\n          [label]=\"campo.Label ?? campo.Nome\" \r\n          [campoId]=\"campo.ItemId\"\r\n          [focusField]=\"campo.focusField\"\r\n          [formControlName]=\"campo.Nome\" \r\n          placeholder=\"Pesquisar...\" \r\n          [campoDisplay]=\"campo.ItemNome ?? 'Nome'\" \r\n          [form]=\"entidadeForm\"\r\n          [tipo]=\"campo.TipoPesquisa\" \r\n          [urlItem]=\"campo.UrlItem\" \r\n          [max]=\"campo.Tamanho ?? '50'\" \r\n          [url]=\"campo.UrlPesquisa\" \r\n          [readonly]=\"campo.ReadOnly\"\r\n          (pesquisaChange)=\"campo.change ? campo.change($event) : emptyHandler()\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-pesquisa>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-button'\">\r\n        <!-- \r\n        <kb-btn-action [title]=\"campo.Label\" [icon]=\"campo.Icon\" [iconSrc]=\"campo.IconSrc\" [color]=\"campo.BtnColor ?? 'light'\" \r\n          [expand]=\"campo.BtnExpand ?? 'block'\" style=\"margin-top: var(--btn-action-margin-top, auto);\">\r\n        </kb-btn-action>\r\n      -->\r\n        <ion-button [expand]=\"campo.BtnExpand ?? 'block'\" [color]=\"campo.BtnColor ?? 'light'\"\r\n          (click)=\"campo.click ? campo.click($event) : emptyHandler()\" [size]=\"campo.BtnSize ?? 'default'\"\r\n          [disabled]=\"campo.ReadOnly\">\r\n          <ion-icon *ngIf=\"campo.Icon || campo.IconSrc\" [name]=\"campo.Icon\" [src]=\"campo.IconSrc\"></ion-icon>\r\n          {{ campo.Label }}\r\n        </ion-button>\r\n      </ion-col>\r\n\r\n      <ion-col *ngIf=\"campo.Tipo == 'col'\" size-md=\"1\" size-xs=\"0\">\r\n\r\n      </ion-col>\r\n\r\n      <ion-col *ngIf=\"campo.Tipo == 'sub-titulo'\" size=\"12\">\r\n        <ion-list lines=\"none\" class=\"ion-no-padding\">\r\n          <ion-list-header color=\"primary\" [style]=\"campo.CampoStyle ?? ''\"> \r\n            <ion-label [style]=\"campo.LabelStyle ?? ''\">{{ campo.Label }}</ion-label>\r\n          </ion-list-header>\r\n        </ion-list>\r\n      </ion-col>\r\n    </ng-container>\r\n  </ion-row>\r\n\r\n  <!--\r\n    <ion-col class=\"select ion-no-margin ion-no-padding\">\r\n      <ion-item lines=\"none\">\r\n        <ion-label>Totalizador</ion-label>\r\n        <ion-checkbox slot=\"start\" formControlName=\"Totalizador\"></ion-checkbox>\r\n      </ion-item>\r\n    </ion-col>\r\n    <ion-col class=\"select ion-no-margin ion-no-padding\">\r\n      <ion-item lines=\"none\">\r\n        <ion-label>Inativo</ion-label>\r\n        <ion-checkbox slot=\"start\" formControlName=\"Inativo\"></ion-checkbox>\r\n      </ion-item>\r\n    </ion-col>\r\n    -->\r\n</form>", styles: ["ion-list-header{text-align:center;font-size:large}\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.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { 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.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: InputTextComponent, selector: "kb-input-text", inputs: ["iconInput", "inputSpanAfter", "campoFoco", "showCustomAction", "customActionIcon"], outputs: ["customActionClick"] }, { kind: "component", type: InputFormatComponent, selector: "kb-input-format", inputs: ["formato", "keyEnter"] }, { kind: "component", type: InputSelectComponent, selector: "kb-input-select", inputs: ["itens", "itemId", "itemNome", "showNovo", "itemNull", "opcaoDefault"], outputs: ["selectChange", "selectChangeEntity"] }, { kind: "component", type: InputPesquisaComponent, selector: "kb-input-pesquisa", inputs: ["textoPesquisa", "max", "filterFunction", "selectId", "campoId", "campoPaiId", "campoDisplay", "tipo", "pesquisaAction", "limpar", "url", "urlItem", "urlTree", "empresa", "loadInit", "treeTitulo"], outputs: ["pesquisaChange"] }, { kind: "component", type: InputValorComponent, selector: "kb-input-valor", inputs: ["maxValor"] }, { kind: "component", type: InputAreaComponent, selector: "kb-input-area", inputs: ["linhas"] }, { kind: "component", type: InputCepComponent, selector: "kb-input-cep", inputs: ["formato", "keyEnter"], outputs: ["getResultados"] }, { kind: "component", type: InputCheckboxComponent, selector: "kb-input-checkbox", inputs: ["justify", "labelPlacement"] }, { kind: "component", type: InputRadioComponent, selector: "kb-input-radio", inputs: ["itens", "itemId", "itemNome", "color"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: EntityEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-entity-edit', template: "<form *ngIf=\"campos && campos.length\" [formGroup]=\"entidadeForm\" style=\"width: 100%;\">\r\n\r\n\r\n  <ion-row *ngFor=\"let linha of campos\" [class]=\"rowClass\">\r\n    <ng-container *ngFor=\"let campo of linha.Linha\">\r\n      <!-- {{ campo.Nome }} {{ campo.Tipo }} -->\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-text'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-text label=\"{{campo.Label ?? campo.Nome}}\" [placeholder]=\"campo.PlaceHolderVisivel ? (campo.Label ?? campo.Nome + '...') : ''\"\r\n          [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\" [validation_messages]=\"validation_messages[campo.Nome]\"\r\n          [formControlName]=\"campo.Nome\" [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\"          \r\n          [type]=\"campo.TipoInput ?? 'text'\" \r\n          [showSeePassword]=\"campo.TipoInput == 'password'\"\r\n          [showCustomAction]=\"campo.InputAction\"\r\n          [customActionIcon]=\"campo.InputActionIcon ?? 'search-outline'\"\r\n          (customActionClick)=\"campo.click ? campo.click($event) : emptyHandler()\"\r\n\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-text>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-area'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-area label=\"{{campo.Label ?? campo.Nome}}\" [placeholder]=\"campo.PlaceHolderVisivel ? (campo.Label ?? campo.Nome + '...') : ''\"\r\n          [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\" [validation_messages]=\"validation_messages[campo.Nome]\"\r\n          [formControlName]=\"campo.Nome\" [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\" [linhas]=\"campo.Linhas ?? 5\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-area>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-cep'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-cep label=\"{{campo.Label ?? campo.Nome}}\" [form]=\"entidadeForm\"\r\n          [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\"\r\n          [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\"\r\n          [itemClass]=\"itemClass\"\r\n          (getResultados)=\"campo.change ? campo.change($event) : emptyHandler()\"\r\n          >\r\n        </kb-input-cep>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-valor'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-valor label=\"{{campo.Label ?? campo.Nome}}\" [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\"\r\n          [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\"\r\n          [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-valor>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-format'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-format label=\"{{campo.Label ?? campo.Nome}}\" [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\"\r\n          [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\"\r\n          [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\" [formato]=\"campo.Formato ?? ''\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-format>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-checkbox'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-checkbox label=\"{{ campo.Label }}\" [form]=\"entidadeForm\"\r\n          [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\"\r\n          [campoFoco]=\"campo.CampoFoco\" [readonly]=\"campo.ReadOnly\" \r\n          [itemClass]=\"itemClass\"\r\n          [labelColor]=\"campo.BtnColor\">\r\n\r\n        </kb-input-checkbox>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-select'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-select [label]=\"campo.Label ?? campo.Nome\" [placeholder]=\"'Selecionar...'\"\r\n          [formControlName]=\"campo.Nome\" [form]=\"entidadeForm\" [itens]=\"campo.Itens\" [itemId]=\"campo.ItemId ?? 'Id'\"\r\n          [itemNome]=\"campo.ItemNome ?? 'Nome'\" [validation_messages]=\"validation_messages[campo.Nome]\"\r\n          (selectChangeEntity)=\"campo.change ? campo.change($event) : emptyHandler()\" [readonly]=\"campo.ReadOnly\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-select>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-radio'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-radio [label]=\"campo.Label ?? campo.Nome\" [formControlName]=\"campo.Nome\" [form]=\"entidadeForm\"\r\n          [itens]=\"campo.Itens\" [itemId]=\"campo.ItemId\" [itemNome]=\"campo.ItemNome\" [readonly]=\"campo.ReadOnly\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-radio>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-pesquisa'\" [hidden]=\"campo.Hidden === true\">\r\n        <kb-input-pesquisa #pesquisaCentroCustoPai \r\n          [label]=\"campo.Label ?? campo.Nome\" \r\n          [campoId]=\"campo.ItemId\"\r\n          [focusField]=\"campo.focusField\"\r\n          [formControlName]=\"campo.Nome\" \r\n          placeholder=\"Pesquisar...\" \r\n          [campoDisplay]=\"campo.ItemNome ?? 'Nome'\" \r\n          [form]=\"entidadeForm\"\r\n          [tipo]=\"campo.TipoPesquisa\" \r\n          [urlItem]=\"campo.UrlItem\" \r\n          [max]=\"campo.Tamanho ?? '50'\" \r\n          [url]=\"campo.UrlPesquisa\" \r\n          [readonly]=\"campo.ReadOnly\"\r\n          (pesquisaChange)=\"campo.change ? campo.change($event) : emptyHandler()\"\r\n          [itemClass]=\"itemClass\">\r\n        </kb-input-pesquisa>\r\n      </ion-col>\r\n\r\n      <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-button'\">\r\n        <!-- \r\n        <kb-btn-action [title]=\"campo.Label\" [icon]=\"campo.Icon\" [iconSrc]=\"campo.IconSrc\" [color]=\"campo.BtnColor ?? 'light'\" \r\n          [expand]=\"campo.BtnExpand ?? 'block'\" style=\"margin-top: var(--btn-action-margin-top, auto);\">\r\n        </kb-btn-action>\r\n      -->\r\n        <ion-button [expand]=\"campo.BtnExpand ?? 'block'\" [color]=\"campo.BtnColor ?? 'light'\"\r\n          (click)=\"campo.click ? campo.click($event) : emptyHandler()\" [size]=\"campo.BtnSize ?? 'default'\"\r\n          [disabled]=\"campo.ReadOnly\">\r\n          <ion-icon *ngIf=\"campo.Icon || campo.IconSrc\" [name]=\"campo.Icon\" [src]=\"campo.IconSrc\"></ion-icon>\r\n          {{ campo.Label }}\r\n        </ion-button>\r\n      </ion-col>\r\n\r\n      <ion-col *ngIf=\"campo.Tipo == 'col'\" size-md=\"1\" size-xs=\"0\">\r\n\r\n      </ion-col>\r\n\r\n      <ion-col *ngIf=\"campo.Tipo == 'sub-titulo'\" size=\"12\">\r\n        <ion-list lines=\"none\" class=\"ion-no-padding\">\r\n          <ion-list-header color=\"primary\" [style]=\"campo.CampoStyle ?? ''\"> \r\n            <ion-label [style]=\"campo.LabelStyle ?? ''\">{{ campo.Label }}</ion-label>\r\n          </ion-list-header>\r\n        </ion-list>\r\n      </ion-col>\r\n    </ng-container>\r\n  </ion-row>\r\n\r\n  <!--\r\n    <ion-col class=\"select ion-no-margin ion-no-padding\">\r\n      <ion-item lines=\"none\">\r\n        <ion-label>Totalizador</ion-label>\r\n        <ion-checkbox slot=\"start\" formControlName=\"Totalizador\"></ion-checkbox>\r\n      </ion-item>\r\n    </ion-col>\r\n    <ion-col class=\"select ion-no-margin ion-no-padding\">\r\n      <ion-item lines=\"none\">\r\n        <ion-label>Inativo</ion-label>\r\n        <ion-checkbox slot=\"start\" formControlName=\"Inativo\"></ion-checkbox>\r\n      </ion-item>\r\n    </ion-col>\r\n    -->\r\n</form>", styles: ["ion-list-header{text-align:center;font-size:large}\n"] }]
+        }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { entidade: [{
+                type: Input
+            }], campos: [{
+                type: Input
+            }], entidadeForm: [{
+                type: Input
+            }], validation_messages: [{
+                type: Input
+            }], itemClass: [{
+                type: Input
+            }], rowClass: [{
+                type: Input
+            }] } });
+
+class GridViewComponent {
+    constructor() {
+        this.minHeight = '400px';
+        this.inMemoryPagination = false;
+        this.selecionarItem = new EventEmitter();
+        this.excluirItem = new EventEmitter();
+        this.selecionarChecked = new EventEmitter();
+        //inputs = inject(new InjectionToken<any>('title inputs'));
+        this.grupos = [{ Coluna: '', Tabela: null, Dados: null, Nivel: 0 }];
+        // tabelaCampos = {
+        //   Selecionar: false,
+        //   Exportar: true,
+        //   Colunas: [
+        //     { Campo: 'Id', Titulo: 'Id', Tamanho: '10%', Ordem: true, Grupo: false, Filtrar: true, OrdemStatus: 0, Tipo: 'number', Valores: [], FiltroOperador: '=', FiltroValor: '', FiltroVisivel: false },
+        //     { Campo: 'Marca', Titulo: 'Marca', Tamanho: '25%', Ordem: true, Grupo: true, Filtrar: true, OrdemStatus: 0, Tipo: 'string', Valores: [], FiltroOperador: '=', FiltroValor: '', FiltroVisivel: false },
+        //     { Campo: 'Descricao', Titulo: 'Descrição', Tamanho: '25%', Ordem: true, Grupo: true, Filtrar: true, OrdemStatus: 0, Tipo: 'string', Valores: [], FiltroOperador: '=', FiltroValor: '', FiltroVisivel: false },
+        //     { Campo: 'Data', Titulo: 'Data', Tamanho: '20%', Ordem: true, Grupo: true, Filtrar: true, OrdemStatus: 0, Tipo: 'date', Valores: [], FiltroOperador: '=', FiltroValor: '', FiltroVisivel: false },
+        //     { Campo: 'Valor', Titulo: 'Valor', Tamanho: '20%', Ordem: true, Grupo: false, Filtrar: true, OrdemStatus: 0, Tipo: 'number', Valores: [], FiltroOperador: '=', FiltroValor: '', FiltroVisivel: false },
+        //   ]
+        // }
+        // dataSet: Array<any> = [
+        //   { Id: 1, Marca: 'Apple', Descricao: 'IPhone 14', Data: '2023-05-01', Valor: 7899.99 },
+        //   { Id: 2, Marca: 'Apple', Descricao: 'MacBook Pro', Data: '2023-06-01', Valor: 17999.99 },
+        //   { Id: 3, Marca: 'Samsung', Descricao: 'Galaxy S23', Data: '2023-05-01', Valor: 6899.99 },
+        //   { Id: 4, Marca: 'Sony', Descricao: 'PS 5', Data: '2023-06-01', Valor: 4899.99 },
+        //   { Id: 5, Marca: 'Samsung', Descricao: 'Watch 23', Data: '2023-05-01', Valor: 1899.99 },
+        // ]
+        this.groups = [];
+        this.filteredDataSet = [];
+        this.pageDataSet = [];
+        //array com os campos filtrados para display
+        this.camposDisplay = [];
+        //filtro
+        this.isFiltroOpen = false;
+        this.todosSelecionados = false;
+        //pagination
+        //página atual
+        this.page = 1;
+        //registros por página
+        this.pageOffset = 20;
+    }
+    valoresFiltro() {
+        this.tabelaCampos.Colunas.forEach(c => {
+            if (c.Filtrar) {
+                //projetar a coluna
+                let initial = [];
+                let valores = this.dataSet.map(d => d[c.Campo]);
+                c.Valores = valores.filter((value, index, self) => {
+                    return self.indexOf(value) === index;
+                }).map(v => { return { Selecionado: false, Valor: v }; });
+                //   console.log(c.Campo, valores);
+                //   console.log(c.Valores)
+            }
+        });
+    }
+    ngOnInit() {
+        //this.inicializaGrupo();
+        //this.agrupar('Marca');
+        //console.log('inputs', this.inputs);
+        //console.log('Input empresa', this.empresaId);
+        GridTabela.init(this.tabelaCampos);
+        this.valoresFiltro();
+        this.filteredDataSet = this.dataSet;
+        console.log('Init Tabela campos', this.tabelaCampos);
+    }
+    ngOnChanges(changes) {
+        console.log('On changes Tabela campos', this.tabelaCampos);
+        //evento chamado quando o dataset for atualizado
+        //inicializar vars de paginação
+        this.initPage();
+        this.todosSelecionados = false;
+    }
+    initPage() {
+        this.page = 1;
+        this.totalRec = this.filteredDataSet.length;
+        this.totalPages = Math.ceil(this.totalRec / this.pageOffset);
+        if (this.inMemoryPagination === true) {
+            this.getRegistrosPage();
+        }
+        else {
+            this.pageDataSet = this.filteredDataSet;
+        }
+    }
+    getRegistrosPage() {
+        this.start = (this.page - 1) * this.pageOffset;
+        console.log('dataset', this.filteredDataSet);
+        console.log('start', this.start);
+        console.log('offset', this.pageOffset);
+        this.pageDataSet = this.filteredDataSet.slice(this.start, (this.start + this.pageOffset));
+        console.log('page dataset', this.pageDataSet);
+    }
+    proximo() {
+        if (this.page < this.totalPages) {
+            this.page++;
+            this.getRegistrosPage();
+            this.gerarArrayPags();
+        }
+    }
+    anterior() {
+        if (this.page > 1) {
+            this.page--;
+            this.getRegistrosPage();
+            this.gerarArrayPags();
+        }
+    }
+    gerarArrayPags() {
+    }
+    inicializaGrupo() {
+        //inicializar o primeiro grupo 'default'
+        this.camposDisplay = this.tabelaCampos.Colunas;
+        this.grupos[0].Tabela = this.camposDisplay;
+        this.grupos[0].Dados = this.dataSet;
+    }
+    agrupar(campo) {
+        this.groups.push(campo);
+        let level = 0;
+        for (let g in this.groups) {
+            console.log(g);
+            //filtrar os dados
+            let result = this.dataSet.reduce((group, data) => {
+                const { g } = data;
+                group[g] = group[campo] ?? [];
+                group[g].push(data);
+                return group;
+            }, {});
+            console.log(result);
+        }
+    }
+    filtrarCampos(coluna = '') {
+        if (coluna != '') {
+        }
+        else {
+        }
+    }
+    filtrar(col) {
+        //console.log('filtrar', col);
+        if (col.Valores && col.Valores.find(v => v.Selecionado) != null) {
+            const valores = col.Valores.filter(v => v.Selecionado).map(v => v.Valor);
+            //filtrar por valores selecionados
+            this.filteredDataSet = this.dataSet.filter(d => valores.indexOf(d[col.Campo]) > -1);
+        }
+        else if (col.FiltroOperador && col.FiltroValor) {
+            //console.log(col.FiltroOperador, col.FiltroValor)
+            try {
+                this.filteredDataSet = this.dataSet.filter(d => {
+                    switch (col.FiltroOperador) {
+                        case "=":
+                            return d[col.Campo] == col.FiltroValor;
+                        case ">=":
+                            if (col.Tipo == 'number') {
+                                return LibService.stringToDecimal(d[col.Campo], true) >= LibService.stringToDecimal(col.FiltroValor, true);
+                            }
+                            else if (col.Tipo == 'data') {
+                                return new Date(this.dataToString(d[col.Campo])) >= new Date(this.dataToString(col.FiltroValor));
+                            }
+                            else
+                                return d[col.Campo] >= col.FiltroValor;
+                        case "<=":
+                            if (col.Tipo == 'number') {
+                                return LibService.stringToDecimal(d[col.Campo], true) <= LibService.stringToDecimal(col.FiltroValor, true);
+                            }
+                            else
+                                return d[col.Campo] <= col.FiltroValor;
+                        case "tem":
+                            return d[col.Campo].toString().toLowerCase().indexOf(col.FiltroValor.toLowerCase()) > -1;
+                        default:
+                            return true;
+                    }
+                });
+            }
+            catch (ex) {
+                console.log(ex);
+                this.filteredDataSet = this.dataSet;
+            }
+        }
+        col.FiltroVisivel = false;
+        this.initPage();
+    }
+    getPage() {
+    }
+    limpar() {
+        this.filteredDataSet = this.dataSet;
+    }
+    dataToString(data) {
+        if (data) {
+            return data.split('/').reverse().join('-');
+        }
+        else {
+            return "";
+        }
+    }
+    ordenar(col) {
+        if (col.OrdemStatus == 0 || col.OrdemStatus == -1) {
+            if (col.Tipo == 'data') {
+                this.filteredDataSet.sort((a, b) => this.dataToString(a[col.Campo]) > this.dataToString(b[col.Campo]) ? 1 : (this.dataToString(a[col.Campo]) < this.dataToString(b[col.Campo]) ? -1 : 0));
+            }
+            else if (col.Tipo == 'number') {
+                this.filteredDataSet.sort((a, b) => LibService.stringToDecimal(a[col.Campo]) > LibService.stringToDecimal(b[col.Campo]) ? 1 : (LibService.stringToDecimal(a[col.Campo]) < LibService.stringToDecimal(b[col.Campo]) ? -1 : 0));
+            }
+            else
+                this.filteredDataSet.sort((a, b) => a[col.Campo] > b[col.Campo] ? 1 : (a[col.Campo] < b[col.Campo] ? -1 : 0));
+            col.OrdemStatus = 1; //asc
+        }
+        else {
+            if (col.Tipo == 'data') {
+                this.filteredDataSet.sort((a, b) => this.dataToString(a[col.Campo]) < this.dataToString(b[col.Campo]) ? 1 : (this.dataToString(a[col.Campo]) > this.dataToString(b[col.Campo]) ? -1 : 0));
+            }
+            else if (col.Tipo == 'number') {
+                this.filteredDataSet.sort((a, b) => LibService.stringToDecimal(a[col.Campo], true) < LibService.stringToDecimal(b[col.Campo], true) ? 1 : (LibService.stringToDecimal(a[col.Campo], true) > LibService.stringToDecimal(b[col.Campo], true) ? -1 : 0));
+            }
+            else
+                this.filteredDataSet.sort((a, b) => a[col.Campo] < b[col.Campo] ? 1 : (a[col.Campo] > b[col.Campo] ? -1 : 0));
+            col.OrdemStatus = -1; //desc
+        }
+    }
+    setFiltroOpen(col) {
+        col.FiltroVisivel = !col.FiltroVisivel;
+        if (col.FiltroVisivel) {
+            this.selectedColuna = col;
+            //console.log(this.selectedColuna);
+        }
+    }
+    selecionarTodos() {
+        //this.todosSelecionados = !this.todosSelecionados;
+        this.filteredDataSet.forEach(item => {
+            item[this.tabelaCampos.CampoSelecionar] = this.todosSelecionados;
+        });
+        this.selecionarChecked.emit();
+    }
+    selecionarLinha(item) {
+        this.selecionarItem.emit(item);
+        this.selectedItem = item;
+    }
+    excluirLinha(item) {
+        this.excluirItem.emit(item);
+    }
+    //check
+    selecionadoChecked() {
+        this.selecionarChecked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: GridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: GridViewComponent, selector: "kb-grid-view", inputs: { empresaId: "empresaId", tabelaCampos: "tabelaCampos", dataSet: "dataSet", minHeight: "minHeight", inMemoryPagination: "inMemoryPagination", filteredDataSet: "filteredDataSet", pageOffset: "pageOffset" }, outputs: { selecionarItem: "selecionarItem", excluirItem: "excluirItem", selecionarChecked: "selecionarChecked" }, usesOnChanges: true, ngImport: i0, template: "<div style=\"font-size: 14px;\">\r\n    <div id=\"painelExportacao\">\r\n      <ion-row *ngIf=\"inMemoryPagination\">\r\n        <!--\r\n        <ion-col size=\"2\">\r\n          <ion-button *ngIf=\"tabelaCampos.Selecionar === true\" size=\"small\" fill=\"outline\" color=\"medium\"\r\n            (click)=\"selecionarTodos()\">Selecionar Todos</ion-button>\r\n        </ion-col>\r\n        -->\r\n        <ion-col size=\"3\">\r\n          <ion-button *ngIf=\"inMemoryPagination === true\" size=\"small\" fill=\"outline\" color=\"bluetool\"\r\n            (click)=\"anterior()\">\r\n            <ion-icon name=\"chevron-back-outline\" slot=\"start\"></ion-icon>\r\n            Anterior\r\n          </ion-button>\r\n          <ion-button *ngIf=\"inMemoryPagination === true\" size=\"small\" fill=\"outline\" color=\"bluetool\"\r\n            (click)=\"proximo()\">\r\n            Pr\u00F3ximo\r\n            <ion-icon name=\"chevron-forward-outline\" slot=\"end\"></ion-icon>\r\n          </ion-button>                \r\n        </ion-col>\r\n        <ion-col size=\"2\">\r\n          <span style=\"display: block; margin-top: 10px;\" *ngIf=\"inMemoryPagination && totalRec > 0\">Exibindo {{ start + 1 }} - {{ (start + pageOffset) < totalRec ? (start + pageOffset) : totalRec }} total de {{ totalRec }}        \r\n          </span>      \r\n        </ion-col>\r\n      </ion-row>\r\n    </div>\r\n    <div style=\"width: 100%;\" [style.min-height]=\"minHeight\">\r\n      <table class=\"grid\">\r\n        <thead>\r\n          <tr style=\"background-color: var(--ion-color-bluetool); color: white;\">\r\n            <td *ngIf=\"tabelaCampos.Selecionar === true\" style=\"width: 3%; text-align: center;\">\r\n              <input type=\"checkbox\" [(ngModel)]=\"todosSelecionados\" (change)=\"selecionarTodos()\">\r\n            </td>\r\n            <td *ngFor=\"let col of tabelaCampos.Colunas\" [style.width]=\"col.Tamanho\">\r\n              <div style=\"position: relative;\">\r\n                <div style=\"display: flex; justify-content: space-between; align-items: end;\">\r\n                  <strong>{{ col.Titulo }}</strong>\r\n                  <div>\r\n                    <ion-icon *ngIf=\"col.Ordem\" slot=\"end\" (click)=\"ordenar(col)\" style=\"cursor: pointer;\"\r\n                      [name]=\"col.OrdemStatus == 0 ? 'swap-vertical' : (col.OrdemStatus == 1 ? 'arrow-up': 'arrow-down')\"></ion-icon>\r\n  \r\n                    <ion-icon *ngIf=\"col.Filtrar\" name=\"funnel\" (click)=\"setFiltroOpen(col)\" slot=\"end\"></ion-icon>\r\n                  </div>\r\n                </div>\r\n  \r\n  \r\n                <div class=\"caixaGrande\" [hidden]=\"!col.FiltroVisivel\" tabindex=\"-1\"\r\n                  style=\"color: black; display: block; position: absolute; z-index: 800; width: 210px; right: 0px; opacity: 0.9;\">\r\n                  Filtrar:\r\n                  <div>\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start;\">\r\n                      <select style=\"width: 80px;\" [(ngModel)]=\"col.FiltroOperador\">\r\n                        <option>=</option>\r\n                        <option>&gt;=</option>\r\n                        <option>&lt;=</option>\r\n                        <option>tem</option>\r\n                      </select>\r\n                      <input style=\"width: 100px;\" type=\"text\" [(ngModel)]=\"col.FiltroValor\">\r\n                    </div>\r\n                    <ion-button size=\"small\" color=\"medium\" expand=\"block\" (click)=\"filtrar(col)\">Filtrar</ion-button>\r\n                    <ion-button size=\"small\" color=\"light\" expand=\"block\" (click)=\"limpar()\">Limpar</ion-button>\r\n                  </div>\r\n                  <div *ngIf=\"col.Valores\" class=\"scroll-container\" style=\"height: 200px; overflow-y: scroll;\">\r\n                    <div *ngFor=\"let valor of col.Valores\">\r\n                      <input type=\"checkbox\" [(ngModel)]=\"valor.Selecionado\">\r\n                      <span>{{ valor.Valor }}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n  \r\n              </div>\r\n            </td>\r\n            <td *ngIf=\"tabelaCampos.Excluir === true\">\r\n  \r\n            </td>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr *ngFor=\"let item of pageDataSet\" [class]=\"item == selectedItem ? 'item-selecionado' : '' \">\r\n            <td *ngIf=\"tabelaCampos.Selecionar === true\" style=\"text-align: center; cursor: auto;\">\r\n              <input type=\"checkbox\" [(ngModel)]=\"item[tabelaCampos.CampoSelecionar]\" (change)=\"selecionadoChecked()\">\r\n            </td>\r\n            <td class=\"col\" *ngFor=\"let col of tabelaCampos.Colunas\" [style.width]=\"col.Tamanho\"\r\n              [style.text-align]=\"col.Tipo == 'number' ? 'right' : (col.Alinhamento ?? 'left')\"\r\n              (click)=\"col.ClickFunction ? col.ClickFunction(item) : selecionarLinha(item)\">\r\n              <span *ngIf=\"col.Pipe == 'date'\">{{ item[col.Campo] | date: 'dd/MM/yyyy' }}</span>              \r\n              <span *ngIf=\"col.Pipe == 'valor'\">{{ item[col.Campo] | valorFormat }}</span>\r\n              <span *ngIf=\"col.RenderFunction\" [innerHtml]=\"col.RenderFunction(item) | safeHtml\"></span>\r\n              <span *ngIf=\"!col.Pipe && !col.RenderFunction\">{{ item[col.Campo] ?? col.Default }}</span>\r\n            </td>\r\n            <td *ngIf=\"tabelaCampos.Excluir === true\" style=\"padding: 0px; text-align: center;\">\r\n              <ion-button size=\"small\" color=\"danger\" fill=\"outline\" style=\"transform: scale(0.85);\" (click)=\"excluirLinha(item)\">\r\n                <ion-icon name=\"trash\"></ion-icon>\r\n              </ion-button>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  \r\n    <ion-modal [isOpen]=\"isFiltroOpen\" (didDismiss)=\"isFiltroOpen = false;\">\r\n      <ng-template>\r\n        <ion-content class=\"ion-padding\">\r\n          <div class=\"caixaGrande\">\r\n            Filtrar:\r\n            <div *ngIf=\"selectedColuna.Valores\">\r\n              <div *ngFor=\"let valor of selectedColuna.Valores\">\r\n                <span>{{ valor }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ion-content>\r\n      </ng-template>\r\n    </ion-modal>\r\n  </div>", styles: [".grid{width:100%}.grid thead td{border:1px solid gray;padding:4px;color:#000!important}.grid tbody td{border:1px solid gray;padding:2px 4px}.grid tbody tr{cursor:pointer}.grid tbody tr:hover{background-color:#699ccc80;transition-duration:.5s}.grid tbody tr.item-selecionado{background-color:#699ccc33}[hidden]{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonModal, selector: "ion-modal", inputs: ["animated", "keepContentsMounted", "backdropBreakpoint", "backdropDismiss", "breakpoints", "canDismiss", "cssClass", "enterAnimation", "event", "handle", "handleBehavior", "initialBreakpoint", "isOpen", "keyboardClose", "leaveAnimation", "mode", "presentingElement", "showBackdrop", "translucent", "trigger"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i4.ValorFormatPipe, name: "valorFormat" }, { kind: "pipe", type: i4.SafeHtmlPipe, name: "safeHtml" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: GridViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-grid-view', template: "<div style=\"font-size: 14px;\">\r\n    <div id=\"painelExportacao\">\r\n      <ion-row *ngIf=\"inMemoryPagination\">\r\n        <!--\r\n        <ion-col size=\"2\">\r\n          <ion-button *ngIf=\"tabelaCampos.Selecionar === true\" size=\"small\" fill=\"outline\" color=\"medium\"\r\n            (click)=\"selecionarTodos()\">Selecionar Todos</ion-button>\r\n        </ion-col>\r\n        -->\r\n        <ion-col size=\"3\">\r\n          <ion-button *ngIf=\"inMemoryPagination === true\" size=\"small\" fill=\"outline\" color=\"bluetool\"\r\n            (click)=\"anterior()\">\r\n            <ion-icon name=\"chevron-back-outline\" slot=\"start\"></ion-icon>\r\n            Anterior\r\n          </ion-button>\r\n          <ion-button *ngIf=\"inMemoryPagination === true\" size=\"small\" fill=\"outline\" color=\"bluetool\"\r\n            (click)=\"proximo()\">\r\n            Pr\u00F3ximo\r\n            <ion-icon name=\"chevron-forward-outline\" slot=\"end\"></ion-icon>\r\n          </ion-button>                \r\n        </ion-col>\r\n        <ion-col size=\"2\">\r\n          <span style=\"display: block; margin-top: 10px;\" *ngIf=\"inMemoryPagination && totalRec > 0\">Exibindo {{ start + 1 }} - {{ (start + pageOffset) < totalRec ? (start + pageOffset) : totalRec }} total de {{ totalRec }}        \r\n          </span>      \r\n        </ion-col>\r\n      </ion-row>\r\n    </div>\r\n    <div style=\"width: 100%;\" [style.min-height]=\"minHeight\">\r\n      <table class=\"grid\">\r\n        <thead>\r\n          <tr style=\"background-color: var(--ion-color-bluetool); color: white;\">\r\n            <td *ngIf=\"tabelaCampos.Selecionar === true\" style=\"width: 3%; text-align: center;\">\r\n              <input type=\"checkbox\" [(ngModel)]=\"todosSelecionados\" (change)=\"selecionarTodos()\">\r\n            </td>\r\n            <td *ngFor=\"let col of tabelaCampos.Colunas\" [style.width]=\"col.Tamanho\">\r\n              <div style=\"position: relative;\">\r\n                <div style=\"display: flex; justify-content: space-between; align-items: end;\">\r\n                  <strong>{{ col.Titulo }}</strong>\r\n                  <div>\r\n                    <ion-icon *ngIf=\"col.Ordem\" slot=\"end\" (click)=\"ordenar(col)\" style=\"cursor: pointer;\"\r\n                      [name]=\"col.OrdemStatus == 0 ? 'swap-vertical' : (col.OrdemStatus == 1 ? 'arrow-up': 'arrow-down')\"></ion-icon>\r\n  \r\n                    <ion-icon *ngIf=\"col.Filtrar\" name=\"funnel\" (click)=\"setFiltroOpen(col)\" slot=\"end\"></ion-icon>\r\n                  </div>\r\n                </div>\r\n  \r\n  \r\n                <div class=\"caixaGrande\" [hidden]=\"!col.FiltroVisivel\" tabindex=\"-1\"\r\n                  style=\"color: black; display: block; position: absolute; z-index: 800; width: 210px; right: 0px; opacity: 0.9;\">\r\n                  Filtrar:\r\n                  <div>\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start;\">\r\n                      <select style=\"width: 80px;\" [(ngModel)]=\"col.FiltroOperador\">\r\n                        <option>=</option>\r\n                        <option>&gt;=</option>\r\n                        <option>&lt;=</option>\r\n                        <option>tem</option>\r\n                      </select>\r\n                      <input style=\"width: 100px;\" type=\"text\" [(ngModel)]=\"col.FiltroValor\">\r\n                    </div>\r\n                    <ion-button size=\"small\" color=\"medium\" expand=\"block\" (click)=\"filtrar(col)\">Filtrar</ion-button>\r\n                    <ion-button size=\"small\" color=\"light\" expand=\"block\" (click)=\"limpar()\">Limpar</ion-button>\r\n                  </div>\r\n                  <div *ngIf=\"col.Valores\" class=\"scroll-container\" style=\"height: 200px; overflow-y: scroll;\">\r\n                    <div *ngFor=\"let valor of col.Valores\">\r\n                      <input type=\"checkbox\" [(ngModel)]=\"valor.Selecionado\">\r\n                      <span>{{ valor.Valor }}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n  \r\n              </div>\r\n            </td>\r\n            <td *ngIf=\"tabelaCampos.Excluir === true\">\r\n  \r\n            </td>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr *ngFor=\"let item of pageDataSet\" [class]=\"item == selectedItem ? 'item-selecionado' : '' \">\r\n            <td *ngIf=\"tabelaCampos.Selecionar === true\" style=\"text-align: center; cursor: auto;\">\r\n              <input type=\"checkbox\" [(ngModel)]=\"item[tabelaCampos.CampoSelecionar]\" (change)=\"selecionadoChecked()\">\r\n            </td>\r\n            <td class=\"col\" *ngFor=\"let col of tabelaCampos.Colunas\" [style.width]=\"col.Tamanho\"\r\n              [style.text-align]=\"col.Tipo == 'number' ? 'right' : (col.Alinhamento ?? 'left')\"\r\n              (click)=\"col.ClickFunction ? col.ClickFunction(item) : selecionarLinha(item)\">\r\n              <span *ngIf=\"col.Pipe == 'date'\">{{ item[col.Campo] | date: 'dd/MM/yyyy' }}</span>              \r\n              <span *ngIf=\"col.Pipe == 'valor'\">{{ item[col.Campo] | valorFormat }}</span>\r\n              <span *ngIf=\"col.RenderFunction\" [innerHtml]=\"col.RenderFunction(item) | safeHtml\"></span>\r\n              <span *ngIf=\"!col.Pipe && !col.RenderFunction\">{{ item[col.Campo] ?? col.Default }}</span>\r\n            </td>\r\n            <td *ngIf=\"tabelaCampos.Excluir === true\" style=\"padding: 0px; text-align: center;\">\r\n              <ion-button size=\"small\" color=\"danger\" fill=\"outline\" style=\"transform: scale(0.85);\" (click)=\"excluirLinha(item)\">\r\n                <ion-icon name=\"trash\"></ion-icon>\r\n              </ion-button>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  \r\n    <ion-modal [isOpen]=\"isFiltroOpen\" (didDismiss)=\"isFiltroOpen = false;\">\r\n      <ng-template>\r\n        <ion-content class=\"ion-padding\">\r\n          <div class=\"caixaGrande\">\r\n            Filtrar:\r\n            <div *ngIf=\"selectedColuna.Valores\">\r\n              <div *ngFor=\"let valor of selectedColuna.Valores\">\r\n                <span>{{ valor }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ion-content>\r\n      </ng-template>\r\n    </ion-modal>\r\n  </div>", styles: [".grid{width:100%}.grid thead td{border:1px solid gray;padding:4px;color:#000!important}.grid tbody td{border:1px solid gray;padding:2px 4px}.grid tbody tr{cursor:pointer}.grid tbody tr:hover{background-color:#699ccc80;transition-duration:.5s}.grid tbody tr.item-selecionado{background-color:#699ccc33}[hidden]{display:none!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { empresaId: [{
+                type: Input
+            }], tabelaCampos: [{
+                type: Input
+            }], dataSet: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], inMemoryPagination: [{
+                type: Input
+            }], selecionarItem: [{
+                type: Output
+            }], excluirItem: [{
+                type: Output
+            }], selecionarChecked: [{
+                type: Output
+            }], filteredDataSet: [{
+                type: Input
+            }], pageOffset: [{
+                type: Input
+            }] } });
+
+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,
+            BtnActionComponent,
+            BtnCancelarComponent,
+            BtnExcluirComponent,
+            BtnNovoComponent,
+            BtnSalvarComponent,
+            EntityEditComponent,
+            InputCheckboxComponent,
+            InputRadioComponent,
+            TreeViewComponent,
+            TreeViewNivelComponent,
+            GridViewComponent], imports: [CommonModule,
+            HttpClientModule,
+            IonicModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ValorFormatPipe,
+            SafeHtmlPipe], exports: [AppprojectComponentsComponent,
+            InputTextComponent,
+            InputFormatComponent,
+            InputSelectComponent,
+            InputPesquisaComponent,
+            ModelTreeviewComponent,
+            InputValorComponent,
+            InputAreaComponent,
+            InputCepComponent,
+            InputArquivoComponent,
+            BtnActionComponent,
+            BtnCancelarComponent,
+            BtnExcluirComponent,
+            BtnNovoComponent,
+            BtnSalvarComponent,
+            EntityEditComponent,
+            InputCheckboxComponent,
+            InputRadioComponent,
+            TreeViewComponent,
+            TreeViewNivelComponent,
+            GridViewComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsModule, imports: [CommonModule,
+            HttpClientModule,
+            IonicModule,
+            FormsModule,
+            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,
+                        BtnActionComponent,
+                        BtnCancelarComponent,
+                        BtnExcluirComponent,
+                        BtnNovoComponent,
+                        BtnSalvarComponent,
+                        EntityEditComponent,
+                        InputCheckboxComponent,
+                        InputRadioComponent,
+                        TreeViewComponent,
+                        TreeViewNivelComponent,
+                        GridViewComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        IonicModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        ValorFormatPipe,
+                        SafeHtmlPipe
+                    ],
+                    exports: [
+                        AppprojectComponentsComponent,
+                        InputTextComponent,
+                        InputFormatComponent,
+                        InputSelectComponent,
+                        InputPesquisaComponent,
+                        ModelTreeviewComponent,
+                        InputValorComponent,
+                        InputAreaComponent,
+                        InputCepComponent,
+                        InputArquivoComponent,
+                        BtnActionComponent,
+                        BtnCancelarComponent,
+                        BtnExcluirComponent,
+                        BtnNovoComponent,
+                        BtnSalvarComponent,
+                        EntityEditComponent,
+                        InputCheckboxComponent,
+                        InputRadioComponent,
+                        TreeViewComponent,
+                        TreeViewNivelComponent,
+                        GridViewComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+
+/*
+ * Public API Surface of appproject-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, BaseInputComponent, BtnActionComponent, BtnCancelarComponent, BtnExcluirComponent, BtnNovoComponent, BtnSalvarComponent, EntityEditComponent, GridViewComponent, InputAreaComponent, InputArquivoComponent, InputCepComponent, InputCheckboxComponent, InputFormatComponent, InputPesquisaComponent, InputRadioComponent, InputSelectComponent, InputTextComponent, InputValorComponent, LibConfigService, ModelTreeviewComponent, TreeViewComponent, TreeViewNivelComponent };
+//# sourceMappingURL=appproject-components.mjs.map