refactor: minor syntax cleanups

Author: xidedix

projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.html

@@ -1,9 +1,9 @@
 <ng-container>
   <div class="accordion-header">
-    <ng-container *ngTemplateOutlet="templates['accordionHeaderTemplate'] || defaultAccordionHeaderTemplate; context: itemContext"></ng-container>
+    <ng-container *ngTemplateOutlet="templates['accordionHeaderTemplate'] || defaultAccordionHeaderTemplate; context: itemContext" />
   </div>
   <div class="accordion-collapse" cCollapse [visible]="visible" [attr.aria-expanded]="visible" [id]="contentId">
-    <ng-container *ngTemplateOutlet="templates['accordionBodyTemplate'] || defaultAccordionBodyTemplate; context: itemContext"></ng-container>
+    <ng-container *ngTemplateOutlet="templates['accordionBodyTemplate'] || defaultAccordionBodyTemplate; context: itemContext" />
   </div>
 </ng-container>
 
@@ -16,7 +16,7 @@
 </ng-template>
 
 <ng-template #defaultAccordionHeaderContentTemplate>
-  <ng-content></ng-content>
+  <ng-content />
 </ng-template>
 
 <ng-template #defaultAccordionBodyTemplate>
@@ -28,5 +28,5 @@
 </ng-template>
 
 <ng-template #defaultAccordionBodyContentTemplate>
-  <ng-content></ng-content>
+  <ng-content />
 </ng-template>

projects/coreui-angular/src/lib/alert/alert.component.html

@@ -2,7 +2,7 @@
   @if (dismissible) {
     <ng-container *ngTemplateOutlet="templates?.alertButtonCloseTemplate || defaultAlertButtonCloseTemplate" />
   }
-  <ng-content></ng-content>
+  <ng-content />
 }
 <ng-template #defaultAlertButtonCloseTemplate>
   <button (click)="visible=false" aria-label="Close" cButtonClose></button>

projects/coreui-angular/src/lib/avatar/avatar.component.html

@@ -1,5 +1,5 @@
 <ng-container>
-  <ng-container *ngTemplateOutlet="defaultImageTemplate"></ng-container>
+  <ng-container *ngTemplateOutlet="defaultImageTemplate" />
   @if (!!status) {
     <span [ngClass]="statusClass"></span>
   }
@@ -9,9 +9,6 @@
   @if (!!src) {
     <img [src]="src" class="avatar-img" />
   } @else {
-    <ng-content></ng-content>
+    <ng-content />
   }
-  <ng-template #imageContent>
-    <ng-content></ng-content>
-  </ng-template>
 </ng-template>

projects/coreui-angular/src/lib/breadcrumb/breadcrumb-router/breadcrumb-router.component.html

@@ -1,6 +1,6 @@
 <c-breadcrumb class="m-0">
   @for (breadcrumb of breadcrumbs | async; track breadcrumb; let last = $last) {
-    @if(breadcrumb?.label && (breadcrumb?.url?.slice(-1) === '/' || last)) {
+    @if (breadcrumb?.label && (breadcrumb?.url?.slice(-1) === '/' || last)) {
       <c-breadcrumb-item
         [active]="last"
         [url]="breadcrumb?.url"

projects/coreui-angular/src/lib/breadcrumb/breadcrumb-router/breadcrumb-router.service.ts

@@ -11,8 +11,8 @@ import { IBreadcrumbItem } from '../breadcrumb-item/breadcrumb-item';
 export class BreadcrumbRouterService {
   public outlet = 'primary';
 
-  readonly #breadcrumbsBehaviorSubject = new BehaviorSubject<IBreadcrumbItem[]>(new Array<IBreadcrumbItem>());
-  breadcrumbs$ = this.#breadcrumbsBehaviorSubject.asObservable();
+  readonly #breadcrumbsBehaviorSubject: BehaviorSubject<IBreadcrumbItem[]> = new BehaviorSubject<IBreadcrumbItem[]>(new Array<IBreadcrumbItem>());
+  readonly breadcrumbs$: Observable<IBreadcrumbItem[]> = this.#breadcrumbsBehaviorSubject.asObservable();
 
   constructor(private router: Router, private route: ActivatedRoute) {
 

projects/coreui-angular/src/lib/breadcrumb/breadcrumb/breadcrumb.component.ts

@@ -2,7 +2,7 @@ import { Component, HostBinding, Input } from '@angular/core';
 
 @Component({
   selector: 'c-breadcrumb',
-  template: '<ng-content></ng-content>',
+  template: '<ng-content />',
   standalone: true
 })
 export class BreadcrumbComponent {
@@ -26,9 +26,6 @@ export class BreadcrumbComponent {
   get hostClasses() {
     return {
       breadcrumb: true
-    }
+    };
   }
-
-  constructor() { }
-
 }

projects/coreui-angular/src/lib/button-group/button-group/button-group.component.ts

@@ -2,7 +2,7 @@ import { Component, HostBinding, Input } from '@angular/core';
 
 @Component({
   selector: 'c-button-group',
-  template: `<ng-content></ng-content>`,
+  template: '<ng-content />',
   standalone: true
 })
 export class ButtonGroupComponent {
@@ -30,11 +30,8 @@ export class ButtonGroupComponent {
     return {
       'btn-group': !this.vertical,
       'btn-group-vertical': this.vertical,
-      [`btn-group-${this.size}`]: !!this.size,
+      [`btn-group-${this.size}`]: !!this.size
     };
   }
 
-
-  constructor() { }
-
 }

projects/coreui-angular/src/lib/button-group/button-toolbar/button-toolbar.component.ts

@@ -2,7 +2,7 @@ import { Component, HostBinding, Input } from '@angular/core';
 
 @Component({
   selector: 'c-button-toolbar',
-  template: `<ng-content></ng-content>`,
+  template: '<ng-content />',
   standalone: true
 })
 export class ButtonToolbarComponent {
@@ -17,10 +17,7 @@ export class ButtonToolbarComponent {
   @HostBinding('class')
   get hostClasses(): any {
     return {
-      'btn-toolbar': true,
+      'btn-toolbar': true
     };
   }
-
-  constructor() { }
-
 }

projects/coreui-angular/src/lib/callout/callout.component.ts

@@ -3,7 +3,7 @@ import { Colors } from '../coreui.types';
 
 @Component({
   selector: 'c-callout, [cCallout]',
-  template: `<ng-content></ng-content>`,
+  template: '<ng-content />',
   styleUrls: ['./callout.component.scss'],
   standalone: true
 })
@@ -17,13 +17,10 @@ export class CalloutComponent {
 
   @HostBinding('class')
   get hostClasses(): any {
-
     return {
       callout: true,
       [`callout-${this.color}`]: !!this.color
     };
   }
 
-  constructor() { }
-
 }

projects/coreui-angular/src/lib/card/card-body.component.ts

@@ -2,7 +2,7 @@ import {Component, HostBinding} from '@angular/core';
 
 @Component({
   selector: 'c-card-body, [c-card-body]',
-  template: '<ng-content></ng-content>',
+  template: '<ng-content />',
   standalone: true
 })
 export class CardBodyComponent {