@customjs/breadcrumb - npm Package Compare versions

Comparing version 0.0.1-beta.3 to 0.0.1-beta.4

bundles/customjs-breadcrumb.umd.js

 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/flex-layout'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('@customjs/breadcrumb', ['exports', '@angular/core', '@angular/flex-layout', '@angular/router'], factory) :
-    (global = global || self, factory((global.customjs = global.customjs || {}, global.customjs.breadcrumb = {}), global.ng.core, global.ng['flex-layout'], global.ng.router));
-}(this, function (exports, core, flexLayout, router) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/flex-layout'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('@customjs/breadcrumb', ['exports', '@angular/core', '@angular/common', '@angular/flex-layout', '@angular/router'], factory) :
+    (global = global || self, factory((global.customjs = global.customjs || {}, global.customjs.breadcrumb = {}), global.ng.core, global.ng.common, global.ng['flex-layout'], global.ng.router));
+}(this, function (exports, core, common, flexLayout, router) { 'use strict';
 
@@ -32,4 +32,5 @@ /**
                         selector: 'custom-breadcrumb',
-                        template: "\n    <p>\n      breadcrumb works!\n    </p>\n  ",
-                        changeDetection: core.ChangeDetectionStrategy.OnPush
+                        template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n  <div fxFlex>\n    <ul class=\"custom-breadcrumb {{ color }}\">\n      <li>\n        <a routerLink=\"/\" [class]=\"color\">{{ 'label.Home' }}</a>\n      </li>\n      <ng-container *ngFor=\"let section of sections\">\n        <li>\n          <a [routerLink]=\"[section.path]\" [class]=\"color\">{{\n            section.label\n          }}</a>\n        </li>\n      </ng-container>\n      <li>\n        <h1 [class]=\"color\">{{ title }}</h1>\n      </li>\n    </ul>\n  </div>\n  <div>\n    <div>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
+                        changeDetection: core.ChangeDetectionStrategy.OnPush,
+                        styles: ["ul{padding:8px 0;list-style:none}ul li{display:inline-block}ul li+:before{margin:0 4px;content:\">\"}ul li a,ul li h1{text-decoration:none!important;font-size:inherit;display:inline-block}"]
                     }] }
@@ -65,3 +66,3 @@ ];
                         declarations: [BreadcrumbComponent],
-                        imports: [router.RouterModule, flexLayout.FlexLayoutModule],
+                        imports: [common.CommonModule, router.RouterModule, flexLayout.FlexLayoutModule],
                         exports: [BreadcrumbComponent],
@@ -68,0 +69,0 @@ },] }

bundles/customjs-breadcrumb.umd.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"customjs-breadcrumb.umd.js","sources":["ng://@customjs/breadcrumb/lib/breadcrumb.component.ts","ng://@customjs/breadcrumb/lib/breadcrumb.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material';\n\n/**\n * Custom Breadcrumb Section item\n * @param label The section label presented to the reader\n * @param path The anchor path\n */\nexport interface CustomBreadcrumbSection {\n  label: string;\n  path: string;\n}\n\n@Component({\n  selector: 'custom-breadcrumb',\n  template: `\n    <p>\n      breadcrumb works!\n    </p>\n  `,\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbComponent {\n  @Input() color: ThemePalette = 'warn';\n\n  @Input() title: string;\n\n  @Input() sections: CustomBreadcrumbSection[] = [];\n\n  constructor() {}\n}\n","import { NgModule } from '@angular/core';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { RouterModule } from '@angular/router';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\n@NgModule({\n  declarations: [BreadcrumbComponent],\n  imports: [RouterModule, FlexLayoutModule],\n  exports: [BreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n"],"names":["Component","ChangeDetectionStrategy","Input","NgModule","RouterModule","FlexLayoutModule"],"mappings":";;;;;;;;;;IAAA;;;;;;IAQA,sCAGC;;;QAFC,wCAAc;;QACd,uCAAa;;AAGf;QAiBE;YANS,UAAK,GAAiB,MAAM,CAAC;YAI7B,aAAQ,GAA8B,EAAE,CAAC;SAElC;;oBAjBjBA,cAAS,SAAC;wBACT,QAAQ,EAAE,mBAAmB;wBAC7B,QAAQ,EAAE,kDAIT;wBAED,eAAe,EAAEC,4BAAuB,CAAC,MAAM;qBAChD;;;;;4BAEEC,UAAK;4BAELA,UAAK;+BAELA,UAAK;;QAGR,0BAAC;KAlBD,IAkBC;;;QAPC,oCAAsC;;QAEtC,oCAAuB;;QAEvB,uCAAkD;;;;;;;AC5BpD;QAKA;SAKgC;;oBAL/BC,aAAQ,SAAC;wBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;wBACnC,OAAO,EAAE,CAACC,mBAAY,EAAEC,2BAAgB,CAAC;wBACzC,OAAO,EAAE,CAAC,mBAAmB,CAAC;qBAC/B;;QAC8B,uBAAC;KALhC;;;;;;;;;;;;;"}
+{"version":3,"file":"customjs-breadcrumb.umd.js","sources":["ng://@customjs/breadcrumb/lib/breadcrumb.component.ts","ng://@customjs/breadcrumb/lib/breadcrumb.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material';\n\n/**\n * Custom Breadcrumb Section item\n * @param label The section label presented to the reader\n * @param path The anchor path\n */\nexport interface CustomBreadcrumbSection {\n  label: string;\n  path: string;\n}\n\n@Component({\n  selector: 'custom-breadcrumb',\n  templateUrl: './breadcrumb.component.html',\n  styleUrls: ['./breadcrumb.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbComponent {\n  @Input() color: ThemePalette = 'warn';\n\n  @Input() title: string;\n\n  @Input() sections: CustomBreadcrumbSection[] = [];\n\n  constructor() {}\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { RouterModule } from '@angular/router';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\n@NgModule({\n  declarations: [BreadcrumbComponent],\n  imports: [CommonModule, RouterModule, FlexLayoutModule],\n  exports: [BreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n"],"names":["Component","ChangeDetectionStrategy","Input","NgModule","CommonModule","RouterModule","FlexLayoutModule"],"mappings":";;;;;;;;;;IAAA;;;;;;IAQA,sCAGC;;;QAFC,wCAAc;;QACd,uCAAa;;AAGf;QAaE;YANS,UAAK,GAAiB,MAAM,CAAC;YAI7B,aAAQ,GAA8B,EAAE,CAAC;SAElC;;oBAbjBA,cAAS,SAAC;wBACT,QAAQ,EAAE,mBAAmB;wBAC7B,soBAA0C;wBAE1C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;qBAChD;;;;;4BAEEC,UAAK;4BAELA,UAAK;+BAELA,UAAK;;QAGR,0BAAC;KAdD,IAcC;;;QAPC,oCAAsC;;QAEtC,oCAAuB;;QAEvB,uCAAkD;;;;;;;ACxBpD;QAMA;SAKgC;;oBAL/BC,aAAQ,SAAC;wBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;wBACnC,OAAO,EAAE,CAACC,mBAAY,EAAEC,mBAAY,EAAEC,2BAAgB,CAAC;wBACvD,OAAO,EAAE,CAAC,mBAAmB,CAAC;qBAC/B;;QAC8B,uBAAC;KALhC;;;;;;;;;;;;;"}

bundles/customjs-breadcrumb.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/core"),require("@angular/flex-layout"),require("@angular/router")):"function"==typeof define&&define.amd?define("@customjs/breadcrumb",["exports","@angular/core","@angular/flex-layout","@angular/router"],r):r(((e=e||self).customjs=e.customjs||{},e.customjs.breadcrumb={}),e.ng.core,e.ng["flex-layout"],e.ng.router)}(this,function(e,r,t,o){"use strict";var n=function(){function e(){this.color="warn",this.sections=[]}return e.decorators=[{type:r.Component,args:[{selector:"custom-breadcrumb",template:"\n    <p>\n      breadcrumb works!\n    </p>\n  ",changeDetection:r.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[]},e.propDecorators={color:[{type:r.Input}],title:[{type:r.Input}],sections:[{type:r.Input}]},e}();var u=function(){function e(){}return e.decorators=[{type:r.NgModule,args:[{declarations:[n],imports:[o.RouterModule,t.FlexLayoutModule],exports:[n]}]}],e}();e.BreadcrumbComponent=n,e.BreadcrumbModule=u,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/flex-layout"),require("@angular/router")):"function"==typeof define&&define.amd?define("@customjs/breadcrumb",["exports","@angular/core","@angular/common","@angular/flex-layout","@angular/router"],e):e(((n=n||self).customjs=n.customjs||{},n.customjs.breadcrumb={}),n.ng.core,n.ng.common,n.ng["flex-layout"],n.ng.router)}(this,function(n,e,o,t,r){"use strict";var l=function(){function n(){this.color="warn",this.sections=[]}return n.decorators=[{type:e.Component,args:[{selector:"custom-breadcrumb",template:'<div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">\n  <div fxFlex>\n    <ul class="custom-breadcrumb {{ color }}">\n      <li>\n        <a routerLink="/" [class]="color">{{ \'label.Home\' }}</a>\n      </li>\n      <ng-container *ngFor="let section of sections">\n        <li>\n          <a [routerLink]="[section.path]" [class]="color">{{\n            section.label\n          }}</a>\n        </li>\n      </ng-container>\n      <li>\n        <h1 [class]="color">{{ title }}</h1>\n      </li>\n    </ul>\n  </div>\n  <div>\n    <div>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:['ul{padding:8px 0;list-style:none}ul li{display:inline-block}ul li+:before{margin:0 4px;content:">"}ul li a,ul li h1{text-decoration:none!important;font-size:inherit;display:inline-block}']}]}],n.ctorParameters=function(){return[]},n.propDecorators={color:[{type:e.Input}],title:[{type:e.Input}],sections:[{type:e.Input}]},n}();var i=function(){function n(){}return n.decorators=[{type:e.NgModule,args:[{declarations:[l],imports:[o.CommonModule,r.RouterModule,t.FlexLayoutModule],exports:[l]}]}],n}();n.BreadcrumbComponent=l,n.BreadcrumbModule=i,Object.defineProperty(n,"__esModule",{value:!0})});
 //# sourceMappingURL=customjs-breadcrumb.umd.min.js.map

bundles/customjs-breadcrumb.umd.min.js.map

@@ -1,1 +0,1 @@
-{"version":3,"sources":["ng://@customjs/breadcrumb/lib/breadcrumb.component.ts","ng://@customjs/breadcrumb/lib/breadcrumb.module.ts"],"names":["BreadcrumbComponent","this","color","sections","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","Input","BreadcrumbModule","NgModule","declarations","imports","RouterModule","FlexLayoutModule","exports"],"mappings":"gcAaA,IAAAA,EAAA,WAiBE,SAAAA,IANSC,KAAAC,MAAsB,OAItBD,KAAAE,SAAsC,GAGjD,2BAlBCC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,oBACVC,SAAU,mDAMVC,gBAAiBC,EAAAA,wBAAwBC,gFAGxCC,EAAAA,qBAEAA,EAAAA,wBAEAA,EAAAA,SAGHX,EAlBA,GCbA,IAAAY,EAAA,WAKA,SAAAA,KAK+B,2BAL9BC,EAAAA,SAAQR,KAAA,CAAC,CACRS,aAAc,CAACd,GACfe,QAAS,CAACC,EAAAA,aAAcC,EAAAA,kBACxBC,QAAS,CAAClB,OAEmBY,EAV/B","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material';\n\n/**\n * Custom Breadcrumb Section item\n * @param label The section label presented to the reader\n * @param path The anchor path\n */\nexport interface CustomBreadcrumbSection {\n  label: string;\n  path: string;\n}\n\n@Component({\n  selector: 'custom-breadcrumb',\n  template: `\n    <p>\n      breadcrumb works!\n    </p>\n  `,\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbComponent {\n  @Input() color: ThemePalette = 'warn';\n\n  @Input() title: string;\n\n  @Input() sections: CustomBreadcrumbSection[] = [];\n\n  constructor() {}\n}\n","import { NgModule } from '@angular/core';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { RouterModule } from '@angular/router';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\n@NgModule({\n  declarations: [BreadcrumbComponent],\n  imports: [RouterModule, FlexLayoutModule],\n  exports: [BreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n"]}
+{"version":3,"sources":["ng://@customjs/breadcrumb/lib/breadcrumb.component.ts","ng://@customjs/breadcrumb/lib/breadcrumb.module.ts"],"names":["BreadcrumbComponent","this","color","sections","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","Input","BreadcrumbModule","NgModule","declarations","imports","CommonModule","RouterModule","FlexLayoutModule","exports"],"mappings":"2fAaA,IAAAA,EAAA,WAaE,SAAAA,IANSC,KAAAC,MAAsB,OAItBD,KAAAE,SAAsC,GAGjD,2BAdCC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,oBACVC,SAAA,2mBAEAC,gBAAiBC,EAAAA,wBAAwBC,sRAGxCC,EAAAA,qBAEAA,EAAAA,wBAEAA,EAAAA,SAGHX,EAdA,GCbA,IAAAY,EAAA,WAMA,SAAAA,KAK+B,2BAL9BC,EAAAA,SAAQR,KAAA,CAAC,CACRS,aAAc,CAACd,GACfe,QAAS,CAACC,EAAAA,aAAcC,EAAAA,aAAcC,EAAAA,kBACtCC,QAAS,CAACnB,OAEmBY,EAX/B","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material';\n\n/**\n * Custom Breadcrumb Section item\n * @param label The section label presented to the reader\n * @param path The anchor path\n */\nexport interface CustomBreadcrumbSection {\n  label: string;\n  path: string;\n}\n\n@Component({\n  selector: 'custom-breadcrumb',\n  templateUrl: './breadcrumb.component.html',\n  styleUrls: ['./breadcrumb.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbComponent {\n  @Input() color: ThemePalette = 'warn';\n\n  @Input() title: string;\n\n  @Input() sections: CustomBreadcrumbSection[] = [];\n\n  constructor() {}\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { RouterModule } from '@angular/router';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\n@NgModule({\n  declarations: [BreadcrumbComponent],\n  imports: [CommonModule, RouterModule, FlexLayoutModule],\n  exports: [BreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n"]}

customjs-breadcrumb.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"CustomBreadcrumbSection":{"__symbolic":"interface"},"BreadcrumbComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"custom-breadcrumb","template":"\n    <p>\n      breadcrumb works!\n    </p>\n  ","styles":[],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":19},"member":"OnPush"}}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"sections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"BreadcrumbModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BreadcrumbComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":7,"character":12},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":7,"character":26}],"exports":[{"__symbolic":"reference","name":"BreadcrumbComponent"}]}]}],"members":{}}},"origins":{"CustomBreadcrumbSection":"./lib/breadcrumb.component","BreadcrumbComponent":"./lib/breadcrumb.component","BreadcrumbModule":"./lib/breadcrumb.module"},"importAs":"@customjs/breadcrumb"}
+{"__symbolic":"module","version":4,"metadata":{"CustomBreadcrumbSection":{"__symbolic":"interface"},"BreadcrumbComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"custom-breadcrumb","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"OnPush"},"template":"<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n  <div fxFlex>\n    <ul class=\"custom-breadcrumb {{ color }}\">\n      <li>\n        <a routerLink=\"/\" [class]=\"color\">{{ 'label.Home' }}</a>\n      </li>\n      <ng-container *ngFor=\"let section of sections\">\n        <li>\n          <a [routerLink]=\"[section.path]\" [class]=\"color\">{{\n            section.label\n          }}</a>\n        </li>\n      </ng-container>\n      <li>\n        <h1 [class]=\"color\">{{ title }}</h1>\n      </li>\n    </ul>\n  </div>\n  <div>\n    <div>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n","styles":["ul{padding:8px 0;list-style:none}ul li{display:inline-block}ul li+:before{margin:0 4px;content:\">\"}ul li a,ul li h1{text-decoration:none!important;font-size:inherit;display:inline-block}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"sections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"BreadcrumbModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BreadcrumbComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":8,"character":26},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":8,"character":40}],"exports":[{"__symbolic":"reference","name":"BreadcrumbComponent"}]}]}],"members":{}}},"origins":{"CustomBreadcrumbSection":"./lib/breadcrumb.component","BreadcrumbComponent":"./lib/breadcrumb.component","BreadcrumbModule":"./lib/breadcrumb.module"},"importAs":"@customjs/breadcrumb"}

esm2015/lib/breadcrumb.component.js

@@ -28,8 +28,5 @@ /**
                 selector: 'custom-breadcrumb',
-                template: `
-    <p>
-      breadcrumb works!
-    </p>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush
+                template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n  <div fxFlex>\n    <ul class=\"custom-breadcrumb {{ color }}\">\n      <li>\n        <a routerLink=\"/\" [class]=\"color\">{{ 'label.Home' }}</a>\n      </li>\n      <ng-container *ngFor=\"let section of sections\">\n        <li>\n          <a [routerLink]=\"[section.path]\" [class]=\"color\">{{\n            section.label\n          }}</a>\n        </li>\n      </ng-container>\n      <li>\n        <h1 [class]=\"color\">{{ title }}</h1>\n      </li>\n    </ul>\n  </div>\n  <div>\n    <div>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: ["ul{padding:8px 0;list-style:none}ul li{display:inline-block}ul li+:before{margin:0 4px;content:\">\"}ul li a,ul li h1{text-decoration:none!important;font-size:inherit;display:inline-block}"]
             }] }
@@ -52,2 +49,2 @@ ];
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRMUUsNkNBR0M7OztJQUZDLHdDQUFjOztJQUNkLHVDQUFhOztBQWFmLE1BQU0sT0FBTyxtQkFBbUI7SUFPOUI7UUFOUyxVQUFLLEdBQWlCLE1BQU0sQ0FBQztRQUk3QixhQUFRLEdBQThCLEVBQUUsQ0FBQztJQUVuQyxDQUFDOzs7WUFqQmpCLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixRQUFRLEVBQUU7Ozs7R0FJVDtnQkFFRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTthQUNoRDs7Ozs7b0JBRUUsS0FBSztvQkFFTCxLQUFLO3VCQUVMLEtBQUs7Ozs7SUFKTixvQ0FBc0M7O0lBRXRDLG9DQUF1Qjs7SUFFdkIsdUNBQWtEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcblxuLyoqXG4gKiBDdXN0b20gQnJlYWRjcnVtYiBTZWN0aW9uIGl0ZW1cbiAqIEBwYXJhbSBsYWJlbCBUaGUgc2VjdGlvbiBsYWJlbCBwcmVzZW50ZWQgdG8gdGhlIHJlYWRlclxuICogQHBhcmFtIHBhdGggVGhlIGFuY2hvciBwYXRoXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQ3VzdG9tQnJlYWRjcnVtYlNlY3Rpb24ge1xuICBsYWJlbDogc3RyaW5nO1xuICBwYXRoOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N1c3RvbS1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8cD5cbiAgICAgIGJyZWFkY3J1bWIgd29ya3MhXG4gICAgPC9wPlxuICBgLFxuICBzdHlsZXM6IFtdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9yOiBUaGVtZVBhbGV0dGUgPSAnd2Fybic7XG5cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKSBzZWN0aW9uczogQ3VzdG9tQnJlYWRjcnVtYlNlY3Rpb25bXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRMUUsNkNBR0M7OztJQUZDLHdDQUFjOztJQUNkLHVDQUFhOztBQVNmLE1BQU0sT0FBTyxtQkFBbUI7SUFPOUI7UUFOUyxVQUFLLEdBQWlCLE1BQU0sQ0FBQztRQUk3QixhQUFRLEdBQThCLEVBQUUsQ0FBQztJQUVuQyxDQUFDOzs7WUFiakIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHNvQkFBMEM7Z0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7Ozs7b0JBRUUsS0FBSztvQkFFTCxLQUFLO3VCQUVMLEtBQUs7Ozs7SUFKTixvQ0FBc0M7O0lBRXRDLG9DQUF1Qjs7SUFFdkIsdUNBQWtEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcblxuLyoqXG4gKiBDdXN0b20gQnJlYWRjcnVtYiBTZWN0aW9uIGl0ZW1cbiAqIEBwYXJhbSBsYWJlbCBUaGUgc2VjdGlvbiBsYWJlbCBwcmVzZW50ZWQgdG8gdGhlIHJlYWRlclxuICogQHBhcmFtIHBhdGggVGhlIGFuY2hvciBwYXRoXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQ3VzdG9tQnJlYWRjcnVtYlNlY3Rpb24ge1xuICBsYWJlbDogc3RyaW5nO1xuICBwYXRoOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N1c3RvbS1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29sb3I6IFRoZW1lUGFsZXR0ZSA9ICd3YXJuJztcblxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHNlY3Rpb25zOiBDdXN0b21CcmVhZGNydW1iU2VjdGlvbltdID0gW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19

esm2015/lib/breadcrumb.module.js

@@ -5,2 +5,3 @@ /**
  */
+import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
@@ -15,6 +16,6 @@ import { FlexLayoutModule } from '@angular/flex-layout';
                 declarations: [BreadcrumbComponent],
-                imports: [RouterModule, FlexLayoutModule],
+                imports: [CommonModule, RouterModule, FlexLayoutModule],
                 exports: [BreadcrumbComponent],
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFPN0QsTUFBTSxPQUFPLGdCQUFnQjs7O1lBTDVCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDO2dCQUN6QyxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQzthQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGbGV4TGF5b3V0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEJyZWFkY3J1bWJDb21wb25lbnQgfSBmcm9tICcuL2JyZWFkY3J1bWIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQnJlYWRjcnVtYkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtSb3V0ZXJNb2R1bGUsIEZsZXhMYXlvdXRNb2R1bGVdLFxuICBleHBvcnRzOiBbQnJlYWRjcnVtYkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBTzdELE1BQU0sT0FBTyxnQkFBZ0I7OztZQUw1QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQ25DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7Z0JBQ3ZELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2FBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGbGV4TGF5b3V0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEJyZWFkY3J1bWJDb21wb25lbnQgfSBmcm9tICcuL2JyZWFkY3J1bWIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQnJlYWRjcnVtYkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJvdXRlck1vZHVsZSwgRmxleExheW91dE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtCcmVhZGNydW1iQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYk1vZHVsZSB7fVxuIl19

esm5/lib/breadcrumb.component.js

@@ -27,4 +27,5 @@ /**
                     selector: 'custom-breadcrumb',
-                    template: "\n    <p>\n      breadcrumb works!\n    </p>\n  ",
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n  <div fxFlex>\n    <ul class=\"custom-breadcrumb {{ color }}\">\n      <li>\n        <a routerLink=\"/\" [class]=\"color\">{{ 'label.Home' }}</a>\n      </li>\n      <ng-container *ngFor=\"let section of sections\">\n        <li>\n          <a [routerLink]=\"[section.path]\" [class]=\"color\">{{\n            section.label\n          }}</a>\n        </li>\n      </ng-container>\n      <li>\n        <h1 [class]=\"color\">{{ title }}</h1>\n      </li>\n    </ul>\n  </div>\n  <div>\n    <div>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    styles: ["ul{padding:8px 0;list-style:none}ul li{display:inline-block}ul li+:before{margin:0 4px;content:\">\"}ul li a,ul li h1{text-decoration:none!important;font-size:inherit;display:inline-block}"]
                 }] }
@@ -50,2 +51,2 @@ ];
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRMUUsNkNBR0M7OztJQUZDLHdDQUFjOztJQUNkLHVDQUFhOztBQUdmO0lBaUJFO1FBTlMsVUFBSyxHQUFpQixNQUFNLENBQUM7UUFJN0IsYUFBUSxHQUE4QixFQUFFLENBQUM7SUFFbkMsQ0FBQzs7Z0JBakJqQixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFLGtEQUlUO29CQUVELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs7Ozs7d0JBRUUsS0FBSzt3QkFFTCxLQUFLOzJCQUVMLEtBQUs7O0lBR1IsMEJBQUM7Q0FBQSxBQWxCRCxJQWtCQztTQVJZLG1CQUFtQjs7O0lBQzlCLG9DQUFzQzs7SUFFdEMsb0NBQXVCOztJQUV2Qix1Q0FBa0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuXG4vKipcbiAqIEN1c3RvbSBCcmVhZGNydW1iIFNlY3Rpb24gaXRlbVxuICogQHBhcmFtIGxhYmVsIFRoZSBzZWN0aW9uIGxhYmVsIHByZXNlbnRlZCB0byB0aGUgcmVhZGVyXG4gKiBAcGFyYW0gcGF0aCBUaGUgYW5jaG9yIHBhdGhcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBDdXN0b21CcmVhZGNydW1iU2VjdGlvbiB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHBhdGg6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3VzdG9tLWJyZWFkY3J1bWInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxwPlxuICAgICAgYnJlYWRjcnVtYiB3b3JrcyFcbiAgICA8L3A+XG4gIGAsXG4gIHN0eWxlczogW10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29sb3I6IFRoZW1lUGFsZXR0ZSA9ICd3YXJuJztcblxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHNlY3Rpb25zOiBDdXN0b21CcmVhZGNydW1iU2VjdGlvbltdID0gW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRMUUsNkNBR0M7OztJQUZDLHdDQUFjOztJQUNkLHVDQUFhOztBQUdmO0lBYUU7UUFOUyxVQUFLLEdBQWlCLE1BQU0sQ0FBQztRQUk3QixhQUFRLEdBQThCLEVBQUUsQ0FBQztJQUVuQyxDQUFDOztnQkFiakIsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLHNvQkFBMEM7b0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztpQkFDaEQ7Ozs7O3dCQUVFLEtBQUs7d0JBRUwsS0FBSzsyQkFFTCxLQUFLOztJQUdSLDBCQUFDO0NBQUEsQUFkRCxJQWNDO1NBUlksbUJBQW1COzs7SUFDOUIsb0NBQXNDOztJQUV0QyxvQ0FBdUI7O0lBRXZCLHVDQUFrRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbCc7XG5cbi8qKlxuICogQ3VzdG9tIEJyZWFkY3J1bWIgU2VjdGlvbiBpdGVtXG4gKiBAcGFyYW0gbGFiZWwgVGhlIHNlY3Rpb24gbGFiZWwgcHJlc2VudGVkIHRvIHRoZSByZWFkZXJcbiAqIEBwYXJhbSBwYXRoIFRoZSBhbmNob3IgcGF0aFxuICovXG5leHBvcnQgaW50ZXJmYWNlIEN1c3RvbUJyZWFkY3J1bWJTZWN0aW9uIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgcGF0aDogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdXN0b20tYnJlYWRjcnVtYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9yOiBUaGVtZVBhbGV0dGUgPSAnd2Fybic7XG5cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKSBzZWN0aW9uczogQ3VzdG9tQnJlYWRjcnVtYlNlY3Rpb25bXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==

esm5/lib/breadcrumb.module.js

@@ -5,2 +5,3 @@ /**
  */
+import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
@@ -16,3 +17,3 @@ import { FlexLayoutModule } from '@angular/flex-layout';
                     declarations: [BreadcrumbComponent],
-                    imports: [RouterModule, FlexLayoutModule],
+                    imports: [CommonModule, RouterModule, FlexLayoutModule],
                     exports: [BreadcrumbComponent],
@@ -24,2 +25,2 @@ },] }
 export { BreadcrumbModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFN0Q7SUFBQTtJQUsrQixDQUFDOztnQkFML0IsUUFBUSxTQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQjs7SUFDOEIsdUJBQUM7Q0FBQSxBQUxoQyxJQUtnQztTQUFuQixnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmxleExheW91dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBCcmVhZGNydW1iQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1iLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0JyZWFkY3J1bWJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbUm91dGVyTW9kdWxlLCBGbGV4TGF5b3V0TW9kdWxlXSxcbiAgZXhwb3J0czogW0JyZWFkY3J1bWJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTdEO0lBQUE7SUFLK0IsQ0FBQzs7Z0JBTC9CLFFBQVEsU0FBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQztvQkFDdkQsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9COztJQUM4Qix1QkFBQztDQUFBLEFBTGhDLElBS2dDO1NBQW5CLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmxleExheW91dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBCcmVhZGNydW1iQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1iLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0JyZWFkY3J1bWJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEZsZXhMYXlvdXRNb2R1bGVdLFxuICBleHBvcnRzOiBbQnJlYWRjcnVtYkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJNb2R1bGUge31cbiJdfQ==

fesm2015/customjs-breadcrumb.js

 import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { FlexLayoutModule } from '@angular/flex-layout';
@@ -31,8 +32,5 @@ import { RouterModule } from '@angular/router';
                 selector: 'custom-breadcrumb',
-                template: `
-    <p>
-      breadcrumb works!
-    </p>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush
+                template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n  <div fxFlex>\n    <ul class=\"custom-breadcrumb {{ color }}\">\n      <li>\n        <a routerLink=\"/\" [class]=\"color\">{{ 'label.Home' }}</a>\n      </li>\n      <ng-container *ngFor=\"let section of sections\">\n        <li>\n          <a [routerLink]=\"[section.path]\" [class]=\"color\">{{\n            section.label\n          }}</a>\n        </li>\n      </ng-container>\n      <li>\n        <h1 [class]=\"color\">{{ title }}</h1>\n      </li>\n    </ul>\n  </div>\n  <div>\n    <div>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: ["ul{padding:8px 0;list-style:none}ul li{display:inline-block}ul li+:before{margin:0 4px;content:\">\"}ul li a,ul li h1{text-decoration:none!important;font-size:inherit;display:inline-block}"]
             }] }
@@ -65,3 +63,3 @@ ];
                 declarations: [BreadcrumbComponent],
-                imports: [RouterModule, FlexLayoutModule],
+                imports: [CommonModule, RouterModule, FlexLayoutModule],
                 exports: [BreadcrumbComponent],
@@ -68,0 +66,0 @@ },] }

fesm2015/customjs-breadcrumb.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"customjs-breadcrumb.js","sources":["ng://@customjs/breadcrumb/lib/breadcrumb.component.ts","ng://@customjs/breadcrumb/lib/breadcrumb.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material';\n\n/**\n * Custom Breadcrumb Section item\n * @param label The section label presented to the reader\n * @param path The anchor path\n */\nexport interface CustomBreadcrumbSection {\n  label: string;\n  path: string;\n}\n\n@Component({\n  selector: 'custom-breadcrumb',\n  template: `\n    <p>\n      breadcrumb works!\n    </p>\n  `,\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbComponent {\n  @Input() color: ThemePalette = 'warn';\n\n  @Input() title: string;\n\n  @Input() sections: CustomBreadcrumbSection[] = [];\n\n  constructor() {}\n}\n","import { NgModule } from '@angular/core';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { RouterModule } from '@angular/router';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\n@NgModule({\n  declarations: [BreadcrumbComponent],\n  imports: [RouterModule, FlexLayoutModule],\n  exports: [BreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;AAQA,sCAGC;;;IAFC,wCAAc;;IACd,uCAAa;;AAaf,MAAa,mBAAmB;IAO9B;QANS,UAAK,GAAiB,MAAM,CAAC;QAI7B,aAAQ,GAA8B,EAAE,CAAC;KAElC;;;YAjBjB,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,QAAQ,EAAE;;;;GAIT;gBAED,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;;;oBAEE,KAAK;oBAEL,KAAK;uBAEL,KAAK;;;;IAJN,oCAAsC;;IAEtC,oCAAuB;;IAEvB,uCAAkD;;;;;;;AC5BpD,MAUa,gBAAgB;;;YAL5B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;gBACnC,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;gBACzC,OAAO,EAAE,CAAC,mBAAmB,CAAC;aAC/B;;;;;;;;;;;;;;;"}
+{"version":3,"file":"customjs-breadcrumb.js","sources":["ng://@customjs/breadcrumb/lib/breadcrumb.component.ts","ng://@customjs/breadcrumb/lib/breadcrumb.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material';\n\n/**\n * Custom Breadcrumb Section item\n * @param label The section label presented to the reader\n * @param path The anchor path\n */\nexport interface CustomBreadcrumbSection {\n  label: string;\n  path: string;\n}\n\n@Component({\n  selector: 'custom-breadcrumb',\n  templateUrl: './breadcrumb.component.html',\n  styleUrls: ['./breadcrumb.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbComponent {\n  @Input() color: ThemePalette = 'warn';\n\n  @Input() title: string;\n\n  @Input() sections: CustomBreadcrumbSection[] = [];\n\n  constructor() {}\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { RouterModule } from '@angular/router';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\n@NgModule({\n  declarations: [BreadcrumbComponent],\n  imports: [CommonModule, RouterModule, FlexLayoutModule],\n  exports: [BreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;AAQA,sCAGC;;;IAFC,wCAAc;;IACd,uCAAa;;AASf,MAAa,mBAAmB;IAO9B;QANS,UAAK,GAAiB,MAAM,CAAC;QAI7B,aAAQ,GAA8B,EAAE,CAAC;KAElC;;;YAbjB,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,soBAA0C;gBAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;;oBAEE,KAAK;oBAEL,KAAK;uBAEL,KAAK;;;;IAJN,oCAAsC;;IAEtC,oCAAuB;;IAEvB,uCAAkD;;;;;;;ACxBpD,MAWa,gBAAgB;;;YAL5B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;gBACnC,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAAC;gBACvD,OAAO,EAAE,CAAC,mBAAmB,CAAC;aAC/B;;;;;;;;;;;;;;;"}

fesm5/customjs-breadcrumb.js

 import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { FlexLayoutModule } from '@angular/flex-layout';
@@ -30,4 +31,5 @@ import { RouterModule } from '@angular/router';
                     selector: 'custom-breadcrumb',
-                    template: "\n    <p>\n      breadcrumb works!\n    </p>\n  ",
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n  <div fxFlex>\n    <ul class=\"custom-breadcrumb {{ color }}\">\n      <li>\n        <a routerLink=\"/\" [class]=\"color\">{{ 'label.Home' }}</a>\n      </li>\n      <ng-container *ngFor=\"let section of sections\">\n        <li>\n          <a [routerLink]=\"[section.path]\" [class]=\"color\">{{\n            section.label\n          }}</a>\n        </li>\n      </ng-container>\n      <li>\n        <h1 [class]=\"color\">{{ title }}</h1>\n      </li>\n    </ul>\n  </div>\n  <div>\n    <div>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    styles: ["ul{padding:8px 0;list-style:none}ul li{display:inline-block}ul li+:before{margin:0 4px;content:\">\"}ul li a,ul li h1{text-decoration:none!important;font-size:inherit;display:inline-block}"]
                 }] }
@@ -63,3 +65,3 @@ ];
                     declarations: [BreadcrumbComponent],
-                    imports: [RouterModule, FlexLayoutModule],
+                    imports: [CommonModule, RouterModule, FlexLayoutModule],
                     exports: [BreadcrumbComponent],
@@ -66,0 +68,0 @@ },] }

fesm5/customjs-breadcrumb.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"customjs-breadcrumb.js","sources":["ng://@customjs/breadcrumb/lib/breadcrumb.component.ts","ng://@customjs/breadcrumb/lib/breadcrumb.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material';\n\n/**\n * Custom Breadcrumb Section item\n * @param label The section label presented to the reader\n * @param path The anchor path\n */\nexport interface CustomBreadcrumbSection {\n  label: string;\n  path: string;\n}\n\n@Component({\n  selector: 'custom-breadcrumb',\n  template: `\n    <p>\n      breadcrumb works!\n    </p>\n  `,\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbComponent {\n  @Input() color: ThemePalette = 'warn';\n\n  @Input() title: string;\n\n  @Input() sections: CustomBreadcrumbSection[] = [];\n\n  constructor() {}\n}\n","import { NgModule } from '@angular/core';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { RouterModule } from '@angular/router';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\n@NgModule({\n  declarations: [BreadcrumbComponent],\n  imports: [RouterModule, FlexLayoutModule],\n  exports: [BreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;AAQA,sCAGC;;;IAFC,wCAAc;;IACd,uCAAa;;AAGf;IAiBE;QANS,UAAK,GAAiB,MAAM,CAAC;QAI7B,aAAQ,GAA8B,EAAE,CAAC;KAElC;;gBAjBjB,SAAS,SAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,QAAQ,EAAE,kDAIT;oBAED,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;;;wBAEE,KAAK;wBAEL,KAAK;2BAEL,KAAK;;IAGR,0BAAC;CAlBD,IAkBC;;;IAPC,oCAAsC;;IAEtC,oCAAuB;;IAEvB,uCAAkD;;;;;;;AC5BpD;IAKA;KAKgC;;gBAL/B,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;oBACzC,OAAO,EAAE,CAAC,mBAAmB,CAAC;iBAC/B;;IAC8B,uBAAC;CALhC;;;;;;;;;;;;;;"}
+{"version":3,"file":"customjs-breadcrumb.js","sources":["ng://@customjs/breadcrumb/lib/breadcrumb.component.ts","ng://@customjs/breadcrumb/lib/breadcrumb.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material';\n\n/**\n * Custom Breadcrumb Section item\n * @param label The section label presented to the reader\n * @param path The anchor path\n */\nexport interface CustomBreadcrumbSection {\n  label: string;\n  path: string;\n}\n\n@Component({\n  selector: 'custom-breadcrumb',\n  templateUrl: './breadcrumb.component.html',\n  styleUrls: ['./breadcrumb.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbComponent {\n  @Input() color: ThemePalette = 'warn';\n\n  @Input() title: string;\n\n  @Input() sections: CustomBreadcrumbSection[] = [];\n\n  constructor() {}\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { RouterModule } from '@angular/router';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\n@NgModule({\n  declarations: [BreadcrumbComponent],\n  imports: [CommonModule, RouterModule, FlexLayoutModule],\n  exports: [BreadcrumbComponent],\n})\nexport class BreadcrumbModule {}\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;AAQA,sCAGC;;;IAFC,wCAAc;;IACd,uCAAa;;AAGf;IAaE;QANS,UAAK,GAAiB,MAAM,CAAC;QAI7B,aAAQ,GAA8B,EAAE,CAAC;KAElC;;gBAbjB,SAAS,SAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,soBAA0C;oBAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;iBAChD;;;;;wBAEE,KAAK;wBAEL,KAAK;2BAEL,KAAK;;IAGR,0BAAC;CAdD,IAcC;;;IAPC,oCAAsC;;IAEtC,oCAAuB;;IAEvB,uCAAkD;;;;;;;ACxBpD;IAMA;KAKgC;;gBAL/B,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAAC;oBACvD,OAAO,EAAE,CAAC,mBAAmB,CAAC;iBAC/B;;IAC8B,uBAAC;CALhC;;;;;;;;;;;;;;"}

package.json

 {
   "name": "@customjs/breadcrumb",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.1-beta.4",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^8.2.0",

No alert changes

Improved metrics

Total package byte prevSize

41551

19.48%

Lines of code

429

1.9%

No dependency changes