@dsivd/prestations-ng 14.5.19-beta1 → 14.5.19-beta2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/dsivd-prestations-ng.umd.js +9 -9
- package/bundles/dsivd-prestations-ng.umd.js.map +1 -1
- package/dsivd-prestations-ng-v14.5.19-beta2.tgz +0 -0
- package/esm2015/foehn-progress-bar/foehn-progress-bar.component.js +10 -10
- package/fesm2015/dsivd-prestations-ng.js +9 -9
- package/fesm2015/dsivd-prestations-ng.js.map +1 -1
- package/foehn-progress-bar/foehn-progress-bar.component.d.ts +1 -0
- package/package.json +1 -1
- package/dsivd-prestations-ng-v14.5.19-beta1.tgz +0 -0
|
Binary file
|
|
@@ -8,12 +8,6 @@ export class FoehnProgressBarComponent {
|
|
|
8
8
|
constructor(activatedRoute, navigation) {
|
|
9
9
|
this.activatedRoute = activatedRoute;
|
|
10
10
|
this.navigation = navigation;
|
|
11
|
-
if (this.isEnabled()) {
|
|
12
|
-
const route = FoehnNavigationService.getRootRouteRecursive(activatedRoute.snapshot);
|
|
13
|
-
this.navigation.initRoute(route);
|
|
14
|
-
this.navigation.activatedRoute = this.activatedRoute;
|
|
15
|
-
this.navigation.updateRouteInformations();
|
|
16
|
-
}
|
|
17
11
|
}
|
|
18
12
|
isEnabled() {
|
|
19
13
|
return (this.enabled !== null &&
|
|
@@ -21,17 +15,23 @@ export class FoehnProgressBarComponent {
|
|
|
21
15
|
this.enabled !== false);
|
|
22
16
|
}
|
|
23
17
|
isStepVerificationActive() {
|
|
24
|
-
this.
|
|
18
|
+
this.refreshData();
|
|
25
19
|
return this.navigation.isLastFormPage();
|
|
26
20
|
}
|
|
27
21
|
isStepConfirmationActive() {
|
|
28
|
-
this.
|
|
22
|
+
this.refreshData();
|
|
29
23
|
return (this.navigation.currentRouteOrder ===
|
|
30
24
|
this.navigation.getLastRouteOrder());
|
|
31
25
|
}
|
|
26
|
+
refreshData() {
|
|
27
|
+
const route = FoehnNavigationService.getRootRouteRecursive(this.activatedRoute.snapshot);
|
|
28
|
+
this.navigation.initRoute(route);
|
|
29
|
+
this.navigation.activatedRoute = this.activatedRoute;
|
|
30
|
+
this.navigation.updateRouteInformations();
|
|
31
|
+
}
|
|
32
32
|
}
|
|
33
33
|
FoehnProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: FoehnProgressBarComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.FoehnNavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
FoehnProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnProgressBarComponent, selector: "foehn-progress-bar", inputs: { enabled: "enabled" }, ngImport: i0, template: "<div *ngIf=\"isEnabled()\">\n <div class=\"container\">\n <div class=\"row justify-content-center\">\n <div class=\"col\">\n <div\n class=\"sr-only\"\n aria-live=\"polite\"\n role=\"status\"\n aria-atomic=\"true\"\n >\n <span\n *ngIf=\"\n !isStepVerificationActive() &&\n !isStepConfirmationActive()\n \"\n >\n Etape 1 sur 3, page de saisie\n </span>\n <span *ngIf=\"isStepVerificationActive()\">\n Etape 2 sur 3, page de v\u00E9rification\n </span>\n <span *ngIf=\"isStepConfirmationActive()\">\n Etape 3 sur 3, page de confirmation, demande transmise\n </span>\n </div>\n\n <ul id=\"progressbar\" class=\"pl-0\" aria-hidden=\"true\">\n <li class=\"active\" id=\"step1\"><strong>Saisie</strong></li>\n <li\n id=\"step2\"\n [ngClass]=\"{\n active:\n isStepVerificationActive() ||\n isStepConfirmationActive()\n }\"\n >\n <strong>V\u00E9rification</strong>\n </li>\n <li\n id=\"step3\"\n [ngClass]=\"{ active: isStepConfirmationActive() }\"\n >\n <strong>Confirmation</strong>\n </li>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".col{text-align:center;position:relative}#progressbar{
|
|
34
|
+
FoehnProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnProgressBarComponent, selector: "foehn-progress-bar", inputs: { enabled: "enabled" }, ngImport: i0, template: "<div *ngIf=\"isEnabled()\">\n <div class=\"container\">\n <div class=\"row justify-content-center\">\n <div class=\"col\">\n <div\n class=\"sr-only\"\n aria-live=\"polite\"\n role=\"status\"\n aria-atomic=\"true\"\n >\n <span\n *ngIf=\"\n !isStepVerificationActive() &&\n !isStepConfirmationActive()\n \"\n >\n Etape 1 sur 3, page de saisie\n </span>\n <span *ngIf=\"isStepVerificationActive()\">\n Etape 2 sur 3, page de v\u00E9rification\n </span>\n <span *ngIf=\"isStepConfirmationActive()\">\n Etape 3 sur 3, page de confirmation, demande transmise\n </span>\n </div>\n\n <ul id=\"progressbar\" class=\"pl-0\" aria-hidden=\"true\">\n <li class=\"active\" id=\"step1\"><strong>Saisie</strong></li>\n <li\n id=\"step2\"\n [ngClass]=\"{\n active:\n isStepVerificationActive() ||\n isStepConfirmationActive()\n }\"\n >\n <strong>V\u00E9rification</strong>\n </li>\n <li\n id=\"step3\"\n [ngClass]=\"{ active: isStepConfirmationActive() }\"\n >\n <strong>Confirmation</strong>\n </li>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".col{text-align:center;position:relative}#progressbar{overflow:hidden;color:#d3d3d3}#progressbar .active{color:var(--green)}#progressbar li{list-style-type:none;font-size:15px;width:33%;float:left;position:relative;font-weight:400}#progressbar #step1:before{content:\"1\"}#progressbar #step2:before{content:\"2\"}#progressbar #step3:before{content:\"3\"}#progressbar li:before{width:50px;height:50px;line-height:45px;display:block;font-size:20px;color:#fff;background:lightgray;border-radius:50%;margin:0 auto 10px;padding:2px}#progressbar li:after{content:\"\";width:100%;height:2px;background:lightgray;position:absolute;left:0;top:25px;z-index:-1}#progressbar li.active:before,#progressbar li.active:after{background:var(--green)}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: FoehnProgressBarComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
|
|
|
42
42
|
}], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i2.FoehnNavigationService }]; }, propDecorators: { enabled: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9laG4tcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3ByZXN0YXRpb25zLW5nL3NyYy9mb2Vobi1wcm9ncmVzcy1iYXIvZm9laG4tcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL3ByZXN0YXRpb25zLW5nL3NyYy9mb2Vobi1wcm9ncmVzcy1iYXIvZm9laG4tcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7OztBQVF0RixNQUFNLE9BQU8seUJBQXlCO0lBSWxDLFlBQ2MsY0FBOEIsRUFDaEMsVUFBa0M7UUFEaEMsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQ2hDLGVBQVUsR0FBVixVQUFVLENBQXdCO0lBQzNDLENBQUM7SUFFSixTQUFTO1FBQ0wsT0FBTyxDQUNILElBQUksQ0FBQyxPQUFPLEtBQUssSUFBSTtZQUNyQixJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVM7WUFDMUIsSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQ3pCLENBQUM7SUFDTixDQUFDO0lBRUQsd0JBQXdCO1FBQ3BCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDNUMsQ0FBQztJQUVELHdCQUF3QjtRQUNwQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsT0FBTyxDQUNILElBQUksQ0FBQyxVQUFVLENBQUMsaUJBQWlCO1lBQ2pDLElBQUksQ0FBQyxVQUFVLENBQUMsaUJBQWlCLEVBQUUsQ0FDdEMsQ0FBQztJQUNOLENBQUM7SUFFRCxXQUFXO1FBQ1AsTUFBTSxLQUFLLEdBQUcsc0JBQXNCLENBQUMscUJBQXFCLENBQ3RELElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUMvQixDQUFDO1FBQ0YsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUNyRCxJQUFJLENBQUMsVUFBVSxDQUFDLHVCQUF1QixFQUFFLENBQUM7SUFDOUMsQ0FBQzs7c0hBckNRLHlCQUF5QjswR0FBekIseUJBQXlCLDBGQ1R0QyxvM0RBaURBOzJGRHhDYSx5QkFBeUI7a0JBTHJDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsV0FBVyxFQUFFLHFDQUFxQztvQkFDbEQsU0FBUyxFQUFFLENBQUMsb0NBQW9DLENBQUM7aUJBQ3BEOzBJQUdHLE9BQU87c0JBRE4sS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvZWhuTmF2aWdhdGlvblNlcnZpY2UgfSBmcm9tICcuLi9mb2Vobi1uYXZpZ2F0aW9uL2ZvZWhuLW5hdmlnYXRpb24uc2VydmljZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZm9laG4tcHJvZ3Jlc3MtYmFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZm9laG4tcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9mb2Vobi1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZvZWhuUHJvZ3Jlc3NCYXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpXG4gICAgZW5hYmxlZDogYm9vbGVhbjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcm90ZWN0ZWQgYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICAgICAgICBwcml2YXRlIG5hdmlnYXRpb246IEZvZWhuTmF2aWdhdGlvblNlcnZpY2VcbiAgICApIHt9XG5cbiAgICBpc0VuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICB0aGlzLmVuYWJsZWQgIT09IG51bGwgJiZcbiAgICAgICAgICAgIHRoaXMuZW5hYmxlZCAhPT0gdW5kZWZpbmVkICYmXG4gICAgICAgICAgICB0aGlzLmVuYWJsZWQgIT09IGZhbHNlXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgaXNTdGVwVmVyaWZpY2F0aW9uQWN0aXZlKCk6IGJvb2xlYW4ge1xuICAgICAgICB0aGlzLnJlZnJlc2hEYXRhKCk7XG4gICAgICAgIHJldHVybiB0aGlzLm5hdmlnYXRpb24uaXNMYXN0Rm9ybVBhZ2UoKTtcbiAgICB9XG5cbiAgICBpc1N0ZXBDb25maXJtYXRpb25BY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgICAgIHRoaXMucmVmcmVzaERhdGEoKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIHRoaXMubmF2aWdhdGlvbi5jdXJyZW50Um91dGVPcmRlciA9PT1cbiAgICAgICAgICAgIHRoaXMubmF2aWdhdGlvbi5nZXRMYXN0Um91dGVPcmRlcigpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmVmcmVzaERhdGEoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHJvdXRlID0gRm9laG5OYXZpZ2F0aW9uU2VydmljZS5nZXRSb290Um91dGVSZWN1cnNpdmUoXG4gICAgICAgICAgICB0aGlzLmFjdGl2YXRlZFJvdXRlLnNuYXBzaG90XG4gICAgICAgICk7XG4gICAgICAgIHRoaXMubmF2aWdhdGlvbi5pbml0Um91dGUocm91dGUpO1xuICAgICAgICB0aGlzLm5hdmlnYXRpb24uYWN0aXZhdGVkUm91dGUgPSB0aGlzLmFjdGl2YXRlZFJvdXRlO1xuICAgICAgICB0aGlzLm5hdmlnYXRpb24udXBkYXRlUm91dGVJbmZvcm1hdGlvbnMoKTtcbiAgICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiaXNFbmFibGVkKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyb3cganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbFwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzci1vbmx5XCJcbiAgICAgICAgICAgICAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgICAgICAgICAgICAgcm9sZT1cInN0YXR1c1wiXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtYXRvbWljPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAhaXNTdGVwVmVyaWZpY2F0aW9uQWN0aXZlKCkgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAhaXNTdGVwQ29uZmlybWF0aW9uQWN0aXZlKClcbiAgICAgICAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIEV0YXBlIDEgc3VyIDMsIHBhZ2UgZGUgc2Fpc2llXG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJpc1N0ZXBWZXJpZmljYXRpb25BY3RpdmUoKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgRXRhcGUgMiBzdXIgMywgcGFnZSBkZSB2w6lyaWZpY2F0aW9uXG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJpc1N0ZXBDb25maXJtYXRpb25BY3RpdmUoKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgRXRhcGUgMyBzdXIgMywgcGFnZSBkZSBjb25maXJtYXRpb24sIGRlbWFuZGUgdHJhbnNtaXNlXG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgIDx1bCBpZD1cInByb2dyZXNzYmFyXCIgY2xhc3M9XCJwbC0wXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImFjdGl2ZVwiIGlkPVwic3RlcDFcIj48c3Ryb25nPlNhaXNpZTwvc3Ryb25nPjwvbGk+XG4gICAgICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJzdGVwMlwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYWN0aXZlOlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpc1N0ZXBWZXJpZmljYXRpb25BY3RpdmUoKSB8fFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpc1N0ZXBDb25maXJtYXRpb25BY3RpdmUoKVxuICAgICAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzdHJvbmc+VsOpcmlmaWNhdGlvbjwvc3Ryb25nPlxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgICAgICA8bGlcbiAgICAgICAgICAgICAgICAgICAgICAgIGlkPVwic3RlcDNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBhY3RpdmU6IGlzU3RlcENvbmZpcm1hdGlvbkFjdGl2ZSgpIH1cIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Ryb25nPkNvbmZpcm1hdGlvbjwvc3Ryb25nPlxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4469,12 +4469,6 @@ class FoehnProgressBarComponent {
|
|
|
4469
4469
|
constructor(activatedRoute, navigation) {
|
|
4470
4470
|
this.activatedRoute = activatedRoute;
|
|
4471
4471
|
this.navigation = navigation;
|
|
4472
|
-
if (this.isEnabled()) {
|
|
4473
|
-
const route = FoehnNavigationService.getRootRouteRecursive(activatedRoute.snapshot);
|
|
4474
|
-
this.navigation.initRoute(route);
|
|
4475
|
-
this.navigation.activatedRoute = this.activatedRoute;
|
|
4476
|
-
this.navigation.updateRouteInformations();
|
|
4477
|
-
}
|
|
4478
4472
|
}
|
|
4479
4473
|
isEnabled() {
|
|
4480
4474
|
return (this.enabled !== null &&
|
|
@@ -4482,17 +4476,23 @@ class FoehnProgressBarComponent {
|
|
|
4482
4476
|
this.enabled !== false);
|
|
4483
4477
|
}
|
|
4484
4478
|
isStepVerificationActive() {
|
|
4485
|
-
this.
|
|
4479
|
+
this.refreshData();
|
|
4486
4480
|
return this.navigation.isLastFormPage();
|
|
4487
4481
|
}
|
|
4488
4482
|
isStepConfirmationActive() {
|
|
4489
|
-
this.
|
|
4483
|
+
this.refreshData();
|
|
4490
4484
|
return (this.navigation.currentRouteOrder ===
|
|
4491
4485
|
this.navigation.getLastRouteOrder());
|
|
4492
4486
|
}
|
|
4487
|
+
refreshData() {
|
|
4488
|
+
const route = FoehnNavigationService.getRootRouteRecursive(this.activatedRoute.snapshot);
|
|
4489
|
+
this.navigation.initRoute(route);
|
|
4490
|
+
this.navigation.activatedRoute = this.activatedRoute;
|
|
4491
|
+
this.navigation.updateRouteInformations();
|
|
4492
|
+
}
|
|
4493
4493
|
}
|
|
4494
4494
|
FoehnProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: FoehnProgressBarComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: FoehnNavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4495
|
-
FoehnProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnProgressBarComponent, selector: "foehn-progress-bar", inputs: { enabled: "enabled" }, ngImport: i0, template: "<div *ngIf=\"isEnabled()\">\n <div class=\"container\">\n <div class=\"row justify-content-center\">\n <div class=\"col\">\n <div\n class=\"sr-only\"\n aria-live=\"polite\"\n role=\"status\"\n aria-atomic=\"true\"\n >\n <span\n *ngIf=\"\n !isStepVerificationActive() &&\n !isStepConfirmationActive()\n \"\n >\n Etape 1 sur 3, page de saisie\n </span>\n <span *ngIf=\"isStepVerificationActive()\">\n Etape 2 sur 3, page de v\u00E9rification\n </span>\n <span *ngIf=\"isStepConfirmationActive()\">\n Etape 3 sur 3, page de confirmation, demande transmise\n </span>\n </div>\n\n <ul id=\"progressbar\" class=\"pl-0\" aria-hidden=\"true\">\n <li class=\"active\" id=\"step1\"><strong>Saisie</strong></li>\n <li\n id=\"step2\"\n [ngClass]=\"{\n active:\n isStepVerificationActive() ||\n isStepConfirmationActive()\n }\"\n >\n <strong>V\u00E9rification</strong>\n </li>\n <li\n id=\"step3\"\n [ngClass]=\"{ active: isStepConfirmationActive() }\"\n >\n <strong>Confirmation</strong>\n </li>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".col{text-align:center;position:relative}#progressbar{
|
|
4495
|
+
FoehnProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnProgressBarComponent, selector: "foehn-progress-bar", inputs: { enabled: "enabled" }, ngImport: i0, template: "<div *ngIf=\"isEnabled()\">\n <div class=\"container\">\n <div class=\"row justify-content-center\">\n <div class=\"col\">\n <div\n class=\"sr-only\"\n aria-live=\"polite\"\n role=\"status\"\n aria-atomic=\"true\"\n >\n <span\n *ngIf=\"\n !isStepVerificationActive() &&\n !isStepConfirmationActive()\n \"\n >\n Etape 1 sur 3, page de saisie\n </span>\n <span *ngIf=\"isStepVerificationActive()\">\n Etape 2 sur 3, page de v\u00E9rification\n </span>\n <span *ngIf=\"isStepConfirmationActive()\">\n Etape 3 sur 3, page de confirmation, demande transmise\n </span>\n </div>\n\n <ul id=\"progressbar\" class=\"pl-0\" aria-hidden=\"true\">\n <li class=\"active\" id=\"step1\"><strong>Saisie</strong></li>\n <li\n id=\"step2\"\n [ngClass]=\"{\n active:\n isStepVerificationActive() ||\n isStepConfirmationActive()\n }\"\n >\n <strong>V\u00E9rification</strong>\n </li>\n <li\n id=\"step3\"\n [ngClass]=\"{ active: isStepConfirmationActive() }\"\n >\n <strong>Confirmation</strong>\n </li>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".col{text-align:center;position:relative}#progressbar{overflow:hidden;color:#d3d3d3}#progressbar .active{color:var(--green)}#progressbar li{list-style-type:none;font-size:15px;width:33%;float:left;position:relative;font-weight:400}#progressbar #step1:before{content:\"1\"}#progressbar #step2:before{content:\"2\"}#progressbar #step3:before{content:\"3\"}#progressbar li:before{width:50px;height:50px;line-height:45px;display:block;font-size:20px;color:#fff;background:lightgray;border-radius:50%;margin:0 auto 10px;padding:2px}#progressbar li:after{content:\"\";width:100%;height:2px;background:lightgray;position:absolute;left:0;top:25px;z-index:-1}#progressbar li.active:before,#progressbar li.active:after{background:var(--green)}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
4496
4496
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: FoehnProgressBarComponent, decorators: [{
|
|
4497
4497
|
type: Component,
|
|
4498
4498
|
args: [{
|