chore: minor cleanups

xidedix · xidedix · commit 568d77cf4d63 · 2025-03-28T15:26:15.000+01:00
diff --git a/projects/coreui-angular/src/lib/aside/app-aside.component.ts b/projects/coreui-angular/src/lib/aside/app-aside.component.ts
@@ -5,7 +5,7 @@ import { asideMenuCssClasses } from '../shared';
 
 @Component({
   selector: 'app-aside, cui-aside',
-  template: `<ng-content></ng-content>`,
+  template: `<ng-content />`,
   standalone: true
 })
 export class AppAsideComponent implements OnInit, OnDestroy {
diff --git a/projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.component.ts b/projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.component.ts
@@ -1,14 +1,14 @@
 import { Component, ElementRef, Inject, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { DOCUMENT, NgClass, NgIf } from '@angular/common';
+import {AsyncPipe, DOCUMENT, NgClass, NgForOf, NgIf} from '@angular/common';
 
 import { AppBreadcrumbService } from './app-breadcrumb.service';
 import { Replace } from '../shared';
 import { Observable } from 'rxjs';
 import { RouterLink } from '@angular/router';
 
 @Component({
-  selector: 'app-breadcrumb',
-  template: `
+    selector: 'app-breadcrumb',
+    template: `
     <ng-template ngFor let-breadcrumb [ngForOf]="breadcrumbs | async" let-last = last>
       <li class="breadcrumb-item"
           *ngIf="breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)"
@@ -18,8 +18,7 @@ import { RouterLink } from '@angular/router';
       </li>
     </ng-template>
   `,
-  standalone: true,
-  imports: [NgIf, NgClass, RouterLink]
+  imports: [NgIf, NgClass, RouterLink, NgForOf, AsyncPipe]
 })
 export class AppBreadcrumbComponent implements OnInit, OnDestroy {
   @Input() fixed?: boolean;
diff --git a/projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.html b/projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.html
@@ -7,5 +7,5 @@
       <span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
     </li>
   </ng-template>
-  <ng-content></ng-content>
+  <ng-content />
 </ol>
diff --git a/projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.ts b/projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.ts
@@ -6,11 +6,10 @@ import { Observable } from 'rxjs';
 import { AppBreadcrumbService } from './app-breadcrumb.service';
 
 @Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'cui-breadcrumb',
-  templateUrl: './cui-breadcrumb.component.html',
-  standalone: true,
-  imports: [NgIf, NgClass, RouterLink, AsyncPipe, NgForOf]
+    // tslint:disable-next-line:component-selector
+    selector: 'cui-breadcrumb',
+    templateUrl: './cui-breadcrumb.component.html',
+    imports: [NgIf, NgClass, RouterLink, AsyncPipe, NgForOf]
 })
 export class CuiBreadcrumbComponent implements OnInit, OnDestroy {
   @Input() fixed?: boolean;
diff --git a/projects/coreui-angular/src/lib/footer/app-footer.component.ts b/projects/coreui-angular/src/lib/footer/app-footer.component.ts
@@ -3,7 +3,7 @@ import { DOCUMENT } from '@angular/common';
 
 @Component({
   selector: 'app-footer, cui-footer',
-  template: `<ng-content></ng-content>`,
+  template: `<ng-content />`,
   standalone: true
 })
 export class AppFooterComponent implements OnInit, OnDestroy {
diff --git a/projects/coreui-angular/src/lib/header/app-header.component.html b/projects/coreui-angular/src/lib/header/app-header.component.html
@@ -25,7 +25,7 @@
     <span class="navbar-toggler-icon"></span>
   </button>
 </ng-template>
-<ng-content></ng-content>
+<ng-content />
 <ng-template [ngIf]="asideMenuToggler != false">
   <button class="navbar-toggler {{asideTogglerClass}}" type="button" [appAsideMenuToggler]="asideMenuToggler">
     <span class="navbar-toggler-icon"></span>
diff --git a/projects/coreui-angular/src/lib/sidebar/app-sidebar-footer.component.ts b/projects/coreui-angular/src/lib/sidebar/app-sidebar-footer.component.ts
@@ -2,7 +2,7 @@ import { Component, HostBinding } from '@angular/core';
 
 @Component({
   selector: 'app-sidebar-footer, cui-sidebar-footer',
-  template: `<ng-content></ng-content>`,
+  template: `<ng-content />`,
   standalone: true
 })
 export class AppSidebarFooterComponent {
diff --git a/projects/coreui-angular/src/lib/sidebar/app-sidebar-form.component.ts b/projects/coreui-angular/src/lib/sidebar/app-sidebar-form.component.ts
@@ -2,12 +2,11 @@ import { Component, HostBinding } from '@angular/core';
 
 @Component({
   selector: 'app-sidebar-form, cui-sidebar-form',
-  template: `<ng-content></ng-content>`,
+  template: `<ng-content />`,
   standalone: true
 })
 export class AppSidebarFormComponent {
 
   @HostBinding('class.sidebar-form') sidebarFormClass = true;
 
-  constructor() { }
 }
diff --git a/projects/coreui-angular/src/lib/sidebar/app-sidebar-header.component.ts b/projects/coreui-angular/src/lib/sidebar/app-sidebar-header.component.ts
@@ -2,12 +2,10 @@ import { Component, HostBinding } from '@angular/core';
 
 @Component({
   selector: 'app-sidebar-header, cui-sidebar-header',
-  template: `<ng-content></ng-content>`,
+  template: `<ng-content />`,
   standalone: true
 })
 export class AppSidebarHeaderComponent {
 
   @HostBinding('class.sidebar-header') sidebarHeaderClass = true;
-
-  constructor() { }
 }
diff --git a/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav.service.ts b/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav.service.ts
@@ -1,8 +1,6 @@
 import { Injectable } from '@angular/core';
-import { RouterTestingModule } from '@angular/router/testing';
 
 import { INavData } from './app-sidebar-nav';
-import { Router } from '@angular/router';
 
 @Injectable()
 export abstract class SidebarNavService {
diff --git a/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-divider.component.ts b/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-divider.component.ts
@@ -8,6 +8,4 @@ import { INavData } from '../app-sidebar-nav';
 })
 export class AppSidebarNavDividerComponent {
   @Input() item?: INavData;
-
-  constructor() { }
 }
diff --git a/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-items.component.ts b/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-items.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject, Input, Renderer2, forwardRef } from '@angular/core';
-import { Router } from '@angular/router';
+import {Router, RouterLinkActive} from '@angular/router';
 import { DOCUMENT, NgClass, NgFor, NgIf, NgSwitch, NgSwitchCase, NgSwitchDefault } from '@angular/common';
 
 import { SidebarNavHelper } from '../app-sidebar-nav.service';
@@ -19,8 +19,8 @@ import { NavDropdownToggleDirective, NavDropdownDirective } from '../app-sidebar
 export abstract class DropdownToken { }
 
 @Component({
-  selector: 'app-sidebar-nav-items, cui-sidebar-nav-items',
-  template: `
+    selector: 'app-sidebar-nav-items, cui-sidebar-nav-items',
+    template: `
     <ng-container *ngFor="let item of items">
       <ng-container [ngSwitch]="helper.itemType(item)">
         <app-sidebar-nav-dropdown
@@ -78,9 +78,9 @@ export abstract class DropdownToken { }
     AppSidebarNavLabelComponent,
     AppSidebarNavTitleComponent,
     AppSidebarNavDividerComponent,
-    NavDropdownToggleDirective,
-    NavDropdownDirective
-  ],
+    NavDropdownDirective,
+    RouterLinkActive
+  ]
 })
 export class AppSidebarNavItemsComponent {
 
@@ -98,7 +98,7 @@ export class AppSidebarNavItemsComponent {
     @Inject(DOCUMENT) private document: Document,
     private renderer: Renderer2,
     public router: Router,
-    public helper: SidebarNavHelper, 
+    public helper: SidebarNavHelper,
 
   ) { }
 
@@ -110,8 +110,8 @@ export class AppSidebarNavItemsComponent {
 }
 
 @Component({
-  selector: 'app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown',
-  template: `
+    selector: 'app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown',
+    template: `
     <a class="nav-link nav-dropdown-toggle"
        appNavDropdownToggle
        [appHtmlAttr]="item.attributes">
diff --git a/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.html b/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.html
@@ -3,15 +3,15 @@
      [ngClass]="item | appSidebarNavLink"
      [appHtmlAttr]="item.attributes"
   >
-    <app-sidebar-nav-link-content [item]="item"></app-sidebar-nav-link-content>
+    <app-sidebar-nav-link-content [item]="item" />
   </a>
   <a *ngSwitchCase="'external'"
      [ngClass]="item | appSidebarNavLink"
      [href]="href"
      [appHtmlAttr]="item.attributes"
      (click)="linkClicked()"
   >
-    <app-sidebar-nav-link-content [item]="item"></app-sidebar-nav-link-content>
+    <app-sidebar-nav-link-content [item]="item" />
   </a>
   <a *ngSwitchDefault
      [ngClass]="item | appSidebarNavLink"
@@ -30,6 +30,6 @@
      [class.active]="linkActive && !item.linkProps?.routerLinkActiveOptions"
      (click)="linkClicked()"
   >
-    <app-sidebar-nav-link-content [item]="item"></app-sidebar-nav-link-content>
+    <app-sidebar-nav-link-content [item]="item" />
   </a>
 </ng-container>
diff --git a/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-title.component.ts b/projects/coreui-angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-title.component.ts
@@ -12,8 +12,7 @@ export class AppSidebarNavTitleComponent implements OnInit {
   constructor(
     private el: ElementRef,
     private renderer: Renderer2,
-  ) {
-  }
+  ) {}
 
   ngOnInit() {
     const nativeElement: HTMLElement = this.el.nativeElement;
diff --git a/projects/coreui-angular/src/lib/sidebar/app-sidebar.component.ts b/projects/coreui-angular/src/lib/sidebar/app-sidebar.component.ts
@@ -7,7 +7,7 @@ import { AppSidebarService } from './app-sidebar.service';
 
 @Component({
   selector: 'app-sidebar, cui-sidebar',
-  template: `<ng-content></ng-content>`,
+  template: `<ng-content />`,
   standalone: true
 })
 export class AppSidebarComponent implements OnInit, OnDestroy {
diff --git a/src/app/containers/default-layout/default-layout.component.ts b/src/app/containers/default-layout/default-layout.component.ts
@@ -3,8 +3,9 @@ import {Component} from '@angular/core';
 import { navItems } from '../../_nav';
 
 @Component({
-  selector: 'app-dashboard',
-  templateUrl: './default-layout.component.html'
+    selector: 'app-dashboard',
+    templateUrl: './default-layout.component.html',
+    standalone: false
 })
 export class DefaultLayoutComponent {
   minimized = false;
diff --git a/src/app/views/buttons/brand-buttons.component.ts b/src/app/views/buttons/brand-buttons.component.ts
@@ -1,7 +1,8 @@
 import { Component } from '@angular/core';
 
 @Component({
-  templateUrl: 'brand-buttons.component.html'
+    templateUrl: 'brand-buttons.component.html',
+    standalone: false
 })
 export class BrandButtonsComponent {
 
diff --git a/src/app/views/buttons/buttons.component.ts b/src/app/views/buttons/buttons.component.ts
@@ -1,7 +1,8 @@
 import { Component } from '@angular/core';
 
 @Component({
-  templateUrl: 'buttons.component.html'
+    templateUrl: 'buttons.component.html',
+    standalone: false
 })
 export class ButtonsComponent {
 
diff --git a/src/app/views/dashboard/dashboard.component.ts b/src/app/views/dashboard/dashboard.component.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  templateUrl: 'dashboard.component.html'
+    templateUrl: 'dashboard.component.html',
+    standalone: false
 })
 export class DashboardComponent {}
diff --git a/src/index.html b/src/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
-* CoreUI 2 for Angular 18 - test bed
-* @version v2.18.0
+* CoreUI 2 for Angular 19 - test bed
+* @version v2.19.0
 * @link https://coreui.io/angular/
 * Copyright (c) 2025 creativeLabs Łukasz Holeczek
 -->
