🚨 Active Supply Chain Attack:node-ipc Package Compromised.Learn More →
Socket
Book a DemoSign in
Socket
Book a DemoSign in

@customjs/breadcrumb

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@customjs/breadcrumb - npm Package Compare versions

Comparing version
0.0.1-beta.5
 to
1.0.0
+1
-1
bundles/customjs-breadcrumb.umd.js

@@ -32,3 +32,3 @@ (function (global, factory) {

selector: 'custom-breadcrumb',
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\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",
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\n <ng-container *ngFor=\"let section of sections\">\n <li>\n <a [routerLink]=\"[section.path]\" [class]=\"color\">{{ section.label }}</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,

@@ -35,0 +35,0 @@ 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}"]

+1
-1
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 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,uiBAA0C;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;;;;;;;;;;;;;"}
{"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,+gBAA0C;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;;;;;;;;;;;;;"}
+1
-1
bundles/customjs-breadcrumb.umd.min.js

@@ -1,2 +0,2 @@

!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(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"],n):n(((e=e||self).customjs=e.customjs||{},e.customjs.breadcrumb={}),e.ng.core,e.ng.common,e.ng["flex-layout"],e.ng.router)}(this,function(e,n,o,t,r){"use strict";var u=function(){function e(){this.color="warn",this.sections=[]}return e.decorators=[{type:n.Component,args:[{selector:"custom-breadcrumb",template:'<div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">\n <div fxFlex>\n <ul class="custom-breadcrumb {{ color }}">\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:n.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}']}]}],e.ctorParameters=function(){return[]},e.propDecorators={color:[{type:n.Input}],title:[{type:n.Input}],sections:[{type:n.Input}]},e}();var i=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{declarations:[u],imports:[o.CommonModule,r.RouterModule,t.FlexLayoutModule],exports:[u]}]}],e}();e.BreadcrumbComponent=u,e.BreadcrumbModule=i,Object.defineProperty(e,"__esModule",{value:!0})});
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(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"],n):n(((e=e||self).customjs=e.customjs||{},e.customjs.breadcrumb={}),e.ng.core,e.ng.common,e.ng["flex-layout"],e.ng.router)}(this,function(e,n,o,t,r){"use strict";var u=function(){function e(){this.color="warn",this.sections=[]}return e.decorators=[{type:n.Component,args:[{selector:"custom-breadcrumb",template:'<div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">\n <div fxFlex>\n <ul class="custom-breadcrumb {{ color }}">\n <ng-container *ngFor="let section of sections">\n <li>\n <a [routerLink]="[section.path]" [class]="color">{{ section.label }}</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:n.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}']}]}],e.ctorParameters=function(){return[]},e.propDecorators={color:[{type:n.Input}],title:[{type:n.Input}],sections:[{type:n.Input}]},e}();var i=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{declarations:[u],imports:[o.CommonModule,r.RouterModule,t.FlexLayoutModule],exports:[u]}]}],e}();e.BreadcrumbComponent=u,e.BreadcrumbModule=i,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=customjs-breadcrumb.umd.min.js.map
+1
-1
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","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,8gBAEAC,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"]}
{"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,sfAEAC,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"]}
+1
-1
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","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 <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"}
{"__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 <ng-container *ngFor=\"let section of sections\">\n <li>\n <a [routerLink]=\"[section.path]\" [class]=\"color\">{{ section.label }}</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"}
+2
-2
esm2015/lib/breadcrumb.component.js

@@ -28,3 +28,3 @@ /**

selector: 'custom-breadcrumb',
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\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",
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\n <ng-container *ngFor=\"let section of sections\">\n <li>\n <a [routerLink]=\"[section.path]\" [class]=\"color\">{{ section.label }}</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,

@@ -49,2 +49,2 @@ 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}"]

}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRMUUsNkNBR0M7OztJQUZDLHdDQUFjOztJQUNkLHVDQUFhOztBQVNmLE1BQU0sT0FBTyxtQkFBbUI7SUFPOUI7UUFOUyxVQUFLLEdBQWlCLE1BQU0sQ0FBQztRQUk3QixhQUFRLEdBQThCLEVBQUUsQ0FBQztJQUVuQyxDQUFDOzs7WUFiakIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHVpQkFBMEM7Z0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7Ozs7b0JBRUUsS0FBSztvQkFFTCxLQUFLO3VCQUVMLEtBQUs7Ozs7SUFKTixvQ0FBc0M7O0lBRXRDLG9DQUF1Qjs7SUFFdkIsdUNBQWtEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcblxuLyoqXG4gKiBDdXN0b20gQnJlYWRjcnVtYiBTZWN0aW9uIGl0ZW1cbiAqIEBwYXJhbSBsYWJlbCBUaGUgc2VjdGlvbiBsYWJlbCBwcmVzZW50ZWQgdG8gdGhlIHJlYWRlclxuICogQHBhcmFtIHBhdGggVGhlIGFuY2hvciBwYXRoXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQ3VzdG9tQnJlYWRjcnVtYlNlY3Rpb24ge1xuICBsYWJlbDogc3RyaW5nO1xuICBwYXRoOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N1c3RvbS1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29sb3I6IFRoZW1lUGFsZXR0ZSA9ICd3YXJuJztcblxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHNlY3Rpb25zOiBDdXN0b21CcmVhZGNydW1iU2VjdGlvbltdID0gW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRMUUsNkNBR0M7OztJQUZDLHdDQUFjOztJQUNkLHVDQUFhOztBQVNmLE1BQU0sT0FBTyxtQkFBbUI7SUFPOUI7UUFOUyxVQUFLLEdBQWlCLE1BQU0sQ0FBQztRQUk3QixhQUFRLEdBQThCLEVBQUUsQ0FBQztJQUVuQyxDQUFDOzs7WUFiakIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLCtnQkFBMEM7Z0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7Ozs7b0JBRUUsS0FBSztvQkFFTCxLQUFLO3VCQUVMLEtBQUs7Ozs7SUFKTixvQ0FBc0M7O0lBRXRDLG9DQUF1Qjs7SUFFdkIsdUNBQWtEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcblxuLyoqXG4gKiBDdXN0b20gQnJlYWRjcnVtYiBTZWN0aW9uIGl0ZW1cbiAqIEBwYXJhbSBsYWJlbCBUaGUgc2VjdGlvbiBsYWJlbCBwcmVzZW50ZWQgdG8gdGhlIHJlYWRlclxuICogQHBhcmFtIHBhdGggVGhlIGFuY2hvciBwYXRoXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQ3VzdG9tQnJlYWRjcnVtYlNlY3Rpb24ge1xuICBsYWJlbDogc3RyaW5nO1xuICBwYXRoOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N1c3RvbS1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29sb3I6IFRoZW1lUGFsZXR0ZSA9ICd3YXJuJztcblxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHNlY3Rpb25zOiBDdXN0b21CcmVhZGNydW1iU2VjdGlvbltdID0gW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19
+2
-2
esm5/lib/breadcrumb.component.js

@@ -27,3 +27,3 @@ /**

selector: 'custom-breadcrumb',
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\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",
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\n <ng-container *ngFor=\"let section of sections\">\n <li>\n <a [routerLink]=\"[section.path]\" [class]=\"color\">{{ section.label }}</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,

@@ -51,2 +51,2 @@ 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}"]

}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRMUUsNkNBR0M7OztJQUZDLHdDQUFjOztJQUNkLHVDQUFhOztBQUdmO0lBYUU7UUFOUyxVQUFLLEdBQWlCLE1BQU0sQ0FBQztRQUk3QixhQUFRLEdBQThCLEVBQUUsQ0FBQztJQUVuQyxDQUFDOztnQkFiakIsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLHVpQkFBMEM7b0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztpQkFDaEQ7Ozs7O3dCQUVFLEtBQUs7d0JBRUwsS0FBSzsyQkFFTCxLQUFLOztJQUdSLDBCQUFDO0NBQUEsQUFkRCxJQWNDO1NBUlksbUJBQW1COzs7SUFDOUIsb0NBQXNDOztJQUV0QyxvQ0FBdUI7O0lBRXZCLHVDQUFrRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbCc7XG5cbi8qKlxuICogQ3VzdG9tIEJyZWFkY3J1bWIgU2VjdGlvbiBpdGVtXG4gKiBAcGFyYW0gbGFiZWwgVGhlIHNlY3Rpb24gbGFiZWwgcHJlc2VudGVkIHRvIHRoZSByZWFkZXJcbiAqIEBwYXJhbSBwYXRoIFRoZSBhbmNob3IgcGF0aFxuICovXG5leHBvcnQgaW50ZXJmYWNlIEN1c3RvbUJyZWFkY3J1bWJTZWN0aW9uIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgcGF0aDogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdXN0b20tYnJlYWRjcnVtYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9yOiBUaGVtZVBhbGV0dGUgPSAnd2Fybic7XG5cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKSBzZWN0aW9uczogQ3VzdG9tQnJlYWRjcnVtYlNlY3Rpb25bXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY3VzdG9tanMvYnJlYWRjcnVtYi8iLCJzb3VyY2VzIjpbImxpYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRMUUsNkNBR0M7OztJQUZDLHdDQUFjOztJQUNkLHVDQUFhOztBQUdmO0lBYUU7UUFOUyxVQUFLLEdBQWlCLE1BQU0sQ0FBQztRQUk3QixhQUFRLEdBQThCLEVBQUUsQ0FBQztJQUVuQyxDQUFDOztnQkFiakIsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLCtnQkFBMEM7b0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztpQkFDaEQ7Ozs7O3dCQUVFLEtBQUs7d0JBRUwsS0FBSzsyQkFFTCxLQUFLOztJQUdSLDBCQUFDO0NBQUEsQUFkRCxJQWNDO1NBUlksbUJBQW1COzs7SUFDOUIsb0NBQXNDOztJQUV0QyxvQ0FBdUI7O0lBRXZCLHVDQUFrRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbCc7XG5cbi8qKlxuICogQ3VzdG9tIEJyZWFkY3J1bWIgU2VjdGlvbiBpdGVtXG4gKiBAcGFyYW0gbGFiZWwgVGhlIHNlY3Rpb24gbGFiZWwgcHJlc2VudGVkIHRvIHRoZSByZWFkZXJcbiAqIEBwYXJhbSBwYXRoIFRoZSBhbmNob3IgcGF0aFxuICovXG5leHBvcnQgaW50ZXJmYWNlIEN1c3RvbUJyZWFkY3J1bWJTZWN0aW9uIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgcGF0aDogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdXN0b20tYnJlYWRjcnVtYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9yOiBUaGVtZVBhbGV0dGUgPSAnd2Fybic7XG5cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKSBzZWN0aW9uczogQ3VzdG9tQnJlYWRjcnVtYlNlY3Rpb25bXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==
+1
-1
fesm2015/customjs-breadcrumb.js

@@ -32,3 +32,3 @@ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';

selector: 'custom-breadcrumb',
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\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",
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\n <ng-container *ngFor=\"let section of sections\">\n <li>\n <a [routerLink]=\"[section.path]\" [class]=\"color\">{{ section.label }}</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,

@@ -35,0 +35,0 @@ 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}"]

+1
-1
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 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,uiBAA0C;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;;;;;;;;;;;;;;;"}
{"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,+gBAA0C;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;;;;;;;;;;;;;;;"}
+1
-1
fesm5/customjs-breadcrumb.js

@@ -31,3 +31,3 @@ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';

selector: 'custom-breadcrumb',
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\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",
template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <div fxFlex>\n <ul class=\"custom-breadcrumb {{ color }}\">\n <ng-container *ngFor=\"let section of sections\">\n <li>\n <a [routerLink]=\"[section.path]\" [class]=\"color\">{{ section.label }}</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,

@@ -34,0 +34,0 @@ 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}"]

+1
-1
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 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,uiBAA0C;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;;;;;;;;;;;;;;"}
{"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,+gBAA0C;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;;;;;;;;;;;;;;"}
+3
-3
package.json
{
"name": "@customjs/breadcrumb",
"version": "0.0.1-beta.5",
"version": "1.0.0",
"peerDependencies": {
"@angular/common": "^8.2.0",
"@angular/core": "^8.2.0"
"@angular/common": ">=8.2.0",
"@angular/core": ">=8.2.0"
},

@@ -8,0 +8,0 @@ "main": "bundles/customjs-breadcrumb.umd.js",

+2
-1
README.md

@@ -8,4 +8,5 @@ # Breadcrumb

Run `ng generate component component-name --project breadcrumb` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project breadcrumb`.
> Note: Don't forget to add `--project breadcrumb` or else it will be added to the default project in your `angular.json` file.
> Note: Don't forget to add `--project breadcrumb` or else it will be added to the default project in your `angular.json` file.
## Build

@@ -12,0 +13,0 @@