Add onContentInit output (closes #193)

README.md

@@ -211,6 +211,7 @@ If you are using Angular's default emulated view encapsulation, you may have to
 
 | Property name | Callback arguments | Description |
 | ------------- | ------------------ | ----------- |
+| onContentInit | | Corresponds with `ngAfterContentInit` lifecycle event of the sidebar component. |
 | openedChange | `opened: boolean` | Emitted when `opened` is modified. This allows for you to do "two-way binding" (i.e. `[(opened)]`). |
 | onOpenStart | | Emitted when the sidebar is opening. |
 | onOpened | | Emitted when the sidebar is opened. |

src/sidebar.component.ts

@@ -1,4 +1,5 @@
 import {
+  AfterContentInit,
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
@@ -84,7 +85,7 @@ import { isLTR, isIOS } from './utils';
   `],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class Sidebar implements OnInit, OnChanges, OnDestroy {
+export class Sidebar implements AfterContentInit, OnInit, OnChanges, OnDestroy {
   // `openedChange` allows for "2-way" data binding
   @Input() opened: boolean = false;
   @Output() openedChange: EventEmitter<boolean> = new EventEmitter<boolean>();
@@ -112,6 +113,7 @@ export class Sidebar implements OnInit, OnChanges, OnDestroy {
   @Input() keyClose: boolean = false;
   @Input() keyCode: number = 27; // Default to ESC key
 
+  @Output() onContentInit: EventEmitter<null> = new EventEmitter<null>();
   @Output() onOpenStart: EventEmitter<null> = new EventEmitter<null>();
   @Output() onOpened: EventEmitter<null> = new EventEmitter<null>();
   @Output() onCloseStart: EventEmitter<null> = new EventEmitter<null>();
@@ -175,7 +177,7 @@ export class Sidebar implements OnInit, OnChanges, OnDestroy {
     this._collapse = this._collapse.bind(this);
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     if (!this._isBrowser) {
       return;
     }
@@ -192,6 +194,10 @@ export class Sidebar implements OnInit, OnChanges, OnDestroy {
     }
   }
 
+  ngAfterContentInit(): void {
+    this.onContentInit.emit();
+  }
+
   ngOnChanges(changes: SimpleChanges): void {
     if (!this._isBrowser) {
       return;