keevo-components 1.8.127 → 1.8.129

package/src/lib/api/base-components/base-component-dropdown.ts

@@ -1,170 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-  Type,
-} from '@angular/core';
-
-import { FormControl } from '@angular/forms';
-import { Observable, debounceTime, of } from 'rxjs';
-import { DialogService } from 'primeng/dynamicdialog';
-import { BaseComponentInput } from './base-component-input';
-import { ComponentService } from '../services/component.service';
-import { ObjectService } from '../services/object.service';
-import { filtroCombo } from '../components/dropdown/filtro.combo';
-
-@Component({
-  template: '',
-})
-export abstract class BaseComponentDropDown extends BaseComponentInput<any> implements OnInit {
-
-  @Input() filteredOptions!: any[];
-  @Input() options!: any[];
-  @Input() optionLabel!: string;
-  @Input() optionValue!: string;
-  @Input() optionDisabled!: string;
-
-  @Input() group!: boolean;
-  @Input() optionGroupLabel!: string;
-  @Input() optionGroupChildren!: string;
-
-  @Input() filter: boolean = true;
-  @Input() lazy: boolean = false;
-
-  @Input() showAddButton: boolean = false;
-  @Input() showClear: boolean = true;
-  @Input() widthField?: string;
-
-  @Output() onAddClick: EventEmitter<any> = new EventEmitter();
-  @Output() onClick: EventEmitter<any> = new EventEmitter();
-  @Output() onLoadCombo: EventEmitter<any> = new EventEmitter();
-  @Output() onSelectionChange: EventEmitter<any> = new EventEmitter();
-  @Output() onSelectionValue: EventEmitter<any> = new EventEmitter();
-  @Output() requestComplete: EventEmitter<any> = new EventEmitter();
-
-  constructor(
-    componentService: ComponentService,
-    private dialogService: DialogService
-  ) {
-    super(componentService);
-    this.registerOnTouched(() => { });
-  }
-
-  override ngOnInit(): void {
-    super.ngOnInit();
-    this.setPlaceHolder('Selecione um valor');
-
-    if (!this.lazy) this.carregarCombo();
-  }
-
-  protected addClick(event: Event) {
-    this.onAddClick.emit(event);
-  }
-
-  public carregarCombo(filtro?: filtroCombo): void {
-    if (filtro) {
-      this.carregarComboObs(this.listarCombo(filtro));
-    }
-    else {
-      this.carregarComboObs(this.listar());
-    }
-  }
-
-  protected carregarComboObs(obs: Observable<any>) {
-    if (obs) {
-      obs
-        .pipe(debounceTime(450))
-        .subscribe({
-          next: (data: any) => {
-            this.options = data;
-            this.filteredOptions = data;
-            this.requestComplete.emit(true);
-          },
-          error: (error: any) => {
-            console.log(error);
-          },
-        });
-    }
-  }
-
-  public filterOptions(field: string, value: any): void {
-    if (this.options) {
-      let lista = ObjectService.filterObject(this.options, field, value);
-      if (lista?.length > 0) {
-        of(lista).subscribe((opts: any[]) => {
-          this.filteredOptions = opts;
-        });
-      } else this.filteredOptions = [];
-    }
-  }
-
-  protected listar(): any { }
-  protected listarCombo(value: any): any { }
-
-  protected openDialog(
-    componentType: Type<any>,
-    width?: string,
-    height?: string
-  ) {
-    const ref = this.dialogService.open(componentType, {
-      width: width || '70%',
-      height: height,
-      closable: false,
-      maximizable: true,
-      data: { popup: true },
-    });
-
-    ref.onClose.subscribe((id: any) => {
-      if (id) {
-        this.listar().subscribe((data: any) => {
-          this.options = data;
-          this.filteredOptions = data;
-          if (id) this.formControl?.setValue(id);
-        });
-      }
-    });
-  }
-
-  protected onInputChange(event: any) {
-    this.onSelectionValue.emit(event);
-
-    if (this.formControl) {
-      const controlName = this.getName(this.formControl as FormControl);
-      if (controlName) {
-        let currentItem = ObjectService.findObject(
-          this.options,
-          controlName,
-          event.value
-        );
-        this.onSelectionChange.emit(currentItem);
-      }
-    }
-  }
-
-  onInputClick(event: any) {
-    this.onClick.emit(event);
-  }
-
-  onInputFilter(event: any) {
-    if (event) {
-      if (event.filter) {
-        if (event.filter.length > 2) {
-          let fil = { termoPesquisa: event.filter } as filtroCombo;
-          this.carregarCombo(fil);
-          this.onLoadCombo.emit(fil);
-        }
-      }
-    }
-  }
-
-  override writeValue(value: any): void {
-    if (this.lazy && value) {
-      let fil = { id: value } as filtroCombo;
-      this.carregarCombo(fil);
-      this.onLoadCombo.emit(fil);
-    }
-    this.value = value;
-  }
-}

package/src/lib/api/base-components/base-component-input.ts

@@ -1,107 +0,0 @@
-import {
-  AfterContentInit,
-  AfterViewInit,
-  Component,
-  ContentChildren,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-  QueryList,
-  ViewChildren
-} from "@angular/core";
-
-import { FormControl } from '@angular/forms';
-
-import { BaseComponent } from './base-component';
-
-import { ComponentService } from '../services/component.service';
-import { KvErrorComponent } from '../../components/kv-error/kv-error.component';
-
-@Component({
-  template: '',
-})
-export abstract class BaseComponentInput<T> extends BaseComponent<T> implements OnInit, AfterContentInit, AfterViewInit {
-
-  public formControl: FormControl | undefined;
-  protected hasError: boolean | undefined = false;
-
-  @Input() placeholder: string = '';
-
-  @Output() onBlur: EventEmitter<any> = new EventEmitter();
-  @Output() onInput: EventEmitter<any> = new EventEmitter();
-  @Output() onClose: EventEmitter<any> = new EventEmitter();
-
-  @ViewChildren(KvErrorComponent) viewErrors!: QueryList<KvErrorComponent>;
-  @ContentChildren(KvErrorComponent) contentErrors!: QueryList<KvErrorComponent>;
-
-  constructor(protected readonly componentService: ComponentService) {
-    super();
-  }
-
-  public get baseInputClass(): string {
-    return `${this.hasError ? 'ng-invalid ng-dirty' : ''} !important`;
-  }
-
-  erroMessage(): string | undefined {
-    if (!this.formControl?.errors) return;
-
-    let message: string = '';
-
-    if (this.formControl.errors) {
-      const objErrors = this.formControl.errors as any;
-      if (objErrors.erroMessage) message = objErrors.erroMessage;
-    }
-
-    return message;
-  }
-
-  getName(control: FormControl): string | null {
-    return Object.entries(control.parent?.controls ?? []).find(([_, value]) => value === control)?.[0] ?? null;
-  }
-
-  hasControlError(): boolean {
-    if (!this.formControl) return false;
-    return (this.formControl.dirty || this.formControl.touched) && this.formControl.errors !== null;
-  }
-
-  ngAfterViewInit(): void {
-    this.viewErrors.forEach(c => {
-      c.emitError.subscribe(res => {
-        this.hasError = res;
-        this.componentService.changeDetectorRef.detectChanges();
-      });
-    });
-  }
-
-  ngAfterContentInit() {
-    this.contentErrors.forEach(c => {
-      c.emitError.subscribe(res => {
-        this.hasError = res;
-      });
-    });
-  }
-
-  ngOnInit(): void {
-    this.formControl = this.componentService.getFormControl();
-  }
-
-  onInputBlur(event: Event) {
-    if (this.onTouched)
-      this.onTouched();
-
-    this.onBlur.emit(event);
-  }
-
-  onInputClose(event: any) {
-    this.onClose.emit(event);
-  }
-
-  onInputInput(event: Event) {
-    this.onInput.emit(event);
-  }
-
-  protected setPlaceHolder(p: string) {
-    if (!this.placeholder) this.placeholder = p;
-  }
-}

package/src/lib/api/base-components/base-component-multi-select.ts

@@ -1,136 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-} from '@angular/core';
-
-import { FormControl } from '@angular/forms';
-import { Observable, of } from 'rxjs';
-import { BaseComponentInput } from './base-component-input';
-import { ComponentService } from '../services/component.service';
-import { ObjectService } from '../services/object.service';
-import { filtroCombo } from '../components/dropdown/filtro.combo';
-
-@Component({
-  template: '',
-})
-export abstract class BaseComponentMultiSelect extends BaseComponentInput<any> implements OnInit {
-
-  @Input() options: any = [];
-  @Input() optionLabel!: string;
-  @Input() optionValue!: string;
-  @Input() filter: boolean = false;
-  @Input() showClear: boolean = false;
-
-  @Input() lazy: boolean = false;
-  @Input() filteredOptions: any = [];
-
-  @Output() onSelectionChange: EventEmitter<any> = new EventEmitter();
-  @Output() onPanelHide: EventEmitter<any> = new EventEmitter();
-  @Output() onSelectionValue: EventEmitter<any> = new EventEmitter();
-  @Output() onClick: EventEmitter<any> = new EventEmitter();
-
-  loadedCombo: boolean = false;
-
-  constructor(
-    componentService: ComponentService,
-  ) {
-    super(componentService);
-    this.registerOnTouched(() => { });
-  }
-
-  override ngOnInit(): void {
-    super.ngOnInit();
-    this.setPlaceHolder('Selecione um valor');
-
-    if (!this.lazy) this.carregarCombo();
-  }
-
-  public carregarCombo(filtro?: filtroCombo): void {
-    if (filtro) {
-      this.carregarComboObs(this.listarCombo(filtro));
-    }
-    else {
-      this.carregarComboObs(this.listar());
-    }
-  }
-
-  private carregarComboObs(obs: Observable<any>) {
-    if (obs) {
-      obs
-        .subscribe({
-          next: (data: any) => {
-            this.options = data;
-            this.filteredOptions = data;
-            this.loadedCombo = true
-          },
-          error: (error: any) => {
-            console.log(error);
-          },
-        });
-    }
-  }
-
-  public filterOptions(field: string, value: any): void {
-    if (this.options) {
-      let lista = ObjectService.filterObject(this.options, field, value);
-      if (lista?.length > 0) {
-        of(lista).subscribe((opts: any[]) => {
-          this.filteredOptions = opts;
-        });
-      } else this.filteredOptions = [];
-    }
-  }
-
-  protected onInputChange(event: any) {
-    this.onSelectionValue.emit(event);
-
-    if (this.formControl) {
-      const controlName = this.getName(this.formControl as FormControl);
-      if (controlName) {
-        let currentItem = ObjectService.findObject(
-          this.options,
-          controlName,
-          event.value
-        );
-        this.onSelectionChange.emit(currentItem);
-      }
-    }
-  }
-
-  onInputClick(event: any) {
-    this.onClick.emit(event);
-  }
-
-  onInputFilter(event: any) {
-    if (event) {
-      if (event.filter) {
-        if (event.filter.length > 2) {
-          this.carregarCombo({ termoPesquisa: event.filter } as filtroCombo);
-        }
-      }
-    }
-  }
-
-  protected listar(): any { }
-  protected listarCombo(value: any): any { }
-
-  panelHide(event: any) {
-    this.onPanelHide.emit(event);
-  }
-
-  public override get baseInputClass(): string {
-    return `p-multiselect-sm ${this.hasError ? 'ng-invalid ng-dirty' : ''}`;
-  }
-
-  selectionChange(event: any) {
-    this.onSelectionChange.emit(event);
-  }
-
-  public requestCompleted() {
-    return this.loadedCombo;
-  }
-
-}

package/src/lib/api/base-components/base-component.ts

@@ -1,47 +0,0 @@
-import { Component, Input } from "@angular/core";
-import { ControlValueAccessor } from "@angular/forms";
-import { Subject } from "rxjs";
-
-@Component({
-  template: ''
-})
-export abstract class BaseComponent<T> implements ControlValueAccessor {
-
-  protected stateChanges: Subject<void> = new Subject();
-  protected onChange!: (value: T) => void;
-  protected onTouched!: () => void;
-  protected _value!: T;
-
-  @Input('required') isRequired: boolean = false;
-
-  public set value(value: T) {
-    this._value = value;
-    if (this.onChange) this.onChange(value);
-    this.stateChanges.next();
-  }
-
-  public get value(): T {
-    return this._value;
-  }
-
-  @Input() componentId!: string;
-  @Input() label!: string;
-  @Input() disabled: boolean = false;
-  @Input() maxLength!: number;
-
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this.onTouched = fn;
-  }
-
-  setDisabledState?(isDisabled: boolean): void {
-    this.disabled = isDisabled;
-  }
-
-  writeValue(value: T): void {
-    this.value = value;
-  }
-}

package/src/lib/api/components/chart/chart.config.ts

@@ -1,12 +0,0 @@
-export interface ChartConfig {
-  labels: string[];
-  datasets: ChartDatasetConfig[];
-}
-
-export interface ChartDatasetConfig {
-  label?: string;
-  backgroundColor: string[];
-  hoverBackgroundColor: string[];
-  borderColor?: string[];
-  data: number[];
-}

package/src/lib/api/components/chart/chart.model.ts

@@ -1,9 +0,0 @@
-export interface chartModel {
-  labels: string;
-  numDatasets: number;
-  labelDataset?: string;
-  datasets: number;
-  backgroundColor: string;
-  hoverBackgroundColor?: string;
-  borderColor?: string;
-}

package/src/lib/api/components/chart/orchart.config.ts

@@ -1,41 +0,0 @@
-export default interface OrgChartConfig{
-
-
-  /**
-   * @type {string}
-   * Esse item espera uma string html template
-   * (no formato angular com interpolação de variaveis via {{data.'PROPIEDADE DESEJADA'}})
-   * Todos os dados expostos na propiedade data de
-   * cada item estão acessiveis pelo objeto data;
-   * Para realizar interpolação, referencie data entre {{}} e a chave desejada;
-   ** Exemplo: ` <h1> Nome: {{data.nome}} </h1>  `
-   *
-   */
-  templateItem: string;
-
-  /**
-   * @type {number}
-   * Esse item espera receber a largura media do card, para calculo do icone de collapse
-   */
-  cardWidht: number;
-
-  /**
-   * @type {number}
-   * Esse item espera receber a altura media do card, para calculo do icone de collapse
-   */
-  cardHeight: number;
-
-  /**
-   * @type {string}
-   * Esse item espera receber a cor das connections
-   * * Default { #d6d6d6 }
-   */
-  connectionColor?: string;
-
-    /**
-   * @type {number}
-   * Esse item espera receber a cor das connections
-   * * Default { 2 }
-   */
-    conectionWidth?: number;
-}

package/src/lib/api/components/chart/orchart.item.ts

@@ -1,33 +0,0 @@
-export default interface OrgChartItem{
-
-  /**
-   * @type {number}
-   * Esse item espera receber o identificador do card
-   */
-  id: number;
-
-  /**
-   * @type {number | null}
-   * Esse item espera receber o identificador do card pai desse card
-   * * Aceita null no caso de ser o nó root
-   *
-   * @warning Caso tenha mais de um objeto com {{ parentId: null }} havera um erro de multiplos roots
-   */
-  parentId: number | null;
-
-
-  /**
-   * @type {object}
-   * Esse item espera receber os dados do card
-   * @warning Mantenha a consistencia de dados, caso tente acessar um dado que não exista em outro objeto havera um erro
-   */
-  data: object;
-
-
-  /**
-   * @type {object | undefined}
-   * Esse item espera receber um template personalizado para este nó em especifico
-   */
-  template?: string;
-  // [key: string]: any;
-}

package/src/lib/api/components/dropdown/filtro.combo.ts

@@ -1,4 +0,0 @@
-export interface filtroCombo {
-  id: string;
-  termoPesquisa: string;
-}

package/src/lib/api/components/table/action-item.ts

@@ -1,11 +0,0 @@
-export interface ActionItem {
-  label: string;
-  icon?: string;
-  color?: string;
-  colorHover?: string;
-  textColor?: string;
-  disabled?: boolean;
-  visible?: boolean;
-  closeAfterClick?: boolean;
-  command?: (event?: any) => void;
-}