@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
35 lines • 7.3 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
import { LinkComponent } from '../link/link.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class BreadcrumbItemComponent {
constructor() {
/**
* Whether item is active
*/
this.isActive = false;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbItemComponent, isStandalone: true, selector: "nj-breadcrumb-item", inputs: { isActive: "isActive", href: "href", target: "target", icon: "icon", iconPosition: "iconPosition", label: "label" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #itemTemplate>\n <nj-link *ngIf=\"!isActive\" variant=\"grayed\" size=\"sm\"\n [href]=\"href\" [target]=\"target\"\n [hasIcon]=\"!!icon\" [icon]=\"icon\" [iconPosition]=\"iconPosition\">\n <span class=\"nj-sr-only\">{{label}}</span>\n <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n </nj-link>\n\n <ng-container *ngIf=\"isActive\">\n <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n </ng-container>\n</ng-template>\n\n<ng-template #itemContent>\n <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "component", type: LinkComponent, selector: "nj-link", inputs: ["variant", "size", "target", "href", "rel", "isExternal", "externalLabel", "hasIcon", "icon", "iconPosition", "title", "id", "ariaLabel", "ariaLabelledBy"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
type: Component,
args: [{ selector: 'nj-breadcrumb-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [LinkComponent, CommonModule], template: "<ng-template #itemTemplate>\n <nj-link *ngIf=\"!isActive\" variant=\"grayed\" size=\"sm\"\n [href]=\"href\" [target]=\"target\"\n [hasIcon]=\"!!icon\" [icon]=\"icon\" [iconPosition]=\"iconPosition\">\n <span class=\"nj-sr-only\">{{label}}</span>\n <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n </nj-link>\n\n <ng-container *ngIf=\"isActive\">\n <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n </ng-container>\n</ng-template>\n\n<ng-template #itemContent>\n <ng-content></ng-content>\n</ng-template>\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { isActive: [{
type: Input
}], href: [{
type: Input
}], target: [{
type: Input
}], icon: [{
type: Input
}], iconPosition: [{
type: Input
}], label: [{
type: Input
}], itemTemplate: [{
type: ViewChild,
args: ['itemTemplate']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JyZWFkY3J1bWItaXRlbS9icmVhZGNydW1iLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYi1pdGVtL2JyZWFkY3J1bWItaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBVXZELE1BQU0sT0FBTyx1QkFBdUI7SUF1Q2xDO1FBdENBOztXQUVHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBQztJQW1DWCxDQUFDOytHQXZDTCx1QkFBdUI7bUdBQXZCLHVCQUF1QiwwVENacEMsOGpCQWdCQSw0Q0ROWSxhQUFhLHlOQUFFLFlBQVk7OzRGQUUxQix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0Usb0JBQW9CLG1CQUViLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsYUFBYSxFQUFFLFlBQVksQ0FBQzswRUFNN0IsUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQVFHLEtBQUs7c0JBQWIsS0FBSztnQkFLcUIsWUFBWTtzQkFBdEMsU0FBUzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMaW5rQ29tcG9uZW50IH0gZnJvbSAnLi4vbGluay9saW5rLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMaW5rSWNvblBvc2l0aW9uIH0gZnJvbSAnLi4vbGluay9saW5rLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmotYnJlYWRjcnVtYi1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWItaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTGlua0NvbXBvbmVudCwgQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iSXRlbUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBXaGV0aGVyIGl0ZW0gaXMgYWN0aXZlXG4gICAqL1xuICBASW5wdXQoKSBpc0FjdGl2ZSA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBCcmVhZGNydW1iIGxpbmsgaHJlZlxuICAgKi9cbiAgQElucHV0KCkgaHJlZjogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBCcmVhZGNydW1iIGxpbmsgdGFyZ2V0XG4gICAqL1xuICBASW5wdXQoKSB0YXJnZXQ6IHN0cmluZztcblxuICAvKipcbiAgICogQnJlYWRjcnVtYiBsaW5rIGljb25cbiAgICovXG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcblxuICAvKipcbiAgICogQnJlYWRjcnVtYiBsaW5rIGljb24gcG9zaXRpb25cbiAgICovXG4gIEBJbnB1dCgpIGljb25Qb3NpdGlvbjogTGlua0ljb25Qb3NpdGlvbjtcblxuICAvKipcbiAgICogQWNjZXNzaWJsZSB0ZXh0IGFsdGVybmF0aXZlIHdoZW4gdGhlIGl0ZW0gaGFzIGFuIGljb24gYW5kIG5vIGNoaWxkcmVuLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmotYnJlYWRjcnVtYi1pdGVtIGhyZWY9XCIjXCIgaWNvbj1cImhvbWVcIiBsYWJlbD1cIkhvbWUgcGFnZVwiPjwvbmotYnJlYWRjcnVtYi1pdGVtPlxuICAgKi9cbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIEBWaWV3Q2hpbGQoJ2l0ZW1UZW1wbGF0ZScpIGl0ZW1UZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8bmctdGVtcGxhdGUgI2l0ZW1UZW1wbGF0ZT5cbiAgPG5qLWxpbmsgKm5nSWY9XCIhaXNBY3RpdmVcIiB2YXJpYW50PVwiZ3JheWVkXCIgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgW2hyZWZdPVwiaHJlZlwiIFt0YXJnZXRdPVwidGFyZ2V0XCJcbiAgICAgICAgICAgW2hhc0ljb25dPVwiISFpY29uXCIgW2ljb25dPVwiaWNvblwiIFtpY29uUG9zaXRpb25dPVwiaWNvblBvc2l0aW9uXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJuai1zci1vbmx5XCI+e3tsYWJlbH19PC9zcGFuPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpdGVtQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICA8L25qLWxpbms+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzQWN0aXZlXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW1Db250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNpdGVtQ29udGVudD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==