xng-breadcrumb/xng-breadcrumb.metadata.json

A declarative and reactive breadcrumb approach for Angular 6 and beyond https://www.npmjs.com/package/xng-breadcrumb

{"__symbolic":"module","version":4,"metadata":{"BreadcrumbItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[xngBreadcrumbItem]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"BreadcrumbComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"xng-breadcrumb","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"},"template":"<nav aria-label=\"breadcrumb\" class=\"xng-breadcrumb-root\" [ngClass]=\"class\">\n  <ol class=\"xng-breadcrumb-list\">\n    <ng-container *ngFor=\"let breadcrumb of breadcrumbs$ | async | autoLabel: autoGenerate; last as isLast; first as isFirst\">\n      <li class=\"xng-breadcrumb-item\">\n        <a *ngIf=\"!isLast\" [routerLink]=\"[breadcrumb.routeLink]\" class=\"xng-breadcrumb-link\">\n          <ng-container\n            *ngTemplateOutlet=\"itemTemplate; context: { $implicit: breadcrumb.label, info: breadcrumb.info, last: isLast, first: isFirst }\"\n          ></ng-container>\n          <ng-container *ngIf=\"!itemTemplate\">{{ breadcrumb.label }}</ng-container>\n        </a>\n\n        <label *ngIf=\"isLast\" class=\"xng-breadcrumb-trail\">\n          <ng-container\n            *ngTemplateOutlet=\"itemTemplate; context: { $implicit: breadcrumb.label, info: breadcrumb.info, last: isLast, first: isFirst }\"\n          ></ng-container>\n          <ng-container *ngIf=\"!itemTemplate\">{{ breadcrumb.label }}</ng-container>\n        </label>\n      </li>\n\n      <li *ngIf=\"!isLast\" class=\"xng-breadcrumb-separator\" aria-hidden=\"true\" role=\"separator\">\n        <ng-container *ngTemplateOutlet=\"separatorTemplate\"></ng-container>\n        <ng-container *ngIf=\"!separatorTemplate\">{{ separator }}</ng-container>\n      </li>\n    </ng-container>\n  </ol>\n</nav>\n","styles":[".xng-breadcrumb-root{margin:0;color:rgba(0,0,0,.6)}.xng-breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0}.xng-breadcrumb-item{list-style:none}.xng-breadcrumb-trail{display:flex;align-items:center;color:rgba(0,0,0,.9)}.xng-breadcrumb-link{display:flex;align-items:center;white-space:nowrap;color:inherit;text-decoration:none;transition:text-decoration .3s;transition:text-decoration .3s,-webkit-text-decoration .3s}.xng-breadcrumb-link:hover{text-decoration:underline}.xng-breadcrumb-separator{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:8px;margin-right:8px}"]}]}],"members":{"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"BreadcrumbItemDirective"},{"static":false,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":25,"character":64}}]}]}],"autoGenerate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"separator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["separator"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"BreadcrumbService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"BreadcrumbModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BreadcrumbComponent"},{"__symbolic":"reference","name":"BreadcrumbItemDirective"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":9,"character":26}],"exports":[{"__symbolic":"reference","name":"BreadcrumbComponent"},{"__symbolic":"reference","name":"BreadcrumbItemDirective"}]}]}],"members":{}},"BreadcrumbService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":42,"character":38},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":42,"character":70}]}],"set":[{"__symbolic":"method"}],"setBaseBreadcrumb":[{"__symbolic":"method"}],"detectRouteChanges":[{"__symbolic":"method"}],"prepareBreadcrumbList":[{"__symbolic":"method"}],"prepareBreadcrumbItem":[{"__symbolic":"method"}],"parseRouteData":[{"__symbolic":"method"}],"getFromStore":[{"__symbolic":"method"}],"buildRouteRegExp":[{"__symbolic":"method"}],"updateStore":[{"__symbolic":"method"}],"getBreadcrumbIndexes":[{"__symbolic":"method"}],"getBreadcrumbIndexesByType":[{"__symbolic":"method"}],"resolvePathParam":[{"__symbolic":"method"}],"mergeWithBaseChildData":[{"__symbolic":"method"}],"validateArguments":[{"__symbolic":"method"}],"getBreadcrumbOptions":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"autoLabel"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"BreadcrumbItemDirective":"./lib/breadcrumb-item.directive","BreadcrumbComponent":"./lib/breadcrumb.component","BreadcrumbModule":"./lib/breadcrumb.module","BreadcrumbService":"./lib/breadcrumb.service","ɵa":"./lib/auto-label.pipe"},"importAs":"xng-breadcrumb"}