fix: removed unused ItAbstractComponent from header and navbar

projects/design-angular-kit/src/lib/components/navigation/header/header.component.ts

@@ -1,24 +1,33 @@
-import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, SimpleChanges, ViewChild } from '@angular/core';
-import { ItAbstractComponent } from '../../../abstracts/abstract.component';
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  EventEmitter,
+  Input,
+  OnChanges,
+  Output,
+  SimpleChanges,
+  ViewChild,
+} from '@angular/core';
 import { NgIf } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 import { ItIconComponent } from '../../utils/icon/icon.component';
-import { ItNavBarModule } from '../../navigation/navbar/navbar.module';
+import { ItNavBarModule } from '../navbar/navbar.module';
 
 import { ItButtonDirective } from '../../core/button/button.directive';
 import { inputToBoolean } from '../../../utils/coercion';
-import { HeaderSticky, Sticky } from 'bootstrap-italia';
+import { HeaderSticky } from 'bootstrap-italia';
 
 @Component({
   standalone: true,
   selector: 'it-header',
   templateUrl: './header.component.html',
   styleUrls: ['./header.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [NgIf, TranslateModule, ItIconComponent, ItButtonDirective, ItNavBarModule]
+  imports: [NgIf, TranslateModule, ItIconComponent, ItButtonDirective, ItNavBarModule],
 })
-export class ItHeaderComponent extends ItAbstractComponent {
-
+export class ItHeaderComponent implements AfterViewInit, OnChanges {
   @Input({ transform: inputToBoolean }) light?: boolean;
 
   @Input({ transform: inputToBoolean }) sticky?: boolean;
@@ -41,36 +50,30 @@ export class ItHeaderComponent extends ItAbstractComponent {
 
   private stickyHeader?: HeaderSticky;
 
-
   constructor() {
-    super();
-
     this.loginClick = new EventEmitter<Event>();
     this.searchClick = new EventEmitter<Event>();
   }
 
-  override ngAfterViewInit() {
-    super.ngAfterViewInit();
-    this.updateListeners()
+  ngAfterViewInit() {
+    this.updateListeners();
   }
 
-  override ngOnChanges(changes: SimpleChanges): void {
+  ngOnChanges(changes: SimpleChanges): void {
     if (changes['sticky'] && changes['sticky'].currentValue == true && !changes['sticky'].firstChange) {
       this.updateListeners();
     }
-    if (changes['sticky'] && changes['sticky'].currentValue == false){
+    if (changes['sticky'] && changes['sticky'].currentValue == false) {
       this.stickyHeader?._elementObj?._unsetSticky();
-      this.stickyHeader?._elementObj?.dispose()
+      this.stickyHeader?._elementObj?.dispose();
       delete this.stickyHeader;
       this.stickyHeader = undefined;
     }
-    super.ngOnChanges(changes);
   }
 
   updateListeners() {
     if (!this.stickyHeader && this.headerWrapper && this.sticky) {
       this.stickyHeader = new HeaderSticky(this.headerWrapper.nativeElement);
     }
   }
-
 }

projects/design-angular-kit/src/lib/components/navigation/navbar/navbar-item/navbar-item.component.ts

@@ -1,5 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import { ItAbstractComponent } from '../../../../abstracts/abstract.component';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgIf } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 
@@ -9,12 +8,6 @@ import { TranslateModule } from '@ngx-translate/core';
   templateUrl: './navbar-item.component.html',
   styleUrls: ['./navbar-item.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [NgIf, TranslateModule]
+  imports: [NgIf, TranslateModule],
 })
-export class ItNavBarItemComponent extends ItAbstractComponent {
-
-  constructor() {
-    super();
-  }
-
-}
+export class ItNavBarItemComponent {}

projects/design-angular-kit/src/lib/components/navigation/navbar/navbar/navbar.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { ItAbstractComponent } from '../../../../abstracts/abstract.component';
 import { NgIf } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
@@ -14,30 +14,24 @@ import { NavBarCollapsible } from 'bootstrap-italia';
   templateUrl: './navbar.component.html',
   styleUrls: ['./navbar.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [NgIf, TranslateModule, ItIconComponent, ItButtonDirective]
+  imports: [NgIf, TranslateModule, ItIconComponent, ItButtonDirective],
 })
-export class ItNavBarComponent extends ItAbstractComponent {
-
-  private navbar?: NavBarCollapsible;
+export class ItNavBarComponent implements AfterViewInit {
   @Input({ transform: inputToBoolean }) megamenu?: boolean;
   @Input({ transform: inputToBoolean }) expand?: boolean = true;
+
   @ViewChild('collapseButton') private collapseButton?: ElementRef<HTMLButtonElement>;
   @ViewChild('collapseView') private collapseView?: ElementRef<HTMLButtonElement>;
 
+  private navbar?: NavBarCollapsible;
 
-  constructor() {
-    super();
-  }
-
-  override ngAfterViewInit() {
-    super.ngAfterViewInit();
+  ngAfterViewInit() {
     if (this.collapseButton && this.collapseView) {
       this.navbar = NavBarCollapsible.getOrCreateInstance(this.collapseView.nativeElement);
     }
   }
 
   toggleCollapse() {
-    this.navbar?.toggle(this.collapseButton?.nativeElement)
+    this.navbar?.toggle(this.collapseButton?.nativeElement);
   }
-
 }