appproject-components 1.0.49 → 1.0.51

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

@@ -1,62 +0,0 @@
-
-/*
-ion-label {
-    margin-bottom: 4px !important;
-}
-*/
-
-select {
-    padding: var(--select-padding, 4px);
-    border: 1px solid darkgray;
-    border-radius: 4px;    
-    width: 100%;
-    margin-top: 2px;    
-    height: var(--select-height, 29px);
-    margin-left: 0px;
-    margin-bottom: 2px;
-    background-color: white !important;
-}
-
-.no-padding {
-    --inner-padding-end: 0px; --padding-start: 0px;    
-    --padding-bottom: 0px;
-    --inner-padding-bottom: 0px;
-    height: 42px !important;
-}
-
-
-select:focus {
-    outline: none !important;
-    border: 1px solid lightblue !important;
-    ion-label{
-        color: var(--ion-color-label-focus, blue) !important;
-    }
-    /*
-    .focus-label {
-        color: var(--ion-color-label-focus, blue) !important;
-    }
-    */
-}
-
-
-
-.item-has-focus {
-    ion-label {
-        color: var(--ion-color-label-focus, blue) !important;
-    }
-}
-
-
-/*
-.no-padding-no-height {
-    --inner-padding-end: 0px; --padding-start: 0px;    
-    --padding-bottom: 0px;
-    --inner-padding-bottom: 0px;    
-}
-*/
-
-/*
-.padding-top {
-    --padding-top: 0px;
-}
-*/

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

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

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

@@ -1,96 +0,0 @@
-import { Component, ElementRef, EventEmitter, Input, OnInit, Output, Renderer2, ViewChild } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BaseInputComponent } from '../baseInputComponent';
-
-@Component({
-  selector: 'kb-input-select',
-  templateUrl: './input-select.component.html',
-  styleUrls: ['./input-select.component.scss', './../baseComponent.scss'],
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: InputSelectComponent,
-    multi: true
-  }]
-})
-export class InputSelectComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {  
-  @Output() selectChange = new EventEmitter();
-  @Output() selectChangeEntity = new EventEmitter();
-  @Input() itens: any[] = [];
-  @Input() itemId: string = "Id";
-  @Input() itemNome: string = "Nome";
-  @Input() showNovo: boolean = false;
-  @Input() itemNull: boolean = true;
-  @Input() opcaoDefault: string = 'Selecionar';
-
-  //para 'injeção' de estilo no foco
-  @ViewChild("itemSelect", {read: ElementRef}) itemSelect: any;
-
-  //control value acessor
-  public data: string | any;
-  private onChange: Function = (data: string) => {};
-  private onTouch: Function = () => {};
-  private disabled: boolean = false;
-  public console = console;
-
-  writeValue(value: string | any): void {
-    //console.log('write value select', 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(private renderer: Renderer2) { 
-    super();
-  }
-
-  override ngOnInit() {
-    if (this.readonly === true) {
-      //console.log("disabled");
-      setTimeout(() => {
-        //this.renderer.addClass(document.getElementById("item-select"), "item-has-focus");
-        this.renderer.addClass(this.itemSelect.nativeElement, "item-interactive-disabled");
-        //console.log('select focused', document.getElementById("item-select"));
-      }, 100);
-    }
-  }
-
-  onSelectChange(value: any) {
-    this.writeValue(value == '' ? null : value);    
-    if (this.selectChange != null) {
-      //console.log('emit', value);
-      this.selectChange.emit(value);
-    }
-    if (this.selectChangeEntity != null) {
-      const existe = this.itens.find(i => i[this.itemId] == value);
-      this.selectChangeEntity.emit(existe);
-    }
-  }
-
-  onBlur() {
-    //console.log('input select blur')
-    setTimeout(() => {
-      this.renderer.removeClass(this.itemSelect.nativeElement, "item-has-focus");
-    }, 200);
-
-    if (this.form) {
-      this.form.get(this.formControlName)?.markAsTouched();
-    }
-  }
-
-  onEnter() {
-    //adicionar classe ao ion-item
-    setTimeout(() => {
-      this.renderer.addClass(this.itemSelect.nativeElement, "item-has-focus");
-      //console.log('select focused', document.getElementById("item-select"));
-    }, 200);    
-  }
-
-}

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

@@ -1,48 +0,0 @@
-<!--
-<div [formGroup]="form">
-  [style.opacity]="readonly ? '0.8' : '1'"
--->
-<div>
-    <ion-item lines="none" style="--background: inherited; --background-focused: transparent; padding-right: 0px;" [class]="itemClass"    
-    [ngClass]="form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' "
-    >
-      <ion-label position="{{ labelPosition }}">{{ label }}&nbsp;</ion-label>
-      <!-- formControlName="{{ campo }}"  -->
-      <ion-input #inputText
-        type="{{type}}"       
-        [placeholder]="placeholder" 
-        maxlength="{{ max }}"
-        (ionBlur)="onBlur()"
-        [value]="data"
-        (input)="writeValue(inputText.value)"          
-        autocomplete="new-password"
-        [style.--background]="inputBackgroungColor"
-        [disabled]="readonly"
-        [clearInput]="botaoLimpar">
-        <ion-icon *ngIf="iconInput" name="{{ iconInput }}"></ion-icon>
-      </ion-input>
-      
-      <ion-button size="small" slot="end" *ngIf="showSeePassword" style="margin-top: 27px; margin-inline-start: 4px !important;" fill="clear" color="dark" (click)="changeTypeOfInput()">
-        <!-- (click)="limparClick()" -->
-        <ion-icon [name]="type == 'password' ? 'eye-outline' : 'eye-off-outline' "></ion-icon>
-      </ion-button>
-
-      <ion-button size="small" slot="end" *ngIf="showCustomAction" style="margin-top: var(--input-text-custom-btn-margin-top, 27px); margin-inline-start: 4px !important;" fill="clear" color="dark" (click)="customClick()">
-        <!-- (click)="limparClick()" -->
-        <ion-icon slot="icon-only" [name]="customActionIcon"></ion-icon>
-      </ion-button>
-
-      <span *ngIf="inputSpanAfter" slot="end" class="inputSpanAfter-item">&nbsp;{{ inputSpanAfter }}</span>
-    </ion-item>
-  
-    <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-text/input-text.component.scss

@@ -1,63 +0,0 @@
-/*
-ion-label {
-    margin-bottom: 4px !important;
-    opacity: 1 !important;
-}
-*/
-.no-padding-end {
-    --inner-padding-end: 0;
-}
-
-ion-input {
-    ion-icon {
-        padding-right: 6px;
-        font-size: 18px;
-    }
-}
-
-/*
-ion-input {
-    padding: 2px;
-    border: 1px solid darkgray;
-    border-radius: 4px;    
-    width: 100%;
-    margin-top: 2px;    
-    max-height: 29px;
-    transition: .2s ease;
-}
-*/
-
-/*
-.padding {
-    //--inner-padding-end: auto; --padding-start: auto;
-    padding: auto;
-    padding-left: 0px;
-}
-*/
-
-/*
-.no-padding {
-    --inner-padding-end: 0px; --padding-start: 0px;    
-    --padding-bottom: 0px;
-    --inner-padding-bottom: 0px;
-    height: 39px !important;
-}
-*/
-
-/*
-.no-padding-no-height {
-    --inner-padding-end: 0px; --padding-start: 0px;    
-    --padding-bottom: 0px;
-    --inner-padding-bottom: 0px;    
-}
-*/
-
-/*
-.padding-top {
-    --padding-top: 0px;
-}
-*/
-
-.input-login {
-    height: 36px;
-}

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

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

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

@@ -1,78 +0,0 @@
-import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BaseInputComponent } from '../baseInputComponent';
-
-@Component({
-  selector: 'kb-input-text',
-  templateUrl: './input-text.component.html',
-  styleUrls: ['./input-text.component.scss', './../baseComponent.scss'],
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: InputTextComponent,
-    multi: true
-  }]
-})
-export class InputTextComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {
-  @Input() iconInput?: string;
-  @Input() inputSpanAfter: string = null;
-  @ViewChild('inputText', { read: ElementRef, static: true}) inputTextEdit;
-  @Input() campoFoco: string;
-  showSeePassword!: boolean;
-  @Input() showCustomAction: boolean = false;
-  @Input() customActionIcon: string = "search-outline";
-  @Output() customActionClick = new EventEmitter();
-  //control value acessor
-  public data!: string | 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 {
-  }
-
-  onBlur() {
-    console.log('control name', this.formControlName);
-    if (this.form) {
-      this.form.get(this.formControlName)?.markAsTouched();
-    }
-  }
-
-  limparClick() {
-    this.writeValue(undefined);
-  }
-
-  isReadonly() {
-    return this.leitura;
-  }
-  changeTypeOfInput() {
-    this.type = 
-      this.type == 'password' ?
-      'text' : 'password';
-  }
-  setFocus() {
-    this.inputTextEdit.nativeElement.setFocus();
-  }
-
-  customClick() {
-    this.customActionClick.emit();
-  }
-}

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

@@ -1,32 +0,0 @@
-<!--
-<div [formGroup]="form">
--->
-<div>
-    <ion-item lines="none" style="--background-focused: transparent;" [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 #inputValor
-        type="text"       
-        [placeholder]="placeholder" 
-        maxlength="{{ max }}"
-        (ionBlur)="onBlur()"
-        [value]="data"
-        (input)="writeValue(inputValor.value)"          
-        (keypress)="digitarValor($event)"
-        [clearInput]="botaoLimpar"
-        [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.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-valor/input-valor.component.scss

@@ -1,47 +0,0 @@
-/*
-ion-label {
-    margin-bottom: 4px !important;
-    opacity: 1 !important;
-    overflow: initial !important;
-}
-*/
-
-/*
-ion-input {
-    padding: 4px;
-    border: 1px solid darkgray;
-    border-radius: 4px;    
-    width: 100%; 
-    max-height: 27px;
-    text-align: right;
-}
-*/
-
-    .item-inner {
-        padding-right: 0px !important;
-    }
-
-    /*
-    .no-padding {
-        --inner-padding-end: 0px; --padding-start: 0px;    
-        --padding-bottom: 0px;
-        --inner-padding-bottom: 0px;
-        height: 39px !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;
-    }
-}

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

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

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

@@ -1,164 +0,0 @@
-import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BaseInputComponent } from '../baseInputComponent';
-
-@Component({
-  selector: 'kb-input-valor',
-  templateUrl: './input-valor.component.html',
-  styleUrls: ['./input-valor.component.scss', './../baseComponent.scss'],
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: InputValorComponent,
-    multi: true
-  }]
-})
-export class InputValorComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {
-  @Input() maxValor: number = null;
-  @ViewChild('inputValor', { read: ElementRef, static: true}) inputValorEdit;
-  //control value acessor
-  public data: string | any;
-  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() { }
-
-  onBlur() {
-    if (this.form) {
-      this.form.get(this.formControlName)?.markAsTouched();
-    }
-    //verificar o valor
-    if (this.maxValor) {
-      if (this.form) {
-        //console.log(this.form.get(this.formControlName).value);
-        let valor = this.strToFloatZero(this.form.get(this.formControlName).value);
-        if (valor > this.maxValor) {
-          this.form.patchValue({
-            [this.formControlName]: this.converterValorDecimalMil((this.maxValor * 100).toString())
-          });
-        }
-      } else {
-        let valor = this.strToFloatZero(this.data);
-        if (valor > this.maxValor) {
-          this.data = this.converterValorDecimalMil((this.maxValor * 100).toString());
-          this.writeValue(this.data);
-        }
-      }
-    }
-    if (this.blur) {
-      this.blur.emit(this.blurArgs);
-    }
-  }
-
-  digitarValor(event: any) {
-    //this.item.vendaunitario = this.utils.converterValorDecimal(this.item.vendaunitario);
-    setTimeout(() => {
-      if (this.form) {
-        this.form.patchValue({
-          [this.formControlName]: this.converterValorDecimalMil(this.form.get(this.formControlName)?.value) 
-        });
-      } else {
-        this.data = this.converterValorDecimalMil(this.data);
-        this.writeValue(this.data);
-      }
-    }, 100);
-
-    return true;
-  }
-
-  isEmpty(str: string | any): boolean {
-    return str == null || str == undefined || str == '';
-  }
-
-  converterValorDecimalMil(campo: string, casas: number = 2): string {
-    if (!this.isEmpty(campo)) {
-      //console.log('converterValorDecimal');
-      //console.log('campo:', campo, ' replaced: ', campo.replace(',', '').replace('.', ''));      
-      if (campo == '-') {
-        return campo;
-      }
-
-      let valor = parseFloat(campo.replace(',', '').replace('.', '').replace('.', '').replace('.', ''));
-
-      if (isNaN(valor)) {
-        return '';
-      }
-
-      let valordiv = parseInt("1" + this.stringOfChar("0", casas));
-      //valor /= 100;      
-      console.log(valor, '/', valordiv);
-      valor /= valordiv;
-      console.log('=', valor);
-      return this.decimalToStringMil(valor);
-      /*
-      var str = valor.toString().replace('.', ',');
-      var aStr = str.split(',');
-      if (aStr.length == 1) {
-        //str += ',00';
-        str += ',' + this.stringOfChar('0', casas);
-      }
-      else {
-        //str += this.stringOfChar('0', 2 - aStr[1].length);
-        str += this.stringOfChar('0', casas - aStr[1].length);
-      }
-      return str;
-      */
-    }
-    else
-      return campo;
-  }
-
-  decimalToStringMil(number?: any) {
-    if (number != null) {
-      if (number == 0 || number == '0') {
-        return '0,00';
-      }
-      //console.log(number);
-      let numero = number.toFixed(2).split('.');
-      numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.');
-      return numero.join(',').replace('-.', '-');
-    } else
-      return '';
-  }
-
-  stringOfChar(str: string, tam: number): string {
-    var res = '';
-    for (var i = 0; i < tam; i++) {
-      res += str;
-    }
-    return res;
-  }
-
-  strToFloatZero(str): number {
-    if (Number.isFinite(str))
-      return str;
-    if (this.isEmpty(str))
-      return 0;
-    else
-      return parseFloat(str.replace('.', '').replace(',', '.'));
-  }
-
-  setFocus() {
-    this.inputValorEdit.nativeElement.setFocus();
-  }
-}

package/src/lib/model-treeview/model-treeview.component.html

@@ -1,20 +0,0 @@
-<ion-header>
-    <ion-toolbar color="secondary">
-      <ion-title>{{ titulo }}</ion-title>
-      <ion-buttons slot="end">
-        <ion-button (click)="atualizaArvoreEntidade(tipo)">
-          <ion-icon slot="icon-only" name="refresh"></ion-icon>
-        </ion-button>
-        <ion-button (click)="modalCtrl.dismiss()">Fechar</ion-button>
-      </ion-buttons>
-    </ion-toolbar>
-  </ion-header>
-  
-  <ion-content>
-    <ion-item>
-      <ion-button style="box-shadow:  #4c8dff 0px 2px 2px 0.05px;" fill="outline" (click)="expandir()">
-        <ion-icon name="expand-outline"></ion-icon>
-      </ion-button>    
-    </ion-item>
-    <kb-tree-view #treeViewComp [campoId]="campoId" [campoPai]="campoPai" [campoLabel]="'LabelTree'" (selecionarRegistro)="clickRegistro($event)"></kb-tree-view>
-  </ion-content>