@edugouvfr/ngx-dsfr
Version:
NgxDsfr est un portage Angular des éléments d'interface du Système de Design de l'État Français (DSFR).
33 lines • 7.31 kB
JavaScript
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../shared";
import * as i2 from "@angular/common";
import * as i3 from "../link/item-link.component";
export class DsfrBreadcrumbComponent {
/** @internal */
constructor(i18n) {
this.i18n = i18n;
/** Tableau d'item du fil d'Ariane. */
this.items = [];
/** Confirmation du clic sur le bouton. */
this.linkSelect = new EventEmitter();
this.ariaLabel = this.i18n.t('breadcrumb.ariaLabel');
}
/** @internal */
onItem(item) {
this.linkSelect.emit(item);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DsfrBreadcrumbComponent, deps: [{ token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DsfrBreadcrumbComponent, selector: "dsfr-breadcrumb", inputs: { items: "items", ariaLabel: "ariaLabel" }, outputs: { linkSelect: "linkSelect" }, ngImport: i0, template: "<nav role=\"navigation\" class=\"fr-breadcrumb\" [attr.aria-label]=\"ariaLabel\">\n <button type=\"button\" class=\"fr-breadcrumb__button\" aria-expanded=\"false\" aria-controls=\"breadcrumb-1\">\n {{ i18n.t('breadcrumb.viewBreadcrumb') }}\n </button>\n <div class=\"fr-collapse\" id=\"breadcrumb-1\">\n <ol class=\"fr-breadcrumb__list\">\n <li *ngFor=\"let item of items; let isFirst = first; let isLast = last\">\n <a *ngIf=\"isLast\" class=\"fr-breadcrumb__link\" aria-current=\"page\" [attr.aria-label]=\"item.ariaLabel || null\">\n {{ item.label }}\n </a>\n <edu-item-link\n *ngIf=\"!isLast\"\n (linkSelect)=\"onItem(item)\"\n [customClass]=\"'fr-breadcrumb__link'\"\n [item]=\"item\"></edu-item-link>\n </li>\n </ol>\n </div>\n</nav>\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.ItemLinkComponent, selector: "edu-item-link", inputs: ["defaultIconPosition", "item"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DsfrBreadcrumbComponent, decorators: [{
type: Component,
args: [{ selector: 'dsfr-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<nav role=\"navigation\" class=\"fr-breadcrumb\" [attr.aria-label]=\"ariaLabel\">\n <button type=\"button\" class=\"fr-breadcrumb__button\" aria-expanded=\"false\" aria-controls=\"breadcrumb-1\">\n {{ i18n.t('breadcrumb.viewBreadcrumb') }}\n </button>\n <div class=\"fr-collapse\" id=\"breadcrumb-1\">\n <ol class=\"fr-breadcrumb__list\">\n <li *ngFor=\"let item of items; let isFirst = first; let isLast = last\">\n <a *ngIf=\"isLast\" class=\"fr-breadcrumb__link\" aria-current=\"page\" [attr.aria-label]=\"item.ariaLabel || null\">\n {{ item.label }}\n </a>\n <edu-item-link\n *ngIf=\"!isLast\"\n (linkSelect)=\"onItem(item)\"\n [customClass]=\"'fr-breadcrumb__link'\"\n [item]=\"item\"></edu-item-link>\n </li>\n </ol>\n </div>\n</nav>\n" }]
}], ctorParameters: function () { return [{ type: i1.I18nService }]; }, propDecorators: { items: [{
type: Input
}], ariaLabel: [{
type: Input
}], linkSelect: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZHNmci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWRzZnItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUTFGLE1BQU0sT0FBTyx1QkFBdUI7SUFVbEMsZ0JBQWdCO0lBQ2hCLFlBQW1CLElBQWlCO1FBQWpCLFNBQUksR0FBSixJQUFJLENBQWE7UUFWcEMsc0NBQXNDO1FBQzdCLFVBQUssR0FBZSxFQUFFLENBQUM7UUFLaEMsMENBQTBDO1FBQ2hDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBSWxELElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsc0JBQXNCLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsZ0JBQWdCO0lBQ2hCLE1BQU0sQ0FBQyxJQUFjO1FBQ25CLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7K0dBbEJVLHVCQUF1QjttR0FBdkIsdUJBQXVCLGtKQ1JwQyxnMEJBbUJBOzs0RkRYYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUVaLGlCQUFpQixDQUFDLElBQUk7a0dBSTVCLEtBQUs7c0JBQWIsS0FBSztnQkFHRyxTQUFTO3NCQUFqQixLQUFLO2dCQUdJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERzZnJMaW5rLCBJMThuU2VydmljZSB9IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RzZnItYnJlYWRjcnVtYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRHNmckJyZWFkY3J1bWJDb21wb25lbnQge1xuICAvKiogVGFibGVhdSBkJ2l0ZW0gZHUgZmlsIGQnQXJpYW5lLiAqL1xuICBASW5wdXQoKSBpdGVtczogRHNmckxpbmtbXSA9IFtdO1xuXG4gIC8qKiBBdHRyaWJ1dCBhcmlhLWxhYmVsIGRlIGxhIGJhbGlzZSBgbmF2YCBkdSBmaWwgZCdBcmlhbmUuICovXG4gIEBJbnB1dCgpIGFyaWFMYWJlbDogc3RyaW5nO1xuXG4gIC8qKiBDb25maXJtYXRpb24gZHUgY2xpYyBzdXIgbGUgYm91dG9uLiAqL1xuICBAT3V0cHV0KCkgbGlua1NlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8RHNmckxpbms+KCk7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgaTE4bjogSTE4blNlcnZpY2UpIHtcbiAgICB0aGlzLmFyaWFMYWJlbCA9IHRoaXMuaTE4bi50KCdicmVhZGNydW1iLmFyaWFMYWJlbCcpO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBvbkl0ZW0oaXRlbTogRHNmckxpbmspOiB2b2lkIHtcbiAgICB0aGlzLmxpbmtTZWxlY3QuZW1pdChpdGVtKTtcbiAgfVxufVxuIiwiPG5hdiByb2xlPVwibmF2aWdhdGlvblwiIGNsYXNzPVwiZnItYnJlYWRjcnVtYlwiIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCI+XG4gIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiZnItYnJlYWRjcnVtYl9fYnV0dG9uXCIgYXJpYS1leHBhbmRlZD1cImZhbHNlXCIgYXJpYS1jb250cm9scz1cImJyZWFkY3J1bWItMVwiPlxuICAgIHt7IGkxOG4udCgnYnJlYWRjcnVtYi52aWV3QnJlYWRjcnVtYicpIH19XG4gIDwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwiZnItY29sbGFwc2VcIiBpZD1cImJyZWFkY3J1bWItMVwiPlxuICAgIDxvbCBjbGFzcz1cImZyLWJyZWFkY3J1bWJfX2xpc3RcIj5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGlzRmlyc3QgPSBmaXJzdDsgbGV0IGlzTGFzdCA9IGxhc3RcIj5cbiAgICAgICAgPGEgKm5nSWY9XCJpc0xhc3RcIiBjbGFzcz1cImZyLWJyZWFkY3J1bWJfX2xpbmtcIiBhcmlhLWN1cnJlbnQ9XCJwYWdlXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJpdGVtLmFyaWFMYWJlbCB8fCBudWxsXCI+XG4gICAgICAgICAge3sgaXRlbS5sYWJlbCB9fVxuICAgICAgICA8L2E+XG4gICAgICAgIDxlZHUtaXRlbS1saW5rXG4gICAgICAgICAgKm5nSWY9XCIhaXNMYXN0XCJcbiAgICAgICAgICAobGlua1NlbGVjdCk9XCJvbkl0ZW0oaXRlbSlcIlxuICAgICAgICAgIFtjdXN0b21DbGFzc109XCInZnItYnJlYWRjcnVtYl9fbGluaydcIlxuICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIj48L2VkdS1pdGVtLWxpbms+XG4gICAgICA8L2xpPlxuICAgIDwvb2w+XG4gIDwvZGl2PlxuPC9uYXY+XG4iXX0=