keevo-components 2.0.107 → 2.0.109

package/src/lib/components/kv-page-form/kv-page-form.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 { KvPageFormComponent } from './kv-page-form.component';
-
-describe('PageFormComponent', () => {
-  let component: KvPageFormComponent;
-  let fixture: ComponentFixture<KvPageFormComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ KvPageFormComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(KvPageFormComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/kv-page-form/kv-page-form.component.ts

@@ -1,206 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  effect,
-  ElementRef,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-  signal,
-  viewChild,
-} from '@angular/core';
-
-import { FormBuilder, FormGroup } from '@angular/forms';
-
-import { ActionItem } from '../../api/components/table/action-item';
-
-@Component({
-  selector: 'kv-page-form',
-  templateUrl: './kv-page-form.component.html',
-  styleUrls: ['./kv-page-form.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class KvPageFormComponent implements OnInit {
-  /**
-   * Configurações do formulário
-   */
-  @Input() formGroup: FormGroup = new FormGroup({});
-  @Input() TituloForm: string | undefined = '';
-  @Input() SubTituloForm: string | undefined = '';
-  @Input() isSaveLoading!: boolean;
-  @Input() popup: boolean = false;
-  @Input() locationUseComponent: 'page' | 'dialog' = 'dialog';
-  // @Input() expandMenu!: boolean;
-
-  /**
-   * Botão cancelar
-   */
-  @Input() iconBtnCancel: string = 'close';
-  @Input() showBtnCancel: boolean = true;
-  @Input() txtBtnCancel: string = 'Cancelar';
-
-  /**
-   * Botão de cancelar com opções
-   */
-  @Input() actionsCancelToogle!: ActionItem[];
-  @Input() iconBtnCancelToogle: string = 'close';
-  @Input() showBtnCancelToogle: boolean = false;
-  @Input() txtBtnCancelToogle: string = 'Cancelar';
-
-  /**
-   * Botão salvar
-   */
-  @Input() iconBtnSave: string = 'save';
-  @Input() showBtnSave: boolean = true;
-  @Input() txtBtnSave: string = 'Salvar';
-  @Input() disableBtnSave: boolean = false;
-
-  /**
-   * Botão de salvar com opções
-   */
-  @Input() actionsSaveToogle!: ActionItem[];
-  @Input() iconBtnSaveToogle: string = 'pi pi-chevron-down';
-  @Input() showBtnSaveToogle: boolean = false;
-  @Input() txtBtnSaveToogle: string = 'Ações';
-
-  /**
-   * Botão genérico 'Secundary'
-   */
-  @Input() iconBtnSecundary!: string;
-  @Input() showBtnSecundary: boolean = false;
-  @Input() txtBtnSecundary!: string;
-
-  /**
-   * @deprecated Essa não é mais utilizado, favor utilizar a propriedade severityBtnSecundary
-   */
-  @Input() colorBtnSecundary: string = '';
-
-  /**
-   * Botão genérico com opções
-   */
-  @Input() actionsToogle!: ActionItem[];
-  @Input() iconBtnToogle: string = 'pi pi-chevron-down';
-  @Input() showBtnToogle: boolean = false;
-  @Input() txtBtnToogle: string = 'Ações';
-  @Input() classBtnToogle: string = 'bg-glue-500';
-
-  /**
-   * Botão fechar
-   */
-  @Input() disableBtnSair: boolean = true;
-
-  @Input() showMessageCamposObrigatorios: boolean = true;
-
-  /**
-   * Salvar dados
-   */
-  @Output() onSave: EventEmitter<any> = new EventEmitter();
-
-  /**
-   * Cancelar
-   */
-  @Output() onCancel: EventEmitter<any> = new EventEmitter();
-
-  /**
-   * Ação do botão Secundary
-   */
-  @Output() onClickSecundary: EventEmitter<any> = new EventEmitter();
-
-  private readonly resizeObserver!: ResizeObserver;
-  // pageContainer = viewChild<ElementRef>('pageContainer');
-
-  // pageContentHeight = signal<number>(0);
-
-  constructor(private fb: FormBuilder) {
-    // this.resizeObserver = new ResizeObserver((entries) => {
-    //   entries.forEach((entry) => {
-    //     this.setWidthBar();
-    //   });
-    // });
-
-    // effect(() => {
-    //   if (this.pageContainer())
-    //     this.resizeObserver.observe(this.pageContainer()?.nativeElement);
-    // });
-  }
-
-  ngOnInit() {
-    this.addSubTitle();
-    // this.setPageFormContainerAttributes();
-  }
-
-  /**
-   * Adiciona sub-título à tela
-   */
-  addSubTitle() {
-    if (this.SubTituloForm) {
-      const headerElement = document.querySelector(
-        '.p-dialog .p-dialog-header'
-      );
-      if (headerElement) {
-        const subtitleElement = document.createElement('span');
-        subtitleElement.textContent = this.SubTituloForm;
-        subtitleElement.style.fontSize = '0.75rem';
-        subtitleElement.style.width = '100%';
-        subtitleElement.style.marginLeft = '2px';
-
-        headerElement.appendChild(subtitleElement);
-      }
-    }
-  }
-
-  /**
-   * Dispara o método de cancelamento da tela
-   * @param event evento
-   */
-  cancel(event: Event) {
-    this.onCancel.emit(event);
-  }
-
-  /**
-   * Dispara o método de salvar da tela
-   * @param event evento
-   */
-  save(event: Event) {
-    this.onSave.emit(event);
-  }
-
-  actionSecundary(event: Event) {
-    this.onClickSecundary.emit(event);
-  }
-
-  /**
-   * Ajusta o tamanho da tela considerando o menu lateral
-   */
-  // setPageFormContainerAttributes() {
-  //   if (this.locationUseComponent == 'page') {
-  //     var form = document.getElementById('page-form-container');
-
-  //     if (form) {
-  //       var widthFull = form.clientWidth;
-  //       var widthAdjusted;
-
-  //       widthAdjusted = widthFull - 332;
-  //     }
-  //   }
-  // }
-
-
-  // setWidthBar() {
-  //   let divCard = document.getElementById('page-form-content');
-
-  //   let divBarraAcoes = document.getElementById('barra-acoes');
-
-  //   if (divCard && divBarraAcoes) {
-
-  //     if (!this.popup) {
-  //       divBarraAcoes.style.bottom = '0.5rem';
-  //       divBarraAcoes.style.margin = '0 1rem 0 0';
-  //       divBarraAcoes.style.width = divCard.clientWidth + 'px';
-  //     }
-
-  //     this.pageContentHeight.set(divBarraAcoes.clientHeight * 0.9);
-  //   }
-  // }
-}

package/src/lib/components/kv-page-form/kv-page-form.module.ts

@@ -1,33 +0,0 @@
-import { CommonModule } from "@angular/common";
-import { NgModule } from "@angular/core";
-
-import {
-    FormsModule,
-    ReactiveFormsModule
-} from "@angular/forms";
-
-import { KvPageFormComponent } from "./kv-page-form.component";
-
-import {
-    KvButtonModule,
-    KvButtonsModule,
-    PrimeNgModule
-} from "../../../public-api";
-
-@NgModule({
-    declarations: [
-        KvPageFormComponent
-    ],
-    imports: [
-        CommonModule,
-        FormsModule,
-        PrimeNgModule,
-        KvButtonsModule,
-        KvButtonModule,
-        ReactiveFormsModule
-    ],
-    exports: [
-        KvPageFormComponent
-    ]
-})
-export class KvPageFormModule { }

package/src/lib/components/kv-page-stepper/kv-page-stepper.component.html

@@ -1,276 +0,0 @@
-<!-- [formGroup]="formGroup" -->
-<div
-  class="grid-nogutter m-0"
-  id="page-form-container"
->
-
-  <!-- Renderização do form -->
-  <div class="col-12 p-0" id="page-form-content">
-
-
-
-<!--______________________________________________________________________________________________________-->
-
-
-
-    <p-stepper
-    [activeStep]="activeStep"
-    [orientation]="orientation"
-    [linear]="linear"
-    (activeStepChange)="onActiveStepChange($event)"
-  >
-    <ng-container *ngFor="let panel of panels; let i = index">
-      <p-stepperPanel [header]="panel.header">
-
-        <ng-template
-          pTemplate="content"
-          let-nextCallback="nextCallback"
-          let-prevCallback="prevCallback"
-        >
-
-          <div class="flex flex-column">
-            <div class="content-panel" [dynamicComponent]="{ component: panel.contentTemplate, inputs: panel.inputs || {} }">
-              <!-- <ng-container
-                *ngComponentOutlet="panel.contentTemplate"
-              ></ng-container> -->
-
-
-
-            </div>
-          </div>
-
-          <div
-            class="flex pt-4"
-            [ngClass]="{
-              'justify-content-between': panel.id !== 0,
-              'justify-content-end': panel.id === 0,
-              'justify-content-start': orientation === 'vertical'
-            }"
-          >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            <div class="flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid">
-
-<!-- 
-
-              <kv-button-secondary
-                *ngIf="showBtnCancel"
-                [label]="txtBtnCancel"
-                [icon]="iconBtnCancel"
-                [disabled]="isSaveLoading"
-                (click)="cancel($event)"
-                class="w-full lg:w-auto"
-              >
-              </kv-button-secondary> -->
-              <kv-button
-                *ngIf="showBtnCancel"
-                [label]="txtBtnCancel"
-                [icon]="iconBtnCancel"
-                [disabled]="isSaveLoading"
-                (click)="cancel($event)"
-                class="w-full lg:w-auto"
-                severity="tertiary"
-              />
-
-              <!-- panel.id !== 0 -->
-              <kv-button
-                label="Voltar"
-                class="w-full lg:w-auto"
-                icon="west"
-                [disabled]="panel.id == 0"
-                (onClick)="prevCallback.emit()"
-                severity="secondary"
-              />
-              <!-- @if(true){
-                <kv-button-personalize
-                  class="w-full lg:w-auto"
-                  [label]="'Voltar'"
-                  color="#002542"
-                  [disabled]="panel.id == 0"
-                  [icon]="'pi pi-arrow-left'"
-                  (onClick)="prevCallback.emit()"
-                >
-                </kv-button-personalize>
-              } -->
-
-
-              <!-- panel.id !== panels.length - 1 -->
-               <kv-button
-                class="w-full lg:w-auto"
-                [label]="panel.id != panels.length-1 ? 'Avançar ' : txtBtnSave"
-                [icon]="panel.id != panels.length-1 ? 'east ' : 'save'"
-                (click)=" panel.id != panels.length-1 ? nextCallback.emit() : save($event)"
-                severity="primary"
-                iconPosition="right"
-               />
-              <!-- @if(true){
-                <kv-button-success
-                  (click)=" panel.id != panels.length-1 ? nextCallback.emit() : save($event)"
-                  class="w-full lg:w-auto"
-                  [icon]="'pi pi-arrow-right'"
-                  [label]="panel.id != panels.length-1 ? 'Avançar ' : txtBtnSave"
-                  iconPos="right"
-                ></kv-button-success>
-              } -->
-<!--
-              <kv-button-success
-                *ngIf="showBtnSave &&  panel.id === panels.length - 1 "
-                [label]="txtBtnSave"
-                [icon]="iconBtnSave"
-                [disabled]="disableBtnSave || panel.id !== panels.length - 1"
-                [loading]="isSaveLoading"
-                (click)="nextCallback.emit()"
-                (click)="!disableBtnSave ? save($event) : ''"
-                class="w-full lg:w-auto"
-              /> -->
-
-
-
-              <!-- @if(positionBtnToogle == 'start'){
-                <kv-button-popup
-                  *ngIf="actionsToogle && showBtnToogle"
-                  [label]="txtBtnToogle"
-                  [icon]="iconBtnToogle"
-                  (click)="menuToogle.toggle($event)"
-                  [disabled]="disableBtnToogle"
-                  class="w-full lg:w-auto"
-                  classBtn="{{classBtnToogle}}"
-                >
-                </kv-button-popup>
-                <p-menu
-                  #menuToogle
-                  [popup]="true"
-                  [model]="actionsToogle"
-                  appendTo="body"
-                  class="w-full lg:w-auto"
-                ></p-menu>
-              } -->
-
-              <!-- <kv-button-popup
-                  *ngIf="actionsCancelToogle && showBtnCancelToogle"
-                  [label]="txtBtnCancelToogle"
-                  [icon]="iconBtnCancelToogle"
-                  (click)="menuCancel.toggle($event)"
-                  class="w-full lg:w-auto"
-                  [classBtn]="'btn-secondary border-300'"
-                >
-                </kv-button-popup>
-                <p-menu
-                  #menuCancel
-                  [popup]="true"
-                  [model]="actionsCancelToogle"
-                  appendTo="body"
-                  class="w-full lg:w-auto"
-                ></p-menu> -->
-
-
-
-
-
-
-
-              <!-- <kv-button-popup
-                *ngIf="actionsSaveToogle && showBtnSaveToogle"
-                [label]="txtBtnSaveToogle"
-                [icon]="iconBtnSaveToogle"
-                (click)="menuSave.toggle($event)"
-                [loading]="isSaveLoading"
-                class="w-full lg:w-auto"
-                [classBtn]="'btn-success border-green-500'"
-              >
-              </kv-button-popup>
-
-              <p-menu
-                #menuSave
-                [popup]="true"
-                [model]="actionsSaveToogle"
-                appendTo="body"
-                class="w-full lg:w-auto"
-              ></p-menu> -->
-
-
-              <!-- @if(positionBtnToogle == 'end'){
-                <kv-button-popup
-                  *ngIf="actionsToogle && showBtnToogle"
-                  [label]="txtBtnToogle"
-                  [icon]="iconBtnToogle"
-                  (click)="menuToogle.toggle($event)"
-                  [disabled]="disableBtnToogle"
-                  class="w-full lg:w-auto"
-                  classBtn="{{classBtnToogle}}"
-                >
-                </kv-button-popup>
-                <p-menu
-                  #menuToogle
-                  [popup]="true"
-                  [model]="actionsToogle"
-                  appendTo="body"
-                  class="w-full lg:w-auto"
-                ></p-menu>
-              } -->
-
-            </div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-          </div>
-
-        </ng-template>
-
-      </p-stepperPanel>
-    </ng-container>
-  </p-stepper>
-
-
-
-
-
-
-
-<!--______________________________________________________________________________________________________-->
-
-
-
-
-
-
-
-
-  </div>
-
-
-</div>

package/src/lib/components/kv-page-stepper/kv-page-stepper.component.scss

@@ -1,85 +0,0 @@
-@import "../keevo-components-styles.scss";
-
-.sub-title {
-  // color: white !important;
-  color: yellow;
-  position: relative;
-  bottom: 25px;
-  z-index: 1;
-}
-
-* {
-  padding-bottom: 0rem;
-  padding-top: 0rem;
-}
-.barra-acoes {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: rgb(255, 255, 255);
-  padding: 10px;
-  z-index: 999;
-}
-
-
-#page-form-container {
-  padding-bottom: 40px;
-}
-
-@media screen and (max-width: 991px) {
-  #page-form-container {
-      padding-bottom: 100px;
-  }
-}
-
-
-
-
-
-
-// _________________________________________________________________________________________________
-
-
-
-
-
-
-.kv-stepper {
-  display: flex;
-  flex-direction: column;
-}
-
-:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
-  color: rgb(var(--kv-color-text-inv)) !important;
-  background-color: rgb(var(--kv-color-system), 1) !important;
-}
-
-:host ::ng-deep .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  color: rgb(var(--kv-color-system), 1);
-  background-color: rgb(var(--kv-color-system), .1);
-
-}
-:host ::ng-deep  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
-  color: rgb(var(--kv-color-system), 1);
-  background-color: rgb(var(--kv-color-system), .1);
-}
-
-
-:host ::ng-deep .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{
-  background-color: #f2f3f5;
-  }
-
-.btn-secondary {
-background-color: #f2f3f5 !important;
-color: rgba(0, 0, 0, .87) !important;
-height:35px;
-
-&:hover {
-  background-color: #d8d9db !important;
-}
-
-&:disabled {
-  pointer-events: none;
-}
-}

package/src/lib/components/kv-page-stepper/kv-page-stepper.component.spec.ts

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