appproject-components 1.0.47 → 1.0.48

package/src/lib/buttons/btn-action/btn-action.component.spec.ts

@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { BtnActionComponent } from './btn-action.component';
-
-describe('BtnActionComponent', () => {
-  let component: BtnActionComponent;
-  let fixture: ComponentFixture<BtnActionComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BtnActionComponent ],
-      imports: [IonicModule.forRoot()]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BtnActionComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/buttons/btn-action/btn-action.component.ts

@@ -1,31 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { BaseBtnComponent } from '../baseBtnComponent';
-
-@Component({
-  selector: 'kb-btn-action',
-  templateUrl: './btn-action.component.html',
-  styleUrls: ['./btn-action.component.scss'],
-})
-export class BtnActionComponent extends BaseBtnComponent implements OnInit {
-  @Input() override title: string = 'Abrir';
-  @Input() color: string = 'primary';
-  @Input() hidden: boolean = false;
-  @Input() override icon: string = '';
-  @Input() override iconSrc: string = '';
-  @Input() imgSrc: string = '';
-  @Input() boxColor: string = '#4c8dff';
-  @Input() btnMargin: string = '4px';
-  @Input() override expand: string = 'block';
-  @Input() iconStyle: string = '';
-  @Input() titleStyle: string = '';
-  buttonStyle: string = '';  
-  constructor() {
-    super();
-    this.type = 'button';
-   }
-
-  override ngOnInit() {
-    this.buttonStyle = '';        
-  }  
-
-}

package/src/lib/buttons/btn-cancelar/btn-cancelar.component.html

@@ -1,14 +0,0 @@
-<ion-button color="tertiary" [type]="type" [disabled]="disabled" [fill]="fill" [expand]="expand" 
-  [size]="size"
-  (click)="onClick()"
-  >  
-  <ion-icon [slot]="title ? 'start' : 'icon-only'" [src]="iconSrc" [name]="icon"></ion-icon>
-    {{ title }}
-</ion-button> 
-<!-- 
-<ion-button color="tertiary" fill="outline" (click)="cancelarContato()" style="box-shadow: #6370ff 0px 3px 3px 0.05px"
-  [disabled]="!selectedContato">
-  <ion-icon src="/assets/icon/limpar_purple_24dp.svg"></ion-icon>
-  Cancelar
-</ion-button>
--->

package/src/lib/buttons/btn-cancelar/btn-cancelar.component.scss

@@ -1,5 +0,0 @@
-ion-button {
-    //width: 100%;
-    margin: 4px;
-    box-shadow: #6370ff 0px 3px 3px 0.05px;
-}

package/src/lib/buttons/btn-cancelar/btn-cancelar.component.spec.ts

@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { BtnCancelarComponent } from './btn-cancelar.component';
-
-describe('BtnCancelarComponent', () => {
-  let component: BtnCancelarComponent;
-  let fixture: ComponentFixture<BtnCancelarComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BtnCancelarComponent ],
-      imports: [IonicModule.forRoot()]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BtnCancelarComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/buttons/btn-cancelar/btn-cancelar.component.ts

@@ -1,19 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { BaseBtnComponent } from '../baseBtnComponent';
-
-@Component({
-  selector: 'kb-btn-cancelar',
-  templateUrl: './btn-cancelar.component.html',
-  styleUrls: ['./btn-cancelar.component.scss'],
-})
-export class BtnCancelarComponent extends BaseBtnComponent implements OnInit {
-  //@Input() override iconSrc = "/assets/icon/limpar_purple_24dp.svg";
-  @Input() override icon = "close-outline";
-  @Input() override title: string = 'Cancelar';
-  //@Input() override icon: string = '';
-  constructor() { 
-    super();
-    this.type = 'button';
-  }  
-
-}

package/src/lib/buttons/btn-excluir/btn-excluir.component.html

@@ -1,6 +0,0 @@
-<ion-button color="danger" [type]="type" [disabled]="disabled" [fill]="fill" [expand]="expand" [size]="size"
-  (click)="onClick()"
-  >  
-  <ion-icon *ngIf="icon" [slot]="title ? 'start' : 'icon-only'" [name]="icon"></ion-icon>
-    {{ title }}
-</ion-button> 

package/src/lib/buttons/btn-excluir/btn-excluir.component.scss

@@ -1,5 +0,0 @@
-ion-button {
-    //width: 100%;
-    margin: 4px;
-    box-shadow: #ed576b 0px 3px 3px 0.05px;
-}

package/src/lib/buttons/btn-excluir/btn-excluir.component.spec.ts

@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { BtnExcluirComponent } from './btn-excluir.component';
-
-describe('BtnExcluirComponent', () => {
-  let component: BtnExcluirComponent;
-  let fixture: ComponentFixture<BtnExcluirComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BtnExcluirComponent ],
-      imports: [IonicModule.forRoot()]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BtnExcluirComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/buttons/btn-excluir/btn-excluir.component.ts

@@ -1,18 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { BaseBtnComponent } from '../baseBtnComponent';
-
-@Component({
-  selector: 'kb-btn-excluir',
-  templateUrl: './btn-excluir.component.html',
-  styleUrls: ['./btn-excluir.component.scss'],
-})
-export class BtnExcluirComponent extends BaseBtnComponent implements OnInit {
-  @Input() override type: string = 'button';
-  @Input() override expand: string = 'inline';
-  @Input() override icon: string = 'trash'; 
-  @Input() override title: string = 'Excluir';  
-  constructor() { 
-    super();
-  }
-  
-}

package/src/lib/buttons/btn-novo/btn-novo.component.html

@@ -1,14 +0,0 @@
-<ion-button color="primary" [type]="type" [disabled]="disabled" [fill]="fill" [expand]="expand" 
-  [size]="size"
-  (click)="onClick()"
-  >  
-  <ion-icon *ngIf="icon || iconSrc" [slot]="title ? 'start' : 'icon-only'" [name]="icon" [src]="iconSrc"></ion-icon>
-    {{ title }}
-  <img *ngIf="imgSrc" [src]="imgSrc" [slot]="title ? 'start' : 'icon-only'"/>
-</ion-button> 
-<!-- 
-<ion-button (click)="novoContato()" fill="outline" style="box-shadow: #4c8dff 0px 3px 3px 0.05px">
-  <ion-icon slot="start" name="person-add"></ion-icon>
-  Novo
-</ion-button>
--->

package/src/lib/buttons/btn-novo/btn-novo.component.scss

@@ -1,8 +0,0 @@
-ion-button {
-    //width: 100%;
-    box-shadow: #4c8dff 0px 3px 3px 0.05px;
-}
-
-img {
-    width: 24px;margin-right: 6px;
-}

package/src/lib/buttons/btn-novo/btn-novo.component.spec.ts

@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { BtnNovoComponent } from './btn-novo.component';
-
-describe('BtnNovoComponent', () => {
-  let component: BtnNovoComponent;
-  let fixture: ComponentFixture<BtnNovoComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BtnNovoComponent ],
-      imports: [IonicModule.forRoot()]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BtnNovoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/buttons/btn-novo/btn-novo.component.ts

@@ -1,20 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { BaseBtnComponent } from '../baseBtnComponent';
-
-@Component({
-  selector: 'kb-btn-novo',
-  templateUrl: './btn-novo.component.html',
-  styleUrls: ['./btn-novo.component.scss'],
-})
-export class BtnNovoComponent extends BaseBtnComponent implements OnInit {
-  @Input() override title: string = 'Novo';
-  @Input() override icon: string = 'person-add';  
-  @Input() override iconSrc: string = '';
-  @Input() override expand: string = 'block';
-  @Input() imgSrc: string = '';
-  constructor() {
-    super();
-    this.type = 'button';    
-   }
-  
-}

package/src/lib/buttons/btn-salvar/btn-salvar.component.html

@@ -1,8 +0,0 @@
-<ion-button color="success" [type]="type" [disabled]="disabled" [fill]="fill" [expand]="expand"  
-  [size]="size"
-  (click)="onClick()"
-  [style.margin]="btnMargin"
-  >  
-  <ion-icon [slot]="title ? 'start' : 'icon-only'" [name]="icon"></ion-icon>
-    {{ title }}
-</ion-button>

package/src/lib/buttons/btn-salvar/btn-salvar.component.scss

@@ -1,5 +0,0 @@
-ion-button {
-    //width: 100%;
-    //margin: 4px;
-    box-shadow: #42d77d 0px 3px 3px 0.05px
-}

package/src/lib/buttons/btn-salvar/btn-salvar.component.spec.ts

@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { BtnSalvarComponent } from './btn-salvar.component';
-
-describe('BtnSalvarComponent', () => {
-  let component: BtnSalvarComponent;
-  let fixture: ComponentFixture<BtnSalvarComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BtnSalvarComponent ],
-      imports: [IonicModule.forRoot()]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BtnSalvarComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/buttons/btn-salvar/btn-salvar.component.ts

@@ -1,16 +0,0 @@
-import { Component, Input, OnInit, Output } from '@angular/core';
-import { EventEmitter } from '@angular/core';
-import { BaseBtnComponent } from '../baseBtnComponent';
-
-@Component({
-  selector: 'kb-btn-salvar',
-  templateUrl: './btn-salvar.component.html',
-  styleUrls: ['./btn-salvar.component.scss'],
-})
-export class BtnSalvarComponent extends BaseBtnComponent implements OnInit {
-  @Input() btnMargin: string = '4px';
-  constructor() { 
-    super();
-  }    
-    
-}

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

@@ -1,143 +0,0 @@
-<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.scss

@@ -1,4 +0,0 @@
-ion-list-header {
-    text-align: center;
-    font-size: large;
-}

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

@@ -1,23 +0,0 @@
-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();
-  });
-});

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

@@ -1,43 +0,0 @@
-import { Component, Input, NgZone, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { BaseModel, HtmlRow } from 'appproject-lib';
-
-@Component({
-  selector: 'kb-entity-edit',
-  //standalone: true,
-  templateUrl: './entity-edit.component.html',
-  styleUrl: './entity-edit.component.scss'
-})
-export class EntityEditComponent<T extends BaseModel> implements OnInit {
-  @Input() entidade: T | null;
-  //entidade: any;
-  /**
-   * Vai receber montado do base cadastro
-   */
-  @Input() campos: HtmlRow[];
-  @Input() entidadeForm: FormGroup;
-  @Input() validation_messages: any;
-  @Input() itemClass: string = "";
-  @Input() rowClass: string = "";
-  constructor(private 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() {
-
-  }
-}

package/src/lib/grid-view/grid-view.component.html

@@ -1,116 +0,0 @@
-<div style="font-size: 14px;">
-    <div id="painelExportacao">
-      <ion-row *ngIf="inMemoryPagination">
-        <!--
-        <ion-col size="2">
-          <ion-button *ngIf="tabelaCampos.Selecionar === true" size="small" fill="outline" color="medium"
-            (click)="selecionarTodos()">Selecionar Todos</ion-button>
-        </ion-col>
-        -->
-        <ion-col size="3">
-          <ion-button *ngIf="inMemoryPagination === true" size="small" fill="outline" color="bluetool"
-            (click)="anterior()">
-            <ion-icon name="chevron-back-outline" slot="start"></ion-icon>
-            Anterior
-          </ion-button>
-          <ion-button *ngIf="inMemoryPagination === true" size="small" fill="outline" color="bluetool"
-            (click)="proximo()">
-            Próximo
-            <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
-          </ion-button>                
-        </ion-col>
-        <ion-col size="2">
-          <span style="display: block; margin-top: 10px;" *ngIf="inMemoryPagination && totalRec > 0">Exibindo {{ start + 1 }} - {{ (start + pageOffset) < totalRec ? (start + pageOffset) : totalRec }} total de {{ totalRec }}        
-          </span>      
-        </ion-col>
-      </ion-row>
-    </div>
-    <div style="width: 100%;" [style.min-height]="minHeight">
-      <table class="grid">
-        <thead>
-          <tr style="background-color: var(--ion-color-bluetool); color: white;">
-            <td *ngIf="tabelaCampos.Selecionar === true" style="width: 3%; text-align: center;">
-              <input type="checkbox" [(ngModel)]="todosSelecionados" (change)="selecionarTodos()">
-            </td>
-            <td *ngFor="let col of tabelaCampos.Colunas" [style.width]="col.Tamanho">
-              <div style="position: relative;">
-                <div style="display: flex; justify-content: space-between; align-items: end;">
-                  <strong>{{ col.Titulo }}</strong>
-                  <div>
-                    <ion-icon *ngIf="col.Ordem" slot="end" (click)="ordenar(col)" style="cursor: pointer;"
-                      [name]="col.OrdemStatus == 0 ? 'swap-vertical' : (col.OrdemStatus == 1 ? 'arrow-up': 'arrow-down')"></ion-icon>
-  
-                    <ion-icon *ngIf="col.Filtrar" name="funnel" (click)="setFiltroOpen(col)" slot="end"></ion-icon>
-                  </div>
-                </div>
-  
-  
-                <div class="caixaGrande" [hidden]="!col.FiltroVisivel" tabindex="-1"
-                  style="color: black; display: block; position: absolute; z-index: 800; width: 210px; right: 0px; opacity: 0.9;">
-                  Filtrar:
-                  <div>
-                    <div style="display: flex; justify-content: space-between; align-items: start;">
-                      <select style="width: 80px;" [(ngModel)]="col.FiltroOperador">
-                        <option>=</option>
-                        <option>&gt;=</option>
-                        <option>&lt;=</option>
-                        <option>tem</option>
-                      </select>
-                      <input style="width: 100px;" type="text" [(ngModel)]="col.FiltroValor">
-                    </div>
-                    <ion-button size="small" color="medium" expand="block" (click)="filtrar(col)">Filtrar</ion-button>
-                    <ion-button size="small" color="light" expand="block" (click)="limpar()">Limpar</ion-button>
-                  </div>
-                  <div *ngIf="col.Valores" class="scroll-container" style="height: 200px; overflow-y: scroll;">
-                    <div *ngFor="let valor of col.Valores">
-                      <input type="checkbox" [(ngModel)]="valor.Selecionado">
-                      <span>{{ valor.Valor }}</span>
-                    </div>
-                  </div>
-                </div>
-  
-              </div>
-            </td>
-            <td *ngIf="tabelaCampos.Excluir === true">
-  
-            </td>
-          </tr>
-        </thead>
-        <tbody>
-          <tr *ngFor="let item of pageDataSet" [class]="item == selectedItem ? 'item-selecionado' : '' ">
-            <td *ngIf="tabelaCampos.Selecionar === true" style="text-align: center; cursor: auto;">
-              <input type="checkbox" [(ngModel)]="item[tabelaCampos.CampoSelecionar]" (change)="selecionadoChecked()">
-            </td>
-            <td class="col" *ngFor="let col of tabelaCampos.Colunas" [style.width]="col.Tamanho"
-              [style.text-align]="col.Tipo == 'number' ? 'right' : (col.Alinhamento ?? 'left')"
-              (click)="col.ClickFunction ? col.ClickFunction(item) : selecionarLinha(item)">
-              <span *ngIf="col.Pipe == 'date'">{{ item[col.Campo] | date: 'dd/MM/yyyy' }}</span>              
-              <span *ngIf="col.Pipe == 'valor'">{{ item[col.Campo] | valorFormat }}</span>
-              <span *ngIf="col.RenderFunction" [innerHtml]="col.RenderFunction(item) | safeHtml"></span>
-              <span *ngIf="!col.Pipe && !col.RenderFunction">{{ item[col.Campo] ?? col.Default }}</span>
-            </td>
-            <td *ngIf="tabelaCampos.Excluir === true" style="padding: 0px; text-align: center;">
-              <ion-button size="small" color="danger" fill="outline" style="transform: scale(0.85);" (click)="excluirLinha(item)">
-                <ion-icon name="trash"></ion-icon>
-              </ion-button>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  
-    <ion-modal [isOpen]="isFiltroOpen" (didDismiss)="isFiltroOpen = false;">
-      <ng-template>
-        <ion-content class="ion-padding">
-          <div class="caixaGrande">
-            Filtrar:
-            <div *ngIf="selectedColuna.Valores">
-              <div *ngFor="let valor of selectedColuna.Valores">
-                <span>{{ valor }}</span>
-              </div>
-            </div>
-          </div>
-        </ion-content>
-      </ng-template>
-    </ion-modal>
-  </div>