appproject-components 1.0.47 → 1.0.48

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

@@ -1,140 +0,0 @@
-import { Component, Input, OnInit, ViewChild, ElementRef, EventEmitter, Output } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Subject } from 'rxjs';
-
-@Component({
-  selector: 'kb-input-arquivo',
-  templateUrl: './input-arquivo.component.html',
-  styleUrls: ['./input-arquivo.component.scss'],
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: InputArquivoComponent,
-    multi: true
-  }]
-})
-export class InputArquivoComponent implements OnInit, ControlValueAccessor {
-  @Input() nomeArquivo: string;
-
-  //@Input() disabled: boolean = false;
-
-  @Input() caption: string;
-  @Input() pasta: string;
-  @Input() subir: boolean = false;
-  @Input() callback = new EventEmitter();
-  @Input() tipoArquivo: string = "image/*";
-  @Output() fileSelected = new EventEmitter();
-  @Input() form: boolean = false;
-  @Input() showIcon: boolean = false;
-  @Input() icon: string;
-  @Input() iconSrc: string; ///assets/icon/image_primary_24dp.svg
-  @Input() btnExpand: string = "block";
-  @Input() btnColor: string = "primary";
-  @Input() btnFill: string = "outline";
-  @Input() iconSlot: string = "start";
-  @Input() arquivoTipos: string = "image/*";
-  @Input() readOnly: boolean = false;
-
-  //imagem
-  @ViewChild('inputNome', { read: ElementRef, static: true }) myInput;
-  captureDataUrl: string;
-  public formFile: any;
-  public sucessoEvent: Subject<boolean> = new Subject();
-
-  data: string;
-  filename: string;
-
-  private onChange: Function = (selectedColor: string) => { };
-  private onTouch: Function = () => { };
-  private disabled: boolean = false;
-
-  showImageBrowser() {
-    this.myInput.nativeElement.click();
-  }
-
-  writeValue(value: string): void {
-    this.onChange(value);
-    this.data = value;
-    if (this.callback)
-      this.callback.emit(this.filename);
-  }
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-  registerOnTouched(fn: any): void {
-    this.onTouch = fn;
-  }
-  setDisabledState?(isDisabled: boolean): void {
-    this.disabled = this.disabled;
-  }
-
-  constructor() {
-
-  }
-
-  ngOnInit(): void {
-
-  }
-
-  loadImagem() {
-    //console.log(this.myInput);
-    this.formFile = this.myInput.nativeElement.files[0];
-     
-    if (this.fileSelected) {
-      this.fileSelected.emit({ content: this.formFile, name: this.myInput.nativeElement.files[0].name });
-    }
-
-    if (this.form) {
-      //this.formFile = this.myInput.nativeElement.files[0];
-      this.sucessoEvent.next(true);
-
-    } else {
-      //this.formFile = this.myInput.nativeElement.files[0];
-      this.getBase64FromFile(this.myInput.nativeElement.files[0])
-        .then(result => {
-          //console.log('file: ', result.toString());
-          //console.log('nome do arquivo: ', this.nomeArquivo.toLowerCase());
-          let searchstr = result.toString().substring(0, result.toString().indexOf('base64,')) + 'base64,';
-          console.log('searchstring', searchstr);
-          if (this.subir) {
-            this.captureDataUrl = result.toString().replace(searchstr, '');
-          } else {
-            this.captureDataUrl = result.toString();
-          }
-          //this.utils.showToast('Imagem carregada em memória.');
-          this.sucessoEvent.next(true);
-          console.log('file', this.myInput.nativeElement.files[0]);
-          this.filename = this.myInput.nativeElement.files[0].name;
-          this.writeValue(this.captureDataUrl);
-
-
-
-          // if (this.nomeArquivo && this.subir) {
-          //   this.arquivoService.setImagem({ Nome: this.nomeArquivo, Conteudo: this.captureDataUrl, Status: 0, Pasta: this.pasta })
-          //     .subscribe(result => {
-          //       console.log('result set imagem', result);
-          //       if (result.Status == 200) {
-          //         this.utils.showToast('Sucesso!');
-          //       } else {
-          //         this.utils.showAlert('Erro. Tente mais tarde.' + result.Conteudo);
-          //       }
-          //     }, error => {
-          //       this.utils.showAlert('Erro. Tente mais tarde.');
-          //     })
-          // }
-
-        }).catch(error => {
-          this.sucessoEvent.next(false);
-        })
-    }
-  }
-
-  //util
-  getBase64FromFile(file: File) {
-    return new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.readAsDataURL(file);
-      reader.onload = () => resolve(reader.result);
-      reader.onerror = error => reject(error);
-    });
-  }
-}

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

@@ -1,38 +0,0 @@
-<!--
-<div [formGroup]="form">
--->
-<!--comando --inner-padding-end: utilizado pra remover padding desnecessários-->
-<div>
-    <ion-item lines="none" style="--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;" [class]="itemClass"
-    [ngClass]="form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' "
-    >
-      <ion-label [position]="labelPosition">{{ label }}</ion-label>
-      <!-- formControlName={{formControlName}} -->
-      <ion-input #inputCep
-      type="tel" 
-      [placeholder]="placeholder"
-      maxlength="{{ max }}" 
-      (keydown)="digitarFormatado($event)" 
-      (keyup.enter)="onKeyEnter()"
-      (ionBlur)="onBlur()"
-      [value]="data"
-      (input)="writeValue(inputCep.value)"
-      [disabled]="readonly"></ion-input>
-
-      <ion-button size="small" slot="end" tabindex="-1"
-        style="margin-top: 25px; margin-inline-start: 4px !important; --padding-start:2px; --padding-end: 2px;" fill="clear" color="medium"
-        (click)="pesquisarClick()">
-        <ion-icon color="primary" name="search"></ion-icon>
-      </ion-button>
-  
-    </ion-item>
-  
-    <div class="validation-errors" *ngIf="form">
-      <ng-container *ngFor="let validation of validation_messages">
-        <div class="error-message"
-          *ngIf="form && 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-cep/input-cep.component.spec.ts

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

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

@@ -1,186 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Observable } from 'rxjs';
-import { BaseInputComponent } from '../baseInputComponent';
-
-@Component({
-  selector: 'kb-input-cep',
-  templateUrl: './input-cep.component.html',
-  styleUrls: ['./input-cep.component.scss', './../baseComponent.scss'],
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: InputCepComponent,
-    multi: true
-  }]
-})
-export class InputCepComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {
-
-  @Input() formato: string | null = '00000-000';
-  @Input() keyEnter: Function | null = null;
-  @Output() getResultados = new EventEmitter();
-
-  //control value acessor
-  public data: string | any = null;
-  private onChange: Function = (data: string) => { };
-  private onTouch: Function = () => { };
-  private disabled: boolean = false;
-  constructor() {
-    super();
-  }
-
-  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;
-  }
-
-  override ngOnInit(): void {
-  }
-
-  digitarFormatado(event: any) {
-    //console.log(event);
-    if ((event.keyCode >= 48 && event.keyCode <= 57)
-      || (event.keyCode >= 96 && event.keyCode <= 105)
-      || (event.keyCode == 8)
-      || (event.keyCode == 9)
-      || (event.keyCode == 39)
-      || (event.keyCode == 37)
-      || (event.keyCode == 46)) {
-
-      //console.log(this.formControlName, this.form.get(this.formControlName).value);
-
-      setTimeout(() => {
-        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();
-    } else {
-      if (this.getResultados != null) {
-        this.pesquisarClick();
-      }
-    }
-  }
-
-  onBlur() {
-    if (this.form) {
-      this.form.get(this.formControlName)?.markAsTouched();
-    }
-    if (this.blur) {
-      this.blur.emit(this.blurArgs);
-    }
-  }
-
-  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;
-    }
-  }
-
-  pesquisarClick() {
-    const cep = this.data;
-    //se não estiver informado o cep, não fazer a pesquisa
-    if (cep == null || cep == "") {
-      return;
-    }
-
-    this.getEnderecoPeloCep(cep).subscribe({
-      next: (result) => {
-        //console.log('result CEP', result);
-
-        let cidadePesquisa: string = result.localidade;
-        cidadePesquisa = this.converteCaracteresEspeciais(cidadePesquisa.toUpperCase());
-
-        if (this.getResultados) {
-          this.getResultados.emit(result);
-        }
-
-      }, error: (error) => {
-
-      }
-    });
-  }
-
-  //substituição de caracteres
-  converteCaracteresEspeciais(nome: string): string {
-    var res = nome.replace(/Ã/g, "A");
-    res = res.replace(/Á/g, "A");
-    res = res.replace(/Ç/g, "C");
-    res = res.replace(/É/g, "E");
-    res = res.replace(/Â/g, "A");
-    res = res.replace(/Ô/g, "O");
-    res = res.replace(/Ó/g, "O");
-    res = res.replace(/Ú/g, "U");
-    res = res.replace(/Í/g, "I");
-    return res;
-  }
-
-  getEnderecoPeloCep(cep: any): Observable<any> {
-    return new Observable((x) => {
-      var request = new XMLHttpRequest();
-      request.open('get', `https://viacep.com.br/ws/${cep}/json/`, true);
-      request.send();
-      request.onload = function () {
-        var data = JSON.parse(this.response);
-        x.next(data)
-      }
-    })
-  }
-}

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

@@ -1,12 +0,0 @@
-<div>
-    <ion-item lines="none" style="--background: inherited; --background-focused: transparent; padding-right: 0px;" [class]="itemClass">
-        <ion-checkbox #inputCheck
-            [labelPlacement]="labelPlacement" [justify]="justify" 
-            [disabled]="readonly"
-            [checked]="data"
-            [color]="labelColor ?? 'primary'"            
-            (ionChange)="writeValue(inputCheck.checked)">
-            <span [style.color]="labelColor ?? 'auto'">{{ label }}</span> 
-        </ion-checkbox>
-    </ion-item>
-</div>

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

@@ -1,11 +0,0 @@
-ion-item {
-    --min-height: var(--checkbox-min-height, 48px) !important;
-}
-
-ion-checkbox.checkbox-disabled {
-    opacity: var(--item-disabled-opacity, 0.6) !important;
-}
-
-span {
-    color: var(--checkbox-text-color, 'inherit') !important;
-}

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

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

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

@@ -1,48 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BaseInputComponent } from '../baseInputComponent';
-
-@Component({
-  selector: 'kb-input-checkbox',
-  templateUrl: './input-checkbox.component.html',
-  styleUrls: ['./input-checkbox.component.scss', './../baseComponent.scss'],
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: InputCheckboxComponent,
-    multi: true
-  }]
-})
-export class InputCheckboxComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {
-
-  @Input() justify: string = "start";
-  @Input() labelPlacement: string = "end";
-  //control value acessor
-  public data!: boolean | undefined;
-  private onChange: Function = (data: string) => { };
-  private onTouch: Function = () => { };
-  private disabled: boolean = false;
-  public console = console;
-
-  writeValue(value?: 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(): void {
-  }
-}

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

@@ -1,32 +0,0 @@
-<!--
-<div [formGroup]="form">
--->
-<!--comando --inner-padding-end: utilizado pra remover padding desnecessários-->
-<div>
-    <ion-item lines="none" style="--background: inherited;--background-focused: transparent;--inner-padding-end: 0px;" [class]="itemClass"
-    [ngClass]="form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' "
-    >
-      <ion-label [position]="labelPosition">{{ label }}</ion-label>
-      <!-- formControlName={{formControlName}} -->
-      <ion-input #inputFormat
-      type="tel" 
-      [placeholder]="placeholder"
-      maxlength="{{ max }}" 
-      (keydown)="digitarFormatado($event)" 
-      (keyup.enter)="onKeyEnter()"
-      (ionBlur)="onBlur()"
-      [value]="data"
-      (input)="writeValue(inputFormat.value)"
-      [disabled]="readonly"></ion-input>
-  
-    </ion-item>
-  
-    <div class="validation-errors" *ngIf="form">
-      <ng-container *ngFor="let validation of validation_messages">
-        <div class="error-message"
-          *ngIf="form && 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-format/input-format.component.scss

@@ -1,47 +0,0 @@
-/*
-@keyframes shake {
-    0% { transform: translate(20px); }
-    20% { transform: translate(-20px); }
-    40% { transform: translate(10px); }
-    60% { transform: translate(-10px); }
-    80% { transform: translate(4px); }
-    100% { transform: translate(0px); }
-}
-.error-shake {
-    ion-label {
-        color: red !important;
-    }
-    ion-input {
-        animation: shake 0.4s 1 linear;
-        border: 1px solid red !important;
-    }
-}
-*/
-
-/*
-.has-focus {
-    border: 1px solid var(--ion-color-bluetool, #1f477d);
-}
-*/
-
-/*
-ion-label {
-    margin-bottom: 4px !important;
-}
-*/
-
-/*
-ion-input {
-    padding: 4px;
-    border: 1px solid darkgray;
-    border-radius: 4px;    
-    width: 100%;
-    margin-top: 2px;    
-    max-height: 29px;
-}
-*/
-
-
- .item-inner {
-    padding-right: 0px !important;
-}

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

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