appproject-components 0.0.1 → 0.0.4

package/fesm2015/appproject-components.mjs

@@ -1,11 +1,16 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, Input, InjectionToken, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Injectable, Component, Input, ViewChild, InjectionToken, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import * as i3 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@ionic/angular';
 import { IonicModule } from '@ionic/angular';
+import * as i1$1 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
+import { __awaiter } from 'tslib';
+import { Subject, of } from 'rxjs';
+import { debounceTime, switchMap } from 'rxjs/operators';
 
 class AppprojectComponentsService {
     constructor() { }
@@ -160,16 +165,860 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                         }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n    [style.opacity]=\"readonly ? '0.5' : '1'\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-input #inputText\n        type=\"{{type}}\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputText.value)\"          \n        autocomplete=\"new-password\"\n        style=\"--background:{{ inputBackgroungColor }};\"\n        [disabled]=\"readonly\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n      <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n        <!-- (click)=\"limparClick()\" -->\n        <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n      </ion-button>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"] }]
         }], ctorParameters: function () { return []; } });
 
-class InputFormatComponent {
-    constructor() { }
-    ngOnInit() {
+class InputFormatComponent extends BaseInputComponent {
+    constructor() {
+        super();
+        this.formato = null;
+        this.keyEnter = null;
+        //control value acessor
+        this.data = null;
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    writeValue(value) {
+        //console.log('write value', value);
+        this.onChange(value);
+        this.data = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    ngOnInit() { }
+    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(() => {
+                var _a, _b, _c, _d;
+                if (this.form) {
+                    this.form.patchValue({
+                        [this.formControlName]: this.formataCampoValor((_a = this.form.get(this.formControlName)) === null || _a === void 0 ? void 0 : _a.value, (_b = this.formato) !== null && _b !== void 0 ? _b : '', event)
+                    });
+                }
+                else {
+                    this.data = this.formataCampoValor((_c = this.data) !== null && _c !== void 0 ? _c : '', (_d = this.formato) !== null && _d !== void 0 ? _d : '', event);
+                    this.writeValue(this.data);
+                }
+            }, 100);
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    onKeyEnter() {
+        if (this.keyEnter != null) {
+            this.keyEnter();
+        }
+    }
+    onBlur() {
+        var _a;
+        if (this.form) {
+            (_a = this.form.get(this.formControlName)) === null || _a === void 0 ? void 0 : _a.markAsTouched();
+        }
+        if (this.blur) {
+            this.blur(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;
+        }
     }
 }
 InputFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputFormatComponent, selector: "kb-input-format", ngImport: i0, template: "<p>input-format works!</p>\n", styles: [""] });
+InputFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputFormatComponent, selector: "kb-input-format", inputs: { formato: "formato", keyEnter: "keyEnter" }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: InputFormatComponent,
+            multi: true
+        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName={{formControlName}} -->\n      <ion-input #inputFormat\n      type=\"tel\" \n      [placeholder]=\"placeholder\"\n      maxlength=\"{{ max }}\" \n      (keydown)=\"digitarFormatado($event)\" \n      (keyup.enter)=\"onKeyEnter()\"\n      (ionBlur)=\"onBlur()\"\n      [value]=\"data\"\n      (input)=\"writeValue(inputFormat.value)\"\n      [disabled]=\"readonly\"></ion-input>\n  \n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.error-message{font-size:small;color:red;margin-left:15px}.item-inner{padding-right:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputFormatComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kb-input-format', template: "<p>input-format works!</p>\n" }]
+            args: [{ selector: 'kb-input-format', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputFormatComponent,
+                            multi: true
+                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<!--comando --inner-padding-end: utilizado pra remover padding desnecess\u00E1rios-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName={{formControlName}} -->\n      <ion-input #inputFormat\n      type=\"tel\" \n      [placeholder]=\"placeholder\"\n      maxlength=\"{{ max }}\" \n      (keydown)=\"digitarFormatado($event)\" \n      (keyup.enter)=\"onKeyEnter()\"\n      (ionBlur)=\"onBlur()\"\n      [value]=\"data\"\n      (input)=\"writeValue(inputFormat.value)\"\n      [disabled]=\"readonly\"></ion-input>\n  \n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}.error-message{font-size:small;color:red;margin-left:15px}.item-inner{padding-right:0!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { formato: [{
+                type: Input
+            }], keyEnter: [{
+                type: Input
+            }] } });
+
+class InputSelectComponent extends BaseInputComponent {
+    constructor() {
+        super();
+        this.change = null;
+        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;
+    }
+    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;
+    }
+    ngOnInit() {
+    }
+    onSelectChange(value) {
+        this.writeValue(value);
+        if (this.change != null) {
+            this.change();
+        }
+    }
+    onBlur() {
+        var _a;
+        //console.log('input select blur')
+        if (this.form) {
+            (_a = this.form.get(this.formControlName)) === null || _a === void 0 ? void 0 : _a.markAsTouched();
+        }
+    }
+}
+InputSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputSelectComponent, selector: "kb-input-select", inputs: { change: "change", itens: "itens", itemId: "itemId", itemNome: "itemNome", showNovo: "showNovo", itemNull: "itemNull", opcaoDefault: "opcaoDefault" }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: InputSelectComponent,
+            multi: true
+        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label *ngIf=\"label\" [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <select #inputSelect\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\n        (blur)=\"onBlur()\" [disabled]=\"readonly\">\n        <option *ngIf=\"itemNull\" [value]=\"''\" selected>{{ opcaoDefault }}</option>\n        <option *ngFor=\"let item of itens\" [value]=\"item[itemId]\" [selected]=\"item[itemId] == data\">{{ item[itemNome] }}\n        </option>\n      </select>    \n    </ion-item>\n  \n    \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n    \n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake select{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}select{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-select', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputSelectComponent,
+                            multi: true
+                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label *ngIf=\"label\" [position]=\"labelPosition\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <select #inputSelect\n        style=\"width: 100%;\" (change)=\"onSelectChange(inputSelect.value)\"\n        (blur)=\"onBlur()\" [disabled]=\"readonly\">\n        <option *ngIf=\"itemNull\" [value]=\"''\" selected>{{ opcaoDefault }}</option>\n        <option *ngFor=\"let item of itens\" [value]=\"item[itemId]\" [selected]=\"item[itemId] == data\">{{ item[itemNome] }}\n        </option>\n      </select>    \n    </ion-item>\n  \n    \n    <div class=\"validation-errors\" *ngIf=\"form\">\n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form && form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n    </div>\n    \n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake select{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important}select{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:0;height:28px;margin-left:0}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:42px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { change: [{
+                type: Input
+            }], itens: [{
+                type: Input
+            }], itemId: [{
+                type: Input
+            }], itemNome: [{
+                type: Input
+            }], showNovo: [{
+                type: Input
+            }], itemNull: [{
+                type: Input
+            }], opcaoDefault: [{
+                type: Input
+            }] } });
+
+class ModelTreeviewComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ModelTreeviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ModelTreeviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ModelTreeviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: ModelTreeviewComponent, selector: "kb-model-treeview", ngImport: i0, template: "<p>model-treeview works!</p>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ModelTreeviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-model-treeview', template: "<p>model-treeview works!</p>\n" }]
+        }], ctorParameters: function () { return []; } });
+
+class InputPesquisaComponent extends BaseInputComponent {
+    constructor(httpClient, modalCtrl) {
+        super();
+        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;
+        //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.modelChangeSubscription = this.modelChanged
+            .pipe(debounceTime(500))
+            .subscribe(data => {
+            this.carregaItemIdParaLista(data);
+        });
+    }
+    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;
+    }
+    onBlur(event) {
+        var _a;
+        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) {
+                (_a = this.form.get(this.formControlName)) === null || _a === void 0 ? void 0 : _a.markAsTouched();
+            }
+        }
+    }
+    ngOnInit() {
+        this.pesquisaSubject.pipe(switchMap((url) => {
+            this.console.log('subject url:', url);
+            if (!this.isEmpty(url))
+                return this.httpClient.get(url);
+            else
+                return of([]);
+        }))
+            .subscribe({
+            next: (result) => {
+                //this.listaPesquisa = result;
+                this.console.log('subject subscribe result:', result);
+                this.listaPesquisa = [];
+                if (result && result.length > 0) {
+                    if (this.filterFunction) {
+                        result = result.filter(this.filterFunction);
+                    }
+                    result.forEach((ent, index) => {
+                        this.listaPesquisa.push(Object.assign(Object.assign({}, 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;
+        if ((e.keyCode >= 48 && e.keyCode <= 57) ||
+            (e.keyCode >= 65 && e.keyCode <= 90) ||
+            (e.keyCode >= 96 && e.keyCode <= 105) ||
+            (e.keyCode == 8)) {
+            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.change != null) {
+                self.change(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.change != null) {
+                    self.change(self.selectedItem, e);
+                }
+            }
+        }
+        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(Object.assign(Object.assign({}, 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 = [Object.assign({}, 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(Object.assign(Object.assign({}, 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);
+    }
+    pesquisarClick() {
+        return __awaiter(this, void 0, void 0, function* () {
+            /*
+            if (this.pesquisaAction != null) {
+              this.pesquisaAction();
+            }
+            */
+            //pesquisaCategoria
+            console.log(this.filterFunction, this.url, this.urlTree);
+            const modal = yield this.modalCtrl.create({
+                component: ModelTreeviewComponent,
+                componentProps: {
+                    //campoId: this.campoId,
+                    //campoPai: this.campoPaiId,
+                    //campoLabel: this.campoDisplay,
+                    filterFunction: this.filterFunction,
+                    empresaSelecionadaId: this.empresa,
+                    tipo: this.tipo,
+                    //especifico
+                    //planoContas: this.planoContas,
+                    url: this.isEmpty(this.urlTree) ? this.url : this.urlTree
+                },
+                cssClass: 'my-custom-modal-pesquisa'
+            });
+            modal.onDidDismiss().then(data => {
+                let result = data['data'];
+                console.log(result);
+                if (result != null && result.Id > 0) {
+                    this.carregaItemIdParaLista(result.Id);
+                }
+            });
+            modal.present();
+        });
+    }
+    isEmpty(valor) {
+        return valor == null || valor == undefined || valor == '';
+    }
+}
+InputPesquisaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputPesquisaComponent, deps: [{ token: i1$1.HttpClient }, { token: i2.ModalController }], target: i0.ɵɵFactoryTarget.Component });
+InputPesquisaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputPesquisaComponent, selector: "kb-input-pesquisa", inputs: { textoPesquisa: "textoPesquisa", max: "max", filterFunction: "filterFunction", selectId: "selectId", campoId: "campoId", campoPaiId: "campoPaiId", campoDisplay: "campoDisplay", tipo: "tipo", change: "change", pesquisaAction: "pesquisaAction", limpar: "limpar", url: "url", urlItem: "urlItem", urlTree: "urlTree", empresa: "empresa", loadInit: "loadInit" }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: InputPesquisaComponent,
+            multi: true
+        }], viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"padding-inline-end: 0px;\">\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; margin-top: 2px;\" [class]=\"itemClass\">\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-spinner *ngIf=\"!podePesquisar\"\n        style=\"--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;\" \n        slot=\"start\" name=\"lines\"></ion-spinner>\n      <!-- (ionBlur)=\"verificarPesquisa()\" -->\n      <!-- conflito com click da lista -->\n      <ion-input #inputPesquisa\n        type=\"{{type}}\" \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\" \n        (ionBlur)=\"onBlur($event)\"\n        [value]=\"textoPesquisa\" (input)=\"writePesquisa(inputPesquisa.value)\" \n        (keyup)=\"showPesquisa($event)\"\n        autocomplete=\"off\" style=\"--background:{{ inputBackgroungColor }};\"\n        (click)=\"dropDownPesquisa(-1)\"\n        [disabled]=\"readonly\" debounce=\"500\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n  \n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"pesquisarClick()\">\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\n      </ion-button>\n      \n    </ion-item>\n  \n    <ion-list tabindex=\"-1\" [hidden]=\"!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0\" class=\"pesquisa-list\" style=\"max-height: 250px; overflow-y: auto;\">\n      \n      <ion-item tabindex=\"-1\" button *ngFor=\"let item of listaPesquisa\" \n      (click)=\"selecionarComboClick(item)\" [id]=\"selectId + 'IonItem' + item['Index']\"\n        class=\"pesquisa-item\">\n        <!-- {{ item | json}} -->\n        <span [class]=\"{'selected-item': item['Selected'] === true}\" [innerHTML]=\"highlight(item[campoDisplay])\"></span>\n      </ion-item>\n  \n    </ion-list>\n  \n    <!--\n    <ion-select interface=\"popover\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (ionChange)=\"selecionarComboChange($event.target.value)\">\n      <ion-select-option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </ion-select-option>\n    </ion-select>\n    -->\n  \n    <!--\n    <select [id]=\"selectId\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (change)=\"selecionarComboChange($event.target.value)\" class=\"pesquisa-select\">\n      <option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </option>\n  \n    </select>\n    -->\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:55px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.pesquisa-select{display:block;position:absolute;top:58px;left:20px;width:100%;z-index:800;font-size:16px;font-family:Roboto,Helvetica Neue,sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.pesquisa-select option{overflow-y:hidden}.pesquisa-select option:hover,.pesquisa-select option:checked{background-color:#add8e6}.pesquisa-list{display:block;position:relative;margin-left:20px;margin-top:-4px;width:calc(100% - 50px);z-index:800;border:1px lightgrey solid;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0}.pesquisa-item{--inner-padding-top: 0px;--inner-padding-bottom: 0px;--padding-top: 0px;--padding-bottom: 0px;--min-height: 30px !important;font-size:12px}.pesquisa-item button{padding:0}.selected-item{background-color:#add8e6}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputPesquisaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-pesquisa', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputPesquisaComponent,
+                            multi: true
+                        }], template: "<div style=\"padding-inline-end: 0px;\">\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; margin-top: 2px;\" [class]=\"itemClass\">\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ campo }}\"  -->\n      <ion-spinner *ngIf=\"!podePesquisar\"\n        style=\"--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;\" \n        slot=\"start\" name=\"lines\"></ion-spinner>\n      <!-- (ionBlur)=\"verificarPesquisa()\" -->\n      <!-- conflito com click da lista -->\n      <ion-input #inputPesquisa\n        type=\"{{type}}\" \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\" \n        (ionBlur)=\"onBlur($event)\"\n        [value]=\"textoPesquisa\" (input)=\"writePesquisa(inputPesquisa.value)\" \n        (keyup)=\"showPesquisa($event)\"\n        autocomplete=\"off\" style=\"--background:{{ inputBackgroungColor }};\"\n        (click)=\"dropDownPesquisa(-1)\"\n        [disabled]=\"readonly\" debounce=\"500\"></ion-input>\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"limparClick()\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-button>\n  \n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\n        (click)=\"pesquisarClick()\">\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\n      </ion-button>\n      \n    </ion-item>\n  \n    <ion-list tabindex=\"-1\" [hidden]=\"!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0\" class=\"pesquisa-list\" style=\"max-height: 250px; overflow-y: auto;\">\n      \n      <ion-item tabindex=\"-1\" button *ngFor=\"let item of listaPesquisa\" \n      (click)=\"selecionarComboClick(item)\" [id]=\"selectId + 'IonItem' + item['Index']\"\n        class=\"pesquisa-item\">\n        <!-- {{ item | json}} -->\n        <span [class]=\"{'selected-item': item['Selected'] === true}\" [innerHTML]=\"highlight(item[campoDisplay])\"></span>\n      </ion-item>\n  \n    </ion-list>\n  \n    <!--\n    <ion-select interface=\"popover\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (ionChange)=\"selecionarComboChange($event.target.value)\">\n      <ion-select-option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </ion-select-option>\n    </ion-select>\n    -->\n  \n    <!--\n    <select [id]=\"selectId\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\n      (change)=\"selecionarComboChange($event.target.value)\" class=\"pesquisa-select\">\n      <option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\n        {{ item[campoDisplay] }}\n      </option>\n  \n    </select>\n    -->\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["ion-label{margin-bottom:4px!important;opacity:1!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:55px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.pesquisa-select{display:block;position:absolute;top:58px;left:20px;width:100%;z-index:800;font-size:16px;font-family:Roboto,Helvetica Neue,sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.pesquisa-select option{overflow-y:hidden}.pesquisa-select option:hover,.pesquisa-select option:checked{background-color:#add8e6}.pesquisa-list{display:block;position:relative;margin-left:20px;margin-top:-4px;width:calc(100% - 50px);z-index:800;border:1px lightgrey solid;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0}.pesquisa-item{--inner-padding-top: 0px;--inner-padding-bottom: 0px;--padding-top: 0px;--padding-bottom: 0px;--min-height: 30px !important;font-size:12px}.pesquisa-item button{padding:0}.selected-item{background-color:#add8e6}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i2.ModalController }]; }, propDecorators: { textoPesquisa: [{
+                type: Input
+            }], max: [{
+                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 }]
+            }], change: [{
+                type: Input
+            }], pesquisaAction: [{
+                type: Input
+            }], limpar: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], urlItem: [{
+                type: Input
+            }], urlTree: [{
+                type: Input
+            }], empresa: [{
+                type: Input
+            }], loadInit: [{
+                type: Input
+            }] } });
+
+class InputValorComponent extends BaseInputComponent {
+    constructor() {
+        super();
+        this.onChange = (data) => { };
+        this.onTouch = () => { };
+        this.disabled = false;
+        this.console = console;
+    }
+    writeValue(value) {
+        //console.log('write value', value);
+        this.onChange(value);
+        this.data = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = this.disabled;
+    }
+    ngOnInit() { }
+    onBlur() {
+        var _a;
+        if (this.form) {
+            (_a = this.form.get(this.formControlName)) === null || _a === void 0 ? void 0 : _a.markAsTouched();
+        }
+        if (this.blur) {
+            this.blur(this.blurArgs);
+        }
+    }
+    digitarValor(event) {
+        //this.item.vendaunitario = this.utils.converterValorDecimal(this.item.vendaunitario);
+        setTimeout(() => {
+            var _a;
+            if (this.form) {
+                this.form.patchValue({
+                    [this.formControlName]: this.converterValorDecimalMil((_a = this.form.get(this.formControlName)) === null || _a === void 0 ? void 0 : _a.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 (valor == NaN) {
+                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;
+    }
+}
+InputValorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputValorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputValorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputValorComponent, selector: "kb-input-valor", providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: InputValorComponent,
+            multi: true
+        }], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <ion-input #inputValor\n        type=\"text\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputValor.value)\"          \n        (keypress)=\"digitarValor($event)\"\n        [disabled]=\"readonly\"></ion-input>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important;opacity:1!important;overflow:initial!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;max-height:27px;text-align:right}.error-message{font-size:small;color:red;margin-left:15px}.item-inner{padding-right:0!important}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.label-right ion-label{transform-origin:right top;align-self:flex-end}.align-to-right ion-label{position:relative;left:25%;text-align:end}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputValorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kb-input-valor', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InputValorComponent,
+                            multi: true
+                        }], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n    >\n      <ion-label position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n      <!-- formControlName=\"{{ formControlName }}\"  -->\n      <ion-input #inputValor\n        type=\"text\"       \n        [placeholder]=\"placeholder\" \n        maxlength=\"{{ max }}\"\n        (ionBlur)=\"onBlur()\"\n        [value]=\"data\"\n        (input)=\"writeValue(inputValor.value)\"          \n        (keypress)=\"digitarValor($event)\"\n        [disabled]=\"readonly\"></ion-input>\n    </ion-item>\n  \n    <div class=\"validation-errors\" *ngIf=\"form\">\n  \n      <ng-container *ngFor=\"let validation of validation_messages\">\n        <div class=\"error-message\"\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n          &#8226; {{ validation.message }}\n        </div>\n      </ng-container>\n  \n    </div>\n  </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}ion-label{margin-bottom:4px!important;opacity:1!important;overflow:initial!important}ion-input{padding:4px;border:1px solid darkgray;border-radius:4px;width:100%;max-height:27px;text-align:right}.error-message{font-size:small;color:red;margin-left:15px}.item-inner{padding-right:0!important}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.label-right ion-label{transform-origin:right top;align-self:flex-end}.align-to-right ion-label{position:relative;left:25%;text-align:end}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 const LibConfigService = new InjectionToken('LibConfig');
@@ -190,12 +1039,20 @@ class AppprojectComponentsModule {
 AppprojectComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 AppprojectComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, declarations: [AppprojectComponentsComponent,
         InputTextComponent,
-        InputFormatComponent], imports: [CommonModule,
+        InputFormatComponent,
+        InputSelectComponent,
+        InputPesquisaComponent,
+        ModelTreeviewComponent,
+        InputValorComponent], imports: [CommonModule,
         HttpClientModule,
         IonicModule,
         ReactiveFormsModule], exports: [AppprojectComponentsComponent,
         InputTextComponent,
-        InputFormatComponent] });
+        InputFormatComponent,
+        InputSelectComponent,
+        InputPesquisaComponent,
+        ModelTreeviewComponent,
+        InputValorComponent] });
 AppprojectComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, imports: [CommonModule,
         HttpClientModule,
         IonicModule,
@@ -206,7 +1063,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     declarations: [
                         AppprojectComponentsComponent,
                         InputTextComponent,
-                        InputFormatComponent
+                        InputFormatComponent,
+                        InputSelectComponent,
+                        InputPesquisaComponent,
+                        ModelTreeviewComponent,
+                        InputValorComponent
                     ],
                     imports: [
                         CommonModule,
@@ -217,7 +1078,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     exports: [
                         AppprojectComponentsComponent,
                         InputTextComponent,
-                        InputFormatComponent
+                        InputFormatComponent,
+                        InputSelectComponent,
+                        InputPesquisaComponent,
+                        ModelTreeviewComponent,
+                        InputValorComponent
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA]
                 }]
@@ -231,5 +1096,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, InputFormatComponent, InputTextComponent, LibConfigService };
+export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, InputFormatComponent, InputPesquisaComponent, InputSelectComponent, InputTextComponent, InputValorComponent, LibConfigService, ModelTreeviewComponent };
 //# sourceMappingURL=appproject-components.mjs.map