keevo-components 1.8.541 → 1.8.542

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

@@ -1,290 +0,0 @@
-.material-icons {
-  font-family: "Material Icons";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 1em;
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-  font-feature-settings: "liga";
-}
-
-::ng-deep .p-button:focus {
-  box-shadow: none;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-}
-
-::ng-deep .p-overlaypanel .p-overlaypanel-content {
-  padding: 0;
-}
-
-::ng-deep.hover-btn-cor-padrao.p-button:enabled:hover {
-  background: #0c3e66;
-  border-color: #002542;
-}
-
-.p-button.p-button-icon-only.p-button-rounded {
-  background: #0c3e66;
-  border-color: #002542;
-}
-
-::ng-deep.remove-focus:focus {
-  border: none;
-}
-
-::ng-deep.p-sidebar .p-sidebar-content {
-  padding: 0;
-}
-
-::ng-deep.sidebar-header-sistema.p-sidebar .p-sidebar-header {
-  padding-top: 0.5rem;
-  padding-right: 0;
-  padding-bottom: 0;
-  padding-left: 0;
-  display: block;
-}
-
-::ng-deep .p-sidebar .p-sidebar-header {
-  padding: 0rem !important;
-}
-
-::ng-deep body {
-  // display: initial;
-  margin: 0px !important;
-}
-
-::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron {
-  position: relative;
-  top: 3px;
-  color: #0c3e66 !important;
-}
-
-.page-content {
-  background: linear-gradient(to bottom, #eaeaea 17%, #ffffff 19%);
-}
-
-* {
-  margin: 0;
-}
-
-p .item-menu {
-  color: #0c3e66;
-  font-family: "Inter var", "Roboto", Arial, Helvetica, sans-serif !important;
-}
-
-span {
-  font-size: 0.825rem !important;
-}
-
-.breadcrumb-title {
-  font-size: 1rem !important;
-  font-family: "Inter var", "Roboto", Arial, Helvetica, sans-serif !important;
-}
-
-::ng-deep .home-style {
-  background-color: #eaeaea;
-  overflow: hidden;
-}
-
-::ng-deep .page-style {
-  overflow: auto !important;
-}
-
-::ng-deep .card-container {
-  &::-webkit-scrollbar {
-    width: 6px;
-
-    &:hover {
-      background-color: rgba(222, 222, 222, 0.75);
-    }
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: transparent;
-  }
-
-  &:hover::-webkit-scrollbar-thumb {
-    border-left: 2px solid white;
-    background-color: rgba(0, 0, 0, 0.5);
-  }
-
-  &::-webkit-scrollbar-track {
-    border-left: 2px solid white;
-    background-color: rgba(222, 222, 222, 0.75);
-  }
-
-  overflow-x: hidden;
-}
-
-.title-style {
-  position: relative;
-  top: 10px;
-  margin-left: 20px;
-  font-size: 1.25rem;
-  color: #002542;
-  border-bottom: 2px solid green;
-  font-weight: 600;
-  display: inline;
-}
-
-::ng-deep p-sidebar .p-sidebar-content {
-  overflow-y: hidden;
-}
-
-::ng-deep p-dialog .p-dialog-content {
-  overflow-y: unset;
-}
-
-.icon-menu {
-  font-size: 1.3rem;
-  color: #002542;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-::ng-deep .menu-option {
-  padding: 0.8rem !important;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  border-radius: 0.5rem;
-  transition-duration: 150;
-  transition-property: color, background-color;
-  padding: 0.5rem;
-
-  &:hover {
-    background-color: rgb(41, 185, 45) !important;
-    color: white;
-  }
-}
-
-::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text {
-  color: #183462 !important;
-  opacity: 0.95;
-  font-weight: 500;
-  font-size: 0.8rem !important;
-
-  &:hover {
-    opacity: 0.7;
-  }
-}
-
-.pl-3 {
-  padding-left: 0rem !important;
-}
-
-::ng-deep svg.p-icon {
-  width: 0.7rem;
-  height: 1rem;
-}
-
-.hover-color .text-base {
-  color: rgb(255, 255, 255) !important;
-  /* Escolha a cor desejada aqui */
-}
-
-.hover-color .icon-hover-color {
-  color: rgb(255, 255, 255) !important;
-  /* Escolha a cor desejada aqui */
-}
-
-.menu-option:hover .content-option-menu {
-  color: white !important;
-}
-
-::ng-deep .p-card .p-card-content {
-  padding: 0rem !important;
-  height: 100%;
-}
-
-::ng-deep .p-card .p-card-body {
-  padding: 0rem !important;
-  height: 100%;
-}
-
-::ng-deep .p-card .p-card-content {
-  padding: 0rem !important;
-}
-
-::ng-deep .p-sidebar-left {
-  z-index: 1100 !important;
-}
-
-.btn-sistema {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 20px;
-  font-weight: 700;
-  cursor: pointer;
-  width: 4rem;
-  height: 4rem;
-  background-color: #002542;
-  color: #ffffff;
-  border-radius: 0.75rem;
-  padding: 0.5rem;
-  box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 4px;
-
-  border-radius: 0.75rem;
-
-  transition: box-shadow 0.3s ease-in-out;
-
-  &:hover {
-    opacity: 0.9;
-    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px;
-  }
-}
-
-.master-name {
-  font-family: "Inter var", "Roboto", Arial, Helvetica, sans-serif !important;
-  font-size: 14px !important;
-  font-weight: 600;
-  line-height: 16.41px;
-  text-align: center;
-  color: #64748b;
-}
-
-.empresa-name {
-  font-family: "Inter var", "Roboto", Arial, Helvetica, sans-serif !important;
-  font-size: 14px !important;
-  font-weight: 300;
-  line-height: 14.06px;
-  text-align: center;
-  color: #1e293b;
-}
-
-.top-layout-icons {
-  color: rgb(0, 37, 66);
-  font-size: 1.5rem !important;
-  cursor: pointer;
-  border-radius: 50%;
-  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
-    transform 0.2s ease-in-out;
-}
-
-.top-layout-icons:hover {
-  color: white;
-  background-color: rgb(0, 37, 66);
-}
-
-.overlay-background {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 999;
-}

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

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

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

@@ -1,344 +0,0 @@
-import { ActivatedRoute, Router } from '@angular/router';
-
-import {
-  ChangeDetectorRef,
-  Component,
-  computed,
-  contentChildren,
-  effect,
-  EventEmitter,
-  HostListener,
-  input,
-  Input,
-  model,
-  OnChanges,
-  OnInit,
-  Output,
-  signal,
-  SimpleChanges,
-  TemplateRef,
-  ViewChild,
-  WritableSignal,
-} from '@angular/core';
-
-import { OverlayPanel } from 'primeng/overlaypanel';
-import { Sidebar } from 'primeng/sidebar';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import {
-  animate,
-  state,
-  style,
-  transition,
-  trigger,
-} from '@angular/animations';
-
-@Component({
-  selector: 'kv-layout',
-  templateUrl: './kv-layout.component.html',
-  styleUrls: ['./kv-layout.component.scss'],
-  // animations: [
-  //   trigger('sidebarWidthTrigger', [
-  //     state('collapsed', style({
-  //       width: '60px'
-  //     })),
-  //     state('expanded', style({
-  //       width: '359px'
-  //     })),
-  //     transition('collapsed <=> expanded', animate('100ms ease-out'))
-  //   ])
-  // ]
-})
-export class KvLayoutComponent implements OnInit, OnChanges {
-  @Input() apps: {
-    idaplicativo: number;
-    idsistema: number;
-    nomeaplicativo: string;
-    descricaoaplicativo: string;
-    rotapadrao: string;
-    indpublicado: boolean;
-    indpublicacaogradativa: boolean;
-    indexigeempresaentrada: boolean;
-    urlicone?: string;
-  }[] = [];
-
-  @Input() actions: { icon: string; label: string; action: () => void }[] = [];
-
-  @Input() breadCrumbItems: {
-    label: string;
-    routerLink: string;
-  }[] = [];
-
-  @Input() masters: {
-    idmaster: number;
-    cpfcnpj: string;
-    nome: string;
-    idmasternome: string;
-  }[] = [];
-
-  @Input() menus: {
-    idmenu: number;
-    idmenupai: number | null;
-    idaplicativo: number;
-    descricaomenu: string;
-    link: string | null;
-    icone: string | null;
-    indpublicado: boolean;
-    indmenupai: boolean;
-    listaidvisaomenu: number[];
-    bgColor?: string;
-    textColor?: string;
-  }[] = [];
-
-  expandMenu = model<boolean>(true);
-
-  @Input() logoMenuExpand!: any;
-  @Input() logoMenuHide!: any;
-
-  @Input() selectedApp!: number;
-  @Input() selectedEmpresa!: any;
-  @Input() selectedMaster!: number;
-
-  @Input() showButtonApps: boolean = true;
-  @Input() showButtonUser: boolean = true;
-  @Input() showExpandMenu: boolean = true;
-  @Input() showDropdownLicenca: boolean = true;
-  @Input() showMenu: boolean = true;
-  @Input() showTrocaEmpresa: boolean = false;
-  @Input() userName: string = 'Usuário';
-  @Input() masterName!: string;
-  @Input() empresaName!: string;
-
-  @Output() accessKeePassEmit: EventEmitter<any> = new EventEmitter();
-  @Output() changeEmpresaEmit: EventEmitter<boolean> = new EventEmitter();
-  @Output() changeLicenseEmit: EventEmitter<number> = new EventEmitter();
-  @Output() expandMenuEmit: EventEmitter<boolean> = new EventEmitter();
-  @Output() logoutEmit: EventEmitter<any> = new EventEmitter();
-  @Output() selectAppEmit: EventEmitter<number> = new EventEmitter();
-  @Output() navigateToDefaultRouteEmit: EventEmitter<any> = new EventEmitter();
-
-  @ViewChild('meusDadosPanel') meusDadosPanel!: OverlayPanel;
-  @ViewChild('sidebarRef') sidebarRef!: Sidebar;
-  @ViewChild('sistemasPanel') sistemasPanel!: OverlayPanel;
-
-  topMenuActions = contentChildren<TemplateRef<any>>('topMenuAction');
-
-  formGroup!: FormGroup;
-  heightCard!: number;
-  mouseOverFilhoIndex: any;
-  mouseOverIndex: any;
-  widthCard!: number;
-
-  widthPage = signal<number>(0);
-
-  constructor(
-    private cdr: ChangeDetectorRef,
-    private fb: FormBuilder,
-    protected router: Router,
-    protected activatedRoute: ActivatedRoute
-  ) {
-  }
-
-  public accessKeePass(event: any) {
-    this.sistemasPanel.hide();
-    this.accessKeePassEmit.emit(event);
-  }
-
-  public adjustHeightCard(): number {
-    if (this.widthCard > 400) {
-      if (this.widthPage() < 992 && this.showLicencas()) return 145;
-
-      if (this.breadCrumbItems.length > 0) return 95;
-      else return 85;
-    }
-
-    return 125;
-  }
-
-  private adjustWidthCard() {
-    this.widthPage.set(window.innerWidth);
-
-    this.heightCard = Number(
-      document.getElementById('page-content')?.offsetHeight
-    );
-    if (this.showMenu)
-      this.widthCard =
-        Number(window.innerWidth) - (this.expandMenu() ? 333 : 93);
-    else this.widthCard = Number(window.innerWidth);
-  }
-
-  public callRoute(e: any, expand?: boolean) {
-
-    if (!expand && !this.expandMenu())
-      this.expandMenu.update((currentValue: boolean) => !currentValue);
-
-    if (this.widthPage() != 0 && this.widthPage() < 800 && this.expandMenu())
-      this.expandMenu.set(false);
-
-    this.router.navigateByUrl(e);
-  }
-
-  public changeEmpresa(event: any) {
-    this.changeEmpresaEmit.emit(event);
-  }
-
-  public changeLicense(event: any) {
-    this.changeLicenseEmit.emit(event);
-  }
-
-  private verifyMenuBehavior() {
-    if (this.widthPage() < 800)
-      this.expandMenu.set(false);
-  }
-
-  private expandMenuEvent() {
-    this.expandMenuEmit.emit(this.expandMenu());
-  }
-
-  public logout(event: any) {
-    this.sistemasPanel.hide();
-    this.logoutEmit.emit(event);
-  }
-
-  private menusPerApp() {
-    if (this.router.url && this.menus && this.menus.length > 0) {
-      if (this.router.url === '/') {
-        // this.navigateToFirstMenu();
-      } else {
-        const menuSelecionado = this.menus.find(
-          (menu: any) =>
-            menu.link && menu.link.includes(this.router.url.slice(1))
-        );
-        if (menuSelecionado) {
-          this.navigateToMenu(menuSelecionado);
-        }
-      }
-    }
-
-    if (this.sistemasPanel) {
-      this.sistemasPanel.hide();
-    }
-  }
-
-  public nameEmpresa(nomeLicenca: any): string {
-    if (nomeLicenca) {
-      if (nomeLicenca.length > 23) return nomeLicenca.substring(0, 23) + '...';
-      else return nomeLicenca;
-    } else return '';
-  }
-
-  private navigateToFirstMenu(): void {
-    const firstMenu = this.menus[0];
-    if (firstMenu.indmenupai) {
-      const filhos = this.returnMenuChild(firstMenu.idmenu);
-      if (filhos) {
-        this.callRoute(filhos[0].link, true);
-      }
-    } else {
-      this.callRoute(firstMenu.link, true);
-    }
-  }
-
-  private navigateToMenu(menu: any): void {
-    if (menu.menupai) {
-      const filhos = this.returnMenuChild(menu.idmenu);
-      if (filhos) {
-        this.callRoute(filhos[0].link, true);
-      }
-    } else {
-      this.callRoute(menu.link, true);
-    }
-  }
-
-  menuSelecionado = signal<any>(null);
-
-  ngOnChanges(changes: SimpleChanges): void {
-    const latestRequest = changes['menus'];
-    if (latestRequest?.currentValue) {
-      this.menusPerApp();
-    }
-
-    this.selecionarMenu();
-  }
-
-  public ngOnInit(): void {
-    this.formGroup = this.fb.group({
-      idmaster: [this.selectedMaster, []],
-    });
-
-    this.adjustWidthCard();
-    this.verifyMenuBehavior();
-    this.expandMenuEvent();
-  }
-
-  @HostListener('window:resize', ['$event'])
-  public onWindowResize() {
-    this.adjustWidthCard();
-    this.verifyMenuBehavior();
-    this.cdr.detectChanges();
-  }
-
-  isSelectedMenuPai(menu: any) {
-    if (!this.expandMenu() && menu.indmenupai)
-      return menu.idmenu === this.menuSelecionado()?.idmenupai;
-
-    return false;
-  }
-
-  selecionarMenu() {
-    const url = new URL(this.router.url, window.origin);
-
-    const currentPath = url.pathname;
-    const purePath = currentPath.match(/^[^;]*/i);
-
-    const paths = purePath![0];
-
-    this.menus = this.menus.map((menu) => {
-      if (menu.link) {
-        return {
-          ...menu,
-          bgColor: paths.includes(menu.link!) ? 'rgb(41, 185, 45)' : '',
-          textColor: paths.includes(menu.link!) ? 'text-white' : '',
-        };
-      }
-      return menu;
-    });
-
-    const menu = this.menus.find((menu: any) => {
-      return menu.link && paths.includes(menu.link!);
-    });
-
-    this.menuSelecionado.set(menu);
-  }
-
-  public returnMenuChild(idmenu: number) {
-    return this.menus.filter((x: any) => x.idmenupai == idmenu);
-  }
-
-  public selectApp(idaplicativo: number) {
-    this.selectAppEmit.emit(idaplicativo);
-  }
-
-  public showLicencas(): boolean {
-    return this.showDropdownLicenca && (this.masters || []).length > 1;
-  }
-
-  public toggleMenu() {
-    this.expandMenu.update((currentValue: boolean) => !currentValue);
-    this.expandMenuEvent();
-  }
-
-  navigateToDefaultRoute() {
-    if (this.widthPage() < 800 && this.expandMenu())
-      this.expandMenu.set(false);
-
-    this.navigateToDefaultRouteEmit.emit();
-  }
-
-  // getSidebarState() {
-  //   return this.expandMenu() ? 'expanded' : 'collapsed';
-  // }
-
-  get exibirNomes() {
-    return !this.showLicencas() && (this.masterName || this.empresaName);
-  }
-}

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

@@ -1 +0,0 @@
-<ngx-loading [show]="loading() > 0"></ngx-loading>

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

@@ -1,11 +0,0 @@
-import { Component, type Signal } from '@angular/core';
-
-import { KvLoaderService } from './kv-loader.service';
-
-@Component({
-  selector: 'kv-loader',
-  templateUrl: './kv-loader.component.html'
-})
-export class KvLoaderComponent {
-  public loading: Signal<number> = KvLoaderService.loading;
-}

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

@@ -1,17 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { NgxLoadingModule } from 'ngx-loading';
-
-import { KvLoaderComponent } from './kv-loader.component';
-
-@NgModule({
-  declarations: [KvLoaderComponent],
-  exports: [KvLoaderComponent],
-  imports: [
-    CommonModule,
-    NgxLoadingModule.forRoot({
-      fullScreenBackdrop: true
-    })
-  ]
-})
-export class KvLoaderModule { }

package/src/lib/components/kv-loader/kv-loader.service.ts

@@ -1,29 +0,0 @@
-import { Injectable, signal } from '@angular/core';
-import {
-  Observable,
-  finalize,
-} from 'rxjs';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class KvLoaderService {
-  public static loading = signal(0);
-
-  public static show() {
-    KvLoaderService.loading.update(x => x + 1);
-  }
-
-  public static hide() {
-    KvLoaderService.loading.update(x => x - 1);
-  }
-}
-
-export const loading = <T>(): (src: Observable<T>) => Observable<T> => {
-  return (src: Observable<T>) => {
-    KvLoaderService.show();
-    return src.pipe(finalize(() => {
-      KvLoaderService.hide();
-    }));
-  };
-};