appproject-components 1.0.47 → 1.0.49

package/README.md

@@ -1,24 +1,24 @@
-# AppprojectComponents
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project appproject-components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project appproject-components`.
-> Note: Don't forget to add `--project appproject-components` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build appproject-components` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build appproject-components`, go to the dist folder `cd dist/appproject-components` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test appproject-components` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# AppprojectComponents
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project appproject-components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project appproject-components`.
+> Note: Don't forget to add `--project appproject-components` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build appproject-components` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build appproject-components`, go to the dist folder `cd dist/appproject-components` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test appproject-components` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/karma.conf.js

@@ -1,44 +1,44 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-      },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
-    },
-    coverageReporter: {
-      dir: require('path').join(__dirname, '../../coverage/appproject-components'),
-      subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/appproject-components'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -1,7 +1,7 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/appproject-components",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/appproject-components",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "appproject-components",
-  "version": "1.0.47",
+  "version": "1.0.49",
   "peerDependencies": {
     "@angular/common": "^17.0.7",
     "@angular/core": "^17.0.7",

package/src/lib/appproject-components.component.spec.ts

@@ -1,23 +1,23 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AppprojectComponentsComponent } from './appproject-components.component';
-
-describe('AppprojectComponentsComponent', () => {
-  let component: AppprojectComponentsComponent;
-  let fixture: ComponentFixture<AppprojectComponentsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ AppprojectComponentsComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(AppprojectComponentsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AppprojectComponentsComponent } from './appproject-components.component';
+
+describe('AppprojectComponentsComponent', () => {
+  let component: AppprojectComponentsComponent;
+  let fixture: ComponentFixture<AppprojectComponentsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ AppprojectComponentsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(AppprojectComponentsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/appproject-components.component.ts

@@ -1,20 +1,20 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'kb-appproject-components',
-  template: `
-    <p>
-      appproject-components works!
-    </p>
-  `,
-  styles: [
-  ]
-})
-export class AppprojectComponentsComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'kb-appproject-components',
+  template: `
+    <p>
+      appproject-components works!
+    </p>
+  `,
+  styles: [
+  ]
+})
+export class AppprojectComponentsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

package/src/lib/appproject-components.service.spec.ts

@@ -1,16 +1,16 @@
-import { TestBed } from '@angular/core/testing';
-
-import { AppprojectComponentsService } from './appproject-components.service';
-
-describe('AppprojectComponentsService', () => {
-  let service: AppprojectComponentsService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(AppprojectComponentsService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});
+import { TestBed } from '@angular/core/testing';
+
+import { AppprojectComponentsService } from './appproject-components.service';
+
+describe('AppprojectComponentsService', () => {
+  let service: AppprojectComponentsService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AppprojectComponentsService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/src/lib/appproject-components.service.ts

@@ -1,9 +1,9 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class AppprojectComponentsService {
-
-  constructor() { }
-}
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AppprojectComponentsService {
+
+  constructor() { }
+}

package/src/lib/entity-edit/entity-edit.component.html

@@ -1,143 +1,143 @@
-<form *ngIf="campos && campos.length" [formGroup]="entidadeForm" style="width: 100%;">
-
-
-  <ion-row *ngFor="let linha of campos" [class]="rowClass">
-    <ng-container *ngFor="let campo of linha.Linha">
-      <!-- {{ campo.Nome }} {{ campo.Tipo }} -->
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-text'">
-        <kb-input-text label="{{campo.Label ?? campo.Nome}}" [placeholder]="campo.PlaceHolderVisivel ? (campo.Label ?? campo.Nome + '...') : ''"
-          [form]="entidadeForm" [max]="campo.Tamanho ?? '50'" [validation_messages]="validation_messages[campo.Nome]"
-          [formControlName]="campo.Nome" [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly"          
-          [type]="campo.TipoInput ?? 'text'" 
-          [showSeePassword]="campo.TipoInput == 'password'"
-          [showCustomAction]="campo.InputAction"
-          [customActionIcon]="campo.InputActionIcon ?? 'search-outline'"
-          (customActionClick)="campo.click ? campo.click($event) : emptyHandler()"
-
-          [itemClass]="itemClass">
-        </kb-input-text>
-      </ion-col>
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-area'">
-        <kb-input-area label="{{campo.Label ?? campo.Nome}}" [placeholder]="campo.PlaceHolderVisivel ? (campo.Label ?? campo.Nome + '...') : ''"
-          [form]="entidadeForm" [max]="campo.Tamanho ?? '50'" [validation_messages]="validation_messages[campo.Nome]"
-          [formControlName]="campo.Nome" [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly" [linhas]="campo.Linhas ?? 5"
-          [itemClass]="itemClass">
-        </kb-input-area>
-      </ion-col>
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-cep'">
-        <kb-input-cep label="{{campo.Label ?? campo.Nome}}" [form]="entidadeForm"
-          [validation_messages]="validation_messages[campo.Nome]" [formControlName]="campo.Nome"
-          [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly"
-          [itemClass]="itemClass"
-          (getResultados)="campo.change ? campo.change($event) : emptyHandler()"
-          >
-        </kb-input-cep>
-      </ion-col>
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-valor'">
-        <kb-input-valor label="{{campo.Label ?? campo.Nome}}" [form]="entidadeForm" [max]="campo.Tamanho ?? '50'"
-          [validation_messages]="validation_messages[campo.Nome]" [formControlName]="campo.Nome"
-          [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly"
-          [itemClass]="itemClass">
-        </kb-input-valor>
-      </ion-col>
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-format'">
-        <kb-input-format label="{{campo.Label ?? campo.Nome}}" [form]="entidadeForm" [max]="campo.Tamanho ?? '50'"
-          [validation_messages]="validation_messages[campo.Nome]" [formControlName]="campo.Nome"
-          [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly" [formato]="campo.Formato ?? ''"
-          [itemClass]="itemClass">
-        </kb-input-format>
-      </ion-col>
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-checkbox'">
-        <kb-input-checkbox label="{{ campo.Label }}" [form]="entidadeForm"
-          [validation_messages]="validation_messages[campo.Nome]" [formControlName]="campo.Nome"
-          [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly" 
-          [itemClass]="itemClass"
-          [labelColor]="campo.BtnColor">
-
-        </kb-input-checkbox>
-      </ion-col>
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-select'">
-        <kb-input-select [label]="campo.Label ?? campo.Nome" [placeholder]="'Selecionar...'"
-          [formControlName]="campo.Nome" [form]="entidadeForm" [itens]="campo.Itens" [itemId]="campo.ItemId ?? 'Id'"
-          [itemNome]="campo.ItemNome ?? 'Nome'" [validation_messages]="validation_messages[campo.Nome]"
-          (selectChangeEntity)="campo.change ? campo.change($event) : emptyHandler()" [readonly]="campo.ReadOnly"
-          [itemClass]="itemClass">
-        </kb-input-select>
-      </ion-col>
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-radio'">
-        <kb-input-radio [label]="campo.Label ?? campo.Nome" [formControlName]="campo.Nome" [form]="entidadeForm"
-          [itens]="campo.Itens" [itemId]="campo.ItemId" [itemNome]="campo.ItemNome" [readonly]="campo.ReadOnly"
-          [itemClass]="itemClass">
-        </kb-input-radio>
-      </ion-col>
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-pesquisa'">
-        <kb-input-pesquisa #pesquisaCentroCustoPai 
-          [label]="campo.Label ?? campo.Nome" 
-          [campoId]="campo.ItemId"
-          [focusField]="campo.focusField"
-          [formControlName]="campo.Nome" 
-          placeholder="Pesquisar..." 
-          [campoDisplay]="campo.ItemNome ?? 'Nome'" 
-          [form]="entidadeForm"
-          [tipo]="campo.TipoPesquisa" 
-          [urlItem]="campo.UrlItem" 
-          [max]="campo.Tamanho ?? '50'" 
-          [url]="campo.UrlPesquisa" 
-          [readonly]="campo.ReadOnly"
-          (pesquisaChange)="campo.change ? campo.change($event) : emptyHandler()"
-          [itemClass]="itemClass">
-        </kb-input-pesquisa>
-      </ion-col>
-
-      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-button'">
-        <!-- 
-        <kb-btn-action [title]="campo.Label" [icon]="campo.Icon" [iconSrc]="campo.IconSrc" [color]="campo.BtnColor ?? 'light'" 
-          [expand]="campo.BtnExpand ?? 'block'" style="margin-top: var(--btn-action-margin-top, auto);">
-        </kb-btn-action>
-      -->
-        <ion-button [expand]="campo.BtnExpand ?? 'block'" [color]="campo.BtnColor ?? 'light'"
-          (click)="campo.click ? campo.click($event) : emptyHandler()" [size]="campo.BtnSize ?? 'default'"
-          [disabled]="campo.ReadOnly">
-          <ion-icon *ngIf="campo.Icon || campo.IconSrc" [name]="campo.Icon" [src]="campo.IconSrc"></ion-icon>
-          {{ campo.Label }}
-        </ion-button>
-      </ion-col>
-
-      <ion-col *ngIf="campo.Tipo == 'col'" size-md="1" size-xs="0">
-
-      </ion-col>
-
-      <ion-col *ngIf="campo.Tipo == 'sub-titulo'" size="12">
-        <ion-list lines="none" class="ion-no-padding">
-          <ion-list-header color="primary" [style]="campo.CampoStyle ?? ''"> 
-            <ion-label [style]="campo.LabelStyle ?? ''">{{ campo.Label }}</ion-label>
-          </ion-list-header>
-        </ion-list>
-      </ion-col>
-    </ng-container>
-  </ion-row>
-
-  <!--
-    <ion-col class="select ion-no-margin ion-no-padding">
-      <ion-item lines="none">
-        <ion-label>Totalizador</ion-label>
-        <ion-checkbox slot="start" formControlName="Totalizador"></ion-checkbox>
-      </ion-item>
-    </ion-col>
-    <ion-col class="select ion-no-margin ion-no-padding">
-      <ion-item lines="none">
-        <ion-label>Inativo</ion-label>
-        <ion-checkbox slot="start" formControlName="Inativo"></ion-checkbox>
-      </ion-item>
-    </ion-col>
-    -->
+<form *ngIf="campos && campos.length" [formGroup]="entidadeForm" style="width: 100%;">
+
+
+  <ion-row *ngFor="let linha of campos" [class]="rowClass">
+    <ng-container *ngFor="let campo of linha.Linha">
+      <!-- {{ campo.Nome }} {{ campo.Tipo }} -->
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-text'">
+        <kb-input-text label="{{campo.Label ?? campo.Nome}}" [placeholder]="campo.PlaceHolderVisivel ? (campo.Label ?? campo.Nome + '...') : ''"
+          [form]="entidadeForm" [max]="campo.Tamanho ?? '50'" [validation_messages]="validation_messages[campo.Nome]"
+          [formControlName]="campo.Nome" [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly"          
+          [type]="campo.TipoInput ?? 'text'" 
+          [showSeePassword]="campo.TipoInput == 'password'"
+          [showCustomAction]="campo.InputAction"
+          [customActionIcon]="campo.InputActionIcon ?? 'search-outline'"
+          (customActionClick)="campo.click ? campo.click($event) : emptyHandler()"
+
+          [itemClass]="itemClass">
+        </kb-input-text>
+      </ion-col>
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-area'">
+        <kb-input-area label="{{campo.Label ?? campo.Nome}}" [placeholder]="campo.PlaceHolderVisivel ? (campo.Label ?? campo.Nome + '...') : ''"
+          [form]="entidadeForm" [max]="campo.Tamanho ?? '50'" [validation_messages]="validation_messages[campo.Nome]"
+          [formControlName]="campo.Nome" [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly" [linhas]="campo.Linhas ?? 5"
+          [itemClass]="itemClass">
+        </kb-input-area>
+      </ion-col>
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-cep'">
+        <kb-input-cep label="{{campo.Label ?? campo.Nome}}" [form]="entidadeForm"
+          [validation_messages]="validation_messages[campo.Nome]" [formControlName]="campo.Nome"
+          [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly"
+          [itemClass]="itemClass"
+          (getResultados)="campo.change ? campo.change($event) : emptyHandler()"
+          >
+        </kb-input-cep>
+      </ion-col>
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-valor'">
+        <kb-input-valor label="{{campo.Label ?? campo.Nome}}" [form]="entidadeForm" [max]="campo.Tamanho ?? '50'"
+          [validation_messages]="validation_messages[campo.Nome]" [formControlName]="campo.Nome"
+          [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly"
+          [itemClass]="itemClass">
+        </kb-input-valor>
+      </ion-col>
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-format'">
+        <kb-input-format label="{{campo.Label ?? campo.Nome}}" [form]="entidadeForm" [max]="campo.Tamanho ?? '50'"
+          [validation_messages]="validation_messages[campo.Nome]" [formControlName]="campo.Nome"
+          [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly" [formato]="campo.Formato ?? ''"
+          [itemClass]="itemClass">
+        </kb-input-format>
+      </ion-col>
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-checkbox'">
+        <kb-input-checkbox label="{{ campo.Label }}" [form]="entidadeForm"
+          [validation_messages]="validation_messages[campo.Nome]" [formControlName]="campo.Nome"
+          [campoFoco]="campo.CampoFoco" [readonly]="campo.ReadOnly" 
+          [itemClass]="itemClass"
+          [labelColor]="campo.BtnColor">
+
+        </kb-input-checkbox>
+      </ion-col>
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-select'">
+        <kb-input-select [label]="campo.Label ?? campo.Nome" [placeholder]="'Selecionar...'"
+          [formControlName]="campo.Nome" [form]="entidadeForm" [itens]="campo.Itens" [itemId]="campo.ItemId ?? 'Id'"
+          [itemNome]="campo.ItemNome ?? 'Nome'" [validation_messages]="validation_messages[campo.Nome]"
+          (selectChangeEntity)="campo.change ? campo.change($event) : emptyHandler()" [readonly]="campo.ReadOnly"
+          [itemClass]="itemClass">
+        </kb-input-select>
+      </ion-col>
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-radio'">
+        <kb-input-radio [label]="campo.Label ?? campo.Nome" [formControlName]="campo.Nome" [form]="entidadeForm"
+          [itens]="campo.Itens" [itemId]="campo.ItemId" [itemNome]="campo.ItemNome" [readonly]="campo.ReadOnly"
+          [itemClass]="itemClass">
+        </kb-input-radio>
+      </ion-col>
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-pesquisa'">
+        <kb-input-pesquisa #pesquisaCentroCustoPai 
+          [label]="campo.Label ?? campo.Nome" 
+          [campoId]="campo.ItemId"
+          [focusField]="campo.focusField"
+          [formControlName]="campo.Nome" 
+          placeholder="Pesquisar..." 
+          [campoDisplay]="campo.ItemNome ?? 'Nome'" 
+          [form]="entidadeForm"
+          [tipo]="campo.TipoPesquisa" 
+          [urlItem]="campo.UrlItem" 
+          [max]="campo.Tamanho ?? '50'" 
+          [url]="campo.UrlPesquisa" 
+          [readonly]="campo.ReadOnly"
+          (pesquisaChange)="campo.change ? campo.change($event) : emptyHandler()"
+          [itemClass]="itemClass">
+        </kb-input-pesquisa>
+      </ion-col>
+
+      <ion-col [sizeMd]="campo.Size" *ngIf="campo.Tipo == 'input-button'">
+        <!-- 
+        <kb-btn-action [title]="campo.Label" [icon]="campo.Icon" [iconSrc]="campo.IconSrc" [color]="campo.BtnColor ?? 'light'" 
+          [expand]="campo.BtnExpand ?? 'block'" style="margin-top: var(--btn-action-margin-top, auto);">
+        </kb-btn-action>
+      -->
+        <ion-button [expand]="campo.BtnExpand ?? 'block'" [color]="campo.BtnColor ?? 'light'"
+          (click)="campo.click ? campo.click($event) : emptyHandler()" [size]="campo.BtnSize ?? 'default'"
+          [disabled]="campo.ReadOnly">
+          <ion-icon *ngIf="campo.Icon || campo.IconSrc" [name]="campo.Icon" [src]="campo.IconSrc"></ion-icon>
+          {{ campo.Label }}
+        </ion-button>
+      </ion-col>
+
+      <ion-col *ngIf="campo.Tipo == 'col'" size-md="1" size-xs="0">
+
+      </ion-col>
+
+      <ion-col *ngIf="campo.Tipo == 'sub-titulo'" size="12">
+        <ion-list lines="none" class="ion-no-padding">
+          <ion-list-header color="primary" [style]="campo.CampoStyle ?? ''"> 
+            <ion-label [style]="campo.LabelStyle ?? ''">{{ campo.Label }}</ion-label>
+          </ion-list-header>
+        </ion-list>
+      </ion-col>
+    </ng-container>
+  </ion-row>
+
+  <!--
+    <ion-col class="select ion-no-margin ion-no-padding">
+      <ion-item lines="none">
+        <ion-label>Totalizador</ion-label>
+        <ion-checkbox slot="start" formControlName="Totalizador"></ion-checkbox>
+      </ion-item>
+    </ion-col>
+    <ion-col class="select ion-no-margin ion-no-padding">
+      <ion-item lines="none">
+        <ion-label>Inativo</ion-label>
+        <ion-checkbox slot="start" formControlName="Inativo"></ion-checkbox>
+      </ion-item>
+    </ion-col>
+    -->
 </form>

package/src/lib/entity-edit/entity-edit.component.spec.ts

@@ -1,23 +1,23 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { EntityEditComponent } from './entity-edit.component';
-
-describe('EntityEditComponent', () => {
-  let component: EntityEditComponent;
-  let fixture: ComponentFixture<EntityEditComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [EntityEditComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(EntityEditComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EntityEditComponent } from './entity-edit.component';
+
+describe('EntityEditComponent', () => {
+  let component: EntityEditComponent;
+  let fixture: ComponentFixture<EntityEditComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [EntityEditComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(EntityEditComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});