ng-devui
Version:
DevUI components based on Angular
33 lines • 8.65 kB
JavaScript
import { Component, forwardRef, Input, TemplateRef } from '@angular/core';
import { BreadCrumbService } from './breadcrumb.service';
import { BREADCRUMB } from './breadcrumb.token';
import * as i0 from "@angular/core";
import * as i1 from "./breadcrumb.service";
import * as i2 from "@angular/common";
import * as i3 from "./breadcrumb-item/breadcrumb-item.component";
export class BreadCrumbComponent {
constructor(breadCrumbService) {
this.breadCrumbService = breadCrumbService;
this.source = [];
}
navigateTo($event, item) {
this.breadCrumbService.navigateTo($event, item);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadCrumbComponent, deps: [{ token: i1.BreadCrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BreadCrumbComponent, selector: "d-breadcrumb", inputs: { separatorIcon: "separatorIcon", source: "source" }, providers: [{
provide: BREADCRUMB,
useExisting: forwardRef(() => BreadCrumbComponent)
}], exportAs: ["dBreadcrumb"], ngImport: i0, template: "<ng-container *ngIf=\"source && source.length\">\n <d-breadcrumb-item\n *ngFor=\"let item of source\"\n [showMenu]=\"item.showMenu\"\n [isSearch]=\"item.isSearch\"\n [menuList]=\"item.menuList\"\n [customMenuTemplate]=\"item.customMenuTemplate\"\n >\n <a\n *ngIf=\"!item.noNavigation && (!item.linkType || item.linkType === 'hrefLink')\"\n rel=\"noopener\"\n [href]=\"item.link\"\n [target]=\"item.target ? item.target : '_self'\"\n >{{ item.title }}</a\n >\n <a\n *ngIf=\"!item.noNavigation && item.linkType === 'routerLink'\"\n rel=\"noopener\"\n [target]=\"item.target\"\n [href]=\"item.link\"\n (click)=\"navigateTo($event, item)\"\n >{{ item.title }}</a\n >\n <span *ngIf=\"item.noNavigation\">{{ item.title }}</span>\n </d-breadcrumb-item>\n</ng-container>\n<ng-container *ngIf=\"!(source && source.length)\">\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host{display:flex;align-items:center;min-height:28px}:host ::ng-deep d-breadcrumb-item:last-child .devui-breadcrumb-item{color:var(--devui-text, #191919)}:host ::ng-deep d-breadcrumb-item:last-child .devui-breadcrumb-item a{color:var(--devui-text, #191919)}:host ::ng-deep d-breadcrumb-item:last-child .devui-breadcrumb-separator{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.BreadCrumbItemComponent, selector: "d-breadcrumb-item", inputs: ["showMenu", "customMenuTemplate", "menuList", "isSearch"], outputs: ["toggleEvent"], exportAs: ["dBreadcrumbItem"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadCrumbComponent, decorators: [{
type: Component,
args: [{ selector: 'd-breadcrumb', exportAs: 'dBreadcrumb', preserveWhitespaces: false, providers: [{
provide: BREADCRUMB,
useExisting: forwardRef(() => BreadCrumbComponent)
}], template: "<ng-container *ngIf=\"source && source.length\">\n <d-breadcrumb-item\n *ngFor=\"let item of source\"\n [showMenu]=\"item.showMenu\"\n [isSearch]=\"item.isSearch\"\n [menuList]=\"item.menuList\"\n [customMenuTemplate]=\"item.customMenuTemplate\"\n >\n <a\n *ngIf=\"!item.noNavigation && (!item.linkType || item.linkType === 'hrefLink')\"\n rel=\"noopener\"\n [href]=\"item.link\"\n [target]=\"item.target ? item.target : '_self'\"\n >{{ item.title }}</a\n >\n <a\n *ngIf=\"!item.noNavigation && item.linkType === 'routerLink'\"\n rel=\"noopener\"\n [target]=\"item.target\"\n [href]=\"item.link\"\n (click)=\"navigateTo($event, item)\"\n >{{ item.title }}</a\n >\n <span *ngIf=\"item.noNavigation\">{{ item.title }}</span>\n </d-breadcrumb-item>\n</ng-container>\n<ng-container *ngIf=\"!(source && source.length)\">\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host{display:flex;align-items:center;min-height:28px}:host ::ng-deep d-breadcrumb-item:last-child .devui-breadcrumb-item{color:var(--devui-text, #191919)}:host ::ng-deep d-breadcrumb-item:last-child .devui-breadcrumb-item a{color:var(--devui-text, #191919)}:host ::ng-deep d-breadcrumb-item:last-child .devui-breadcrumb-separator{display:none}\n"] }]
}], ctorParameters: () => [{ type: i1.BreadCrumbService }], propDecorators: { separatorIcon: [{
type: Input
}], source: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9kZXZ1aS9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZGV2dWkvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7OztBQWNoRCxNQUFNLE9BQU8sbUJBQW1CO0lBRzlCLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBRC9DLFdBQU0sR0FBd0IsRUFBRSxDQUFDO0lBQ2tCLENBQUM7SUFDN0QsVUFBVSxDQUFDLE1BQU0sRUFBRSxJQUFJO1FBQ3JCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2xELENBQUM7K0dBTlUsbUJBQW1CO21HQUFuQixtQkFBbUIscUdBTG5CLENBQUM7Z0JBQ1YsT0FBTyxFQUFFLFVBQVU7Z0JBQ25CLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDbkQsQ0FBQyxxRENkSix5N0JBNkJBOzs0RkRiYSxtQkFBbUI7a0JBWC9CLFNBQVM7K0JBQ0UsY0FBYyxZQUNkLGFBQWEsdUJBR0YsS0FBSyxhQUNmLENBQUM7NEJBQ1YsT0FBTyxFQUFFLFVBQVU7NEJBQ25CLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG9CQUFvQixDQUFDO3lCQUNuRCxDQUFDO3NGQUdPLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJyZWFkQ3J1bWJTZXJ2aWNlIH0gZnJvbSAnLi9icmVhZGNydW1iLnNlcnZpY2UnO1xuaW1wb3J0IHsgQlJFQURDUlVNQiB9IGZyb20gJy4vYnJlYWRjcnVtYi50b2tlbic7XG5pbXBvcnQgeyBTb3VyY2VDb25maWcgfSBmcm9tICcuL2JyZWFkY3J1bWIudHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2QtYnJlYWRjcnVtYicsXG4gIGV4cG9ydEFzOiAnZEJyZWFkY3J1bWInLFxuICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBCUkVBRENSVU1CLFxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEJyZWFkQ3J1bWJDb21wb25lbnQpXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZENydW1iQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VwYXJhdG9ySWNvbjogVGVtcGxhdGVSZWY8YW55PjtcbiAgQElucHV0KCkgc291cmNlOiBBcnJheTxTb3VyY2VDb25maWc+ID0gW107XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYnJlYWRDcnVtYlNlcnZpY2U6IEJyZWFkQ3J1bWJTZXJ2aWNlKSB7IH1cbiAgbmF2aWdhdGVUbygkZXZlbnQsIGl0ZW0pIHtcbiAgICB0aGlzLmJyZWFkQ3J1bWJTZXJ2aWNlLm5hdmlnYXRlVG8oJGV2ZW50LCBpdGVtKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cInNvdXJjZSAmJiBzb3VyY2UubGVuZ3RoXCI+XG4gIDxkLWJyZWFkY3J1bWItaXRlbVxuICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNvdXJjZVwiXG4gICAgW3Nob3dNZW51XT1cIml0ZW0uc2hvd01lbnVcIlxuICAgIFtpc1NlYXJjaF09XCJpdGVtLmlzU2VhcmNoXCJcbiAgICBbbWVudUxpc3RdPVwiaXRlbS5tZW51TGlzdFwiXG4gICAgW2N1c3RvbU1lbnVUZW1wbGF0ZV09XCJpdGVtLmN1c3RvbU1lbnVUZW1wbGF0ZVwiXG4gID5cbiAgICA8YVxuICAgICAgKm5nSWY9XCIhaXRlbS5ub05hdmlnYXRpb24gJiYgKCFpdGVtLmxpbmtUeXBlIHx8IGl0ZW0ubGlua1R5cGUgPT09ICdocmVmTGluaycpXCJcbiAgICAgIHJlbD1cIm5vb3BlbmVyXCJcbiAgICAgIFtocmVmXT1cIml0ZW0ubGlua1wiXG4gICAgICBbdGFyZ2V0XT1cIml0ZW0udGFyZ2V0ID8gaXRlbS50YXJnZXQgOiAnX3NlbGYnXCJcbiAgICAgID57eyBpdGVtLnRpdGxlIH19PC9hXG4gICAgPlxuICAgIDxhXG4gICAgICAqbmdJZj1cIiFpdGVtLm5vTmF2aWdhdGlvbiAmJiBpdGVtLmxpbmtUeXBlID09PSAncm91dGVyTGluaydcIlxuICAgICAgcmVsPVwibm9vcGVuZXJcIlxuICAgICAgW3RhcmdldF09XCJpdGVtLnRhcmdldFwiXG4gICAgICBbaHJlZl09XCJpdGVtLmxpbmtcIlxuICAgICAgKGNsaWNrKT1cIm5hdmlnYXRlVG8oJGV2ZW50LCBpdGVtKVwiXG4gICAgICA+e3sgaXRlbS50aXRsZSB9fTwvYVxuICAgID5cbiAgICA8c3BhbiAqbmdJZj1cIml0ZW0ubm9OYXZpZ2F0aW9uXCI+e3sgaXRlbS50aXRsZSB9fTwvc3Bhbj5cbiAgPC9kLWJyZWFkY3J1bWItaXRlbT5cbjwvbmctY29udGFpbmVyPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiEoc291cmNlICYmIHNvdXJjZS5sZW5ndGgpXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctY29udGFpbmVyPlxuIl19