@exalif/ngx-breadcrumbs
Version:
Angular 4+ breadcrumbs on top of native Angular router
43 lines • 4.67 kB
JavaScript
import { Component } from '@angular/core';
import { BreadcrumbsService } from '../services/breadcrumbs.service';
import * as i0 from "@angular/core";
import * as i1 from "../services/breadcrumbs.service";
import * as i2 from "@angular/common";
import * as i3 from "@angular/router";
class BreadcrumbsComponent {
constructor(breadcrumbsService) {
this.breadcrumbsService = breadcrumbsService;
this.crumbs$ = this.breadcrumbsService.getCrumbs();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: i1.BreadcrumbsService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BreadcrumbsComponent, selector: "lib-breadcrumbs", ngImport: i0, template: `
<ol *ngIf="crumbs$ | async as crumbs" class="breadcrumbs__container">
<li *ngFor="let crumb of crumbs; let last = last"
[ngClass]="{ 'breadcrumbs__item--active': last }"
class="breadcrumbs__item"
>
<a *ngIf="!last" [routerLink]="crumb.path">{{ crumb.text }}</a>
<span *ngIf="last">{{ crumb.text }}</span>
</li>
</ol>
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
}
export { BreadcrumbsComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
type: Component,
args: [{
selector: 'lib-breadcrumbs',
template: `
<ol *ngIf="crumbs$ | async as crumbs" class="breadcrumbs__container">
<li *ngFor="let crumb of crumbs; let last = last"
[ngClass]="{ 'breadcrumbs__item--active': last }"
class="breadcrumbs__item"
>
<a *ngIf="!last" [routerLink]="crumb.path">{{ crumb.text }}</a>
<span *ngIf="last">{{ crumb.text }}</span>
</li>
</ol>
`
}]
}], ctorParameters: function () { return [{ type: i1.BreadcrumbsService }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9uZ3gtYnJlYWRjcnVtYnMvc3JjL2xpYi9jb21wb25lbnQvYnJlYWRjcnVtYnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJMUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7Ozs7O0FBR3JFLE1BY2Esb0JBQW9CO0lBRy9CLFlBQW1CLGtCQUFzQztRQUF0Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBRmxELFlBQU8sR0FBNkIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBRWxCLENBQUM7OEdBSG5ELG9CQUFvQjtrR0FBcEIsb0JBQW9CLHVEQVpyQjs7Ozs7Ozs7OztHQVVUOztTQUVVLG9CQUFvQjsyRkFBcEIsb0JBQW9CO2tCQWRoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFFBQVEsRUFBRTs7Ozs7Ozs7OztHQVVUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBCcmVhZGNydW1ic1NlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9icmVhZGNydW1icy5zZXJ2aWNlJztcbmltcG9ydCB7IEJyZWFkY3J1bWIgfSBmcm9tICcuLi9tb2RlbHMvYnJlYWRjcnVtYic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1icmVhZGNydW1icycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG9sICpuZ0lmPVwiY3J1bWJzJCB8IGFzeW5jIGFzIGNydW1ic1wiIGNsYXNzPVwiYnJlYWRjcnVtYnNfX2NvbnRhaW5lclwiPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBjcnVtYiBvZiBjcnVtYnM7IGxldCBsYXN0ID0gbGFzdFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2JyZWFkY3J1bWJzX19pdGVtLS1hY3RpdmUnOiBsYXN0IH1cIlxuICAgICAgICBjbGFzcz1cImJyZWFkY3J1bWJzX19pdGVtXCJcbiAgICAgID5cbiAgICAgICAgPGEgKm5nSWY9XCIhbGFzdFwiIFtyb3V0ZXJMaW5rXT1cImNydW1iLnBhdGhcIj57eyBjcnVtYi50ZXh0IH19PC9hPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImxhc3RcIj57eyBjcnVtYi50ZXh0IH19PC9zcGFuPlxuICAgICAgPC9saT5cbiAgICA8L29sPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzQ29tcG9uZW50IHtcbiAgcHVibGljIGNydW1icyQ6IE9ic2VydmFibGU8QnJlYWRjcnVtYltdPiA9IHRoaXMuYnJlYWRjcnVtYnNTZXJ2aWNlLmdldENydW1icygpO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBicmVhZGNydW1ic1NlcnZpY2U6IEJyZWFkY3J1bWJzU2VydmljZSkgeyB9XG59XG4iXX0=