UNPKG

@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).

25 lines 4.56 kB
import { Component, Input, ViewEncapsulation } from '@angular/core'; import * as i0 from "@angular/core"; export class DsfrStepperComponent { constructor() { /** Nombre total d'étapes. */ this.totalSteps = 1; /** Index de l'étape courante. */ this.currentStep = 1; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DsfrStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); } static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DsfrStepperComponent, selector: "dsfr-stepper", inputs: { totalSteps: "totalSteps", currentStep: "currentStep", currentStepTitle: "currentStepTitle", nextStepTitle: "nextStepTitle" }, ngImport: i0, template: "<div class=\"fr-stepper\">\n <h2 class=\"fr-stepper__title\">\n {{ currentStepTitle }}\n <span class=\"fr-stepper__state\">\u00C9tape {{ currentStep }} sur {{ totalSteps }}</span>\n </h2>\n <div class=\"fr-stepper__steps\" [attr.data-fr-current-step]=\"currentStep\" [attr.data-fr-steps]=\"totalSteps\"></div>\n <p class=\"fr-stepper__details\"><span class=\"fr-text--bold\">\u00C9tape suivante :</span> {{ nextStepTitle }}</p>\n</div>\n", encapsulation: i0.ViewEncapsulation.None }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DsfrStepperComponent, decorators: [{ type: Component, args: [{ selector: 'dsfr-stepper', encapsulation: ViewEncapsulation.None, template: "<div class=\"fr-stepper\">\n <h2 class=\"fr-stepper__title\">\n {{ currentStepTitle }}\n <span class=\"fr-stepper__state\">\u00C9tape {{ currentStep }} sur {{ totalSteps }}</span>\n </h2>\n <div class=\"fr-stepper__steps\" [attr.data-fr-current-step]=\"currentStep\" [attr.data-fr-steps]=\"totalSteps\"></div>\n <p class=\"fr-stepper__details\"><span class=\"fr-text--bold\">\u00C9tape suivante :</span> {{ nextStepTitle }}</p>\n</div>\n" }] }], propDecorators: { totalSteps: [{ type: Input }], currentStep: [{ type: Input }], currentStepTitle: [{ type: Input }], nextStepTitle: [{ type: Input }] } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZHNmci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWRzZnItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9wRSxNQUFNLE9BQU8sb0JBQW9CO0lBTGpDO1FBTUUsNkJBQTZCO1FBQ3BCLGVBQVUsR0FBRyxDQUFDLENBQUM7UUFFeEIsaUNBQWlDO1FBQ3hCLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO0tBTzFCOytHQVpZLG9CQUFvQjttR0FBcEIsb0JBQW9CLDRMQ1BqQyxpY0FRQTs7NEZERGEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWMsaUJBRVQsaUJBQWlCLENBQUMsSUFBSTs4QkFJNUIsVUFBVTtzQkFBbEIsS0FBSztnQkFHRyxXQUFXO3NCQUFuQixLQUFLO2dCQUdHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFHRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZHNmci1zdGVwcGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBEc2ZyU3RlcHBlckNvbXBvbmVudCB7XG4gIC8qKiBOb21icmUgdG90YWwgZCfDqXRhcGVzLiAqL1xuICBASW5wdXQoKSB0b3RhbFN0ZXBzID0gMTtcblxuICAvKiogSW5kZXggZGUgbCfDqXRhcGUgY291cmFudGUuICovXG4gIEBJbnB1dCgpIGN1cnJlbnRTdGVwID0gMTtcblxuICAvKiogVGl0cmUgZGUgbCfDqXRhcGUgY291cmFudGUuICovXG4gIEBJbnB1dCgpIGN1cnJlbnRTdGVwVGl0bGU6IHN0cmluZztcblxuICAvKiogVGl0cmUgZGUgbCfDqXRhcGUgc3VpdmFudGUuICovXG4gIEBJbnB1dCgpIG5leHRTdGVwVGl0bGU6IHN0cmluZztcbn1cbiIsIjxkaXYgY2xhc3M9XCJmci1zdGVwcGVyXCI+XG4gIDxoMiBjbGFzcz1cImZyLXN0ZXBwZXJfX3RpdGxlXCI+XG4gICAge3sgY3VycmVudFN0ZXBUaXRsZSB9fVxuICAgIDxzcGFuIGNsYXNzPVwiZnItc3RlcHBlcl9fc3RhdGVcIj7DiXRhcGUge3sgY3VycmVudFN0ZXAgfX0gc3VyIHt7IHRvdGFsU3RlcHMgfX08L3NwYW4+XG4gIDwvaDI+XG4gIDxkaXYgY2xhc3M9XCJmci1zdGVwcGVyX19zdGVwc1wiIFthdHRyLmRhdGEtZnItY3VycmVudC1zdGVwXT1cImN1cnJlbnRTdGVwXCIgW2F0dHIuZGF0YS1mci1zdGVwc109XCJ0b3RhbFN0ZXBzXCI+PC9kaXY+XG4gIDxwIGNsYXNzPVwiZnItc3RlcHBlcl9fZGV0YWlsc1wiPjxzcGFuIGNsYXNzPVwiZnItdGV4dC0tYm9sZFwiPsOJdGFwZSBzdWl2YW50ZSA6PC9zcGFuPiB7eyBuZXh0U3RlcFRpdGxlIH19PC9wPlxuPC9kaXY+XG4iXX0=