appproject-components 1.0.1 → 1.0.3

package/fesm2022/appproject-components.mjs

@@ -311,7 +311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
 
 class InputSelectComponent extends BaseInputComponent {
     writeValue(value) {
-        console.log('write value select', value);
+        //console.log('write value select', value);
         this.onChange(value);
         this.data = value;
     }
@@ -402,6 +402,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
             args: [{ selector: 'kb-model-treeview', template: "<p>model-treeview works!</p>\n" }]
         }], ctorParameters: () => [] });
 
+//import { LibConfig, LibConfigService } from '../appproject-components.module';
 class InputPesquisaComponent extends BaseInputComponent {
     writeValue(value) {
         //console.log('write value', value);
@@ -496,9 +497,10 @@ class InputPesquisaComponent extends BaseInputComponent {
         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);
+            //this.console.log('subject url:', url);      
             if (!this.isEmpty(url)) {
                 return this.httpClient.get(url);
+                //return of(url);
             }
             else
                 return of([]);
@@ -886,7 +888,7 @@ class InputPesquisaComponent extends BaseInputComponent {
     isEmpty(valor) {
         return valor == null || valor == undefined || valor == '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputPesquisaComponent, deps: [{ token: LibConfigService }, { token: i1$1.HttpClient }, { token: i2.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: InputPesquisaComponent, deps: [{ token: 'LibConfigService' }, { token: i1$1.HttpClient }, { token: i2.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: InputPesquisaComponent, selector: "kb-input-pesquisa", inputs: { textoPesquisa: "textoPesquisa", max: "max", filterFunction: "filterFunction", selectId: "selectId", campoId: "campoId", campoPaiId: "campoPaiId", campoDisplay: "campoDisplay", tipo: "tipo", pesquisaChange: "pesquisaChange", pesquisaAction: "pesquisaAction", limpar: "limpar", url: "url", urlItem: "urlItem", urlTree: "urlTree", empresa: "empresa", loadInit: "loadInit" }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: InputPesquisaComponent,
@@ -902,7 +904,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                         }], template: "<div style=\"padding-inline-end: 0px;\">\r\n    <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; margin-top: 2px;\" [class]=\"itemClass\">\r\n      <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\r\n      <!-- formControlName=\"{{ campo }}\"  -->\r\n      <ion-spinner *ngIf=\"!podePesquisar\"\r\n        style=\"--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;\" \r\n        slot=\"start\" name=\"lines\"></ion-spinner>\r\n      <!-- (ionBlur)=\"verificarPesquisa()\" -->\r\n      <!-- conflito com click da lista -->\r\n      <ion-input #inputPesquisa\r\n        type=\"{{type}}\" \r\n        [placeholder]=\"placeholder\" \r\n        maxlength=\"{{ max }}\" \r\n        (ionBlur)=\"onBlur($event)\"\r\n        [value]=\"textoPesquisa\" (input)=\"writePesquisa(inputPesquisa.value)\" \r\n        (keyup)=\"showPesquisa($event)\"\r\n        autocomplete=\"off\" [style.--background]=\"inputBackgroungColor\"\r\n        (click)=\"dropDownPesquisa(-1)\"\r\n        [disabled]=\"readonly\" debounce=\"500\"></ion-input>\r\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\r\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\r\n        (click)=\"limparClick()\">\r\n        <ion-icon name=\"close-outline\"></ion-icon>\r\n      </ion-button>\r\n  \r\n      <!--\r\n      <ion-button size=\"small\" slot=\"end\" tabindex=\"-1\"\r\n        style=\"margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;\" fill=\"clear\" color=\"medium\"\r\n        (click)=\"pesquisarClick()\">\r\n        <ion-icon color=\"primary\" name=\"search\"></ion-icon>\r\n      </ion-button>\r\n      -->\r\n      \r\n    </ion-item>\r\n  \r\n    <ion-list tabindex=\"-1\" [hidden]=\"!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0\" class=\"pesquisa-list\" style=\"max-height: 250px; overflow-y: auto;\">\r\n      \r\n      <ion-item tabindex=\"-1\" button *ngFor=\"let item of listaPesquisa\" \r\n      (click)=\"selecionarComboClick(item)\" [id]=\"selectId + 'IonItem' + item['Index']\"\r\n        class=\"pesquisa-item\">\r\n        <!-- {{ item | json}} -->\r\n        <span [class]=\"{'selected-item': item['Selected'] === true}\" [innerHTML]=\"highlight(item[campoDisplay])\"></span>\r\n      </ion-item>\r\n  \r\n    </ion-list>\r\n  \r\n    <!--\r\n    <ion-select interface=\"popover\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\r\n      (ionChange)=\"selecionarComboChange($event.target.value)\">\r\n      <ion-select-option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\r\n        {{ item[campoDisplay] }}\r\n      </ion-select-option>\r\n    </ion-select>\r\n    -->\r\n  \r\n    <!--\r\n    <select [id]=\"selectId\" #selectElement tabindex=\"-1\" [hidden]=\"!selectElementVisivel\"\r\n      (change)=\"selecionarComboChange($event.target.value)\" class=\"pesquisa-select\">\r\n      <option *ngFor=\"let item of listaPesquisa\" [value]=\"item[campoId]\" (click)=\"selecionarComboClick(item[campoId])\">\r\n        {{ item[campoDisplay] }}\r\n      </option>\r\n  \r\n    </select>\r\n    -->\r\n  \r\n    <div class=\"validation-errors\" *ngIf=\"form\">\r\n  \r\n      <ng-container *ngFor=\"let validation of validation_messages\">\r\n        <div class=\"error-message\"\r\n          *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\r\n          &#8226; {{ validation.message }}\r\n        </div>\r\n      </ng-container>\r\n  \r\n    </div>\r\n  </div>", styles: [".pesquisa-select{display:block;position:absolute;top:58px;left:20px;width:100%;z-index:800;font-size:16px;font-family:Roboto,Helvetica Neue,sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.pesquisa-select option{overflow-y:hidden}.pesquisa-select option:hover,.pesquisa-select option:checked{background-color:#add8e6}.pesquisa-list{display:block;position:absolute;margin-left:20px;margin-top:-4px;width:calc(100% - 50px);z-index:800;border:1px lightgrey solid;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0}.pesquisa-item{--inner-padding-top: 0px;--inner-padding-bottom: 0px;--padding-top: 0px;--padding-bottom: 0px;--min-height: 30px !important;font-size:12px}.pesquisa-item button{padding:0}.selected-item{background-color:#add8e6}\n", "@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-item ion-label{overflow:initial!important}ion-input{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:var(--input-max-height, 29px);transition:.2s ease}.has-focus{border:1px solid var(--ion-color-bluetool, #1f477d)}input:focus ion-input,input:focus ion-textarea{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}input:disabled{opacity:.9!important}.error-message{font-size:small;color:var(--error-text-color, red);margin-left:15px}.padding{padding:auto}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:55px!important}.no-padding-end{--inner-padding-end: 0px}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.item-inner{padding-right:0!important}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-input ion-input,.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid var(--error-text-color, red)!important}@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-input ion-label,.error-shake ion-label{color:var(--error-text-color, red)!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
-                    args: [LibConfigService]
+                    args: ['LibConfigService']
                 }] }, { type: i1$1.HttpClient }, { type: i2.ModalController }], propDecorators: { textoPesquisa: [{
                 type: Input
             }], max: [{
@@ -1071,6 +1073,9 @@ class InputValorComponent extends BaseInputComponent {
         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,
@@ -1428,6 +1433,238 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                 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: "app-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: 'app-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: "app-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: 'app-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: "app-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: 'app-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: "app-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: 'app-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: "app-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: 'app-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 EntityEditComponent {
+    constructor(ngZone) {
+        this.ngZone = ngZone;
+    }
+    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" }, ngImport: i0, template: "<form *ngIf=\"campos && campos.length\" [formGroup]=\"entidadeForm\" style=\"width: 100%;\">\n\n\n    <ion-row *ngFor=\"let linha of campos\">\n      <ng-container *ngFor=\"let campo of linha.Linha\">\n        <!-- {{ campo.Nome }} {{ campo.Tipo }} -->\n  \n        <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-text'\">\n          <kb-input-text label=\"{{campo.Nome}}\" placeholder=\"Digite o {{campo.Nome}}...\" [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\"\n            [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\" [campoFoco]=\"campo.CampoFoco\">\n          </kb-input-text>\n        </ion-col>\n  \n        <ion-col [sizeMd]=\"campo.Size\" class=\"select ion-no-margin ion-no-padding\" *ngIf=\"campo.Tipo == 'ion-checkbox'\">\n          <ion-item lines=\"none\">\n            <ion-label>{{ campo.Nome }}</ion-label>\n            <ion-checkbox slot=\"start\" [formControlName]=\"campo.Nome\"></ion-checkbox>\n          </ion-item>\n        </ion-col>\n  \n        <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-select'\">\n          <kb-input-select [label]=\"campo.Nome\" [placeholder]=\"'Selecionar...'\" [formControlName]=\"campo.Nome\"\n            [form]=\"entidadeForm\" [itens]=\"campo.Itens\" [itemId]=\"campo.ItemId\" [itemNome]=\"campo.ItemNome\">\n          </kb-input-select>\n        </ion-col>\n  \n        \n        <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-pesquisa'\">\n          <kb-input-pesquisa #pesquisaCentroCustoPai [label]=\"campo.Label ?? campo.Nome\" [campoId]=\"campo.ItemId\"\n            [formControlName]=\"campo.Nome\" placeholder=\"Pesquisar...\" [campoDisplay]=\"'Nome'\"\n            [form]=\"entidadeForm\" tipo=\"Empresa\" urlItem=\"Empresa/<<ID>>\" max=\"50\" [url]=\"campo.UrlPesquisa\"\n              (pesquisaChange)=\"campo.change ? campo.change($event) : emptyHandler()\">\n          </kb-input-pesquisa>\n        </ion-col>\n        \n  \n        <ion-col *ngIf=\"campo.Tipo == 'col'\" size-md=\"1\" size-xs=\"0\">\n  \n        </ion-col>\n      </ng-container>\n    </ion-row>\n  \n    <!--\n    <ion-col class=\"select ion-no-margin ion-no-padding\">\n      <ion-item lines=\"none\">\n        <ion-label>Totalizador</ion-label>\n        <ion-checkbox slot=\"start\" formControlName=\"Totalizador\"></ion-checkbox>\n      </ion-item>\n    </ion-col>\n    <ion-col class=\"select ion-no-margin ion-no-padding\">\n      <ion-item lines=\"none\">\n        <ion-label>Inativo</ion-label>\n        <ion-checkbox slot=\"start\" formControlName=\"Inativo\"></ion-checkbox>\n      </ion-item>\n    </ion-col>\n    -->\n  </form>", styles: [""], 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.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { 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.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "directive", type: i2.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { 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"] }, { 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", "pesquisaChange", "pesquisaAction", "limpar", "url", "urlItem", "urlTree", "empresa", "loadInit"] }] }); }
+}
+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%;\">\n\n\n    <ion-row *ngFor=\"let linha of campos\">\n      <ng-container *ngFor=\"let campo of linha.Linha\">\n        <!-- {{ campo.Nome }} {{ campo.Tipo }} -->\n  \n        <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-text'\">\n          <kb-input-text label=\"{{campo.Nome}}\" placeholder=\"Digite o {{campo.Nome}}...\" [form]=\"entidadeForm\" [max]=\"campo.Tamanho ?? '50'\"\n            [validation_messages]=\"validation_messages[campo.Nome]\" [formControlName]=\"campo.Nome\" [campoFoco]=\"campo.CampoFoco\">\n          </kb-input-text>\n        </ion-col>\n  \n        <ion-col [sizeMd]=\"campo.Size\" class=\"select ion-no-margin ion-no-padding\" *ngIf=\"campo.Tipo == 'ion-checkbox'\">\n          <ion-item lines=\"none\">\n            <ion-label>{{ campo.Nome }}</ion-label>\n            <ion-checkbox slot=\"start\" [formControlName]=\"campo.Nome\"></ion-checkbox>\n          </ion-item>\n        </ion-col>\n  \n        <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-select'\">\n          <kb-input-select [label]=\"campo.Nome\" [placeholder]=\"'Selecionar...'\" [formControlName]=\"campo.Nome\"\n            [form]=\"entidadeForm\" [itens]=\"campo.Itens\" [itemId]=\"campo.ItemId\" [itemNome]=\"campo.ItemNome\">\n          </kb-input-select>\n        </ion-col>\n  \n        \n        <ion-col [sizeMd]=\"campo.Size\" *ngIf=\"campo.Tipo == 'input-pesquisa'\">\n          <kb-input-pesquisa #pesquisaCentroCustoPai [label]=\"campo.Label ?? campo.Nome\" [campoId]=\"campo.ItemId\"\n            [formControlName]=\"campo.Nome\" placeholder=\"Pesquisar...\" [campoDisplay]=\"'Nome'\"\n            [form]=\"entidadeForm\" tipo=\"Empresa\" urlItem=\"Empresa/<<ID>>\" max=\"50\" [url]=\"campo.UrlPesquisa\"\n              (pesquisaChange)=\"campo.change ? campo.change($event) : emptyHandler()\">\n          </kb-input-pesquisa>\n        </ion-col>\n        \n  \n        <ion-col *ngIf=\"campo.Tipo == 'col'\" size-md=\"1\" size-xs=\"0\">\n  \n        </ion-col>\n      </ng-container>\n    </ion-row>\n  \n    <!--\n    <ion-col class=\"select ion-no-margin ion-no-padding\">\n      <ion-item lines=\"none\">\n        <ion-label>Totalizador</ion-label>\n        <ion-checkbox slot=\"start\" formControlName=\"Totalizador\"></ion-checkbox>\n      </ion-item>\n    </ion-col>\n    <ion-col class=\"select ion-no-margin ion-no-padding\">\n      <ion-item lines=\"none\">\n        <ion-label>Inativo</ion-label>\n        <ion-checkbox slot=\"start\" formControlName=\"Inativo\"></ion-checkbox>\n      </ion-item>\n    </ion-col>\n    -->\n  </form>" }]
+        }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { entidade: [{
+                type: Input
+            }], campos: [{
+                type: Input
+            }], entidadeForm: [{
+                type: Input
+            }], validation_messages: [{
+                type: Input
+            }] } });
+
 const LibConfigService = new InjectionToken('LibConfig');
 class AppprojectComponentsModule {
     static forRoot(config) {
@@ -1436,7 +1673,7 @@ class AppprojectComponentsModule {
             providers: [
                 AppprojectComponentsService,
                 {
-                    provide: LibConfigService,
+                    provide: 'LibConfigService',
                     useValue: config
                 }
             ]
@@ -1452,7 +1689,13 @@ class AppprojectComponentsModule {
             InputValorComponent,
             InputAreaComponent,
             InputCepComponent,
-            InputArquivoComponent], imports: [CommonModule,
+            InputArquivoComponent,
+            BtnActionComponent,
+            BtnCancelarComponent,
+            BtnExcluirComponent,
+            BtnNovoComponent,
+            BtnSalvarComponent,
+            EntityEditComponent], imports: [CommonModule,
             HttpClientModule,
             IonicModule,
             ReactiveFormsModule], exports: [AppprojectComponentsComponent,
@@ -1464,7 +1707,13 @@ class AppprojectComponentsModule {
             InputValorComponent,
             InputAreaComponent,
             InputCepComponent,
-            InputArquivoComponent] }); }
+            InputArquivoComponent,
+            BtnActionComponent,
+            BtnCancelarComponent,
+            BtnExcluirComponent,
+            BtnNovoComponent,
+            BtnSalvarComponent,
+            EntityEditComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppprojectComponentsModule, imports: [CommonModule,
             HttpClientModule,
             IonicModule,
@@ -1483,7 +1732,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                         InputValorComponent,
                         InputAreaComponent,
                         InputCepComponent,
-                        InputArquivoComponent
+                        InputArquivoComponent,
+                        BtnActionComponent,
+                        BtnCancelarComponent,
+                        BtnExcluirComponent,
+                        BtnNovoComponent,
+                        BtnSalvarComponent,
+                        EntityEditComponent
                     ],
                     imports: [
                         CommonModule,
@@ -1501,7 +1756,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                         InputValorComponent,
                         InputAreaComponent,
                         InputCepComponent,
-                        InputArquivoComponent
+                        InputArquivoComponent,
+                        BtnActionComponent,
+                        BtnCancelarComponent,
+                        BtnExcluirComponent,
+                        BtnNovoComponent,
+                        BtnSalvarComponent,
+                        EntityEditComponent
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA]
                 }]
@@ -1515,5 +1776,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, BaseInputComponent, InputAreaComponent, InputArquivoComponent, InputCepComponent, InputFormatComponent, InputPesquisaComponent, InputSelectComponent, InputTextComponent, InputValorComponent, LibConfigService, ModelTreeviewComponent };
+export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, BaseInputComponent, BtnActionComponent, BtnCancelarComponent, BtnExcluirComponent, BtnNovoComponent, BtnSalvarComponent, EntityEditComponent, InputAreaComponent, InputArquivoComponent, InputCepComponent, InputFormatComponent, InputPesquisaComponent, InputSelectComponent, InputTextComponent, InputValorComponent, LibConfigService, ModelTreeviewComponent };
 //# sourceMappingURL=appproject-components.mjs.map