keevo-components 1.8.495 → 1.8.496

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

@@ -31,29 +31,6 @@ import {
   transition,
   trigger,
 } from '@angular/animations';
-import { TopActionsModel } from '../top-icons/top-icons.component';
-import { link } from 'd3';
-import { MenuItem } from 'primeng/api';
-
-export interface LayoutMenuItem {
-  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;
-} 
-
-export interface PMenuItem{
-  label: string;
-  
-  items: PMenuItem[];
-}
 
 @Component({
   selector: 'kv-layout',
@@ -86,43 +63,6 @@ export class KvLayoutComponent implements OnInit, OnChanges {
 
   @Input() actions: { icon: string; label: string; action: () => void }[] = [];
 
-  topActions = input<TopActionsModel[]>([
-    {
-      icon: 'list-check',
-      tooltip: 'Tarefas',
-      numNotifications: 2,
-      action: () => {},
-    },
-    {
-      icon: 'bell',
-      tooltip: 'Notificações',
-      numNotifications: 0,
-      action: () => {},
-    },
-    {
-      icon: 'sparkles',
-      tooltip: 'Kiara',
-      numNotifications: 0,
-      action: () => {},
-    },
-    {
-      icon: 'message',
-      tooltip: 'Comunicador',
-      numNotifications: 3,
-      action: () => {},
-    },
-    {
-      icon: 'person',
-      tooltip: 'Meus Dados',
-      numNotifications: 0,
-      img: 'https://cdn.comunhao.com.br/wp-content/uploads/2022/09/27085403/alexandremoraes.jpg',
-      action: () => {
-        this.meusDadosPanel.show(event);
-      },
-    }
-  ]);
-
-
   @Input() breadCrumbItems: {
     label: string;
     routerLink: string;
@@ -135,27 +75,19 @@ export class KvLayoutComponent implements OnInit, OnChanges {
     idmasternome: string;
   }[] = [];
 
-  menus = model<LayoutMenuItem[]>([]);
-
-
-  menuPModels = computed<MenuItem[]>(() => {
-    const convertToMenuItem = (menu: LayoutMenuItem): MenuItem => ({
-      label: menu.descricaomenu,
-      id: menu.idmenu.toString(),
-      items: this.returnMenuChild(menu.idmenu).map(convertToMenuItem),
-      url: menu.link ?? undefined,
-    });
-
-    return this.menus().map(convertToMenuItem);
-  });
-
-  ver(x:any){
-    console.log(x)
-  }
-
-  returnMenuChilds = computed(() => (idmenu: number) => {
-    return this.menuPModels().filter((x: MenuItem) => Number(x.id) === idmenu);
-  });
+  @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);
 
@@ -172,7 +104,6 @@ export class KvLayoutComponent implements OnInit, OnChanges {
   @Input() showDropdownLicenca: boolean = true;
   @Input() showMenu: boolean = true;
   @Input() showTrocaEmpresa: boolean = false;
-  @Input() showBreadcrumb: boolean = true;
   @Input() userName: string = 'Usuário';
   @Input() masterName!: string;
   @Input() empresaName!: string;
@@ -208,6 +139,7 @@ export class KvLayoutComponent implements OnInit, OnChanges {
   }
 
   public accessKeePass(event: any) {
+    this.sistemasPanel.hide();
     this.accessKeePassEmit.emit(event);
   }
 
@@ -235,11 +167,11 @@ export class KvLayoutComponent implements OnInit, OnChanges {
   }
 
   public callRoute(e: any, expand?: boolean) {
-    console.log(e, expand)
-    if (!expand && !this.expandMenu() && this.showExpandMenu)
+
+    if (!expand && !this.expandMenu())
       this.expandMenu.update((currentValue: boolean) => !currentValue);
 
-    if (this.widthPage() != 0 && this.widthPage() < 800 && this.expandMenu() && this.showExpandMenu)
+    if (this.widthPage() != 0 && this.widthPage() < 800 && this.expandMenu())
       this.expandMenu.set(false);
 
     this.router.navigateByUrl(e);
@@ -263,6 +195,7 @@ export class KvLayoutComponent implements OnInit, OnChanges {
   }
 
   public logout(event: any) {
+    this.sistemasPanel.hide();
     this.logoutEmit.emit(event);
   }
 
@@ -271,7 +204,7 @@ export class KvLayoutComponent implements OnInit, OnChanges {
       if (this.router.url === '/') {
         // this.navigateToFirstMenu();
       } else {
-        const menuSelecionado = this.menus().find(
+        const menuSelecionado = this.menus.find(
           (menu: any) =>
             menu.link && menu.link.includes(this.router.url.slice(1))
         );
@@ -294,7 +227,7 @@ export class KvLayoutComponent implements OnInit, OnChanges {
   }
 
   private navigateToFirstMenu(): void {
-    const firstMenu = this.menus()[0];
+    const firstMenu = this.menus[0];
     if (firstMenu.indmenupai) {
       const filhos = this.returnMenuChild(firstMenu.idmenu);
       if (filhos) {
@@ -359,20 +292,18 @@ export class KvLayoutComponent implements OnInit, OnChanges {
 
     const paths = purePath![0];
 
-    this.menus.set(
-      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;
-      })
-    )
+    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) => {
+    const menu = this.menus.find((menu: any) => {
       return menu.link && paths.includes(menu.link!);
     });
 
@@ -380,10 +311,9 @@ export class KvLayoutComponent implements OnInit, OnChanges {
   }
 
   public returnMenuChild(idmenu: number) {
-    return this.menus().filter((x: any) => x.idmenupai == idmenu);
+    return this.menus.filter((x: any) => x.idmenupai == idmenu);
   }
 
-
   public selectApp(idaplicativo: number) {
     this.selectAppEmit.emit(idaplicativo);
   }
@@ -411,6 +341,4 @@ export class KvLayoutComponent implements OnInit, OnChanges {
   get exibirNomes() {
     return !this.showLicencas() && (this.masterName || this.empresaName);
   }
-
-
 }

package/src/lib/components/kv-pick-list/kv-pick-list.component.html

@@ -16,6 +16,8 @@
   (onMoveToTarget)="OnMoveToTarget($event)"
   (onMoveAllToSource)="OnMoveAllToSource($event)"
   (onMoveAllToTarget)="OnMoveAllToTarget($event)"
+  (onSourceSelect)="OnSourceSelect($event)"
+  (onTargetSelect)="OnTargetSelect($event)"
 >
   <ng-template  let-item pTemplate="item" *ngIf="itemTemplate">
       <div (click)="selectCheckBox(item)" class="flex mr-5">

package/src/lib/components/kv-pick-list/kv-pick-list.component.ts

@@ -52,6 +52,9 @@ export class KvPickListComponent implements OnInit {
   @Output() onMoveToTarget: EventEmitter<any> = new EventEmitter();
   @Output() onMoveAllToSource: EventEmitter<any> = new EventEmitter();
   @Output() onMoveAllToTarget: EventEmitter<any> = new EventEmitter();
+  @Output() onSourceSelect: EventEmitter<any> = new EventEmitter();
+  @Output() onTargetSelect: EventEmitter<any> = new EventEmitter();
+
   selectedPreview!: any;
   ngModel: boolean = false;
   selectedItems: { [key: number]: boolean } = {};
@@ -78,6 +81,14 @@ export class KvPickListComponent implements OnInit {
     this.selectedItems = {};
   }
 
+  OnSourceSelect(event: any) {
+    this.onSourceSelect.emit(event);
+  }
+
+  OnTargetSelect(event: any) {
+    this.onTargetSelect.emit(event);
+  }
+
   onSelectAll() {
     this.selectAllItems(true);
   }

package/src/public-api.ts

@@ -295,11 +295,4 @@ export * from './lib/components/kv-avatar/kv-avatar.module';
  * Card Selection
  */
 export * from './lib/components/kv-card-selection/kv-card-selection.component';
-export * from './lib/components/kv-card-selection/kv-card-selection.module';
-
-
-/**
- * Card Selection
- */
-export * from './lib/components/kv-icon/kv-icon.component';
-export * from './lib/components/kv-icon/kv-icon.module';
+export * from './lib/components/kv-card-selection/kv-card-selection.module';

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

@@ -1,15 +0,0 @@
-<div class="kv-icon" (click)="click($event)" [class.clickable]="clickable()" >
-    @if(img()){
-        <img
-            src="{{img()}}"
-        />
-    }
-    @else {
-        <i [class]="'ti ti-'+icon() "></i>
-    }
-    @if(numNotifications() > 0 ){
-        <div class="notification-badge" >
-            {{numNotifications()}}
-        </div>
-    }
-</div>

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

@@ -1,48 +0,0 @@
-.kv-icon {
-    position: relative;
-    display: inline-block;
-    font-size: 1.5rem; /* 24px to rem */
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    
-    .material-symbols-outlined {
-        font-size: inherit;
-        color: #333;
-    }
-    
-    .notification-badge {
-        position: absolute;
-        top: -0.25rem; /* -4px to rem */
-        right: -0.25rem; /* -4px to rem */
-        background-color: #f44336;
-        color: #fff;
-        font-size: 0.6rem; /* 12px to rem */
-        width: .9rem; /* 18px to rem */
-        height: .9rem; /* 18px to rem */
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 0;
-    }
-
-    img {
-        height: 2rem;
-        width: 2rem;
-        border-radius: 50%;
-        object-fit: cover;
-        object-position: center;
-    }
-}
-
-
-
-
-.clickable {
-    cursor: pointer;
-
-    &:hover {
-        text-shadow: 0 0 1px rgba(0, 0, 0);
-    }
-}

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

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

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

@@ -1,20 +0,0 @@
-import { Component, EventEmitter, input, output } from '@angular/core';
-
-@Component({
-  selector: 'kv-icon',
-  templateUrl: './kv-icon.component.html',
-  styleUrl: './kv-icon.component.scss'
-})
-export class KvIconComponent {
-  icon = input<string>();
-  numNotifications = input<number>(0);
-  onClick = output<EventEmitter<any>>();
-  img = input<string>();
-  clickable = input<boolean>(false);
-
-  click(e: any) {
-    if(this.clickable()){
-      this.onClick.emit(e);
-    }
-  }
-}

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

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { KvIconComponent } from './kv-icon.component';
-
-
-
-@NgModule({
-  declarations: [
-    KvIconComponent
-  ],
-  imports: [
-    CommonModule,
-  ],
-  exports: [
-    KvIconComponent
-  ]
-})
-export class KvIconModule { }

package/src/lib/components/kv-layout/top-icons/top-icons.component.html

@@ -1,14 +0,0 @@
-<div class="top-icons-container">
-    @for (item of topActions(); track $index) {
-
-            <kv-icon
-                [icon]="item.icon"
-                [numNotifications]="item.numNotifications||0"
-                [pTooltip]="item.tooltip"
-                [tooltipPosition]="'left'"
-                (onClick)="item.action()"
-                [img]="item.img"
-                [clickable]="true"
-            />
-    }
-</div>

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

@@ -1,7 +0,0 @@
-.top-icons-container{
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-end;
-    align-items: center;
-    gap: .8rem;
-}

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

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

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

@@ -1,25 +0,0 @@
-import { Component, input } from '@angular/core';
-import { KvIconComponent } from "../../kv-icon/kv-icon.component";
-import { TooltipModule } from 'primeng/tooltip';
-import { KvIconModule } from '../../kv-icon/kv-icon.module';
-
-export interface TopActionsModel {
-  icon?: string;
-  tooltip?: string;
-  numNotifications?: number;
-  img?: string;
-  action: () => void;
-}
-
-@Component({
-  selector: 'kv-top-icons',
-  standalone: true,
-  imports: [TooltipModule, KvIconModule],
-  templateUrl: './top-icons.component.html',
-  styleUrl: './top-icons.component.scss'
-})
-export class TopIconsComponent {
-
-  topActions = input<TopActionsModel[]>([]);
-
-}