refactor(accordion): minor cleanup, add host class metadata

Author: xidedix

projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts

@@ -2,23 +2,24 @@ import { Directive, HostBinding, Input } from '@angular/core';
 
 @Directive({
   selector: '[cAccordionButton]',
-  standalone: true
+  standalone: true,
+  host: { class: 'accordion-button' }
 })
 export class AccordionButtonDirective {
-
   /**
    * Toggles an accordion button collapsed state. Use in accordionHeaderTemplate. [docs]
    * @type boolean
    */
   @Input() collapsed!: boolean;
 
   /**
-  * Default type for cAccordionButton. [docs]
+   * Default type for cAccordionButton. [docs]
    * @type string
    * @default 'button'
    */
   @HostBinding('attr.type')
-  @Input() type = 'button';
+  @Input()
+  type: string = 'button';
 
   @HostBinding('class')
   get hostClasses(): any {

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

@@ -24,13 +24,11 @@ let nextId = 0;
   styleUrls: ['./accordion-item.component.scss'],
   exportAs: 'cAccordionItem',
   standalone: true,
-  imports: [AccordionButtonDirective, NgTemplateOutlet, CollapseDirective]
+  imports: [AccordionButtonDirective, NgTemplateOutlet, CollapseDirective],
+  host: { class: 'accordion-item' }
 })
 export class AccordionItemComponent implements OnInit, OnDestroy, AfterContentInit {
-
-  constructor(
-    private accordionService: AccordionService
-  ) { }
+  constructor(private accordionService: AccordionService) {}
 
   /**
    * Toggle an accordion item programmatically
@@ -79,4 +77,3 @@ export class AccordionItemComponent implements OnInit, OnDestroy, AfterContentIn
     });
   }
 }
-

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

@@ -4,15 +4,15 @@ import { AccordionService } from '../accordion.service';
 
 @Component({
   selector: 'c-accordion',
-  template: '<ng-content/>',
+  template: '<ng-content />',
   styleUrls: ['./accordion.component.scss'],
   exportAs: 'cAccordionItem',
   providers: [AccordionService],
-  standalone: true
+  standalone: true,
+  host: { class: 'accordion' }
 })
 export class AccordionComponent {
-
-   #accordionService = inject(AccordionService);
+  #accordionService = inject(AccordionService);
 
   /**
    * Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
@@ -40,5 +40,4 @@ export class AccordionComponent {
       'accordion-flush': this.flush
     };
   }
-
 }