spiderly 19.0.1 → 19.0.2

package/src/lib/components/base-form/base-form copy.ts

@@ -1,356 +0,0 @@
-import { BaseFormService } from './../../services/base-form.service';
-import {
-  ChangeDetectorRef,
-  Component,
-  KeyValueDiffer,
-  KeyValueDiffers,
-  OnInit,
-} from '@angular/core';
-import { SpiderlyFormArray, SpiderlyFormControl, SpiderlyFormGroup } from '../spiderly-form-control/spiderly-form-control';
-import { HttpClient } from '@angular/common/http';
-import { SpiderlyMessageService } from '../../services/spiderly-message.service';
-import { ActivatedRoute, Router } from '@angular/router';
-import { MenuItem } from 'primeng/api';
-import { getControl, getParentUrl } from '../../services/helper-functions';
-import { TranslocoService } from '@jsverse/transloco';
-import { BaseEntity } from '../../entities/base-entity';
-import { LastMenuIconIndexClicked } from '../../entities/last-menu-icon-index-clicked';
-
-@Component({
-    selector: 'base-form',
-    template: '',
-    styles: [],
-    standalone: false
-})
-export class BaseFormCopy implements OnInit { 
-  formGroup: SpiderlyFormGroup = new SpiderlyFormGroup({});
-  saveBody: any;
-  successfulSaveToastDescription: string = this.translocoService.translate('SuccessfulSaveToastDescription');
-  loading: boolean = true;
-
-  private modelDiffer: KeyValueDiffer<string, any>;
-
-  constructor(
-    protected differs: KeyValueDiffers, 
-    protected http: HttpClient, 
-    protected messageService: SpiderlyMessageService, 
-    protected changeDetectorRef: ChangeDetectorRef,
-    protected router: Router, 
-    protected route: ActivatedRoute,
-    protected translocoService: TranslocoService,
-    protected baseFormService: BaseFormService,
-  ) {
-  }
-
-  ngOnInit(){
-  }
-
-  //#region Model
-
-  initFormGroup = <T>(
-    formGroup: SpiderlyFormGroup<T>, 
-    parentFormGroup: SpiderlyFormGroup, 
-    modelConstructor: any, 
-    propertyNameInSaveBody: string,
-    updateOnChangeControls?: (keyof T)[]
-  ) => {
-    return this.baseFormService.addFormGroup(
-      formGroup, parentFormGroup, modelConstructor, propertyNameInSaveBody, updateOnChangeControls
-    );
-  }
-
-  createFormGroup = <T>(
-    formGroup: SpiderlyFormGroup<T>, 
-    modelConstructor: T & BaseEntity, 
-    updateOnChangeControls?: (keyof T)[]
-  ) => {
-    return this.baseFormService.initFormGroup(
-      formGroup, modelConstructor, updateOnChangeControls
-    );
-  }
-
-  control = <T extends BaseEntity>(formControlName: string & keyof T, formGroup: SpiderlyFormGroup<T>) => {
-    return getControl(formControlName, formGroup);
-  }
-
-  onSave = (reroute: boolean = true) => {
-    this.saveBody = this.formGroup.initSaveBody();
-    this.onBeforeSave(this.saveBody);
-
-    this.saveBody = this.saveBody ?? this.formGroup.getRawValue();
-
-    let isValid: boolean = this.areFormGroupsFromParentFormGroupValid();
-    let isFormArrayValid: boolean = this.areFormArraysValid();
-
-    if(isValid && isFormArrayValid){
-      this.formGroup.saveObservableMethod(this.saveBody).subscribe(res => {
-        this.messageService.successMessage(this.successfulSaveToastDescription);
-
-        Object.keys(res).forEach((key) => {
-          const formControl = this.formGroup.get(key);
-          
-          if (formControl) {
-            if (formControl instanceof SpiderlyFormArray) {
-              const formArray = formControl as SpiderlyFormArray;
-              if (res[key].length !== 0) {
-                formArray.clear();
-              }
-              else{
-                // FT: This is okay because when we have M2M association with additional fields, we will not give back the list because we are not checking version on the server.
-                // console.error(`You returned empty array for control: ${formArray.translationKey}.`);
-              }
-
-              res[key].forEach((model: any) => {
-                if (typeof model === 'object' && model !== null) {
-                  Object.assign(formArray.modelConstructor, model);
-                  let helperFormGroup = new SpiderlyFormGroup({});
-                  this.baseFormService.initFormGroup(helperFormGroup, formArray.modelConstructor)
-                  formArray.push(helperFormGroup);
-                } else {
-                  console.error('Can not add primitive form control inside form array.');
-                }
-              });
-
-            } else {
-              formControl.patchValue(res[key]);
-            }
-          }else{
-            // FT: It's okay to do this.
-            // console.error('You returned something that is not in the save DTO.');
-          }
-        });
-
-        if (reroute) {
-          const savedObjectId = (res as any)[this.formGroup.mainDTOName]?.id;
-          this.rerouteToSavedObject(savedObjectId); // You always need to have id, because of id == 0 and version change
-        }
-        
-        this.onAfterSave();
-      });
-      
-      this.onAfterSaveRequest();
-    }else{
-      this.baseFormService.showInvalidFieldsMessage();
-    }
-  }
-
-  rerouteToSavedObject = (rerouteId: number | string): void => {
-    if(rerouteId == null){
-      // console.error('You do not have rerouteId in your DTO.')
-      const currentUrl = this.router.url;
-      const parentUrl: string = getParentUrl(currentUrl);
-      this.router.navigateByUrl(parentUrl);
-      return;
-    }
-      
-    const segments = this.router.url.split('/');
-    segments[segments.length - 1] = rerouteId.toString();
-
-    const newUrl = segments.join('/');
-    this.router.navigateByUrl(newUrl);
-  }
-
-  onBeforeSave = (saveBody?: any) => {}
-  onAfterSave = () => {}
-  onAfterSaveRequest = () => {}
-
-  areFormGroupsFromParentFormGroupValid(): boolean {
-    if(this.formGroup.controls == null)
-      return true;
-
-    let invalid: boolean = false;
-
-    Object.keys(this.formGroup.controls).forEach(key => {
-      const formGroupOrControl = this.formGroup.controls[key];
-
-      if (formGroupOrControl instanceof SpiderlyFormGroup){
-        Object.keys(formGroupOrControl.controls).forEach(key => {
-          const formControl = formGroupOrControl.controls[key] as SpiderlyFormControl; // this.formArray.markAsDirty(); // FT: For some reason this doesnt work
-
-          if (formGroupOrControl.controlNamesFromHtml.includes(formControl.label) && formControl.invalid) {
-            formControl.markAsDirty();
-            invalid = true;
-          }
-        });
-      }
-      else if (formGroupOrControl instanceof SpiderlyFormControl){
-        if (formGroupOrControl.invalid) {
-          formGroupOrControl.markAsDirty();
-          invalid = true;
-        }
-      }
-
-    });
-
-    if (invalid) {
-      return false;
-    }
-
-    return true;
-  }
-
-  //#endregion
-
-  //#region Model List
-  
-  getFormArrayControlByIndex<T>(formControlName: keyof T & string, formArray: SpiderlyFormArray<T>, index: number, filter?: (formGroups: SpiderlyFormGroup<T>[]) => SpiderlyFormGroup<T>[]): SpiderlyFormControl {
-    if(formArray.controlNamesFromHtml.findIndex(x => x === formControlName) === -1)
-      formArray.controlNamesFromHtml.push(formControlName);
-
-    let filteredFormGroups: SpiderlyFormGroup<T>[];
-
-    if (filter) {
-      filteredFormGroups = filter(formArray.controls as SpiderlyFormGroup<T>[]);
-    }
-    else{
-      return (formArray.controls[index] as SpiderlyFormGroup<T>).controls[formControlName] as SpiderlyFormControl;
-    }
-
-    return filteredFormGroups[index]?.controls[formControlName] as SpiderlyFormControl; // FT: Don't change this. It's always possible that change detection occurs before something.
-  }
-
-  getFormArrayControls<T>(formControlName: keyof T & string, formArray: SpiderlyFormArray<T>, filter?: (formGroups: SpiderlyFormGroup<T>[]) => SpiderlyFormGroup<T>[]): SpiderlyFormControl[] {
-    if(formArray.controlNamesFromHtml.findIndex(x => x === formControlName) === -1)
-      formArray.controlNamesFromHtml.push(formControlName);
-
-    let filteredFormGroups: SpiderlyFormGroup<T>[];
-
-    if (filter) {
-      filteredFormGroups = filter(formArray.controls as SpiderlyFormGroup<T>[]);
-    }
-    else{
-      return (formArray.controls as SpiderlyFormGroup<T>[]).map(x => x.controls[formControlName] as SpiderlyFormControl);
-    }
-
-    return filteredFormGroups.map(x => x.controls[formControlName] as SpiderlyFormControl);
-  }
-
-  getFormArrayGroups<T>(formArray: SpiderlyFormArray<T>): SpiderlyFormGroup<T>[]{
-    return this.baseFormService.getFormArrayGroups(formArray);
-  }
-
-  addNewFormGroupToFormArray<T>(
-    formArray: SpiderlyFormArray<T>, 
-    modelConstructor: T & BaseEntity,
-    index: number,
-  ) : SpiderlyFormGroup {
-    return this.baseFormService.addNewFormGroupToFormArray(formArray, modelConstructor, index)
-  }
-
-  initFormArray<T>(
-    parentFormGroup: SpiderlyFormGroup, 
-    modelList: (T & BaseEntity)[], 
-    modelConstructor: T & BaseEntity, 
-    formArraySaveBodyName: string, 
-    formArrayTranslationKey: string, 
-    required: boolean = false)
-  {
-    return this.baseFormService.initFormArray<T>(
-      parentFormGroup, modelList, modelConstructor, formArraySaveBodyName, formArrayTranslationKey, required
-    );
-  }
-
-  removeFormControlFromTheFormArray(formArray: SpiderlyFormArray, index: number) {
-    if(index == null)
-      throw new Error('Can not pass null index.');
-
-    formArray.removeAt(index);
-  }
-
-  removeFormControlsFromTheFormArray(formArray: SpiderlyFormArray, indexes: number[]) {
-    // Sort indexes in descending order to avoid index shifts when removing controls
-    const sortedIndexes = indexes.sort((a, b) => b - a);
-
-    sortedIndexes.forEach(index => {
-      if (index >= 0 && index < formArray.length) {
-        formArray.removeAt(index);
-      }
-    });
-  }
-
-  areFormArraysValid(): boolean {
-    if(this.formGroup.controls == null)
-      return true;
-
-    let invalid: boolean = false;
-
-    Object.keys(this.formGroup.controls).forEach(key => {
-      const formArray = this.formGroup.controls[key] as unknown as SpiderlyFormArray;
-      
-      if (formArray instanceof SpiderlyFormArray){
-        (formArray.controls as SpiderlyFormGroup[]).forEach(formGroup => {
-          Object.keys(formGroup.controls).forEach(key => {
-            const formControl = formGroup.controls[key] as SpiderlyFormControl; // this.formArray.markAsDirty(); // FT: For some reason this doesn't work
-
-            if (
-              (formGroup.controlNamesFromHtml.includes(formControl.label) || formArray.controlNamesFromHtml.includes(formControl.label)) && 
-              formControl.invalid
-            ) {
-              formControl.markAsDirty();
-              invalid = true;
-            }
-          });
-        });
-
-        if (formArray.required == true && formArray.length == 0) {
-          invalid = true;
-          this.messageService.warningMessage(this.translocoService.translate('ListCanNotBeEmpty'));
-        }
-      }
-    });
-
-    if (invalid) {
-      return false;
-    }
-
-    return true;
-  }
-
-  onBeforeSaveList(){}
-  onAfterSaveList(){}
-  onAfterSaveListRequest(){}
-
-  // FT: Sending LastMenuIconIndexClicked class because of reference type
-  getCrudMenuForOrderedData = (
-    formArray: SpiderlyFormArray, 
-    modelConstructor: BaseEntity, 
-    lastMenuIconIndexClicked: LastMenuIconIndexClicked, 
-    adjustFormArrayManually: boolean = false
-  ): MenuItem[] => {
-    let crudMenuForOrderedData: MenuItem[] = [
-        {label: this.translocoService.translate('Remove'), icon: 'pi pi-minus', command: () => {
-          this.onBeforeRemove(formArray, modelConstructor, lastMenuIconIndexClicked.index);
-          if (adjustFormArrayManually === false) {
-            this.removeFormControlFromTheFormArray(formArray, lastMenuIconIndexClicked.index);
-          }
-        }},
-        {label: this.translocoService.translate('AddAbove'), icon: 'pi pi-arrow-up', command: () => {
-          this.onBeforeAddAbove(formArray, modelConstructor, lastMenuIconIndexClicked.index);
-          if (adjustFormArrayManually === false) {
-            this.baseFormService.addNewFormGroupToFormArray(
-              formArray, modelConstructor, lastMenuIconIndexClicked.index
-            );
-          }
-        }},
-        {label: this.translocoService.translate('AddBelow'), icon: 'pi pi-arrow-down', command: () => {
-          this.onBeforeAddBelow(formArray, modelConstructor, lastMenuIconIndexClicked.index);
-          if (adjustFormArrayManually === false) {
-            this.baseFormService.addNewFormGroupToFormArray(
-              formArray, modelConstructor, lastMenuIconIndexClicked.index + 1
-            );
-          }
-        }},
-    ];
-
-    return crudMenuForOrderedData;
-  }
-
-  onBeforeRemove = (formArray: SpiderlyFormArray, modelConstructor: any, lastMenuIconIndexClicked: number) => {}
-
-  onBeforeAddAbove = (formArray: SpiderlyFormArray, modelConstructor: any, lastMenuIconIndexClicked: number) => {}
-
-  onBeforeAddBelow = (formArray: SpiderlyFormArray, modelConstructor: any, lastMenuIconIndexClicked: number) => {}
-
-  //#endregion
-
-}

package/src/lib/components/card-skeleton/card-skeleton.component.html

@@ -1,8 +0,0 @@
-<div class="border-round border-1 surface-border p-4 surface-card" [style]="'height: ' + height + 'px;'">
-    <div [style]="'margin-bottom:' + titleMarginBottom + 'px; margin-top:' + titleMarginTop + 'px;'">
-        <p-skeleton width="160px" [height]="titleHeight + 'px'"></p-skeleton>
-    </div>
-    <div [style]="'height: ' + dataHeight + 'px;'">
-        <p-skeleton width="100%" height="100%"/>
-    </div>
-</div>

package/src/lib/components/card-skeleton/card-skeleton.component.ts

@@ -1,21 +0,0 @@
-import { Component, Input } from "@angular/core";
-import { SkeletonModule } from 'primeng/skeleton';
-
-@Component({
-    selector: 'card-skeleton',
-    templateUrl: './card-skeleton.component.html',
-    styles: [],
-    imports: [SkeletonModule]
-})
-export class CardSkeletonComponent {
-  @Input() height: number = 400;
-  titleHeight: number = 23;
-  dataHeight: number;
-  padding: number = 21;
-  titleMarginBottom: number = 14;
-  titleMarginTop: number = 4;
-
-  ngOnInit(){
-    this.dataHeight = this.height - (this.titleHeight + this.padding * 2 + this.titleMarginBottom + this.titleMarginTop)
-  }
-}

package/src/lib/components/footer/app.footer.component.ts

@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfigBaseService } from '../../services/config-base.service'
-
-@Component({
-    selector: 'footer',
-    templateUrl: './app.footer.component.html',
-    standalone: true
-})
-export class FooterComponent {
-    companyName: string = this.config.companyName;
-
-    constructor(
-        private config: ConfigBaseService
-    ) { 
-
-    }
-}

package/src/lib/components/footer/footer.component.html

@@ -1,3 +0,0 @@
-<div class="layout-footer">
-    <span class="font-medium ml-2">{{companyName}}</span>
-</div>

package/src/lib/components/footer/footer.component.ts

@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfigBaseService } from '../../services/config-base.service'
-
-@Component({
-    selector: 'footer',
-    templateUrl: './footer.component.html',
-    standalone: true
-})
-export class FooterComponent {
-    companyName: string = this.config.companyName;
-
-    constructor(
-        private config: ConfigBaseService
-    ) { 
-
-    }
-}

package/src/lib/components/index-card/index-card.component.html

@@ -1,15 +0,0 @@
-<div [ngClass]="{
-	'last-child-zero-margin': last,
-    'card-margin-bottom': true,
-	}">
-	<spiderly-panel [crudMenu]="crudMenu" [showCrudMenu]="showCrudMenu" (onMenuIconClick)="menuIconClick($event)" [showRemoveIcon]="showRemoveIcon" (onRemoveIconClick)="removeIconClick()" [index]="index">
-		<panel-header [title]="header" [index]="index" [showIcon]="false"></panel-header>
-		
-		<panel-body>
-			<ng-content>
-				<!-- Custom things below description -->
-			</ng-content>
-		</panel-body>
-		
-	</spiderly-panel>
-</div>

package/src/lib/components/index-card/index-card.component.ts

@@ -1,48 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-import { MenuItem } from 'primeng/api';
-import { SpiderlyPanelsModule } from "../spiderly-panels/spiderly-panels.module";
-import { PrimengModule } from '../../modules/primeng.module';
-
-@Component({
-    selector: 'index-card',
-    templateUrl: './index-card.component.html',
-    imports: [
-        CommonModule,
-        PrimengModule,
-        SpiderlyPanelsModule
-    ]
-})
-export class IndexCardComponent {
-    @Input() last: boolean;
-    @Input() index: number;
-    @Input() header: string = '';
-    @Input() description: string;
-    @Input() showRemoveIcon: boolean;
-    @Input() showCrudMenu: boolean = true;
-
-    @Input() crudMenu: MenuItem[];
-
-    @Output() onMenuIconClick = new EventEmitter<number>();
-    @Output() onRemoveIconClick = new EventEmitter<null>();
-    
-    constructor(
-        protected formBuilder: FormBuilder,
-    ) {
-
-    }
-
-    ngOnInit(){
-        // console.log(this.last);
-    }
-
-    menuIconClick(index: number){
-        this.onMenuIconClick.next(index);
-    }
-
-    removeIconClick(){
-        this.onRemoveIconClick.next(null);
-    }
-
-}

package/src/lib/components/info-card/info-card.component.html

@@ -1,18 +0,0 @@
-<div class="card responsive-card-padding" style="background-color: var(--p-primary-100); position: relative; overflow: hidden;">
-    <!-- TODO FT: Translate -->
-    <div style="display: flex; align-items: center; gap: 21px; position: relative; z-index: 2;">
-      <i class="pi pi-info-circle" style="font-size: 26px; color: var(--p-primary-color);"></i>
-      <div>
-          <div class="header" style="color:var(--p-primary-color); font-weight: 600; text-align: left;">
-              {{header}}
-          </div>
-          <div style="text-align: left; margin-top: 8px;">
-            <ng-content></ng-content>
-          </div>
-      </div>
-    </div>
-
-    <div class="card-overflow-icon" style="position: absolute; overflow: hidden; right: 8px; top: -25px; z-index: 1;">
-      <i class="pi pi-info-circle" style="font-size: 270px;"></i>
-    </div>
-  </div>

package/src/lib/components/info-card/info-card.component.ts

@@ -1,29 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-import { SpiderlyPanelsModule } from "../spiderly-panels/spiderly-panels.module";
-import { PrimengModule } from '../../modules/primeng.module';
-
-@Component({
-    selector: 'info-card',
-    templateUrl: './info-card.component.html',
-    imports: [
-        CommonModule,
-        PrimengModule,
-        SpiderlyPanelsModule
-    ]
-})
-export class InfoCardComponent {
-    @Input() public header: string = '';
-    @Input() public description: string;
-    
-    constructor(
-        protected formBuilder: FormBuilder,
-        ) {
-
-        }
-
-    ngOnInit(){
-    }
-
-}

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

@@ -1,140 +0,0 @@
-import { Component, OnDestroy, Renderer2, ViewChild } from '@angular/core';
-import { NavigationEnd, Router } from '@angular/router';
-import { filter, Subscription } from 'rxjs';
-import { AppSidebarComponent } from './sidebar/sidebar.component';
-import { AppTopBarComponent } from './topbar/topbar.component';
-import { LayoutBaseService } from '../../services/app-layout-base.service';
-
-@Component({
-    selector: 'layout-base',
-    template: '',
-    standalone: true
-})
-export class LayoutBaseComponent implements OnDestroy {
-
-    overlayMenuOpenSubscription: Subscription;
-
-    menuOutsideClickListener: any;
-
-    profileMenuOutsideClickListener: any;
-
-    @ViewChild(AppSidebarComponent) appSidebar!: AppSidebarComponent;
-
-    @ViewChild(AppTopBarComponent) appTopbar!: AppTopBarComponent;
-
-    constructor(
-        protected layoutService: LayoutBaseService, 
-        protected renderer: Renderer2, 
-        protected router: Router,
-    ) {
-        this.overlayMenuOpenSubscription = this.layoutService.overlayOpen$.subscribe(() => {
-            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) ||
-                        (event.target.closest('.p-autocomplete-items')) ||
-                        (event.target.closest('.p-autocomplete-clear-icon'))
-                    );
-                    
-                    if (isOutsideClicked) {
-                        this.hideMenu();
-                    }
-                });
-            }
-
-            if (!this.profileMenuOutsideClickListener) {
-                this.profileMenuOutsideClickListener = this.renderer.listen('document', 'click', event => {
-                    const isOutsideClicked = !(
-                        this.appTopbar.menu.nativeElement.isSameNode(event.target) || 
-                        this.appTopbar.menu.nativeElement.contains(event.target)
-                    );
-
-                    if (isOutsideClicked) {
-                        this.hideProfileMenu();
-                    }
-                });
-            }
-
-            if (this.layoutService.state.staticMenuMobileActive) {
-                this.blockBodyScroll();
-            }
-        });
-
-        this.router.events.pipe(filter(event => event instanceof NavigationEnd))
-            .subscribe(() => {
-                this.hideMenu();
-                this.hideProfileMenu();
-            });
-    }
-
-    hideMenu() {
-        this.layoutService.state.overlayMenuActive = false;
-        this.layoutService.state.staticMenuMobileActive = false;
-        this.layoutService.state.menuHoverActive = false;
-        if (this.menuOutsideClickListener) {
-            this.menuOutsideClickListener();
-            this.menuOutsideClickListener = null;
-        }
-        this.unblockBodyScroll();
-    }
-
-    hideProfileMenu() {
-        this.layoutService.state.profileSidebarVisible = false;
-        if (this.profileMenuOutsideClickListener) {
-            this.profileMenuOutsideClickListener();
-            this.profileMenuOutsideClickListener = null;
-        }
-    }
-
-    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'), ' ');
-        }
-    }
-
-    get containerClass() {
-        return {
-            'layout-theme-light': this.layoutService.layoutConfig.colorScheme === 'light',
-            'layout-theme-dark': this.layoutService.layoutConfig.colorScheme === 'dark',
-            'layout-overlay': this.layoutService.layoutConfig.menuMode === 'overlay',
-            'layout-static': this.layoutService.layoutConfig.menuMode === 'static',
-            'layout-static-inactive': this.layoutService.state.staticMenuDesktopInactive && this.layoutService.layoutConfig.menuMode === 'static',
-            'layout-overlay-active': this.layoutService.state.overlayMenuActive,
-            'layout-mobile-active': this.layoutService.state.staticMenuMobileActive,
-            'p-input-filled': this.layoutService.layoutConfig.inputStyle === 'filled',
-            'p-ripple-disabled': !this.layoutService.layoutConfig.ripple
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.overlayMenuOpenSubscription) {
-            this.overlayMenuOpenSubscription.unsubscribe();
-        }
-
-        if (this.menuOutsideClickListener) {
-            this.menuOutsideClickListener();
-        }
-
-        this.onAfterNgDestroy();
-    }
-
-    onAfterNgDestroy = () => {}
-    
-}
-