fix(collapse): add toggle AfterViewInit, spelling

coreui · Mar 8, 2022 · 72eb356 · 72eb356
1 parent c9e85f6
commit 72eb356
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.ts b/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.ts
@@ -72,7 +72,7 @@ export class AccordionItemComponent implements OnInit, OnDestroy, AfterContentIn
   }
 
   toggleItem(): void {
-    this.accordionService.toggelItem(this);
+    this.accordionService.toggleItem(this);
   }
 
   ngAfterContentInit(): void {

diff --git a/projects/coreui-angular/src/lib/accordion/accordion.service.ts b/projects/coreui-angular/src/lib/accordion/accordion.service.ts
@@ -20,7 +20,7 @@ export class AccordionService {
     }
   }
 
-  toggelItem(item: AccordionItemComponent): void {
+  toggleItem(item: AccordionItemComponent): void {
     item.visible = !item.visible;
     this.closeOtherItems(item);
   }

diff --git a/projects/coreui-angular/src/lib/collapse/collapse.directive.ts b/projects/coreui-angular/src/lib/collapse/collapse.directive.ts
@@ -1,4 +1,5 @@
 import {
+  AfterViewInit,
   Directive,
   DoCheck,
   ElementRef,
@@ -22,7 +23,7 @@ import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
   selector: '[cCollapse]',
   exportAs: 'cCollapse'
 })
-export class CollapseDirective implements OnChanges, OnDestroy, DoCheck {
+export class CollapseDirective implements OnChanges, OnDestroy, DoCheck, AfterViewInit {
 
   static ngAcceptInputType_navbar: BooleanInput;
 
@@ -92,7 +93,7 @@ export class CollapseDirective implements OnChanges, OnDestroy, DoCheck {
   get hostClasses(): any {
     return {
       'navbar-collapse': this.navbar,
-      show: this.visible,
+      show: this.visible
     };
   }
 
@@ -145,4 +146,8 @@ export class CollapseDirective implements OnChanges, OnDestroy, DoCheck {
     this.player.onStart(() => {this.collapseChange.emit(visible ? 'opening' : 'collapsing'); });
     this.player.onDone(() => {this.collapseChange.emit(visible ? 'open' : 'collapsed'); });
   }
+
+  ngAfterViewInit(): void {
+    this.toggle();
+  }
 }