feat(md-breadcrumbs): allow for custom router

src/breadcrumbs/breadcrumbs.js

@@ -1,21 +1,40 @@
-import { customElement } from 'aurelia-templating';
-import { inject } from 'aurelia-dependency-injection';
+import {bindable, customElement} from 'aurelia-templating';
+import {inject} from 'aurelia-dependency-injection';
 import {Router} from 'aurelia-router';
 
 // taken from: https://github.com/heruan/aurelia-breadcrumbs
 
 @customElement('md-breadcrumbs')
 @inject(Element, Router)
 export class MdBreadcrumbs {
+  @bindable() router;
+
   constructor(element, router) {
     this.element = element;
+    this.aureliaRouter = router;
+    // this._childRouter = router;
+    // while (router.parent) {
+    //   router = router.parent;
+    // }
+    // this.router = router;
+  }
+
+  bind() {
+    if (!this.router) {
+      this.router = this.aureliaRouter;
+    }
+    let router = this.router;
     this._childRouter = router;
     while (router.parent) {
       router = router.parent;
     }
     this.router = router;
   }
 
+  routerChanged() {
+    console.log('[breadcrumbs]', this.router);
+  }
+
   navigate(navigationInstruction) {
     this._childRouter.navigateToRoute(navigationInstruction.config.name);
     // this.router.navigate(navigationInstruction.config.name);