keevo-components 1.8.127 → 1.8.129

package/src/lib/components/kv-tree-table/kv-tree-table.component.scss

@@ -1,145 +0,0 @@
-/* Início: Estilização padrão da tabela */
-
-:host ::ng-deep .p-treetable table {
-    border-spacing: 0 3px;
-}
-
-
-#botaoFiltro:hover {
-    color: rgb(212, 212, 212);
-}
-
-
-:host ::ng-deep .p-treetable .p-treetable-header {
-    background-color: #EAEAEA;
-    padding: 2px 0 0 0 !important;
-    // border-top-left-radius: 5px;
-    // border-top-right-radius: 5px;
-    border-radius: 5px;
-}
-
-
-:host ::ng-deep .p-treetable .p-treetable-thead>tr>th {
-    // background-color: #f2f2f2;
-    background-color: #eaeaea;
-
-    padding: 0.5rem 0.5rem !important;
-    margin-bottom: -5px !important;
-}
-
-:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td {
-    padding: 0.5rem 0.5rem !important;
-}
-
-:host ::ng-deep .p-treetable .p-treetable-thead {
-    border-spacing: 0 1px !important;
-}
-
-//frist
-:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:first-of-type {
-    // background-color: #f2f2f2;
-    background-color: #eaeaea;
-
-
-    padding: 0.5rem 0.5rem !important;
-    border-top-left-radius: 5px !important;
-    border-bottom-left-radius: 5px !important;
-}
-
-//last
-
-:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child {
-    background-color: #eaeaea;
-    padding: 0.5rem 0.5rem !important;
-    border-radius: 0 5px 5px 0 !important;
-    -webkit-border-radius: 0 5px 5px 0 !important;
-    -moz-border-radius: 0 5px 5px 0 !important;
-    -ms-border-radius: 0 5px 5px 0 !important;
-    -o-border-radius: 0 5px 5px 0 !important;
-}
-
-
-
-:host ::ng-deep .p-treetable-scrollable-header-box {
-    padding: 0 !important;
-}
-
-
-:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th {
-    background-color: #f2f2f2;
-}
-
-:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:first-of-type {
-    border-radius: 5px 0 0px 5px;
-}
-
-:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:last-child {
-    border-radius: 0 5px 5px 0;
-}
-
-:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td {
-    border-bottom: 1px solid #ddd !important;
-    border-top: 1px solid #ddd !important;
-}
-
-:host ::ng-deep #tr-style {
-    border-left: solid 4px #5289B4 !important;
-    border-radius: 10px !important;
-    display: block;
-}
-
-:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-of-type {
-    border-left: solid 4px #5289B4 !important;
-    border-right: none !important;
-    border-radius: 10px 0 0 10px !important;
-    -webkit-border-radius: 10px 0 0 10px !important;
-    -moz-border-radius: 10px 0 0 10px !important;
-    -ms-border-radius: 10px 0 0 10px !important;
-    -o-border-radius: 10px 0 0 10px !important;
-}
-
-:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child {
-    border-radius: 0 10px 10px 0 !important;
-    border-right: 1px solid #ddd !important;
-    -webkit-border-radius: 0 10px 10px 0 !important;
-    -moz-border-radius: 0 10px 10px 0 !important;
-    -ms-border-radius: 0 10px 10px 0 !important;
-    -o-border-radius: 0 10px 10px 0 !important;
-}
-
-:host ::ng-deep .actionBtns,
-:host ::ng-deep .actionLoteBtns {
-    border-radius: 50%;
-    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
-
-    width: 2.5rem !important;
-    height: 2.5rem !important;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-:host ::ng-deep .p-treetable table {
-    border-collapse: separate !important;
-    table-layout: auto !important;
-}
-
-.icon-more-horiz:hover,
-.icon-more-horiz:focus {
-    color: #5e5e5e;
-    transform: scale(1.1);
-    transition: color 0.3s, transform 0.3s;
-}
-
-.cdk-drag-preview {
-    display: flex;
-    align-items: center;
-    border-left: solid 4px #5289B4 !important;
-    border-radius: 10px !important;
-    border: 2px dashed #ccc;
-    background-color: rgba(255, 255, 255, 0.5);
-  }
-
-.cdk-drop-list-dragging {
-    cursor: grabbing;
-  }

package/src/lib/components/kv-tree-table/kv-tree-table.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { KvTreetableComponent } from './kv-tree-table.component';
-
-describe('TreetableComponent', () => {
-  let component: KvTreetableComponent;
-  let fixture: ComponentFixture<KvTreetableComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [KvTreetableComponent]
-    });
-    fixture = TestBed.createComponent(KvTreetableComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/kv-tree-table/kv-tree-table.component.ts

@@ -1,294 +0,0 @@
-import {
-  Component,
-  ContentChildren,
-  EventEmitter,
-  HostListener,
-  Input,
-  Output,
-  QueryList,
-  TemplateRef
-} from '@angular/core';
-
-import { MenuItem, TreeNode } from 'primeng/api';
-import { TreeTable } from 'primeng/treetable';
-
-import { ValueOrFn, getOrExecute, mapToMenuItem } from '../../api/components/table/kv-menuitem';
-import { TablePaginate } from '../../api/components/table/table.paginate';
-import { TemplateDirective } from '../../api/directives/template/template.directive';
-import { TreeTableConfig } from '../../api/components/tree-table/tree-table.config';
-import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
-
-@Component({
-  selector: 'kv-tree-table',
-  templateUrl: './kv-tree-table.component.html',
-  styleUrls: ['./kv-tree-table.component.scss']
-})
-
-
-
-export class KvTreetableComponent {
-
-  menuItems: MenuItem[] = [];
-  tamanhoTela!: number;
-
-  @Input() config!: TreeTableConfig;
-  @Input() dataSource!: any;
-  @Input() gridLines: boolean = false;
-  @Input() tableCaptalized: boolean = false;
-  @Input() selectedItems: any = [];
-  @Input() paginator = false;
-  @Input() rows = 10
-  @Input() pageLinks = 2
-  @Input() showFirstLastIcon = false
-  @Input() treeTableDraggable = false
-  @Input() transferArrayItem = false
-  @Input() ordenacao!: string
-  @Input() totalRecords!: number;
-  @Input() textoEmptyMessage: string = 'Nenhum registro encontrado';
-
-  @Output() onFilter: EventEmitter<any> = new EventEmitter();
-  @Output() onPaginate: EventEmitter<any> = new EventEmitter();
-  @Output() onActiveItem: EventEmitter<any> = new EventEmitter();
-  @Output() onActiveItemLote: EventEmitter<any> = new EventEmitter();
-  @Output() doubleClickEvent: EventEmitter<any> = new EventEmitter();
-  @Output() onNodeSelect: EventEmitter<any> = new EventEmitter();
-  @Output() onNodeUnselect: EventEmitter<any> = new EventEmitter();
-  @Output() onDropItem: EventEmitter<any> = new EventEmitter<any>();
-
-  ngOnInit() {
-    this.tamanhoTela = window.innerWidth;
-    if(this.ordenacao){
-    this.dataSource = this.sortTreeNodes(this.dataSource);
-    }
-  }
-
-  @ContentChildren(TemplateDirective) templates!: QueryList<any>;
-  @Input('templates') _templates!: any;
-
-  @HostListener('window:resize', ['$event'])
-  onWindowResize() {
-    this.tamanhoTela = window.innerWidth;
-  }
-
-  public activeItem(rowData: any) {
-    this.onActiveItem.emit(rowData);
-  }
-
-  public activeItemLote(rowData: any) {
-    this.onActiveItemLote.emit(rowData);
-  }
-
-  getOrExecute<T>(action: ValueOrFn<T>, data: any): T {
-    return getOrExecute(action, data);
-  }
-
-  public onGlobalFilter(table: TreeTable, event: Event) {
-    this.onFilter.emit((event.target as HTMLInputElement).value);
-    table.filterGlobal((event.target as HTMLInputElement).value, 'contains');
-  }
-
-  public paginate($event: any) {
-    if ($event) {
-      let paginaInicial =
-        ($event?.first > 0 ? $event.first / $event.rows : $event.first) + 1;
-      let termoPesquisa = '';
-      let ordenacao = '';
-
-      if ($event.globalFilter) termoPesquisa = $event.globalFilter;
-
-      if ($event.sortField)
-        ordenacao = `${ $event.sortField } ${ $event.sortOrder === 1 ? 'ASC' : 'DESC'
-          }`;
-
-      const objeto: TablePaginate = {
-        paginaInicial: paginaInicial,
-        tamanhoPagina: $event.rows,
-        termoPesquisa: termoPesquisa,
-        ordenacao: ordenacao,
-      };
-
-      this.onPaginate.emit(objeto);
-    }
-  }
-
-  drop(event: CdkDragDrop<any>) {
-    const draggedNode = event.item.data;
-    const draggedChildData = draggedNode.node.data;
-  
-    if (draggedNode.level === 0) {
-      moveItemInArray(this.dataSource, event.previousIndex, event.currentIndex);
-    } else if (draggedNode.level >= 1) {
-      const parentNode = draggedNode.node.parent;
-  
-      if (parentNode) {
-        const parentChildren = parentNode.children.map((child: any) => child.data);
-        const previousChildIndex = parentChildren.indexOf(draggedChildData);
-  
-        
-        const relativeCurrentIndex = previousChildIndex + (event.currentIndex - event.previousIndex);
-  
-  
-        const targetChildIndex = Math.max(0, Math.min(parentChildren.length - 1, relativeCurrentIndex));
-  
-  
-        if (previousChildIndex !== -1 && targetChildIndex !== -1) {
-          moveItemInArray(parentNode.children, previousChildIndex, targetChildIndex);
-        }
-        const dropInfo: any = {
-          previousChildIndex: previousChildIndex + 1,
-          targetChildIndex: targetChildIndex + 1
-      };
-
-      this.onDropItem.emit({ event: event, dropChildInfo: dropInfo });
-      }
-    }
-  
-    this.dataSource = [...this.dataSource];
-    if(draggedNode.level === 0){
-      this.onDropItem.emit(event);
-    }
-  }
-  
-  sortTreeNodes(nodes: TreeNode[]): TreeNode[] {
-    return nodes.sort((a, b) => a.data[this.ordenacao] - b.data[this.ordenacao]).map(node => {
-      if (node.children) {
-        node.children = this.sortTreeNodes(node.children);
-      }
-      return node;
-    });
-  }
-
-  calculateTargetChildIndex(event: CdkDragDrop<any>, parentChildren: any[], previousChildIndex: number): number {
-    const targetChildIndex = previousChildIndex + (event.currentIndex - event.previousIndex);
-  
-    if (targetChildIndex < 0) {
-      return 0;
-    } else if (targetChildIndex >= parentChildren.length) {
-      return parentChildren.length - 1;
-    } else {
-      return targetChildIndex;
-    }
-  }
-
-  returnStyleRow(col: any, rowNode: any): string {
-    const isFirstColumn = col.field === this.config.columns[0].field;
-    const baseOpacity = 1;
-    const maxLevels = 4;
-
-    if (isFirstColumn && rowNode.level >= 0) {
-      const opacity = baseOpacity - (rowNode.level / maxLevels);
-
-      return `border-left: solid 4px rgba(59, 110, 158, ${ opacity }) !important;`;
-    }
-
-    if (rowNode.level == 0)
-      return 'border-left: none !important; border-right: none !important'
-
-    return '';
-  }
-
-  alignColunasHeader(col: any): string {
-    if (col.align) {
-      if (col.align == 'right') return 'justify-content: end';
-      else return '';
-    } else return '';
-  }
-  centralizarColunas(col: any): string {
-    if (col.centralize) {
-      return 'text-align: center; ';
-    } else return '';
-  }
-  alignColunas(col: any): string {
-    if (col.align) {
-      return `text-align: ${ col.align }`;
-    } else return '';
-  }
-
-  criarMenusModal(data: any) {
-    if (this.config.actions && data) {
-      for (const action of this.config.actions) {
-        const menuInsert = mapToMenuItem(action, data);
-
-        let item = this.menuItems.filter(
-          x => x.command == menuInsert.command
-        );
-
-        if (item.length == 0) this.menuItems.push(menuInsert);
-        else {
-          if (menuInsert.label != item[0].label) {
-            let index = this.menuItems.indexOf(item[0]);
-            this.menuItems.splice(index, 1);
-          }
-
-          if (menuInsert.visible != item[0].visible) {
-            let index = this.menuItems.indexOf(item[0]);
-            this.menuItems.splice(index, 1);
-          }
-
-          if (menuInsert.disabled != item[0].disabled) {
-            let index = this.menuItems.indexOf(item[0]);
-            this.menuItems.splice(index, 1);
-          }
-        }
-      }
-    }
-  }
-
-  exibirCampo(field: any, rowData: any) {
-    let visible = field.visible ? field.visible(rowData) : true;
-    return visible;
-  }
-
-  validateActionPosition(rowNode: any): boolean {
-    if (this.config.actionsPai && rowNode.level == 0) return false;
-    else return true
-  }
-
-
-  doubleClick(e: any, rowData: any) {
-
-    let eventDoubleClick = { event: e, rowData: rowData };
-
-    let array: string[] = [];
-    e.target.classList.forEach((x: any) => array.push(x));
-
-    // if (array.find((x: any) => x == 'ng-star-inserted') != undefined)
-    this.doubleClickEvent.emit(eventDoubleClick);
-  }
-
-  isDisabledCheckbox(rowData: any, rowNode: any): boolean {
-    return this.config.disableControlCheckboxFunction
-      ? this.config.disableControlCheckboxFunction(rowData, rowNode)
-      : false;
-  }
-
-  onNodeSelected(event: any){
-   this.onNodeSelect.emit(event);
-  }
-
-
-  onNodeUnselected(event: any){
-    this.onNodeUnselect.emit(event);
-  }
-
-
-  getCustomTemplate(templatename: string): TemplateRef<any> {
-    return this._templates[templatename];
-  }
-
-  validateShowTemplate(rowNode: any, col: any): boolean {
-    if (col.templateOnly) {
-      if (col.templateOnly === 'pai') {
-        return rowNode.level === 0;
-      }
-      if (col.templateOnly === 'filho') {
-        return rowNode.level === 1;
-      }
-    }
-    return true;
-  }
-
-  getIcon(icon: string): string {
-    return icon.includes('pi-') ? `pi ${ icon }` : '';
-  }
-}

package/src/lib/components/kv-tree-table/kv-tree-table.module.ts

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { KvTreetableComponent } from './kv-tree-table.component'
-import { PrimeNgModule } from '../../api/modules/primeng.module';
-
-@NgModule({
-  declarations: [
-    KvTreetableComponent
-  ],
-  imports: [
-    CommonModule,
-    PrimeNgModule,
-  ],
-  exports: [
-    KvTreetableComponent
-  ]
-})
-export class KvTreetableModule { }

package/src/lib/components/kv-tree-view/kv-tree-view.component.html

@@ -1,9 +0,0 @@
-<div class="card flex flex-column align-items-center justify-content-center">
-    <p-tree
-        [value]="treeViewData"
-        [selectionMode]="selectionMode"
-        class="w-full"
-        [(selection)]="selectedFiles"
-        (selectionChange)="onSelectionChange()"
-    ></p-tree>
-</div>

package/src/lib/components/kv-tree-view/kv-tree-view.component.spec.ts

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

package/src/lib/components/kv-tree-view/kv-tree-view.component.ts

@@ -1,31 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output
-} from '@angular/core';
-
-import { TreeNode } from 'primeng/api';
-
-@Component({
-  selector: 'kv-tree-view',
-  templateUrl: './kv-tree-view.component.html',
-  styleUrls: ['./kv-tree-view.component.scss']
-})
-export class KvTreeViewComponent implements OnInit {
-  @Input() selectedFiles: any = [];
-  @Input() selectionMode: any = 'checkbox';
-  @Input() treeViewData!: TreeNode[];
-
-  @Output() selectedItems: EventEmitter<any> = new EventEmitter();
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-  onSelectionChange() {
-    this.selectedItems.emit(this.selectedFiles)
-  }
-}

package/src/lib/components/kv-tree-view/kv-tree-view.module.ts

@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-
-import { KvTreeViewComponent } from './kv-tree-view.component';
-import { PrimeNgModule } from '../../api/modules/primeng.module';
-
-@NgModule({
-  declarations: [
-    KvTreeViewComponent
-  ],
-  imports: [
-    CommonModule,
-    PrimeNgModule
-  ],
-  exports: [
-    KvTreeViewComponent
-  ],
-})
-export class KvtreeViewModule { }

package/src/lib/components/kv-workspace/kv-workspace.component.html

@@ -1,53 +0,0 @@
-<div *ngIf="visivel" [style]="styleBackground"
-  class="h-screen flex justify-content-center align-items-center login-container flex-column bg-cover">
-  <div id="card-container"
-    class="flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2">
-    <div class="field col-12 flex justify-content-center mb-1">
-      <img [src]="imgLogoKeevoCenter" style="width: 200px" />
-    </div>
-
-    <div class="col-12 align-items-center z-5">
-      <div class="col-9">
-        Olá, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!
-      </div>
-      <b class="field col-9 flex">
-        Escolha qual Workspace você deseja acessar:</b>
-    </div>
-
-    <!-- INÍCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->
-    <div *ngIf="!masterSelecionada" class="col-12 z-5">
-
-      <kv-table
-        [tableSize]="tableSizeMaster"
-        [rows]="5"
-        [config]="tableConfigMaster"
-        [paginator]="false"
-        [dataSource]="dataSourceMaster"
-        [rowsPerPageOptions]="[5, 10, 25, 50, 100, 200]"
-        (doubleClickEvent)="doubleClickMaster($event)"
-        (onActiveItem)="activeItemMaster($event)"
-        [isTableScrollable]="true"
-        [scrollHeight]="'300px'">
-      </kv-table>
-
-    </div>
-    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->
-
-    <!-- INÍCIO DO WORKSPACE EMPRESA -->
-    <div *ngIf="masterSelecionada && !empresaSelecionada" class="col-12 z-5">
-      <kv-table
-        [tableSize]="tableSizeEmpresa"
-        [rows]="5"
-        [config]="tableConfigEmpresa"
-        [paginator]="showPaginatorEmpresa"
-        [dataSource]="dataSourceEmpresa"
-        [rowsPerPageOptions]="[5]"
-        (doubleClickEvent)="doubleClickEmpresa($event)"
-        (onActiveItem)="activeItemEmpresa($event)"
-        [isTableScrollable]="true"
-        [scrollHeight]="'300px'">
-      </kv-table>
-    </div>
-    <!-- FIM DO WORKSPACE EMPRESA -->
-  </div>
-</div>