keevo-components 1.8.127 → 1.8.130

package/src/lib/components/kv-chart/kv-chart.component.spec.ts

@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { KvChartComponent } from './kv-chart.component';
-
-describe('ChartComponent', () => {
-  let component: KvChartComponent;
-  let fixture: ComponentFixture<KvChartComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ KvChartComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(KvChartComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/kv-chart/kv-chart.component.ts

@@ -1,153 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-  ViewChild
-} from '@angular/core';
-
-import { MenuItem } from 'primeng/api';
-import { UIChart } from 'primeng/chart';
-
-import { ChartConfig } from '../../api/components/chart/chart.config';
-
-export const PeriodosChart = {
-  Ultimos180Dias: -180,
-  Ultimos120Dias: -120,
-  Ultimos90Dias: -90,
-  Ultimos60Dias: -60,
-  Ultimos45Dias: -45,
-  Ultimos30Dias: -30,
-  Ultimos15Dias: -15,
-  Ultimos7Dias: -7,
-  DataAtual: 0,
-  Proximos7Dias: 7,
-  Proximos15Dias: 15,
-  Proximos30Dias: 30,
-  Proximos45Dias: 45,
-  Proximos60Dias: 60,
-  Proximos90Dias: 90,
-  Proximos120Dias: 120,
-  Proximos180Dias: 180
-}
-
-@Component({
-  selector: 'kv-chart',
-  templateUrl: './kv-chart.component.html',
-  styleUrls: [
-    './kv-chart.component.scss',
-    '../keevo-components-styles.scss'
-  ]
-})
-export class KvChartComponent implements OnInit {
-
-  chartConfig: ChartConfig = {
-    labels: [],
-    datasets: [],
-  }
-
-  periodosDisponiveis = [
-    { label: 'Últimos 180 dias', value: -180 },
-    { label: 'Últimos 120 dias', value: -120 },
-    { label: 'Últimos 90 dias', value: -90 },
-    { label: 'Últimos 60 dias', value: -60 },
-    { label: 'Últimos 45 dias', value: -45 },
-    { label: 'Últimos 30 dias', value: -30 },
-    { label: 'Últimos 15 dias', value: -15 },
-    { label: 'Últimos 7 dias', value: -7 },
-    { label: 'Data atual', value: 0 },
-    { label: 'Próximos 7 dias', value: 7 },
-    { label: 'Próximos 15 dias', value: 15 },
-    { label: 'Próximos 30 dias', value: 30 },
-    { label: 'Próximos 45 dias', value: 45 },
-    { label: 'Próximos 60 dias', value: 60 },
-    { label: 'Próximos 90 dias', value: 90 },
-    { label: 'Próximos 120 dias', value: 120 },
-    { label: 'Próximos 180 dias', value: 180 }
-  ];
-
-  @Input() title!: string;
-  @Input() type!: 'doughnut' | 'pie' | 'bar' | 'line';
-  @Input() indexAxis!: 'y' | 'x';
-  @Input() displayLegend!: boolean;
-
-  @Input() showDatas: boolean = true;
-  @Input() showMenu: boolean = false;
-  @Input() selectedData!: number;
-  @Input() enablePeriodos: number[] = [];
-
-  data: any;
-  options: any;
-
-  periodos: any[] = [];
-
-  menuItems: MenuItem[] = [];
-
-  @Output() onPrintReport: EventEmitter<any> = new EventEmitter();
-  @Output() onSelectionValue: EventEmitter<any> = new EventEmitter();
-  @ViewChild('chart') chart?: UIChart;
-
-  constructor() { }
-
-  configureGraphic() {
-    this.data = this.chartConfig;
-    this.configOptions();
-    this.chart?.reinit();
-  }
-
-  private configOptions(): void {
-    this.options = {
-      indexAxis: this.indexAxis || 'x',
-      maintainAspectRatio: false,
-      aspectRatio: 0.8,
-      animation: {
-        duration: 0
-      },
-      plugins: {
-        legend: {
-          display: this.displayLegend || false,
-          labels: {
-            color: '#1e293b',
-            usePointStyle: true,
-            font: {
-              weight: 700,
-            },
-            padding: 28
-          },
-          position: 'bottom'
-        }
-      }
-    };
-
-    this.menuItems = [
-      { label: 'Imprimir relatório', command: () => this.printReport() }
-    ]
-  }
-
-  private initDatas() {
-    this.periodosDisponiveis.map((el) => {
-      if (this.enablePeriodos.includes(el.value)) {
-        this.periodos.push(el);
-      }
-    });
-  }
-
-  ngOnInit() {
-    this.initDatas();
-    this.configureGraphic();
-  }
-
-  printReport() {
-    this.onPrintReport.emit();
-  }
-
-  public reInit(config: any) {
-    this.chartConfig = config;
-    this.configureGraphic();
-  }
-
-  protected selectionValue(event: any) {
-    this.onSelectionValue.emit(event);
-  }
-}

package/src/lib/components/kv-chart/kv-chart.module.ts

@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { NgModule } from "@angular/core";
-
-import { KvChartComponent } from './kv-chart.component';
-import { PrimeNgModule } from '../../api/modules/primeng.module';
-
-@NgModule({
-  declarations: [
-    KvChartComponent
-  ],
-  imports: [
-    CommonModule,
-    PrimeNgModule,
-    FormsModule,
-  ],
-  exports: [
-    KvChartComponent
-  ]
-})
-export class KvChartModule { }

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

@@ -1,3 +0,0 @@
-<small id="error-message" class="p-error block" style="height: 0px !important;" >
-  <ng-content *ngIf="hasError"></ng-content>
-</small>

package/src/lib/components/kv-error/kv-error.component.scss

@@ -1,5 +0,0 @@
-#error-message {
-    left: 1px;
-    font-size: 0.80rem !important;
-    font-family: 'Roboto' ,Arial, Helvetica, sans-serif !important;
-}

package/src/lib/components/kv-error/kv-error.component.ts

@@ -1,27 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input
-} from '@angular/core';
-
-import { FormControl } from '@angular/forms';
-
-@Component({
-  selector: 'kv-error',
-  templateUrl: './kv-error.component.html',
-  styleUrls: ['./kv-error.component.scss']
-})
-export class KvErrorComponent {
-  public hasError: boolean | undefined = false;
-
-  @Input() formControl!: FormControl;
-
-  @Input('hasError') set setHasError(value: boolean | undefined) {
-    this.hasError = value;
-    this.emitError.emit(value);
-  };
-
-  emitError: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-  constructor() { }
-}

package/src/lib/components/kv-error/kv-error.module.ts

@@ -1,26 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-
-import {
-  FormsModule,
-  ReactiveFormsModule
-} from '@angular/forms';
-
-import { KvErrorComponent } from './kv-error.component';
-import { PrimeNgModule } from '../../api/modules/primeng.module';
-
-@NgModule({
-  declarations: [
-    KvErrorComponent,
-  ],
-  imports: [
-    CommonModule,
-    FormsModule,
-    PrimeNgModule,
-    ReactiveFormsModule,
-  ],
-  exports: [
-    KvErrorComponent,
-  ]
-})
-export class kvErrorModule { }

package/src/lib/components/kv-image-upload/kv-image-upload.component.html

@@ -1,62 +0,0 @@
-<div
-    (dragover)="onDragOver($event)"
-    (dragleave)="onDragLeave($event)"
-    (drop)="onDrop($event)"
-    class="border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end"
-    [style.width]="widthComponent"
-    [style.height]="heightComponent"
->
-    @if(file) {
-    <button
-        pButton
-        (click)="deleteImage()"
-        class="fixed transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem"
-        [text]="true"
-        [icon]="'pi pi-trash'"
-    >
-    </button>
-    }
-
-
-    <div
-        class="w-full flex align-items-center justify-content-center"
-        style="cursor: pointer;"
-        (click)="fileInput.click()"
-    >
-        <input
-            type="file"
-            (change)="onFileSelected($event)"
-            #fileInput
-            hidden
-            accept="image/*"
-        >
-        <div
-            *ngIf="!file"
-            class="flex flex-column align-items-center justify-content-center"
-        >
-            <span
-                class="material-symbols-outlined mt-2"
-                style="font-size: 3rem;"
-            >
-                cloud_upload
-            </span>
-
-            @if(description) {
-            <p class="font-semibold">{{description}}</p>
-            } @else {
-            <p class="font-semibold">Arraste e solte uma imagem aqui, ou</p>
-            <p class="font-semibold">clique para selecioná-la</p>
-            }
-
-        </div>
-        <div *ngIf="file">
-            <img
-                [src]="fileSrc"
-                [alt]="file.name"
-                class="w-full"
-                [style.maxHeight]="maxHeightImage"
-            >
-        </div>
-    </div>
-
-</div>

package/src/lib/components/kv-image-upload/kv-image-upload.component.ts

@@ -1,82 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { NotificationService } from '../../api/services/notification.service';
-
-@Component({
-  selector: 'kv-image-upload',
-  templateUrl: './kv-image-upload.component.html',
-  styleUrl: './kv-image-upload.component.scss'
-})
-export class KvImageUploadComponent {
-
-  constructor(private notificationService: NotificationService) {
-
-  }
-  file: File | null = null;
-  fileSrc: string | ArrayBuffer | null = null;
-
-  @Input() widthComponent: string = '400px';
-  @Input() heightComponent: string = 'auto';
-  @Input() maxHeightImage: string = '400px';
-
-  @Input() description!: string;
-
-  @Output() fileEmit: EventEmitter<any> = new EventEmitter();
-
-  onDragOver(event: DragEvent) {
-    event.preventDefault();
-    event.stopPropagation();
-    this.addDragOverClass(event);
-  }
-
-  onDragLeave(event: DragEvent) {
-    event.preventDefault();
-    event.stopPropagation();
-    this.removeDragOverClass(event);
-  }
-
-  onDrop(event: DragEvent) {
-    event.preventDefault();
-    event.stopPropagation();
-    this.removeDragOverClass(event);
-
-    if (event.dataTransfer && event.dataTransfer.files.length > 0) {
-      this.handleFile(event.dataTransfer.files[0]);
-    }
-  }
-
-  onFileSelected(event: Event) {
-    const input = event.target as HTMLInputElement;
-    if (input.files && input.files.length > 0) {
-      this.handleFile(input.files[0]);
-    }
-  }
-
-  handleFile(file: File) {
-    if (file.type.startsWith('image/')) {
-      this.file = file;
-      const reader = new FileReader();
-      reader.onload = (e) => {
-        this.fileSrc = reader.result;
-      };
-      reader.readAsDataURL(file);
-      this.fileEmit.emit(file)
-    } else {
-      this.notificationService.toastError('Apenas arquivos de imagem são permitidos.')
-    }
-  }
-
-  addDragOverClass(event: DragEvent) {
-    const container = event.target as HTMLElement;
-    container.classList.add('dragover');
-  }
-
-  removeDragOverClass(event: DragEvent) {
-    const container = event.target as HTMLElement;
-    container.classList.remove('dragover');
-  }
-
-  deleteImage() {
-    this.file = null;
-    this.fileSrc = null;
-  }
-}

package/src/lib/components/kv-image-upload/kv-image-upload.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from "@angular/core";
-import { KvImageUploadComponent } from "./kv-image-upload.component";
-import { PrimeNgModule } from "../../api/modules/primeng.module";
-
-@NgModule({
-    declarations: [KvImageUploadComponent],
-    imports: [PrimeNgModule],
-    exports: [KvImageUploadComponent]
-})
-export class KvImageUploadModule { }

package/src/lib/components/kv-inputs/kv-check/kv-check.component.html

@@ -1,12 +0,0 @@
-<div class="field-checkbox flex flex-column align-items-start">
-  <p-checkbox
-    [binary]="true"
-    [disabled]="disabled"
-    [label]="label"
-    [inputId]="componentId"
-    [(ngModel)]="value"
-    (onChange)="emitOnCheckChange($event)"
-  >
-  </p-checkbox>
-  <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
-</div>

package/src/lib/components/kv-inputs/kv-check/kv-check.component.scss

@@ -1,13 +0,0 @@
-::ng-deep {
-  @media only screen and (min-width: 1000px) {
-    .p-checkbox-label {
-      font-size: 16px;
-    }
-  }
-
-  @media only screen and (max-width: 1000px) {
-    .p-checkbox-label {
-      font-size: 12px;
-    }
-  }
-}

package/src/lib/components/kv-inputs/kv-check/kv-check.component.ts

@@ -1,32 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  OnInit,
-  Output
-} from '@angular/core';
-
-import { BaseComponentInput } from '../../../api/base-components/base-component-input';
-import { ComponentProviders } from '../../../api/helpers/component-providers';
-import { ComponentService } from '../../../api/services/component.service';
-
-@Component({
-  selector: 'kv-check',
-  templateUrl: './kv-check.component.html',
-  styleUrls: [
-    './kv-check.component.scss',
-    '../../keevo-components-styles.scss'
-  ],
-  providers: ComponentProviders(KvCheckComponent),
-})
-export class KvCheckComponent extends BaseComponentInput<boolean> implements OnInit {
-
-  @Output() onCheckChange: EventEmitter<any> = new EventEmitter();
-
-  constructor(componentService: ComponentService) {
-    super(componentService);
-  }
-
-  emitOnCheckChange(event: any) {
-    this.onCheckChange.emit(event);
-  }
-}

package/src/lib/components/kv-inputs/kv-dropdown/kv-dropdown.component.html

@@ -1,91 +0,0 @@
-<span>
-  <kv-label
-    [componentId]="componentId"
-    [label]="label"
-  />
-  <p-dropdown
-    appendTo="body"
-    [class]="baseInputClass"
-    [disabled]="disabled"
-    [filter]="filter"
-    [inputId]="componentId"
-    [(ngModel)]="value"
-    [options]="filteredOptions"
-    [optionLabel]="optionLabel"
-    [optionValue]="optionValue"
-    [optionDisabled]="optionDisabled"
-    [group]="group"
-    [optionGroupLabel]="optionGroupLabel"
-    [optionGroupChildren]="optionGroupChildren"
-    [showClear]="showClear"
-    [lazy]="lazy"
-    scrollHeight="250px"
-    (onBlur)="onInputBlur($event)"
-    (onClick)="onInputClick($event)"
-    (onChange)="onInputChange($event)"
-    (onFilter)="onInputFilter($event)"
-    [style]="{'width':widthField}"
-    [panelStyle]="{ width: widthField, overflow: 'auto' }"
-    styleClass="inputs"
-  >
-
-    <ng-template
-      *ngIf="showAddButton"
-      pTemplate="footer"
-    >
-      <p-divider></p-divider>
-      <div class="flex flex-wrap card-container p-1">
-        <div class="flex justify-content-center">
-          <button
-            pButton
-            label="Incluir"
-            pTooltip="Clique aqui para incluir um novo registro"
-            tooltipPosition="bottom"
-            icon="pi pi-plus"
-            class="p-button-rounded p-button-success mr-2"
-            (click)="addClick($event)"
-          ></button>
-        </div>
-      </div>
-    </ng-template>
-
-
-
-
-    <!-- :: -->
-
-    <ng-template
-      let-item
-      pTemplate="item"
-      *ngIf="itemTemplate"
-    >
-      <ng-container
-        [ngTemplateOutlet]="itemTemplate"
-        [ngTemplateOutletContext]="{ $implicit: item }"
-      >
-
-      </ng-container>
-    </ng-template>
-
-
-    <ng-template
-      let-selectedItem
-      pTemplate="selectedItem"
-      *ngIf="selectedItemTemplate"
-    >
-      <ng-container
-        [ngTemplateOutlet]="selectedItemTemplate"
-        [ngTemplateOutletContext]="{ $implicit: selectedItem }"
-      >
-
-      </ng-container>
-    </ng-template>
-
-    <!-- :: -->
-
-
-  </p-dropdown>
-
-  <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
-</span>
-<ng-content></ng-content>

package/src/lib/components/kv-inputs/kv-dropdown/kv-dropdown.component.scss

@@ -1,21 +0,0 @@
-::ng-deep .p-dropdown .p-dropdown-label {
-    display: flex;
-    align-items: center;
-}
-
-::ng-deep .p-dropdown {
-    width: 100%;
-}
-
-
-@media only screen and (min-width: 700px) {
-    ::ng-deep .p-dropdown-panel {
-        max-width: 700px;
-    }
-}
-
-@media only screen and (max-width: 700px) {
-    ::ng-deep .p-dropdown-panel {
-        max-width: 400px;
-    }
-}

package/src/lib/components/kv-inputs/kv-dropdown/kv-dropdown.component.ts

@@ -1,40 +0,0 @@
-import {
-  Component,
-  Input,
-  OnInit,
-  TemplateRef
-} from '@angular/core';
-
-import { DialogService } from 'primeng/dynamicdialog';
-
-import { BaseComponentDropDown } from '../../../api/base-components/base-component-dropdown';
-import { ComponentProviders } from '../../../api/helpers/component-providers';
-import { ComponentService } from '../../../api/services/component.service';
-
-@Component({
-  selector: 'kv-dropdown',
-  templateUrl: './kv-dropdown.component.html',
-  styleUrls: [
-    './kv-dropdown.component.scss',
-    '../../keevo-components-styles.scss'
-  ],
-  providers: ComponentProviders(KvDropdownComponent),
-})
-export class KvDropdownComponent extends BaseComponentDropDown implements OnInit {
-  constructor(
-    componentService: ComponentService,
-    dialogService: DialogService) {
-    super(componentService, dialogService);
-  }
-
-  @Input() dropDowValue!: any;
-  @Input() itemTemplate!: TemplateRef<any>;
-  @Input() selectedItemTemplate!: TemplateRef<any>;
-
-  override ngOnInit(): void {
-    if (this.dropDowValue)
-      this.value = this.dropDowValue;
-  }
-
-  
-}