@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).
81 lines • 8.04 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';
}
get attrDisabled() {
return this.disabled;
}
/** @internal */
ngOnInit() {
this.tabId ??= newUniqueId();
this.buttonId = BUTTON_TAB_ID_PREFIX + this.tabId;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DsfrTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DsfrTabComponent, isStandalone: true, selector: "dsfr-tab-panel, dsfr-tab", inputs: { tabId: "tabId", label: "label", icon: "icon", disabled: "disabled" }, 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", "attr.disabled": "this.attrDisabled" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DsfrTabComponent, decorators: [{
type: Component,
args: [{ selector: DSFR_TAB_SELECTORS, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n" }]
}], propDecorators: { tabId: [{
type: Input
}], label: [{
type: Input
}], icon: [{
type: Input
}], disabled: [{
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']
}], attrDisabled: [{
type: HostBinding,
args: ['attr.disabled']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1kc2ZyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1kc2ZyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzNDLE9BQU8sRUFBRSxvQkFBb0IsRUFBZ0IsTUFBTSxjQUFjLENBQUM7O0FBRWxFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLDBCQUEwQixDQUFDO0FBUTdELE1BQU0sT0FBTyxnQkFBZ0I7SUFnQjNCLElBQXVCLEVBQUU7UUFDdkIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUE4QixRQUFRO1FBQ3BDLE9BQU8sVUFBVSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUF5QyxjQUFjO1FBQ3JELE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBa0MsWUFBWTtRQUM1QyxPQUFPLEdBQUcsQ0FBQztJQUNiLENBQUM7SUFFRCxJQUFvQyxTQUFTO1FBQzNDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRUQsSUFBb0MsU0FBUztRQUMzQyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQXdDLGFBQWE7UUFDbkQsT0FBTyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBMEIsS0FBSztRQUM3QixPQUFPLGdCQUFnQixDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFrQyxZQUFZO1FBQzVDLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRUQsZ0JBQWdCO0lBQ2hCLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxLQUFLLFdBQVcsRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwRCxDQUFDOytHQXhEVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixzZkNaN0IsNkJBQ0E7OzRGRFdhLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxrQkFBa0IsaUJBRWIsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJOzhCQUlQLEtBQUs7c0JBQWIsS0FBSztnQkFHRyxLQUFLO3NCQUFiLEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLO2dCQUdHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS2lCLEVBQUU7c0JBQXhCLFdBQVc7dUJBQUMsSUFBSTtnQkFJYSxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLFdBQVc7Z0JBSWlCLGNBQWM7c0JBQXRELFdBQVc7dUJBQUMsc0JBQXNCO2dCQUlELFlBQVk7c0JBQTdDLFdBQVc7dUJBQUMsZUFBZTtnQkFJUSxTQUFTO3NCQUE1QyxXQUFXO3VCQUFDLGlCQUFpQjtnQkFJTSxTQUFTO3NCQUE1QyxXQUFXO3VCQUFDLGlCQUFpQjtnQkFJVSxhQUFhO3NCQUFwRCxXQUFXO3VCQUFDLHFCQUFxQjtnQkFJUixLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBSWMsWUFBWTtzQkFBN0MsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG5ld1VuaXF1ZUlkIH0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEJVVFRPTl9UQUJfSURfUFJFRklYLCBFZHVUYWJIZWFkZXIgfSBmcm9tICcuL3RhYnMubW9kZWwnO1xuXG5leHBvcnQgY29uc3QgRFNGUl9UQUJfU0VMRUNUT1JTID0gJ2RzZnItdGFiLXBhbmVsLCBkc2ZyLXRhYic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogRFNGUl9UQUJfU0VMRUNUT1JTLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRHNmclRhYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgUmVxdWlyZWQ8RWR1VGFiSGVhZGVyPiB7XG4gIC8qKiBJZGVudGlmaWFudCBkZSBsJ29uZ2xldCwgb2JsaWdhdG9pcmUsIGfDqW7DqXLDqSBzaSBub24gZm91cm5pLiAqL1xuICBASW5wdXQoKSB0YWJJZDogc3RyaW5nO1xuXG4gIC8qKiBUaXRyZSBkZSBsJ29uZ2xldCwgb2JsaWdhdG9pcmUuICovXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG5cbiAgLyoqIE5vbSBkZSBsJ2ljw7RuZSwgbCdpY8O0bmUgZXN0IMOgIGdhdWNoZSBkdSBsaWJlbGzDqSwgb3B0aW9ubmVsLiAqL1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG5cbiAgLyoqIFBlcm1ldCBkZSBkw6lzYWN0aXZlciBsJ29uZ2xldC4gKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgLyoqIEBpbnRlcm5hbCovXG4gIGJ1dHRvbklkOiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCdpZCcpIGdldCBpZCgpIHtcbiAgICByZXR1cm4gdGhpcy50YWJJZDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgZ2V0IGF0dHJSb2xlKCkge1xuICAgIHJldHVybiAndGFicGFuZWwnO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWxsZWRieScpIGdldCBhdHRyTGFiZWxsZWRCeSgpIHtcbiAgICByZXR1cm4gdGhpcy5idXR0b25JZDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpIGdldCBhdHRyVGFiaW5kZXgoKSB7XG4gICAgcmV0dXJuICcwJztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXRhYmlkJykgZ2V0IGF0dHJUYWJJZCgpIHtcbiAgICByZXR1cm4gdGhpcy50YWJJZDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWxhYmVsJykgZ2V0IGF0dHJMYWJlbCgpIHtcbiAgICByZXR1cm4gdGhpcy5sYWJlbDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWljb25DbGFzcycpIGdldCBhdHRySWNvbkNsYXNzKCkge1xuICAgIHJldHVybiB0aGlzLmljb24gfHwgbnVsbDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuICdmci10YWJzX19wYW5lbCc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGlzYWJsZWQnKSBnZXQgYXR0ckRpc2FibGVkKCkge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnRhYklkID8/PSBuZXdVbmlxdWVJZCgpO1xuICAgIHRoaXMuYnV0dG9uSWQgPSBCVVRUT05fVEFCX0lEX1BSRUZJWCArIHRoaXMudGFiSWQ7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==