@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).
73 lines • 7.3 kB
JavaScript
import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
import { newUniqueId } from '../../shared';
import { BUTTON_TAB_ID_PREFIX } from './tabs.model';
import * as i0 from "@angular/core";
export const DSFR_TAB_SELECTORS = 'dsfr-tab-panel, dsfr-tab';
export class DsfrTabComponent {
get id() {
return this.tabId;
}
get attrRole() {
return 'tabpanel';
}
get attrLabelledBy() {
return this.buttonId;
}
get attrTabindex() {
return '0';
}
get attrTabId() {
return this.tabId;
}
get attrLabel() {
return this.label;
}
get attrIconClass() {
return this.icon || null;
}
get class() {
return 'fr-tabs__panel';
}
/** @internal */
ngOnInit() {
this.tabId ??= newUniqueId();
this.buttonId = BUTTON_TAB_ID_PREFIX + this.tabId;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DsfrTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DsfrTabComponent, selector: "dsfr-tab-panel, dsfr-tab", inputs: { tabId: "tabId", label: "label", icon: "icon" }, host: { properties: { "id": "this.id", "attr.role": "this.attrRole", "attr.aria-labelledby": "this.attrLabelledBy", "attr.tabindex": "this.attrTabindex", "attr.data-tabid": "this.attrTabId", "attr.data-label": "this.attrLabel", "attr.data-iconClass": "this.attrIconClass", "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DsfrTabComponent, decorators: [{
type: Component,
args: [{ selector: DSFR_TAB_SELECTORS, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
}], propDecorators: { tabId: [{
type: Input
}], label: [{
type: Input
}], icon: [{
type: Input
}], id: [{
type: HostBinding,
args: ['id']
}], attrRole: [{
type: HostBinding,
args: ['attr.role']
}], attrLabelledBy: [{
type: HostBinding,
args: ['attr.aria-labelledby']
}], attrTabindex: [{
type: HostBinding,
args: ['attr.tabindex']
}], attrTabId: [{
type: HostBinding,
args: ['attr.data-tabid']
}], attrLabel: [{
type: HostBinding,
args: ['attr.data-label']
}], attrIconClass: [{
type: HostBinding,
args: ['attr.data-iconClass']
}], class: [{
type: HostBinding,
args: ['class']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1kc2ZyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1kc2ZyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzNDLE9BQU8sRUFBRSxvQkFBb0IsRUFBZ0IsTUFBTSxjQUFjLENBQUM7O0FBRWxFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLDBCQUEwQixDQUFDO0FBTzdELE1BQU0sT0FBTyxnQkFBZ0I7SUFhM0IsSUFBdUIsRUFBRTtRQUN2QixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQThCLFFBQVE7UUFDcEMsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQXlDLGNBQWM7UUFDckQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFrQyxZQUFZO1FBQzVDLE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQztJQUVELElBQW9DLFNBQVM7UUFDM0MsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUFvQyxTQUFTO1FBQzNDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRUQsSUFBd0MsYUFBYTtRQUNuRCxPQUFPLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUEwQixLQUFLO1FBQzdCLE9BQU8sZ0JBQWdCLENBQUM7SUFDMUIsQ0FBQztJQUVELGdCQUFnQjtJQUNoQixRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssS0FBSyxXQUFXLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsUUFBUSxHQUFHLG9CQUFvQixHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEQsQ0FBQzsrR0FqRFUsZ0JBQWdCO21HQUFoQixnQkFBZ0Isc2FDWDdCLDZCQUNBOzs0RkRVYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0Usa0JBQWtCLGlCQUViLGlCQUFpQixDQUFDLElBQUk7OEJBSTVCLEtBQUs7c0JBQWIsS0FBSztnQkFHRyxLQUFLO3NCQUFiLEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLO2dCQUtpQixFQUFFO3NCQUF4QixXQUFXO3VCQUFDLElBQUk7Z0JBSWEsUUFBUTtzQkFBckMsV0FBVzt1QkFBQyxXQUFXO2dCQUlpQixjQUFjO3NCQUF0RCxXQUFXO3VCQUFDLHNCQUFzQjtnQkFJRCxZQUFZO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7Z0JBSVEsU0FBUztzQkFBNUMsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBSU0sU0FBUztzQkFBNUMsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBSVUsYUFBYTtzQkFBcEQsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBSVIsS0FBSztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG5ld1VuaXF1ZUlkIH0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEJVVFRPTl9UQUJfSURfUFJFRklYLCBFZHVUYWJIZWFkZXIgfSBmcm9tICcuL3RhYnMubW9kZWwnO1xuXG5leHBvcnQgY29uc3QgRFNGUl9UQUJfU0VMRUNUT1JTID0gJ2RzZnItdGFiLXBhbmVsLCBkc2ZyLXRhYic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogRFNGUl9UQUJfU0VMRUNUT1JTLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRHNmclRhYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgUmVxdWlyZWQ8RWR1VGFiSGVhZGVyPiB7XG4gIC8qKiBJZGVudGlmaWFudCBkZSBsJ29uZ2xldCwgb2JsaWdhdG9pcmUsIGfDqW7DqXLDqSBzaSBub24gZm91cm5pLiAqL1xuICBASW5wdXQoKSB0YWJJZDogc3RyaW5nO1xuXG4gIC8qKiBUaXRyZSBkZSBsJ29uZ2xldCwgb2JsaWdhdG9pcmUuICovXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG5cbiAgLyoqIE5vbSBkZSBsJ2ljw7RuZSwgbCdpY8O0bmUgZXN0IMOgIGdhdWNoZSBkdSBsaWJlbGzDqSwgb3B0aW9ubmVsLiAqL1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG5cbiAgLyoqIEBpbnRlcm5hbCovXG4gIGJ1dHRvbklkOiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCdpZCcpIGdldCBpZCgpIHtcbiAgICByZXR1cm4gdGhpcy50YWJJZDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgZ2V0IGF0dHJSb2xlKCkge1xuICAgIHJldHVybiAndGFicGFuZWwnO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWxsZWRieScpIGdldCBhdHRyTGFiZWxsZWRCeSgpIHtcbiAgICByZXR1cm4gdGhpcy5idXR0b25JZDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpIGdldCBhdHRyVGFiaW5kZXgoKSB7XG4gICAgcmV0dXJuICcwJztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXRhYmlkJykgZ2V0IGF0dHJUYWJJZCgpIHtcbiAgICByZXR1cm4gdGhpcy50YWJJZDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWxhYmVsJykgZ2V0IGF0dHJMYWJlbCgpIHtcbiAgICByZXR1cm4gdGhpcy5sYWJlbDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWljb25DbGFzcycpIGdldCBhdHRySWNvbkNsYXNzKCkge1xuICAgIHJldHVybiB0aGlzLmljb24gfHwgbnVsbDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuICdmci10YWJzX19wYW5lbCc7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudGFiSWQgPz89IG5ld1VuaXF1ZUlkKCk7XG4gICAgdGhpcy5idXR0b25JZCA9IEJVVFRPTl9UQUJfSURfUFJFRklYICsgdGhpcy50YWJJZDtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19