appproject-components 1.0.49 → 1.0.50

package/src/lib/input-format/input-format.component.ts

@@ -1,139 +0,0 @@
-import { Component, ElementRef, EventEmitter, Input, OnInit, ViewChild } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BaseInputComponent } from '../baseInputComponent';
-
-@Component({
-  selector: 'kb-input-format',
-  templateUrl: './input-format.component.html',
-  styleUrls: ['./input-format.component.scss', './../baseComponent.scss'],
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: InputFormatComponent,
-    multi: true
-  }]
-})
-export class InputFormatComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {
-
-  @Input() formato: string | null = null;
-  @Input() keyEnter = new EventEmitter();
-  @ViewChild('inputFormat', { read: ElementRef, static: true}) inputFormatEdit;
-  
-  //control value acessor
-  public data: string | any = null;
-  private onChange: Function = (data: string) => {};
-  private onTouch: Function = () => {};
-  private disabled: boolean = false;
-  public console = console;
-
-  writeValue(value: string | any): void {
-    //console.log('write value', value);
-    this.onChange(value);
-    this.data = value;
-  }
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-  registerOnTouched(fn: any): void {
-    this.onTouch = fn;
-  }
-  setDisabledState?(isDisabled: boolean): void {
-    this.disabled = this.disabled;
-  }
-
-  constructor() { 
-    super();
-  }
-
-  override ngOnInit() { }
-
-  digitarFormatado(event: any) {
-    //console.log(event);
-    const index = event.target.selectionStart >= 1 ? (event.target.selectionStart - 1) : 0;
-    const keyAt = event.target.value.charCodeAt(index);
-    if ((event.keyCode >= 48 && event.keyCode <= 57)
-     || (keyAt >= 48 && keyAt <= 57)
-     || (event.keyCode >= 96 && event.keyCode <= 105)
-     || (event.keyCode == 8)
-     || (event.keyCode == 9)
-     || (event.keyCode == 39)
-     || (event.keyCode == 37) 
-     || (event.keyCode == 46)) {
-
-      //console.log(this.formControlName, this.form.get(this.formControlName).value);
-
-      setTimeout(() => {
-        if (this.form) {
-          this.form.patchValue({
-            [this.formControlName]: this.formataCampoValor(this.form.get(this.formControlName)?.value, this.formato ?? '', event)
-          });
-        } else {
-          this.data = this.formataCampoValor(this.data ?? '', this.formato ?? '', event);
-          this.writeValue(this.data);
-        }
-      }, 100);
-
-      return true;
-    }
-    else {
-      return false;
-    }        
-  }
-
-  onKeyEnter() {
-    if (this.keyEnter != null) {
-      this.keyEnter.emit();
-    }
-  }
-
-  onBlur() {
-    if (this.form) {
-      this.form.get(this.formControlName)?.markAsTouched();
-    }
-    if (this.blur) {
-      this.blur.emit(this.blurArgs);
-    }
-  }
-
-  setFocus() {
-    this.inputFormatEdit.nativeElement.setFocus();
-  }
-
-  formataCampoValor(valor: string, Mascara: string, evento: any) {
-    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;
-    }
-  }
-}

package/src/lib/input-pesquisa/input-pesquisa.component.html

@@ -1,77 +0,0 @@
-<div style="padding-inline-end: 0px;">
-    <ion-item lines="none" style="--background: inherited; --background-focused: transparent; margin-top: 2px;" [class]="itemClass">
-      <ion-label position="{{ labelPosition }}">{{ label }}</ion-label>
-      <!-- formControlName="{{ campo }}"  -->
-      <ion-spinner *ngIf="!podePesquisar"
-        style="--min-height: 0px !important; margin-inline-end: 5px !important; margin-top: 16px;" 
-        slot="start" name="lines"></ion-spinner>
-      <!-- (ionBlur)="verificarPesquisa()" -->
-      <!-- conflito com click da lista -->
-      <ion-input #inputPesquisa
-        [legacy]="true"
-        type="{{type}}" 
-        [placeholder]="placeholder" 
-        maxlength="{{ max }}" 
-        (ionBlur)="onBlur($event)"
-        [value]="textoPesquisa" (input)="writePesquisa(inputPesquisa.value)" 
-        (keyup)="showPesquisa($event)"
-        autocomplete="off" [style.--background]="inputBackgroungColor"
-        (click)="dropDownPesquisa(-1)"
-        [disabled]="readonly" debounce="500"></ion-input>
-      <ion-button size="small" slot="end" tabindex="-1"
-        class="botao-limpar" fill="clear" color="medium"
-        (click)="limparClick()">
-        <ion-icon name="close-outline"></ion-icon>
-      </ion-button>
-  
-      
-      <ion-button size="small" slot="end" tabindex="-1"
-        class="botao-limpar" fill="clear" color="medium"
-        (click)="pesquisarClick()">
-        <ion-icon color="primary" name="search"></ion-icon>
-      </ion-button>
-      
-      
-    </ion-item>
-  
-    <ion-list tabindex="-1" [hidden]="!selectElementVisivel || !listaPesquisa || listaPesquisa.length == 0" class="pesquisa-list" style="max-height: 250px; overflow-y: auto;">
-      
-      <ion-item tabindex="-1" button *ngFor="let item of listaPesquisa" 
-      (click)="selecionarComboClick(item)" [id]="selectId + 'IonItem' + item['Index']"
-        class="pesquisa-item">
-        <!-- {{ item | json}} -->
-        <span [class]="{'selected-item': item['Selected'] === true}" [innerHTML]="highlight(item[campoDisplay])"></span>
-      </ion-item>
-  
-    </ion-list>
-  
-    <!--
-    <ion-select interface="popover" #selectElement tabindex="-1" [hidden]="!selectElementVisivel"
-      (ionChange)="selecionarComboChange($event.target.value)">
-      <ion-select-option *ngFor="let item of listaPesquisa" [value]="item[campoId]" (click)="selecionarComboClick(item[campoId])">
-        {{ item[campoDisplay] }}
-      </ion-select-option>
-    </ion-select>
-    -->
-  
-    <!--
-    <select [id]="selectId" #selectElement tabindex="-1" [hidden]="!selectElementVisivel"
-      (change)="selecionarComboChange($event.target.value)" class="pesquisa-select">
-      <option *ngFor="let item of listaPesquisa" [value]="item[campoId]" (click)="selecionarComboClick(item[campoId])">
-        {{ item[campoDisplay] }}
-      </option>
-  
-    </select>
-    -->
-  
-    <div class="validation-errors" *ngIf="form">
-  
-      <ng-container *ngFor="let validation of validation_messages">
-        <div class="error-message"
-          *ngIf="form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)">
-          &#8226; {{ validation.message }}
-        </div>
-      </ng-container>
-  
-    </div>
-  </div>

package/src/lib/input-pesquisa/input-pesquisa.component.scss

@@ -1,127 +0,0 @@
-/*
-ion-label {
-    margin-bottom: 4px !important;
-    opacity: 1 !important;
-}
-*/
-
-/*
-ion-input {
-    padding: var(--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;
-    ion-label{
-        --color: blue !important;
-    }
-}
-*/
-
-/*
-.padding {
-    //inner-padding-end: auto; --padding-start: auto;
-    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;
-
-    option {
-        overflow-y: hidden;
-    }
-
-    option:hover, option:checked {
-        background-color: lightblue;
-    }
-}
-
-.pesquisa-list {
-    display:block; 
-    
-    //position:absolute;     
-    //top: 58px; 
-    //left: 20px; 
-
-    position: absolute;
-    margin-left: 20px;
-    margin-top: -4px;
-
-    // width: 100%; 
-    width: calc(100% - 50px);
-    z-index: 800; 
-    //font-size: 16px;
-    //font-family: Roboto, "Helvetica Neue", sans-serif;
-    border: 1px lightgrey solid;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;    
-    padding: 0px;
-}
-
-.pesquisa-item {
-    --inner-padding-top: 0px; 
-    --inner-padding-bottom: 0px; 
-    --padding-top: 0px;
-    --padding-bottom: 0px;
-    --min-height: 30px !important;
-    font-size: 12px;
-    button {
-        padding: 0px;
-    }
-}
-
-.selected-item {
-    background-color: lightblue;
-}
-
-.botao-limpar {
-    margin-top: var(--margin-botao-limpar, 25px);
-    margin-inline-start: 4px !important; 
-    --padding-start:2px; 
-    --padding-end: 2px; 
-    margin-bottom: 2px !important;
-}
-
-[hidden] {
-    display: none !important;
-}

package/src/lib/input-pesquisa/input-pesquisa.component.spec.ts

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