general-library-union 2.7.4 → 2.7.7

package/src/app/core/utilidades/color.util.ts

@@ -1,197 +0,0 @@
-export class ColorUtil {
-  /**
-   * Define las variables CSS del tema y las agrega al documento.
-   * Se definene 9 colores alternativos más el color principal.
-   * Adicional se agregan las componentes HSL del color para hacer
-   * variaciones personalizadas y ajustar la opacidad.
-   * @param color Color principal del tema
-   */
-  static addPalleteToRoot(color: string): void {
-    const head = (document.head || document.getElementsByTagName('head')[0]) as HTMLHeadElement;
-    const style = document.createElement('style') as HTMLStyleElement;
-    const { hue, saturation, lightness } = this.RGB2HSL(color);
-    const contrast = this.contrastColor(color) === 1 ? '--color-50' : '--color-900';
-
-    const intermediateColors = [50, 75, 85]
-    let index = 0;
-    const css =
-      ':root { ' +
-      this._generatePalette(color)
-        .map((color, position) => {
-          if(index < 100){
-            index = intermediateColors[position] ? intermediateColors[position] : 100;
-          } else {
-            index += 100;
-          }
-          return `--color-${index}: ${color};`;
-        })
-        .join('') +
-      `--color-h: ${hue};` +
-      `--color-s: ${saturation}%;` +
-      `--color-l: ${lightness}%;` +
-      `--color-contrast: var(${contrast});` +
-      '}';
-    style.type = 'text/css';
-    style.appendChild(document.createTextNode(css));
-    head.appendChild(style);
-  }
-
-  /**
-   * Mezcla dos colores en proporción a un porcentaje para obtener un
-   * nuevo color.
-   * @param baseColor Color base para mezclar
-   * @param color Color que se quiere mezclar
-   * @param weight Porcentaje que se quiere mezclar. Entre 0 y 1
-   * @returns Color resultante en formato RGB (#AABBCC)
-   */
-  static mix(baseColor: string, color: string, weight: number): string {
-    const newColor = [];
-    baseColor = this._normalizeColor(baseColor);
-    color = this._normalizeColor(color);
-
-    const rgbColorBase = this._getRGBValues(baseColor);
-    const rgbColorAdjust = this._getRGBValues(color);
-
-    ['red', 'green', 'blue'].forEach((part) => {
-      newColor.push(
-        Math.round(rgbColorAdjust[part] + (rgbColorBase[part] - rgbColorAdjust[part]) * weight)
-          .toString(16)
-          .padStart(2, '0')
-      );
-    });
-
-    return '#' + newColor.join('');
-  }
-
-  /**
-   * Aclara un color proporcionalmente.
-   * @param color Color base para modificar
-   * @param percent Porcentaje de blanco que se agrega
-   * @returns Nuevo color más claro
-   */
-  static tint(color: string, percent: number): string {
-    return this.mix('#fff', color, percent);
-  }
-
-  /**
-   * Oscurece un color proporcionalmente.
-   * @param color Color base para modificar
-   * @param percent  Porcentaje de negro que se agrega
-   * @returns Nuevo color más oscuro
-   */
-  static shade(color: string, percent: number): string {
-    return this.mix('#000', color, percent);
-  }
-
-  /**
-   * Transforma un color en RGB a su equivalente en formato HSL
-   * @param color Color en formato RGB
-   * @returns Arreglo de componentes HSL
-   */
-  static RGB2HSL(color: string): { hue: number; saturation: number; lightness: number } {
-    color = this._normalizeColor(color);
-
-    let { red, green, blue } = this._getRGBValues(color);
-    red /= 255;
-    green /= 255;
-    blue /= 255;
-
-    const max = Math.max(red, green, blue);
-    const min = Math.min(red, green, blue);
-
-    let hue = 0;
-    let saturation = 0;
-    let lightness = (max + min) / 2;
-
-    if (max != min) {
-      const delta = max - min;
-      saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min);
-      switch (max) {
-        case red:
-          hue = (green - blue) / delta + (green < blue ? 6 : 0);
-          break;
-        case green:
-          hue = (blue - red) / delta + 2;
-          break;
-        case blue:
-          hue = (red - green) / delta + 4;
-          break;
-      }
-      hue /= 6;
-    }
-
-    hue = Math.round(hue * 360);
-    saturation = Math.round(saturation * 100);
-    lightness = Math.round(lightness * 100);
-
-    return { hue, saturation, lightness };
-  }
-
-  /**
-   * Retorna 1 (blanco) o 0 (negro) para contrastar el color enviado.
-   * @param color Color del cual se quiere buscar el contraste
-   * @returns Blanco o Negro en RGB
-   */
-  static contrastColor(color: string): number {
-    color = this._normalizeColor(color);
-    const { red, green, blue } = this._getRGBValues(color);
-    return red * 0.299 + green * 0.587 + blue * 0.114 > 186 ? 0 : 1;
-  }
-
-  /**
-   * Valida que la cadena de texto represente un color RGB válido y
-   * retorna las componentes del color en formato de seis caracteres.
-   * @param color Color en formato RGB. Ejemplo: (#000)
-   * @returns String del color sin el simbolo #
-   */
-  private static _normalizeColor(color: string): string {
-    const rgbColor = color.match(/^#([0-9A-F]{3}|[0-9A-F]{6})$/i);
-    if (!rgbColor) {
-      throw new Error(`${color} is not a RGB color.`);
-    }
-
-    const colorParts = rgbColor[1].toLowerCase();
-    if (colorParts.length === 3) {
-      return colorParts.replace(/(.)/g, '$1$1');
-    }
-
-    return colorParts;
-  }
-
-  /**
-   * Transforma un color Hexadecimal a Decimal en sus respectivas
-   * comopnenetes.
-   * @param color Color en Hecadecimal para descomponer
-   * @returns Un objeto {red, green, blue} en decimal
-   */
-  private static _getRGBValues(color: string): { red: number; green: number; blue: number } {
-    const red = parseInt(color.slice(0, 2), 16);
-    const green = parseInt(color.slice(2, 4), 16);
-    const blue = parseInt(color.slice(4, 6), 16);
-    return { red, green, blue };
-  }
-
-  /**
-   * Define una paleta de 10 colores, 5 más claros y 4 más oscuros basados
-   * en el color principal. El color principal será el color medio de la paleta
-   * @param color Color base para definir los demás colores
-   * @returns Arreglo de todos los colores de la paleta
-   */
-  private static _generatePalette(color: string): string[] {
-    const palette = [];
-    for (let i = 0; i < 5; i++) {
-      if(i === 0) {
-        palette.push(this.tint(color, (5 - i) * 0.19));
-        palette.push(this.tint(color, (4.8 - i) * 0.19));
-        palette.push(this.tint(color, (4.55 - i) * 0.19));
-      } else {
-        palette.push(this.tint(color, (5 - i) * 0.19));
-      }
-    }
-    palette.push(color);
-    for (let i = 1; i < 5; i++) {
-      palette.push(this.shade(color, i * 0.15));
-    }
-    return palette;
-  }
-}

package/src/app/layout/app.breadcrumb.component.html

@@ -1,20 +0,0 @@
-<div class="layout-breadcrumb-container">
-  <nav class="layout-breadcrumb">
-      <ol>
-          <!-- <li><i class="pi pi-home"></i></li>
-          <ng-template ngFor let-item let-last="last" [ngForOf]="breadcrumbs$ | async">
-              <li><i class="pi pi-angle-right"></i></li>
-              <li><span>{{item.label}}</span></li>
-          </ng-template> -->
-          <p-breadcrumb [model]="items" [home]="home" styleClass="layout-breadcrumb pl-4 py-2"></p-breadcrumb>
-          <div class="layout-breadcrumb-buttons flex align-items-center pr-3">
-            <!-- <button pButton pRipple type="button" icon="pi pi-power-off" class="p-button-rounded p-button-text p-button-plain mr-1"></button> -->
-          </div>
-      </ol>
-  </nav>
-  <!-- <div class="layout-breadcrumb-buttons">
-      <button pButton pRipple type="button" icon="pi pi-cloud-upload" class="p-button-rounded p-button-text p-button-plain"></button>
-      <button pButton pRipple type="button" icon="pi pi-bookmark" class="p-button-rounded p-button-text p-button-plain"></button>
-      <button pButton pRipple type="button" icon="pi pi-power-off" class="p-button-rounded p-button-text p-button-plain"></button>
-  </div> -->
-</div>

package/src/app/layout/app.breadcrumb.component.ts

@@ -1,78 +0,0 @@
-import { Component, OnDestroy, OnInit, ChangeDetectorRef } from '@angular/core';
-import { ActivatedRouteSnapshot, NavigationEnd, Router } from '@angular/router';
-import { MenuItem } from 'primeng/api';
-import { BehaviorSubject, Subscription } from 'rxjs';
-import { filter } from 'rxjs/operators';
-import { MenuService } from '../core/servicios/menu.service';
-import { UtilsService } from '../core/servicios/utils.service';
-import { BreadcrumbModule } from 'primeng/breadcrumb';
-
-interface Breadcrumb {
-    label: string;
-    url?: string;
-}
-
-@Component({
-    selector: 'app-breadcrumb',
-    imports: [BreadcrumbModule],
-    standalone: true,
-    templateUrl: './app.breadcrumb.component.html'
-})
-export class AppBreadcrumbComponent implements OnInit, OnDestroy {
-  private subscription = new Subscription();
-  items: MenuItem[] = [];
-  home: MenuItem;
-
-  private readonly _breadcrumbs$ = new BehaviorSubject<Breadcrumb[]>([]);
-  readonly breadcrumbs$ = this._breadcrumbs$.asObservable();
-
-  constructor(
-    private router: Router,
-    private menuService: MenuService,
-    private utilsService: UtilsService,
-    private cd: ChangeDetectorRef // Importando ChangeDetectorRef
-  ) {
-    this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => {
-      const root = this.router.routerState.snapshot.root;
-      const breadcrumbs: Breadcrumb[] = [];
-      this.addBreadcrumb(root, [], breadcrumbs);
-      this._breadcrumbs$.next(breadcrumbs);
-      this.cd.detectChanges(); // Marcando para detección de cambios
-    });
-  }
-
-  ngOnInit(): void {
-    this.subscription.add(
-      this.menuService.breadcrumb.subscribe(items => {
-        this.items = items;
-        this.cd.detectChanges(); // Marcando para detección de cambios
-      })
-    );
-    if (window.location.href.toString().includes('admonPortal')) {
-      this.home = { icon: 'pi pi-home', routerLink: '/'+ this.utilsService.obtenerBase() + '/admonPortal/inicio' };
-    } else {
-      this.home = { icon: 'pi pi-home', routerLink: '/'+ this.utilsService.obtenerBase() + '/inicio' };
-    }
-  }
-
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-
-  private addBreadcrumb(route: ActivatedRouteSnapshot, parentUrl: string[], breadcrumbs: Breadcrumb[]) {
-    const routeUrl = parentUrl.concat(route.url.map(url => url.path));
-    const breadcrumb = route.data['breadcrumb'];
-    const parentBreadcrumb = route.parent && route.parent.data ? route.parent.data['breadcrumb'] : null;
-
-    if (breadcrumb && breadcrumb !== parentBreadcrumb) {
-      breadcrumbs.push({
-        label: route.data['breadcrumb'],
-        url: '/' + routeUrl.join('/'),
-      });
-    }
-
-    if (route.firstChild) {
-      this.addBreadcrumb(route.firstChild, routeUrl, breadcrumbs);
-    }
-  }
-}

package/src/app/layout/app.footer.component.html

@@ -1,18 +0,0 @@
-<div class="layout-footer">
-  <img id="footer-logo" [id]="'logoImg'" [src]="'assets/images/logo-union-simple.png'" alt="ultima-footer-logo" />
-  <img id="footer-logo" [id]="'logoName'" [src]=" 'assets/images/texto-union-soluciones.png'" alt="ultima-footer-logo" />
-  <button
-    pButton
-    pRipple
-    type="button"
-    icon="pi pi-facebook fs-large"
-    class="p-button-rounded p-button-text p-button-plain ml-auto mr-2"
-  ></button>
-  <button
-    pButton
-    pRipple
-    type="button"
-    icon="pi pi-twitter fs-large"
-    class="p-button-rounded p-button-text p-button-plain mr-2"
-  ></button>
-</div>

package/src/app/layout/app.footer.component.ts

@@ -1,15 +0,0 @@
-import {Component} from '@angular/core';
-import { GeneralPipe } from '../webcommon/pipes/general.pipe';
-import { LayoutService } from './service/app.layout.service';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'app-footer',
-    imports: [ButtonModule],
-    standalone: true,
-    templateUrl: './app.footer.component.html'
-})
-export class AppFooterComponent {
-
-    constructor(public layoutService: LayoutService ) {}
-}

package/src/app/layout/app.layout.component.html

@@ -1,20 +0,0 @@
-<div class="layout-container" [ngClass]="containerClass">
-
-  <app-topbar *ngIf="!autoServicio"></app-topbar>
-  <app-rightmenu *ngIf="!autoServicio"></app-rightmenu>
-  <app-sidebar *ngIf="!autoServicio"></app-sidebar>
-
-  <div class="layout-content-wrapper">
-      <app-breadcrumb *ngIf="!autoServicio"></app-breadcrumb>
-
-      <div class="layout-content">
-          <router-outlet></router-outlet>
-      </div>
-
-      <app-footer *ngIf="!autoServicio"></app-footer>
-  </div>
-  <!-- Se esconde el modulo de configuracion -->
-  <!-- <app-config></app-config> -->
-
-  <div *ngIf="layoutService.state.staticMenuMobileActive" class="layout-mask"></div>
-</div>

package/src/app/layout/app.layout.component.ts

@@ -1,201 +0,0 @@
-import { ChangeDetectorRef, Component, OnDestroy, Renderer2, ViewChild } from '@angular/core';
-import { NavigationEnd, Router, RouterModule, RouterOutlet } from '@angular/router';
-import { filter, Subscription } from 'rxjs';
-import { MenuService } from './app.menu.service';
-import { AppSidebarComponent } from './app.sidebar.component';
-import { AppTopbarComponent } from './app.topbar.component';
-import { LayoutService } from './service/app.layout.service';
-import { AuthService } from '../core/servicios/auth.service';
-import { AppFooterComponent } from './app.footer.component';
-import { AppRightMenuComponent } from './app.rightmenu.component';
-import { AppBreadcrumbComponent } from './app.breadcrumb.component';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'app-layout',
-    standalone: true,
-    imports: [RouterOutlet, RouterModule, AppFooterComponent, AppTopbarComponent, AppRightMenuComponent, AppSidebarComponent, AppBreadcrumbComponent, FormsModule, CommonModule,],
-    templateUrl: './app.layout.component.html'
-})
-export class AppLayoutComponent implements OnDestroy {
-
-    overlayMenuOpenSubscription: Subscription;
-
-    topbarMenuOpenSubscription: Subscription;
-
-    menuProfileOpenSubscription: Subscription;
-
-    menuOutsideClickListener: any;
-
-    menuScrollListener: any;
-
-    topbarMenuOutsideClickListener: any;
-
-    menuProfileOutsideClickListener: any;
-
-    @ViewChild(AppSidebarComponent) appSidebar!: AppSidebarComponent;
-
-    @ViewChild(AppTopbarComponent) appTopbar!: AppTopbarComponent;
-
-    autoServicio: boolean = false;
-
-    constructor(private menuService: MenuService, public layoutService: LayoutService, public renderer: Renderer2, public router: Router, private cd: ChangeDetectorRef, private authService: AuthService) {
-        this.autoServicio = (authService.getTokenKey('aplicacion') == '10')
-        this.hideMenuProfile();
-        
-        this.overlayMenuOpenSubscription = this.layoutService.overlayOpen$.subscribe(() => {
-            this.hideTopbarMenu();
-            
-            if (!this.menuOutsideClickListener) {
-                this.menuOutsideClickListener = this.renderer.listen('document', 'click', event => {
-                    const isOutsideClicked = !(this.appSidebar.el.nativeElement.isSameNode(event.target) || this.appSidebar.el.nativeElement.contains(event.target)
-                        || this.appTopbar.menuButton.nativeElement.isSameNode(event.target) || this.appTopbar.menuButton.nativeElement.contains(event.target));
-                    if (isOutsideClicked) {
-                        this.hideMenu();
-                    }
-                });
-            }
-
-            if ((this.layoutService.isHorizontal() || this.layoutService.isSlim()|| this.layoutService.isSlimPlus()) && !this.menuScrollListener) {
-                this.menuScrollListener = this.renderer.listen(this.appSidebar.menuContainer.nativeElement, 'scroll', event => {
-                    if (this.layoutService.isDesktop()) {
-                        this.hideMenu();
-                    }
-                });
-            }
-
-            if (this.layoutService.state.staticMenuMobileActive) {
-                this.blockBodyScroll();
-            }
-        });
-
-        this.topbarMenuOpenSubscription = this.layoutService.topbarMenuOpen$.subscribe(() => {
-            if (!this.topbarMenuOutsideClickListener) {
-                this.topbarMenuOutsideClickListener = this.renderer.listen('document', 'click', event => {
-                    const isOutsideClicked = !(this.appTopbar.el.nativeElement.isSameNode(event.target) || this.appTopbar.el.nativeElement.contains(event.target)
-                        || this.appTopbar.mobileMenuButton.nativeElement.isSameNode(event.target) || this.appTopbar.mobileMenuButton.nativeElement.contains(event.target));
-                    if (isOutsideClicked) {
-                        this.hideTopbarMenu();
-                    }
-                });
-            }
-
-            if (this.layoutService.state.staticMenuMobileActive) {
-                this.blockBodyScroll();
-            }
-        });
-
-        this.menuProfileOpenSubscription = this.layoutService.menuProfileOpen$.subscribe(() => {
-            this.hideMenu();
-
-            if (!this.menuProfileOutsideClickListener) {
-                this.menuProfileOutsideClickListener = this.renderer.listen('document', 'click', event => {
-                    const isOutsideClicked = !(this.appSidebar.menuProfile.el.nativeElement.isSameNode(event.target) || this.appSidebar.menuProfile.el.nativeElement.contains(event.target));
-                    if (isOutsideClicked) {
-                        this.hideMenuProfile();
-                    }
-                });
-            }
-        });
-
-        this.router.events.pipe(filter(event => event instanceof NavigationEnd))
-            .subscribe(() => {
-                this.hideMenu();
-                this.hideTopbarMenu();
-                this.hideMenuProfile();
-            });
-    }
-
-    blockBodyScroll(): void {
-        if (document.body.classList) {
-            document.body.classList.add('blocked-scroll');
-        }
-        else {
-            document.body.className += ' blocked-scroll';
-        }
-    }
-
-    unblockBodyScroll(): void {
-        if (document.body.classList) {
-            document.body.classList.remove('blocked-scroll');
-        }
-        else {
-            document.body.className = document.body.className.replace(new RegExp('(^|\\b)' +
-                'blocked-scroll'.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
-        }
-    }
-
-    hideMenu() {
-        this.layoutService.state.overlayMenuActive = false;
-        this.layoutService.state.staticMenuMobileActive = false;
-        this.layoutService.state.menuHoverActive = false;
-        this.menuService.reset();
-        
-        if (this.menuOutsideClickListener) {
-            this.menuOutsideClickListener();
-            this.menuOutsideClickListener = null;
-        }
-
-        if (this.menuScrollListener) {
-            this.menuScrollListener();
-            this.menuScrollListener = null;
-        }
-        this.unblockBodyScroll();
-    }
-
-    hideTopbarMenu() {
-        this.layoutService.state.topbarMenuActive = false;
-        
-        if (this.topbarMenuOutsideClickListener) {
-            this.topbarMenuOutsideClickListener();
-            this.topbarMenuOutsideClickListener = null;
-        }
-    }
-
-    hideMenuProfile() {
-        this.layoutService.state.menuProfileActive = false;
-        
-        if (this.menuProfileOutsideClickListener) {
-            this.menuProfileOutsideClickListener();
-            this.menuProfileOutsideClickListener = null;
-        }
-    }
-
-    get containerClass() {
-        let styleClass: {[key: string]: any} = {
-            'layout-overlay': this.layoutService.config.menuMode === 'overlay',
-            'layout-static': this.layoutService.config.menuMode === 'static',
-            'layout-slim': this.layoutService.config.menuMode === 'slim',
-            'layout-slim-plus': this.layoutService.config.menuMode === 'slim-plus',
-            'layout-horizontal': this.layoutService.config.menuMode === 'horizontal',
-            'layout-reveal': this.layoutService.config.menuMode === 'reveal',
-            'layout-drawer': this.layoutService.config.menuMode === 'drawer',
-            'p-input-filled': this.layoutService.config.inputStyle === 'filled',
-            'p-ripple-disabled': !this.layoutService.config.ripple,
-            'layout-static-inactive': this.layoutService.state.staticMenuDesktopInactive && this.layoutService.config.menuMode === 'static',
-            'layout-overlay-active': this.layoutService.state.overlayMenuActive,
-            'layout-mobile-active': this.layoutService.state.staticMenuMobileActive,
-            'layout-topbar-menu-active': this.layoutService.state.topbarMenuActive,
-            'layout-menu-profile-active': this.layoutService.state.menuProfileActive,
-            'layout-sidebar-active': this.layoutService.state.sidebarActive,
-            'layout-sidebar-anchored': this.layoutService.state.anchored
-        };
-
-        styleClass['layout-topbar-' + this.layoutService.config.topbarTheme] = true;
-        styleClass['layout-menu-' + this.layoutService.config.menuTheme] = true;
-        styleClass['layout-menu-profile-' + this.layoutService.config.menuProfilePosition] = true;
-        return styleClass;
-    }
-
-    ngOnDestroy() {
-        if (this.overlayMenuOpenSubscription) {
-            this.overlayMenuOpenSubscription.unsubscribe();
-        }
-
-        if (this.menuOutsideClickListener) {
-            this.menuOutsideClickListener();
-        }
-    }
-
-}

package/src/app/layout/app.layout.module.ts

@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-
-@NgModule({
-  declarations: [
-  ],
-  imports: [
-  ]
-})
-export class AppLayoutModule { }

package/src/app/layout/app.menu.component.html

@@ -1,6 +0,0 @@
-<ul class="layout-menu">
-    <ng-container *ngFor="let item of model; let i = index;">
-        <li app-menuitem *ngIf="!item.separator" [item]="item" [index]="i" [root]="true"></li>
-        <li *ngIf="item.separator" class="menu-separator"></li>
-    </ng-container>
-</ul>

package/src/app/layout/app.menu.component.ts

@@ -1,51 +0,0 @@
-import { OnInit } from '@angular/core';
-import { Component } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Subscription } from 'rxjs';
-import { MenuService } from '../core/servicios/menu.service';
-import { UtilsService } from '../core/servicios/utils.service';
-import { CommonModule } from '@angular/common';
-import { AppMenuitemComponent } from './app.menuitem.component';
-
-@Component({
-    selector: 'app-menu',
-    imports: [CommonModule, AppMenuitemComponent],
-    standalone: true,
-    templateUrl: './app.menu.component.html'
-})
-export class AppMenuComponent implements OnInit {
-  subcription: Subscription;
-  model: MenuItem[]
-
-  /**
-   *
-   */
-  constructor(private menuService: MenuService, private utilsService: UtilsService) {
-  }
-
-    ngOnInit() {
-      if (window.location.href.toString().includes('admonPortal')) {
-        this.model = [{
-          label: "Inicio",
-          icon: "pi pi-home",
-          routerLink: this.utilsService.obtenerBase() + "/admonPortal/inicio",
-          visible: true,
-          items: [],
-        }];
-      } else {
-        this.model = [{
-          label: "Inicio",
-          icon: "pi pi-home",
-          routerLink: this.utilsService.obtenerBase() + "/inicio",
-          visible: true,
-          items: [],
-        }];
-      }
-      
-        this.subcription = this.menuService.menu.subscribe((menu) => {
-          this.model[0].label = menu.label;
-          this.model[0].items = menu.items;
-        });
-    }
-}
-

package/src/app/layout/app.menu.service.ts

@@ -1,23 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { MenuChangeEvent } from './api/menuchangeevent';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class MenuService {
-
-    private menuSource = new Subject<MenuChangeEvent>();
-    private resetSource = new Subject();
-
-    menuSource$ = this.menuSource.asObservable();
-    resetSource$ = this.resetSource.asObservable();
-
-    onMenuStateChange(event: MenuChangeEvent) {
-        this.menuSource.next(event);
-    }
-
-    reset() {
-        this.resetSource.next(true);
-    }
-}