@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).
42 lines • 7.28 kB
JavaScript
import { CommonModule } from '@angular/common';
import { Component, Input, ViewEncapsulation } from '@angular/core';
import { DsfrHeadingLevelConst, DsfrI18nPipe, HeadingComponent } from '../../shared';
import * as i0 from "@angular/core";
import * as i1 from "../../shared";
export class DsfrStepperComponent {
/** @internal */
constructor(i18n) {
this.i18n = i18n;
/**
* Nombre total d'étapes.
*/
this.totalSteps = 1;
/**
* Index de l'étape courante.
*/
this.currentStep = 1;
/**
* Le niveau du titre dans la structure, ne change pas l'apparence, `<h2>` par défaut.
*
* @since 1.11.8
*/
this.headingLevel = DsfrHeadingLevelConst.H2;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DsfrStepperComponent, deps: [{ token: i1.DsfrI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DsfrStepperComponent, isStandalone: true, selector: "dsfr-stepper", inputs: { totalSteps: "totalSteps", currentStep: "currentStep", currentStepTitle: "currentStepTitle", nextStepTitle: "nextStepTitle", headingLevel: "headingLevel" }, ngImport: i0, template: "<div class=\"fr-stepper\">\n <edu-heading [level]=\"headingLevel\" defaultLevel=\"H2\" customClass=\"fr-stepper__title\">\n {{ currentStepTitle }}\n <span class=\"fr-stepper__state\">\n {{ 'stepper.step' | dsfrI18n }} {{ currentStep }} {{ 'stepper.of' | dsfrI18n }} {{ totalSteps }}\n </span>\n </edu-heading>\n <div class=\"fr-stepper__steps\" [attr.data-fr-current-step]=\"currentStep\" [attr.data-fr-steps]=\"totalSteps\"></div>\n <p class=\"fr-stepper__details\">\n <span class=\"fr-text--bold\">{{ 'stepper.nextStep' | dsfrI18n }}</span> {{ nextStepTitle }}\n </p>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: HeadingComponent, selector: "edu-heading", inputs: ["customClass", "heading", "headingId", "level", "defaultLevel"] }, { kind: "pipe", type: DsfrI18nPipe, name: "dsfrI18n" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DsfrStepperComponent, decorators: [{
type: Component,
args: [{ selector: 'dsfr-stepper', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, HeadingComponent, DsfrI18nPipe], template: "<div class=\"fr-stepper\">\n <edu-heading [level]=\"headingLevel\" defaultLevel=\"H2\" customClass=\"fr-stepper__title\">\n {{ currentStepTitle }}\n <span class=\"fr-stepper__state\">\n {{ 'stepper.step' | dsfrI18n }} {{ currentStep }} {{ 'stepper.of' | dsfrI18n }} {{ totalSteps }}\n </span>\n </edu-heading>\n <div class=\"fr-stepper__steps\" [attr.data-fr-current-step]=\"currentStep\" [attr.data-fr-steps]=\"totalSteps\"></div>\n <p class=\"fr-stepper__details\">\n <span class=\"fr-text--bold\">{{ 'stepper.nextStep' | dsfrI18n }}</span> {{ nextStepTitle }}\n </p>\n</div>\n" }]
}], ctorParameters: () => [{ type: i1.DsfrI18nService }], propDecorators: { totalSteps: [{
type: Input
}], currentStep: [{
type: Input
}], currentStepTitle: [{
type: Input
}], nextStepTitle: [{
type: Input
}], headingLevel: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZHNmci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWRzZnItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQW9CLHFCQUFxQixFQUFFLFlBQVksRUFBbUIsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQVN4SCxNQUFNLE9BQU8sb0JBQW9CO0lBNEIvQixnQkFBZ0I7SUFDaEIsWUFBbUIsSUFBcUI7UUFBckIsU0FBSSxHQUFKLElBQUksQ0FBaUI7UUE1QnhDOztXQUVHO1FBQ00sZUFBVSxHQUFHLENBQUMsQ0FBQztRQUV4Qjs7V0FFRztRQUNNLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBWXpCOzs7O1dBSUc7UUFDTSxpQkFBWSxHQUFxQixxQkFBcUIsQ0FBQyxFQUFFLENBQUM7SUFHeEIsQ0FBQzsrR0E3QmpDLG9CQUFvQjttR0FBcEIsb0JBQW9CLDhPQ1hqQywybEJBWUEsMkNESFksWUFBWSwrQkFBRSxnQkFBZ0IsNkhBQUUsWUFBWTs7NEZBRTNDLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxjQUFjLGlCQUVULGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGdCQUFnQixFQUFFLFlBQVksQ0FBQztvRkFNOUMsVUFBVTtzQkFBbEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFLRyxhQUFhO3NCQUFyQixLQUFLO2dCQU9HLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERzZnJIZWFkaW5nTGV2ZWwsIERzZnJIZWFkaW5nTGV2ZWxDb25zdCwgRHNmckkxOG5QaXBlLCBEc2ZySTE4blNlcnZpY2UsIEhlYWRpbmdDb21wb25lbnQgfSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkc2ZyLXN0ZXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEhlYWRpbmdDb21wb25lbnQsIERzZnJJMThuUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIERzZnJTdGVwcGVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIE5vbWJyZSB0b3RhbCBkJ8OpdGFwZXMuXG4gICAqL1xuICBASW5wdXQoKSB0b3RhbFN0ZXBzID0gMTtcblxuICAvKipcbiAgICogSW5kZXggZGUgbCfDqXRhcGUgY291cmFudGUuXG4gICAqL1xuICBASW5wdXQoKSBjdXJyZW50U3RlcCA9IDE7XG5cbiAgLyoqXG4gICAqIFRpdHJlIGRlIGwnw6l0YXBlIGNvdXJhbnRlLlxuICAgKi9cbiAgQElucHV0KCkgY3VycmVudFN0ZXBUaXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBUaXRyZSBkZSBsJ8OpdGFwZSBzdWl2YW50ZS5cbiAgICovXG4gIEBJbnB1dCgpIG5leHRTdGVwVGl0bGU6IHN0cmluZztcblxuICAvKipcbiAgICogTGUgbml2ZWF1IGR1IHRpdHJlIGRhbnMgbGEgc3RydWN0dXJlLCBuZSBjaGFuZ2UgcGFzIGwnYXBwYXJlbmNlLCBgPGgyPmAgcGFyIGTDqWZhdXQuXG4gICAqXG4gICAqIEBzaW5jZSAxLjExLjhcbiAgICovXG4gIEBJbnB1dCgpIGhlYWRpbmdMZXZlbDogRHNmckhlYWRpbmdMZXZlbCA9IERzZnJIZWFkaW5nTGV2ZWxDb25zdC5IMjtcblxuICAvKiogQGludGVybmFsICovXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpMThuOiBEc2ZySTE4blNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZnItc3RlcHBlclwiPlxuICA8ZWR1LWhlYWRpbmcgW2xldmVsXT1cImhlYWRpbmdMZXZlbFwiIGRlZmF1bHRMZXZlbD1cIkgyXCIgY3VzdG9tQ2xhc3M9XCJmci1zdGVwcGVyX190aXRsZVwiPlxuICAgIHt7IGN1cnJlbnRTdGVwVGl0bGUgfX1cbiAgICA8c3BhbiBjbGFzcz1cImZyLXN0ZXBwZXJfX3N0YXRlXCI+XG4gICAgICB7eyAnc3RlcHBlci5zdGVwJyB8IGRzZnJJMThuIH19IHt7IGN1cnJlbnRTdGVwIH19IHt7ICdzdGVwcGVyLm9mJyB8IGRzZnJJMThuIH19IHt7IHRvdGFsU3RlcHMgfX1cbiAgICA8L3NwYW4+XG4gIDwvZWR1LWhlYWRpbmc+XG4gIDxkaXYgY2xhc3M9XCJmci1zdGVwcGVyX19zdGVwc1wiIFthdHRyLmRhdGEtZnItY3VycmVudC1zdGVwXT1cImN1cnJlbnRTdGVwXCIgW2F0dHIuZGF0YS1mci1zdGVwc109XCJ0b3RhbFN0ZXBzXCI+PC9kaXY+XG4gIDxwIGNsYXNzPVwiZnItc3RlcHBlcl9fZGV0YWlsc1wiPlxuICAgIDxzcGFuIGNsYXNzPVwiZnItdGV4dC0tYm9sZFwiPnt7ICdzdGVwcGVyLm5leHRTdGVwJyB8IGRzZnJJMThuIH19PC9zcGFuPiB7eyBuZXh0U3RlcFRpdGxlIH19XG4gIDwvcD5cbjwvZGl2PlxuIl19