@dsivd/prestations-ng 15.2.6 → 15.3.1-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/CHANGELOG.md +19 -1
- package/dsivd-prestations-ng-v15.3.1-beta2.tgz +0 -0
- package/esm2020/directives/currency-formatter.directive.mjs +1 -1
- package/esm2020/foehn-help-modal/foehn-help-modal.component.mjs +3 -3
- package/esm2020/foehn-help-modal/foehn-help-modal.type.mjs +1 -1
- package/esm2020/foehn-input/foehn-input-email.component.mjs +18 -11
- package/esm2020/foehn-input/foehn-input-hidden.component.mjs +9 -8
- package/esm2020/foehn-input/foehn-input-number.component.mjs +10 -8
- package/esm2020/foehn-input/foehn-input-password.component.mjs +9 -8
- package/esm2020/foehn-input/foehn-input-phone.component.mjs +9 -8
- package/esm2020/foehn-input/foehn-input-text.component.mjs +9 -8
- package/esm2020/foehn-input/foehn-input-textarea.component.mjs +2 -2
- package/esm2020/foehn-input/foehn-input.component.mjs +4 -2
- package/esm2020/foehn-input/foehn-input.module.mjs +8 -4
- package/esm2020/foehn-multiselect-autocomplete/foehn-multiselect-autocomplete.component.mjs +3 -6
- package/esm2020/sdk-dictionary/default-dictionary.mjs +3 -1
- package/fesm2015/dsivd-prestations-ng.mjs +272 -263
- package/fesm2015/dsivd-prestations-ng.mjs.map +1 -1
- package/fesm2020/dsivd-prestations-ng.mjs +272 -263
- package/fesm2020/dsivd-prestations-ng.mjs.map +1 -1
- package/foehn-help-modal/foehn-help-modal.type.d.ts +1 -0
- package/foehn-input/foehn-input-email.component.d.ts +3 -1
- package/foehn-input/foehn-input.component.d.ts +3 -1
- package/foehn-input/foehn-input.module.d.ts +2 -1
- package/foehn-multiselect-autocomplete/foehn-multiselect-autocomplete.component.d.ts +1 -2
- package/package.json +1 -1
- package/dsivd-prestations-ng-v15.2.6.tgz +0 -0
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, NgModule, Optional, Inject, EventEmitter, Directive, Input, ViewChildren, ViewChild, Output, HostBinding, Pipe, Component, ContentChildren,
|
|
2
|
+
import { Injectable, NgModule, Optional, Inject, EventEmitter, Directive, Input, ViewChildren, ViewChild, Output, HostBinding, Pipe, Component, ContentChildren, HostListener, forwardRef, TemplateRef, ContentChild } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common/http';
|
|
4
4
|
import { HttpResponse, HttpErrorResponse, HTTP_INTERCEPTORS, HttpClientModule, HttpParams, HttpClient } from '@angular/common/http';
|
|
5
5
|
import { Subject, throwError, BehaviorSubject, combineLatest, of, EMPTY, merge } from 'rxjs';
|
|
6
6
|
import { map, catchError, filter, shareReplay, mergeMap, tap, switchMap, debounceTime, throttleTime, share, first, finalize, distinctUntilChanged } from 'rxjs/operators';
|
|
7
7
|
import * as i1$1 from '@angular/router';
|
|
8
8
|
import { RouterModule, ActivatedRoute, NavigationStart, NavigationEnd } from '@angular/router';
|
|
9
|
-
import * as
|
|
9
|
+
import * as i2 from '@angular/common';
|
|
10
10
|
import { AsyncPipe, CommonModule, registerLocaleData, DatePipe } from '@angular/common';
|
|
11
|
-
import * as
|
|
11
|
+
import * as i5 from '@angular/forms';
|
|
12
12
|
import { NgModel, NgForm, FormsModule } from '@angular/forms';
|
|
13
|
-
import {
|
|
13
|
+
import { faInfoCircle, faTimes, faExternalLinkAlt, faLock, faChevronUp, faCheckSquare, faCheck, faChevronDown, faMapMarkerAlt, faSearch, faUnlockAlt, faMinusCircle, faPlusCircle, faTrashAlt, faPlusSquare, faChevronLeft, faChevronRight, faEdit, faCommentDots } from '@fortawesome/free-solid-svg-icons';
|
|
14
14
|
import * as i1$2 from '@fortawesome/angular-fontawesome';
|
|
15
15
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
16
|
-
import * as
|
|
17
|
-
import * as i2 from '@angular/cdk/a11y';
|
|
16
|
+
import * as i2$1 from '@angular/cdk/a11y';
|
|
18
17
|
import { A11yModule } from '@angular/cdk/a11y';
|
|
18
|
+
import * as i1$3 from '@angular/platform-browser';
|
|
19
19
|
import { faFilePdf, faClock, faCalendarAlt } from '@fortawesome/free-regular-svg-icons';
|
|
20
20
|
import 'core-js/modules/es.array.includes';
|
|
21
|
-
import * as i3
|
|
21
|
+
import * as i3 from '@angular/cdk/scrolling';
|
|
22
22
|
import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
|
|
23
23
|
import localeFr from '@angular/common/locales/fr';
|
|
24
24
|
import dayjs from 'dayjs';
|
|
25
25
|
import isToday from 'dayjs/plugin/isToday';
|
|
26
26
|
import localeData from 'dayjs/plugin/localeData';
|
|
27
|
-
import * as i5 from 'ngx-image-cropper';
|
|
27
|
+
import * as i5$1 from 'ngx-image-cropper';
|
|
28
28
|
import { ImageCropperModule } from 'ngx-image-cropper';
|
|
29
29
|
import * as iban from 'iban';
|
|
30
30
|
import weekOfYear from 'dayjs/plugin/weekOfYear';
|
|
@@ -1016,14 +1016,14 @@ class FoehnNavigationService {
|
|
|
1016
1016
|
}, 0);
|
|
1017
1017
|
}
|
|
1018
1018
|
}
|
|
1019
|
-
FoehnNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnNavigationService, deps: [{ token: i1$1.Router }, { token: GesdemHandlerService }, { token: GesdemActionRecoveryService }, { token: i1$1.ActivatedRoute }, { token:
|
|
1019
|
+
FoehnNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnNavigationService, deps: [{ token: i1$1.Router }, { token: GesdemHandlerService }, { token: GesdemActionRecoveryService }, { token: i1$1.ActivatedRoute }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1020
1020
|
FoehnNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnNavigationService, providedIn: 'root' });
|
|
1021
1021
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnNavigationService, decorators: [{
|
|
1022
1022
|
type: Injectable,
|
|
1023
1023
|
args: [{
|
|
1024
1024
|
providedIn: 'root'
|
|
1025
1025
|
}]
|
|
1026
|
-
}], ctorParameters: function () { return [{ type: i1$1.Router }, { type: GesdemHandlerService }, { type: GesdemActionRecoveryService }, { type: i1$1.ActivatedRoute }, { type:
|
|
1026
|
+
}], ctorParameters: function () { return [{ type: i1$1.Router }, { type: GesdemHandlerService }, { type: GesdemActionRecoveryService }, { type: i1$1.ActivatedRoute }, { type: i2.Location }]; } });
|
|
1027
1027
|
|
|
1028
1028
|
const GESDEM_MAX_DATA_LENGTH = 10000;
|
|
1029
1029
|
class FoehnInputComponent {
|
|
@@ -1314,7 +1314,7 @@ class FoehnInputComponent {
|
|
|
1314
1314
|
}
|
|
1315
1315
|
}
|
|
1316
1316
|
FoehnInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1317
|
-
FoehnInputComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FoehnInputComponent, inputs: { id: "id", required: "required", label: "label", isLabelSrOnly: "isLabelSrOnly", helpText: "helpText", name: "name", pattern: "pattern", labelStyleModifier: "labelStyleModifier", customErrors: "customErrors", maxlength: "maxlength", overrideGesdemMaxlength: "overrideGesdemMaxlength", min: "min", max: "max", autocomplete: "autocomplete", disabled: "disabled", preventPaste: "preventPaste", clearButton: "clearButton", excludeFromErrorSummary: "excludeFromErrorSummary", hideNotRequiredExtraLabel: "hideNotRequiredExtraLabel", isErrorInherited: "isErrorInherited", showErrorWhenDisabled: "showErrorWhenDisabled", autocapitalize: "autocapitalize", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput", blurHandler: "blur", focusHandler: "focus" }, host: { properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["entryComponent"], descendants: true }, { propertyName: "inputModelList", predicate: NgModel, descendants: true }, { propertyName: "subComponents", predicate: FoehnInputComponent, descendants: true }], ngImport: i0 });
|
|
1317
|
+
FoehnInputComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FoehnInputComponent, inputs: { id: "id", required: "required", label: "label", isLabelSrOnly: "isLabelSrOnly", helpText: "helpText", name: "name", pattern: "pattern", labelStyleModifier: "labelStyleModifier", customErrors: "customErrors", maxlength: "maxlength", overrideGesdemMaxlength: "overrideGesdemMaxlength", min: "min", max: "max", autocomplete: "autocomplete", disabled: "disabled", preventPaste: "preventPaste", clearButton: "clearButton", excludeFromErrorSummary: "excludeFromErrorSummary", hideNotRequiredExtraLabel: "hideNotRequiredExtraLabel", isErrorInherited: "isErrorInherited", showErrorWhenDisabled: "showErrorWhenDisabled", autocapitalize: "autocapitalize", helpModal: "helpModal", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput", blurHandler: "blur", focusHandler: "focus" }, host: { properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["entryComponent"], descendants: true }, { propertyName: "inputModelList", predicate: NgModel, descendants: true }, { propertyName: "subComponents", predicate: FoehnInputComponent, descendants: true }], ngImport: i0 });
|
|
1318
1318
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputComponent, decorators: [{
|
|
1319
1319
|
type: Directive
|
|
1320
1320
|
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
|
|
@@ -1361,6 +1361,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
1361
1361
|
type: Input
|
|
1362
1362
|
}], autocapitalize: [{
|
|
1363
1363
|
type: Input
|
|
1364
|
+
}], helpModal: [{
|
|
1365
|
+
type: Input
|
|
1364
1366
|
}], inputModelList: [{
|
|
1365
1367
|
type: ViewChildren,
|
|
1366
1368
|
args: [NgModel]
|
|
@@ -1394,6 +1396,8 @@ const DEFAULT_DICTIONARY = {
|
|
|
1394
1396
|
'foehn-input-date.day.label': 'Jour',
|
|
1395
1397
|
'foehn-input-date.month.label': 'Mois',
|
|
1396
1398
|
'foehn-input-date.year.label': 'Année',
|
|
1399
|
+
'foehn-input-email.modal.title': 'Aide',
|
|
1400
|
+
'foehn-input-email.modal.content': 'Vous n\'arrivez pas à saisir votre mail ? Merci d\'écrire à <a href="mailto:info.cyber@vd.ch">info.cyber@vd.ch</a>',
|
|
1397
1401
|
'foehn-input-time.hours.label': 'Heure',
|
|
1398
1402
|
'foehn-input-time.minutes.label': 'Minutes',
|
|
1399
1403
|
'foehn-input-number.standard-help-text.label': 'Saisir un nombre entre {minValue} et {maxValue}',
|
|
@@ -1701,7 +1705,7 @@ class FoehnValidationAlertSummaryComponent {
|
|
|
1701
1705
|
}
|
|
1702
1706
|
}
|
|
1703
1707
|
FoehnValidationAlertSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnValidationAlertSummaryComponent, deps: [{ token: ValidationHandlerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1704
|
-
FoehnValidationAlertSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnValidationAlertSummaryComponent, selector: "foehn-validation-alert-summary", inputs: { form: "form" }, ngImport: i0, template: "<div\n aria-labelledby=\"error-summary-title\"\n id=\"error-summary\"\n class=\"vd-error-summary\"\n *ngIf=\"shouldDisplayAlertSummary && errors.length\"\n role=\"alert\"\n tabindex=\"-1\"\n>\n <h2 id=\"error-summary-title\">\n {{ 'errors.summary.title' | fromDictionary }}\n </h2>\n <ul>\n <li *ngFor=\"let error of errors; trackBy: trackByError; let i = index\">\n <a\n class=\"text-danger\"\n href=\"\"\n [id]=\"'foehn-error-summary-list-item-' + i\"\n (click)=\"scrollToError($event, error.name)\"\n >\n <span [innerHTML]=\"error.componentLabel\"></span>\n <span [innerHTML]=\"error.message\"></span>\n </a>\n </li>\n </ul>\n</div>\n", styles: [".vd-error-summary{margin-bottom:1rem}\n"], directives: [{ type:
|
|
1708
|
+
FoehnValidationAlertSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnValidationAlertSummaryComponent, selector: "foehn-validation-alert-summary", inputs: { form: "form" }, ngImport: i0, template: "<div\n aria-labelledby=\"error-summary-title\"\n id=\"error-summary\"\n class=\"vd-error-summary\"\n *ngIf=\"shouldDisplayAlertSummary && errors.length\"\n role=\"alert\"\n tabindex=\"-1\"\n>\n <h2 id=\"error-summary-title\">\n {{ 'errors.summary.title' | fromDictionary }}\n </h2>\n <ul>\n <li *ngFor=\"let error of errors; trackBy: trackByError; let i = index\">\n <a\n class=\"text-danger\"\n href=\"\"\n [id]=\"'foehn-error-summary-list-item-' + i\"\n (click)=\"scrollToError($event, error.name)\"\n >\n <span [innerHTML]=\"error.componentLabel\"></span>\n <span [innerHTML]=\"error.message\"></span>\n </a>\n </li>\n </ul>\n</div>\n", styles: [".vd-error-summary{margin-bottom:1rem}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
1705
1709
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnValidationAlertSummaryComponent, decorators: [{
|
|
1706
1710
|
type: Component,
|
|
1707
1711
|
args: [{ selector: 'foehn-validation-alert-summary', template: "<div\n aria-labelledby=\"error-summary-title\"\n id=\"error-summary\"\n class=\"vd-error-summary\"\n *ngIf=\"shouldDisplayAlertSummary && errors.length\"\n role=\"alert\"\n tabindex=\"-1\"\n>\n <h2 id=\"error-summary-title\">\n {{ 'errors.summary.title' | fromDictionary }}\n </h2>\n <ul>\n <li *ngFor=\"let error of errors; trackBy: trackByError; let i = index\">\n <a\n class=\"text-danger\"\n href=\"\"\n [id]=\"'foehn-error-summary-list-item-' + i\"\n (click)=\"scrollToError($event, error.name)\"\n >\n <span [innerHTML]=\"error.componentLabel\"></span>\n <span [innerHTML]=\"error.message\"></span>\n </a>\n </li>\n </ul>\n</div>\n", styles: [".vd-error-summary{margin-bottom:1rem}\n"] }]
|
|
@@ -1834,7 +1838,7 @@ class FoehnFormComponent {
|
|
|
1834
1838
|
}
|
|
1835
1839
|
}
|
|
1836
1840
|
FoehnFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1837
|
-
FoehnFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnFormComponent, selector: "foehn-form", inputs: { shouldDisplayAlertSummary: "shouldDisplayAlertSummary" }, queries: [{ propertyName: "childrenInputComponents", predicate: FoehnInputComponent, descendants: true }], viewQueries: [{ propertyName: "ngFormComponent", first: true, predicate: NgForm, descendants: true, static: true }], ngImport: i0, template: "<form id=\"foehn_formContainer\">\n <foehn-validation-alert-summary\n [form]=\"this\"\n ></foehn-validation-alert-summary>\n\n <ng-content></ng-content>\n</form>\n", components: [{ type: FoehnValidationAlertSummaryComponent, selector: "foehn-validation-alert-summary", inputs: ["form"] }], directives: [{ type:
|
|
1841
|
+
FoehnFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnFormComponent, selector: "foehn-form", inputs: { shouldDisplayAlertSummary: "shouldDisplayAlertSummary" }, queries: [{ propertyName: "childrenInputComponents", predicate: FoehnInputComponent, descendants: true }], viewQueries: [{ propertyName: "ngFormComponent", first: true, predicate: NgForm, descendants: true, static: true }], ngImport: i0, template: "<form id=\"foehn_formContainer\">\n <foehn-validation-alert-summary\n [form]=\"this\"\n ></foehn-validation-alert-summary>\n\n <ng-content></ng-content>\n</form>\n", components: [{ type: FoehnValidationAlertSummaryComponent, selector: "foehn-validation-alert-summary", inputs: ["form"] }], directives: [{ type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
1838
1842
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnFormComponent, decorators: [{
|
|
1839
1843
|
type: Component,
|
|
1840
1844
|
args: [{ selector: 'foehn-form', template: "<form id=\"foehn_formContainer\">\n <foehn-validation-alert-summary\n [form]=\"this\"\n ></foehn-validation-alert-summary>\n\n <ng-content></ng-content>\n</form>\n" }]
|
|
@@ -2997,7 +3001,7 @@ class FoehnDisplayAddressComponent {
|
|
|
2997
3001
|
}
|
|
2998
3002
|
}
|
|
2999
3003
|
FoehnDisplayAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDisplayAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3000
|
-
FoehnDisplayAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnDisplayAddressComponent, selector: "foehn-display-address", inputs: { address: "address" }, ngImport: i0, template: "<address class=\"foehn-address\" *ngIf=\"address\">\n <div *ngFor=\"let addressLine of getLines(address)\">{{ addressLine }}</div>\n</address>\n", styles: [".foehn-address{margin:0;padding:0}\n"], directives: [{ type:
|
|
3004
|
+
FoehnDisplayAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnDisplayAddressComponent, selector: "foehn-display-address", inputs: { address: "address" }, ngImport: i0, template: "<address class=\"foehn-address\" *ngIf=\"address\">\n <div *ngFor=\"let addressLine of getLines(address)\">{{ addressLine }}</div>\n</address>\n", styles: [".foehn-address{margin:0;padding:0}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3001
3005
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDisplayAddressComponent, decorators: [{
|
|
3002
3006
|
type: Component,
|
|
3003
3007
|
args: [{ selector: 'foehn-display-address', template: "<address class=\"foehn-address\" *ngIf=\"address\">\n <div *ngFor=\"let addressLine of getLines(address)\">{{ addressLine }}</div>\n</address>\n", styles: [".foehn-address{margin:0;padding:0}\n"] }]
|
|
@@ -3075,7 +3079,7 @@ class FoehnRecapSectionComponent {
|
|
|
3075
3079
|
}
|
|
3076
3080
|
}
|
|
3077
3081
|
FoehnRecapSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnRecapSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3078
|
-
FoehnRecapSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnRecapSectionComponent, selector: "foehn-recap-section", inputs: { data: "data", acceptEmptyValues: "acceptEmptyValues" }, ngImport: i0, template: "<section class=\"mb-3 p-1 bg-light\" *ngIf=\"atLeastOneElementHasContent(data)\">\n <h2 class=\"h4 mb-3 pl-1\" [innerHTML]=\"data.titleKey | fromDictionary\"></h2>\n <dl class=\"medium row mr-0 ml-0 pl-3 pr-3\">\n <ng-container *ngFor=\"let element of data.elements\">\n <dt\n *ngIf=\"hasContent(element)\"\n class=\"col-md-4 font-weight-light border-top border-grey p-1 text-break\"\n [innerHTML]=\"element.key | fromDictionary\"\n ></dt>\n <dd\n [id]=\"buildId(element)\"\n *ngIf=\"!isAddress(element) && hasContent(element)\"\n class=\"col-md-8 font-weight-light border-top border-grey p-1 text-break\"\n [innerHTML]=\"cleanValue(element)\"\n ></dd>\n <dd\n [id]=\"buildId(element)\"\n *ngIf=\"isAddress(element) && hasContent(element)\"\n class=\"col-md-8 font-weight-light border-top border-grey p-1 text-break\"\n >\n <foehn-display-address\n [address]=\"element.value\"\n ></foehn-display-address>\n </dd>\n </ng-container>\n </dl>\n</section>\n", components: [{ type: FoehnDisplayAddressComponent, selector: "foehn-display-address", inputs: ["address"] }], directives: [{ type:
|
|
3082
|
+
FoehnRecapSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnRecapSectionComponent, selector: "foehn-recap-section", inputs: { data: "data", acceptEmptyValues: "acceptEmptyValues" }, ngImport: i0, template: "<section class=\"mb-3 p-1 bg-light\" *ngIf=\"atLeastOneElementHasContent(data)\">\n <h2 class=\"h4 mb-3 pl-1\" [innerHTML]=\"data.titleKey | fromDictionary\"></h2>\n <dl class=\"medium row mr-0 ml-0 pl-3 pr-3\">\n <ng-container *ngFor=\"let element of data.elements\">\n <dt\n *ngIf=\"hasContent(element)\"\n class=\"col-md-4 font-weight-light border-top border-grey p-1 text-break\"\n [innerHTML]=\"element.key | fromDictionary\"\n ></dt>\n <dd\n [id]=\"buildId(element)\"\n *ngIf=\"!isAddress(element) && hasContent(element)\"\n class=\"col-md-8 font-weight-light border-top border-grey p-1 text-break\"\n [innerHTML]=\"cleanValue(element)\"\n ></dd>\n <dd\n [id]=\"buildId(element)\"\n *ngIf=\"isAddress(element) && hasContent(element)\"\n class=\"col-md-8 font-weight-light border-top border-grey p-1 text-break\"\n >\n <foehn-display-address\n [address]=\"element.value\"\n ></foehn-display-address>\n </dd>\n </ng-container>\n </dl>\n</section>\n", components: [{ type: FoehnDisplayAddressComponent, selector: "foehn-display-address", inputs: ["address"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
3079
3083
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnRecapSectionComponent, decorators: [{
|
|
3080
3084
|
type: Component,
|
|
3081
3085
|
args: [{ selector: 'foehn-recap-section', template: "<section class=\"mb-3 p-1 bg-light\" *ngIf=\"atLeastOneElementHasContent(data)\">\n <h2 class=\"h4 mb-3 pl-1\" [innerHTML]=\"data.titleKey | fromDictionary\"></h2>\n <dl class=\"medium row mr-0 ml-0 pl-3 pr-3\">\n <ng-container *ngFor=\"let element of data.elements\">\n <dt\n *ngIf=\"hasContent(element)\"\n class=\"col-md-4 font-weight-light border-top border-grey p-1 text-break\"\n [innerHTML]=\"element.key | fromDictionary\"\n ></dt>\n <dd\n [id]=\"buildId(element)\"\n *ngIf=\"!isAddress(element) && hasContent(element)\"\n class=\"col-md-8 font-weight-light border-top border-grey p-1 text-break\"\n [innerHTML]=\"cleanValue(element)\"\n ></dd>\n <dd\n [id]=\"buildId(element)\"\n *ngIf=\"isAddress(element) && hasContent(element)\"\n class=\"col-md-8 font-weight-light border-top border-grey p-1 text-break\"\n >\n <foehn-display-address\n [address]=\"element.value\"\n ></foehn-display-address>\n </dd>\n </ng-container>\n </dl>\n</section>\n" }]
|
|
@@ -3136,12 +3140,12 @@ class FoehnDebugSummaryComponent {
|
|
|
3136
3140
|
this.initDate = new Date();
|
|
3137
3141
|
}
|
|
3138
3142
|
}
|
|
3139
|
-
FoehnDebugSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDebugSummaryComponent, deps: [{ token: ApplicationInfoService }, { token: SessionInfo }, { token: i1$1.ActivatedRoute }, { token:
|
|
3140
|
-
FoehnDebugSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnDebugSummaryComponent, selector: "foehn-debug-summary", ngImport: i0, template: "<foehn-recap-section\n *ngIf=\"elements | async as el\"\n [data]=\"{ titleKey: 'Informations pour le support', elements: el }\"\n></foehn-recap-section>\n", components: [{ type: FoehnRecapSectionComponent, selector: "foehn-recap-section", inputs: ["data", "acceptEmptyValues"] }], directives: [{ type:
|
|
3143
|
+
FoehnDebugSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDebugSummaryComponent, deps: [{ token: ApplicationInfoService }, { token: SessionInfo }, { token: i1$1.ActivatedRoute }, { token: i2.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
3144
|
+
FoehnDebugSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnDebugSummaryComponent, selector: "foehn-debug-summary", ngImport: i0, template: "<foehn-recap-section\n *ngIf=\"elements | async as el\"\n [data]=\"{ titleKey: 'Informations pour le support', elements: el }\"\n></foehn-recap-section>\n", components: [{ type: FoehnRecapSectionComponent, selector: "foehn-recap-section", inputs: ["data", "acceptEmptyValues"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe } });
|
|
3141
3145
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDebugSummaryComponent, decorators: [{
|
|
3142
3146
|
type: Component,
|
|
3143
3147
|
args: [{ selector: 'foehn-debug-summary', template: "<foehn-recap-section\n *ngIf=\"elements | async as el\"\n [data]=\"{ titleKey: 'Informations pour le support', elements: el }\"\n></foehn-recap-section>\n" }]
|
|
3144
|
-
}], ctorParameters: function () { return [{ type: ApplicationInfoService }, { type: SessionInfo }, { type: i1$1.ActivatedRoute }, { type:
|
|
3148
|
+
}], ctorParameters: function () { return [{ type: ApplicationInfoService }, { type: SessionInfo }, { type: i1$1.ActivatedRoute }, { type: i2.DatePipe }]; } });
|
|
3145
3149
|
|
|
3146
3150
|
class FoehnInputStringComponent extends FoehnInputComponent {
|
|
3147
3151
|
constructor() {
|
|
@@ -3163,6 +3167,158 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
3163
3167
|
type: Input
|
|
3164
3168
|
}] } });
|
|
3165
3169
|
|
|
3170
|
+
class AbstractIconComponent {
|
|
3171
|
+
}
|
|
3172
|
+
AbstractIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AbstractIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3173
|
+
AbstractIconComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AbstractIconComponent, inputs: { title: "title" }, ngImport: i0 });
|
|
3174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AbstractIconComponent, decorators: [{
|
|
3175
|
+
type: Directive
|
|
3176
|
+
}], propDecorators: { title: [{
|
|
3177
|
+
type: Input
|
|
3178
|
+
}] } });
|
|
3179
|
+
|
|
3180
|
+
class FoehnIconInfoCircleComponent extends AbstractIconComponent {
|
|
3181
|
+
constructor() {
|
|
3182
|
+
super(...arguments);
|
|
3183
|
+
this.iconName = faInfoCircle;
|
|
3184
|
+
this.defaultTitle = 'Info';
|
|
3185
|
+
}
|
|
3186
|
+
}
|
|
3187
|
+
FoehnIconInfoCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnIconInfoCircleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3188
|
+
FoehnIconInfoCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle", usesInheritance: true, ngImport: i0, template: "<fa-icon\n aria-hidden=\"true\"\n [title]=\"title ? title : defaultTitle\"\n [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", components: [{ type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
3189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnIconInfoCircleComponent, decorators: [{
|
|
3190
|
+
type: Component,
|
|
3191
|
+
args: [{ selector: 'foehn-icon-info-circle', template: "<fa-icon\n aria-hidden=\"true\"\n [title]=\"title ? title : defaultTitle\"\n [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
|
|
3192
|
+
}] });
|
|
3193
|
+
|
|
3194
|
+
class FoehnModalComponent {
|
|
3195
|
+
constructor() {
|
|
3196
|
+
this.closeable = true;
|
|
3197
|
+
this.isModalVisibleChange = new EventEmitter();
|
|
3198
|
+
this.isVisible = false;
|
|
3199
|
+
}
|
|
3200
|
+
get isModalVisible() {
|
|
3201
|
+
return this.isVisible;
|
|
3202
|
+
}
|
|
3203
|
+
set isModalVisible(val) {
|
|
3204
|
+
// Store the previous value to handle transitions from one state to another.
|
|
3205
|
+
const wasOpen = this.isVisible;
|
|
3206
|
+
this.isVisible = val;
|
|
3207
|
+
this.isModalVisibleChange.emit(this.isVisible);
|
|
3208
|
+
this.focusOnContainer(val);
|
|
3209
|
+
this.focusOnModalTrigger(wasOpen, val);
|
|
3210
|
+
}
|
|
3211
|
+
handleKeyboardEvent(event) {
|
|
3212
|
+
if (this.closeable && event.key === 'Escape') {
|
|
3213
|
+
this.isModalVisible = false;
|
|
3214
|
+
}
|
|
3215
|
+
}
|
|
3216
|
+
focusOnContainer(isVisible) {
|
|
3217
|
+
// Has to be a setTimeout as we're affecting the DOM outside of the Angular lifecycle.
|
|
3218
|
+
setTimeout(() => {
|
|
3219
|
+
if (isVisible) {
|
|
3220
|
+
if (this.modalDefaultCloseBtn) {
|
|
3221
|
+
this.modalDefaultCloseBtn.nativeElement.focus();
|
|
3222
|
+
}
|
|
3223
|
+
else if (this.modalBody) {
|
|
3224
|
+
this.modalBody.nativeElement.focus();
|
|
3225
|
+
}
|
|
3226
|
+
// this condition is useless because this.modalTitle should always be here when "isVisible"
|
|
3227
|
+
// but not in tests, so we keep it for now
|
|
3228
|
+
if (this.modalTitle) {
|
|
3229
|
+
this.modalTitle.nativeElement.scrollIntoView();
|
|
3230
|
+
}
|
|
3231
|
+
}
|
|
3232
|
+
});
|
|
3233
|
+
}
|
|
3234
|
+
focusOnModalTrigger(wasOpen, isVisible) {
|
|
3235
|
+
// Focus back on the trigger. No need for a setTimeout as the trigger should still be in the DOM.
|
|
3236
|
+
// Only does it when the modal is closed from a open state to avoid to set
|
|
3237
|
+
// the focus when the page loads.
|
|
3238
|
+
if (wasOpen && !isVisible && this.modalTriggerHtmlElement) {
|
|
3239
|
+
this.modalTriggerHtmlElement.focus();
|
|
3240
|
+
}
|
|
3241
|
+
}
|
|
3242
|
+
}
|
|
3243
|
+
FoehnModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3244
|
+
FoehnModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnModalComponent, selector: "foehn-modal", inputs: { id: "id", name: "name", modalSize: "modalSize", modalBodyText: "modalBodyText", modalHeaderText: "modalHeaderText", closeable: "closeable", modalTriggerHtmlElement: "modalTriggerHtmlElement", isModalVisible: "isModalVisible" }, outputs: { isModalVisibleChange: "isModalVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "modalBody", first: true, predicate: ["modalBody"], descendants: true }, { propertyName: "modalTitle", first: true, predicate: ["modalTitle"], descendants: true }, { propertyName: "specificfooter", first: true, predicate: ["specificfooter"], descendants: true }, { propertyName: "modalDefaultCloseBtn", first: true, predicate: ["modalDefaultCloseBtn"], descendants: true }], ngImport: i0, template: "<div\n class=\"modal\"\n [id]=\"id || name\"\n role=\"dialog\"\n aria-labelledby=\"modalTitle\"\n aria-describedby=\"modalBody\"\n style=\"display: block\"\n *ngIf=\"isModalVisible\"\n cdkTrapFocus\n>\n <div class=\"modal-dialog modal-dialog-centered\" [ngClass]=\"modalSize\">\n <div class=\"modal-content\">\n <div\n class=\"modal-header d-flex\"\n [ngClass]=\"{ 'flex-row-reverse': closeable }\"\n >\n <button\n *ngIf=\"closeable\"\n (click)=\"isModalVisible = false\"\n type=\"button\"\n class=\"btn close\"\n [attr.aria-label]=\"\n 'foehn-modal.btn-close.aria-label' | fromDictionary\n \"\n id=\"closeButton\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n <h2\n class=\"modal-title h5\"\n id=\"modalTitle\"\n #modalTitle\n [innerHTML]=\"modalHeaderText\"\n ></h2>\n </div>\n <div class=\"modal-body\" id=\"modalBody\" #modalBody tabindex=\"-1\">\n <div *ngIf=\"modalBodyText\" [innerHTML]=\"modalBodyText\"></div>\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer w-100 d-block\">\n <div #specificfooter id=\"specificfooter\">\n <ng-content select=\"[modal-footer]\"></ng-content>\n </div>\n <ng-container *ngIf=\"!specificfooter.innerHTML.trim()\">\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button\n (click)=\"isModalVisible = false\"\n class=\"btn btn-secondary w-100\"\n data-dismiss=\"modal\"\n [attr.aria-label]=\"\n 'foehn-modal.btn-close.aria-label'\n | fromDictionary\n \"\n #modalDefaultCloseBtn\n >\n {{\n 'foehn-modal.btn-close.title'\n | fromDictionary\n }}\n </button>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n", styles: [".modal{top:0;left:0;height:100%;width:100%;position:fixed;z-index:9999;overflow:auto;background-color:#000;background-color:#0006}.modal-title{margin-top:.5em!important}.modal-logo{width:30px}.modal-footer{padding-top:20px}.modal-content{-webkit-animation-name:redirect-animatetop;-webkit-animation-duration:.4s;animation-name:redirect-animatetop;animation-duration:.4s}@keyframes redirect-animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.redirect-modal-header{padding:14px 16px 10px;background-color:#152025;color:#fff}.redirect-modal-body{padding:10px 16px}.redirect-modal-footer{padding:14px 16px 10px;background-color:#152025;color:#fff}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
3245
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnModalComponent, decorators: [{
|
|
3246
|
+
type: Component,
|
|
3247
|
+
args: [{ selector: 'foehn-modal', template: "<div\n class=\"modal\"\n [id]=\"id || name\"\n role=\"dialog\"\n aria-labelledby=\"modalTitle\"\n aria-describedby=\"modalBody\"\n style=\"display: block\"\n *ngIf=\"isModalVisible\"\n cdkTrapFocus\n>\n <div class=\"modal-dialog modal-dialog-centered\" [ngClass]=\"modalSize\">\n <div class=\"modal-content\">\n <div\n class=\"modal-header d-flex\"\n [ngClass]=\"{ 'flex-row-reverse': closeable }\"\n >\n <button\n *ngIf=\"closeable\"\n (click)=\"isModalVisible = false\"\n type=\"button\"\n class=\"btn close\"\n [attr.aria-label]=\"\n 'foehn-modal.btn-close.aria-label' | fromDictionary\n \"\n id=\"closeButton\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n <h2\n class=\"modal-title h5\"\n id=\"modalTitle\"\n #modalTitle\n [innerHTML]=\"modalHeaderText\"\n ></h2>\n </div>\n <div class=\"modal-body\" id=\"modalBody\" #modalBody tabindex=\"-1\">\n <div *ngIf=\"modalBodyText\" [innerHTML]=\"modalBodyText\"></div>\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer w-100 d-block\">\n <div #specificfooter id=\"specificfooter\">\n <ng-content select=\"[modal-footer]\"></ng-content>\n </div>\n <ng-container *ngIf=\"!specificfooter.innerHTML.trim()\">\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button\n (click)=\"isModalVisible = false\"\n class=\"btn btn-secondary w-100\"\n data-dismiss=\"modal\"\n [attr.aria-label]=\"\n 'foehn-modal.btn-close.aria-label'\n | fromDictionary\n \"\n #modalDefaultCloseBtn\n >\n {{\n 'foehn-modal.btn-close.title'\n | fromDictionary\n }}\n </button>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n", styles: [".modal{top:0;left:0;height:100%;width:100%;position:fixed;z-index:9999;overflow:auto;background-color:#000;background-color:#0006}.modal-title{margin-top:.5em!important}.modal-logo{width:30px}.modal-footer{padding-top:20px}.modal-content{-webkit-animation-name:redirect-animatetop;-webkit-animation-duration:.4s;animation-name:redirect-animatetop;animation-duration:.4s}@keyframes redirect-animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.redirect-modal-header{padding:14px 16px 10px;background-color:#152025;color:#fff}.redirect-modal-body{padding:10px 16px}.redirect-modal-footer{padding:14px 16px 10px;background-color:#152025;color:#fff}\n"] }]
|
|
3248
|
+
}], propDecorators: { id: [{
|
|
3249
|
+
type: Input
|
|
3250
|
+
}], name: [{
|
|
3251
|
+
type: Input
|
|
3252
|
+
}], modalSize: [{
|
|
3253
|
+
type: Input
|
|
3254
|
+
}], modalBodyText: [{
|
|
3255
|
+
type: Input
|
|
3256
|
+
}], modalHeaderText: [{
|
|
3257
|
+
type: Input
|
|
3258
|
+
}], closeable: [{
|
|
3259
|
+
type: Input
|
|
3260
|
+
}], modalTriggerHtmlElement: [{
|
|
3261
|
+
type: Input
|
|
3262
|
+
}], isModalVisibleChange: [{
|
|
3263
|
+
type: Output
|
|
3264
|
+
}], modalBody: [{
|
|
3265
|
+
type: ViewChild,
|
|
3266
|
+
args: ['modalBody']
|
|
3267
|
+
}], modalTitle: [{
|
|
3268
|
+
type: ViewChild,
|
|
3269
|
+
args: ['modalTitle']
|
|
3270
|
+
}], specificfooter: [{
|
|
3271
|
+
type: ViewChild,
|
|
3272
|
+
args: ['specificfooter']
|
|
3273
|
+
}], modalDefaultCloseBtn: [{
|
|
3274
|
+
type: ViewChild,
|
|
3275
|
+
args: ['modalDefaultCloseBtn']
|
|
3276
|
+
}], isModalVisible: [{
|
|
3277
|
+
type: Input
|
|
3278
|
+
}], handleKeyboardEvent: [{
|
|
3279
|
+
type: HostListener,
|
|
3280
|
+
args: ['keyup', ['$event']]
|
|
3281
|
+
}] } });
|
|
3282
|
+
|
|
3283
|
+
class FoehnHelpModalComponent {
|
|
3284
|
+
constructor() {
|
|
3285
|
+
this.isVisible = false;
|
|
3286
|
+
}
|
|
3287
|
+
get isModalVisible() {
|
|
3288
|
+
return !!this.modalContent && this.isVisible;
|
|
3289
|
+
}
|
|
3290
|
+
get currentModalTitle() {
|
|
3291
|
+
return this.modalContent && this.modalContent.title;
|
|
3292
|
+
}
|
|
3293
|
+
open() {
|
|
3294
|
+
this.isVisible = true;
|
|
3295
|
+
}
|
|
3296
|
+
close() {
|
|
3297
|
+
this.updateVisibilityStatus(false);
|
|
3298
|
+
}
|
|
3299
|
+
updateVisibilityStatus(status) {
|
|
3300
|
+
// In case the modal is closed by another mean.
|
|
3301
|
+
this.isVisible = status;
|
|
3302
|
+
}
|
|
3303
|
+
hasContent() {
|
|
3304
|
+
return this.content && !!this.content.nativeElement.innerHTML.trim();
|
|
3305
|
+
}
|
|
3306
|
+
}
|
|
3307
|
+
FoehnHelpModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3308
|
+
FoehnHelpModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: { modalContent: "modalContent" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: "<button\n type=\"button\"\n class=\"clear-button btn d-flex\"\n (click)=\"open()\"\n #modalTrigger\n>\n <foehn-icon-info-circle\n [class.mr-1]=\"hasContent()\"\n title=\" \"\n ></foehn-icon-info-circle>\n\n <span class=\"sr-only button-help-text\" *ngIf=\"!hasContent()\">\n Aide: {{ modalContent.title }}\n </span>\n\n <span #content>\n <ng-content></ng-content>\n </span>\n</button>\n<foehn-modal\n id=\"help-modal\"\n [modalSize]=\"modalContent.modalSize || 'modal-lg'\"\n [modalHeaderText]=\"currentModalTitle\"\n [isModalVisible]=\"isModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n (click)=\"close()\"\n [modalTriggerHtmlElement]=\"modalTrigger\"\n>\n <ng-container *ngIf=\"modalContent\">\n <div *ngIf=\"!!modalContent.body\" [innerHtml]=\"modalContent.body\"></div>\n <img\n *ngFor=\"let image of modalContent.images\"\n [src]=\"image.src\"\n [alt]=\"image.alt\"\n class=\"mt-2\"\n width=\"100%\"\n height=\"auto\"\n />\n </ng-container>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal-body{height:100%}:host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important}.clear-button{background:none;margin-left:-1em}\n"], components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }, { type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalComponent, decorators: [{
|
|
3310
|
+
type: Component,
|
|
3311
|
+
args: [{ selector: 'foehn-help-modal', template: "<button\n type=\"button\"\n class=\"clear-button btn d-flex\"\n (click)=\"open()\"\n #modalTrigger\n>\n <foehn-icon-info-circle\n [class.mr-1]=\"hasContent()\"\n title=\" \"\n ></foehn-icon-info-circle>\n\n <span class=\"sr-only button-help-text\" *ngIf=\"!hasContent()\">\n Aide: {{ modalContent.title }}\n </span>\n\n <span #content>\n <ng-content></ng-content>\n </span>\n</button>\n<foehn-modal\n id=\"help-modal\"\n [modalSize]=\"modalContent.modalSize || 'modal-lg'\"\n [modalHeaderText]=\"currentModalTitle\"\n [isModalVisible]=\"isModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n (click)=\"close()\"\n [modalTriggerHtmlElement]=\"modalTrigger\"\n>\n <ng-container *ngIf=\"modalContent\">\n <div *ngIf=\"!!modalContent.body\" [innerHtml]=\"modalContent.body\"></div>\n <img\n *ngFor=\"let image of modalContent.images\"\n [src]=\"image.src\"\n [alt]=\"image.alt\"\n class=\"mt-2\"\n width=\"100%\"\n height=\"auto\"\n />\n </ng-container>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal-body{height:100%}:host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important}.clear-button{background:none;margin-left:-1em}\n"] }]
|
|
3312
|
+
}], propDecorators: { modalContent: [{
|
|
3313
|
+
type: Input
|
|
3314
|
+
}], modalTrigger: [{
|
|
3315
|
+
type: ViewChild,
|
|
3316
|
+
args: ['modalTrigger', { static: true }]
|
|
3317
|
+
}], content: [{
|
|
3318
|
+
type: ViewChild,
|
|
3319
|
+
args: ['content', { static: true }]
|
|
3320
|
+
}] } });
|
|
3321
|
+
|
|
3166
3322
|
class FoehnValidationAlertsComponent {
|
|
3167
3323
|
constructor(validationHandlerService) {
|
|
3168
3324
|
this.validationHandlerService = validationHandlerService;
|
|
@@ -3176,7 +3332,7 @@ class FoehnValidationAlertsComponent {
|
|
|
3176
3332
|
}
|
|
3177
3333
|
}
|
|
3178
3334
|
FoehnValidationAlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnValidationAlertsComponent, deps: [{ token: ValidationHandlerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3179
|
-
FoehnValidationAlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: { component: "component", shouldErrorsBeLive: "shouldErrorsBeLive" }, ngImport: i0, template: "<div\n [attr.id]=\"component.buildId() + 'ErrorsContainer'\"\n class=\"form-control-feedback text-danger\"\n [attr.role]=\"shouldErrorsBeLive ? 'alert' : null\"\n [attr.aria-live]=\"shouldErrorsBeLive ? 'assertive' : null\"\n [attr.aria-atomic]=\"shouldErrorsBeLive ? 'true' : null\"\n>\n <div\n *ngIf=\"component.hasErrorsToDisplay()\"\n [id]=\"component.buildId() + 'Errors'\"\n >\n <p *ngFor=\"let error of errorMessages\">\n <span class=\"sr-only\">Erreur:</span>\n <span [innerHTML]=\"getMessage(error)\"></span>\n </p>\n </div>\n</div>\n", directives: [{ type:
|
|
3335
|
+
FoehnValidationAlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: { component: "component", shouldErrorsBeLive: "shouldErrorsBeLive" }, ngImport: i0, template: "<div\n [attr.id]=\"component.buildId() + 'ErrorsContainer'\"\n class=\"form-control-feedback text-danger\"\n [attr.role]=\"shouldErrorsBeLive ? 'alert' : null\"\n [attr.aria-live]=\"shouldErrorsBeLive ? 'assertive' : null\"\n [attr.aria-atomic]=\"shouldErrorsBeLive ? 'true' : null\"\n>\n <div\n *ngIf=\"component.hasErrorsToDisplay()\"\n [id]=\"component.buildId() + 'Errors'\"\n >\n <p *ngFor=\"let error of errorMessages\">\n <span class=\"sr-only\">Erreur:</span>\n <span [innerHTML]=\"getMessage(error)\"></span>\n </p>\n </div>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3180
3336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnValidationAlertsComponent, decorators: [{
|
|
3181
3337
|
type: Component,
|
|
3182
3338
|
args: [{ selector: 'foehn-validation-alerts', template: "<div\n [attr.id]=\"component.buildId() + 'ErrorsContainer'\"\n class=\"form-control-feedback text-danger\"\n [attr.role]=\"shouldErrorsBeLive ? 'alert' : null\"\n [attr.aria-live]=\"shouldErrorsBeLive ? 'assertive' : null\"\n [attr.aria-atomic]=\"shouldErrorsBeLive ? 'true' : null\"\n>\n <div\n *ngIf=\"component.hasErrorsToDisplay()\"\n [id]=\"component.buildId() + 'Errors'\"\n >\n <p *ngFor=\"let error of errorMessages\">\n <span class=\"sr-only\">Erreur:</span>\n <span [innerHTML]=\"getMessage(error)\"></span>\n </p>\n </div>\n</div>\n" }]
|
|
@@ -3188,16 +3344,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
3188
3344
|
type: Input
|
|
3189
3345
|
}] } });
|
|
3190
3346
|
|
|
3191
|
-
class AbstractIconComponent {
|
|
3192
|
-
}
|
|
3193
|
-
AbstractIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AbstractIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3194
|
-
AbstractIconComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AbstractIconComponent, inputs: { title: "title" }, ngImport: i0 });
|
|
3195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AbstractIconComponent, decorators: [{
|
|
3196
|
-
type: Directive
|
|
3197
|
-
}], propDecorators: { title: [{
|
|
3198
|
-
type: Input
|
|
3199
|
-
}] } });
|
|
3200
|
-
|
|
3201
3347
|
class FoehnIconTimesComponent extends AbstractIconComponent {
|
|
3202
3348
|
constructor() {
|
|
3203
3349
|
super(...arguments);
|
|
@@ -3264,7 +3410,7 @@ FoehnInputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
3264
3410
|
useExisting: forwardRef(() => FoehnInputTextComponent),
|
|
3265
3411
|
multi: true
|
|
3266
3412
|
}
|
|
3267
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
3413
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"], components: [{ type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
3268
3414
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputTextComponent, decorators: [{
|
|
3269
3415
|
type: Component,
|
|
3270
3416
|
args: [{ selector: 'foehn-input-text', providers: [
|
|
@@ -3273,7 +3419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
3273
3419
|
useExisting: forwardRef(() => FoehnInputTextComponent),
|
|
3274
3420
|
multi: true
|
|
3275
3421
|
}
|
|
3276
|
-
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
3422
|
+
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"] }]
|
|
3277
3423
|
}], propDecorators: { numberOnly: [{
|
|
3278
3424
|
type: Input
|
|
3279
3425
|
}] } });
|
|
@@ -3349,7 +3495,7 @@ class GesdemActionRecoveryLoginComponent {
|
|
|
3349
3495
|
}
|
|
3350
3496
|
}
|
|
3351
3497
|
GesdemActionRecoveryLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GesdemActionRecoveryLoginComponent, deps: [{ token: GesdemActionRecoveryService }, { token: GrowlBrokerService }, { token: ValidationHandlerService }, { token: ApplicationInfoService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
3352
|
-
GesdemActionRecoveryLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GesdemActionRecoveryLoginComponent, selector: "gesdem-action-recovery-login", inputs: { reference: "reference", redirectTarget: "redirectTarget" }, viewQueries: [{ propertyName: "loginForm", first: true, predicate: FoehnFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"container mt-5\">\n <div class=\"alert alert-danger\" *ngIf=\"missingRecoveryInfos\">\n Vous n'avez pas indiqu\u00E9 d'informations de contact pour la reprise de\n cette demande, merci de contacter le support.\n </div>\n <div class=\"alert alert-danger\" *ngIf=\"alreadyTransferred\">\n La demande que vous essayez de reprendre a d\u00E9j\u00E0 \u00E9t\u00E9 transmise, elle\n n'est plus modifiable.\n </div>\n\n <foehn-form [shouldDisplayAlertSummary]=\"false\" *ngIf=\"otpRecipient\">\n <div class=\"row\">\n <div class=\"col-md-8\">\n <foehn-input-text\n [label]=\"\n 'Veuillez saisir le code envoy\u00E9 par SMS au num\u00E9ro ' +\n otpRecipient\n \"\n [(model)]=\"otp\"\n name=\"otp\"\n [required]=\"true\"\n ></foehn-input-text>\n </div>\n </div>\n\n <div class=\"row\">\n <div class=\"col-md-8\">\n Pour obtenir un nouveau code, vous devez recliquer sur le\n <a [href]=\"redirectTarget\">lien</a>\n de reprise de la demande\n </div>\n </div>\n\n <br />\n\n <div class=\"row\">\n <div class=\"col-md-8\">\n <button\n id=\"nextButton\"\n type=\"submit\"\n class=\"btn btn-dark float-right\"\n (click)=\"validateOtp()\"\n >\n Suivant\n </button>\n </div>\n </div>\n </foehn-form>\n</div>\n", styles: [""], components: [{ type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }], directives: [{ type:
|
|
3498
|
+
GesdemActionRecoveryLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GesdemActionRecoveryLoginComponent, selector: "gesdem-action-recovery-login", inputs: { reference: "reference", redirectTarget: "redirectTarget" }, viewQueries: [{ propertyName: "loginForm", first: true, predicate: FoehnFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"container mt-5\">\n <div class=\"alert alert-danger\" *ngIf=\"missingRecoveryInfos\">\n Vous n'avez pas indiqu\u00E9 d'informations de contact pour la reprise de\n cette demande, merci de contacter le support.\n </div>\n <div class=\"alert alert-danger\" *ngIf=\"alreadyTransferred\">\n La demande que vous essayez de reprendre a d\u00E9j\u00E0 \u00E9t\u00E9 transmise, elle\n n'est plus modifiable.\n </div>\n\n <foehn-form [shouldDisplayAlertSummary]=\"false\" *ngIf=\"otpRecipient\">\n <div class=\"row\">\n <div class=\"col-md-8\">\n <foehn-input-text\n [label]=\"\n 'Veuillez saisir le code envoy\u00E9 par SMS au num\u00E9ro ' +\n otpRecipient\n \"\n [(model)]=\"otp\"\n name=\"otp\"\n [required]=\"true\"\n ></foehn-input-text>\n </div>\n </div>\n\n <div class=\"row\">\n <div class=\"col-md-8\">\n Pour obtenir un nouveau code, vous devez recliquer sur le\n <a [href]=\"redirectTarget\">lien</a>\n de reprise de la demande\n </div>\n </div>\n\n <br />\n\n <div class=\"row\">\n <div class=\"col-md-8\">\n <button\n id=\"nextButton\"\n type=\"submit\"\n class=\"btn btn-dark float-right\"\n (click)=\"validateOtp()\"\n >\n Suivant\n </button>\n </div>\n </div>\n </foehn-form>\n</div>\n", styles: [""], components: [{ type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3353
3499
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GesdemActionRecoveryLoginComponent, decorators: [{
|
|
3354
3500
|
type: Component,
|
|
3355
3501
|
args: [{ selector: 'gesdem-action-recovery-login', template: "<div class=\"container mt-5\">\n <div class=\"alert alert-danger\" *ngIf=\"missingRecoveryInfos\">\n Vous n'avez pas indiqu\u00E9 d'informations de contact pour la reprise de\n cette demande, merci de contacter le support.\n </div>\n <div class=\"alert alert-danger\" *ngIf=\"alreadyTransferred\">\n La demande que vous essayez de reprendre a d\u00E9j\u00E0 \u00E9t\u00E9 transmise, elle\n n'est plus modifiable.\n </div>\n\n <foehn-form [shouldDisplayAlertSummary]=\"false\" *ngIf=\"otpRecipient\">\n <div class=\"row\">\n <div class=\"col-md-8\">\n <foehn-input-text\n [label]=\"\n 'Veuillez saisir le code envoy\u00E9 par SMS au num\u00E9ro ' +\n otpRecipient\n \"\n [(model)]=\"otp\"\n name=\"otp\"\n [required]=\"true\"\n ></foehn-input-text>\n </div>\n </div>\n\n <div class=\"row\">\n <div class=\"col-md-8\">\n Pour obtenir un nouveau code, vous devez recliquer sur le\n <a [href]=\"redirectTarget\">lien</a>\n de reprise de la demande\n </div>\n </div>\n\n <br />\n\n <div class=\"row\">\n <div class=\"col-md-8\">\n <button\n id=\"nextButton\"\n type=\"submit\"\n class=\"btn btn-dark float-right\"\n (click)=\"validateOtp()\"\n >\n Suivant\n </button>\n </div>\n </div>\n </foehn-form>\n</div>\n", styles: [""] }]
|
|
@@ -3423,7 +3569,7 @@ class GesdemErrorComponent {
|
|
|
3423
3569
|
}
|
|
3424
3570
|
}
|
|
3425
3571
|
GesdemErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GesdemErrorComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: FoehnNavigationService }, { token: GesdemHandlerService }, { token: GesdemEventService }, { token: FoehnPageService }, { token: SupportAlertService }, { token: ApplicationInfoService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3426
|
-
GesdemErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GesdemErrorComponent, selector: "gesdem-error", inputs: { setPageTitle: "setPageTitle" }, ngImport: i0, template: "<div class=\"vd-card mb-3\" *ngIf=\"!hasSessionExpired\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <div class=\"card-body\">\n <ng-container *ngIf=\"(isPendingPayment | async) === true\">\n <p\n class=\"card-text vd-card-text alert alert-danger\"\n [innerHTML]=\"\n 'gesdem-error.text.pending-payment'\n | fromDictionary\n : {\n supportLink: (supportLink | async)\n }\n \"\n ></p>\n </ng-container>\n <ng-container *ngIf=\"(isPendingPayment | async) === false\">\n <p class=\"card-text vd-card-text\">\n {{\n (!!reference\n ? 'gesdem-error.text.has-reference'\n : 'gesdem-error.text.has-no-reference'\n ) | fromDictionary\n }}\n </p>\n <ul class=\"vd-list-links\">\n <li>\n <a [href]=\"link\">\n {{\n (!!reference\n ? 'gesdem-error.link.has-reference'\n : 'gesdem-error.link.has-no-reference'\n ) | fromDictionary\n }}\n </a>\n </li>\n </ul>\n </ng-container>\n\n <foehn-debug-summary></foehn-debug-summary>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<gesdem-action-recovery-login\n *ngIf=\"hasSessionExpired\"\n [reference]=\"reference\"\n [redirectTarget]=\"link\"\n></gesdem-action-recovery-login>\n", components: [{ type: FoehnDebugSummaryComponent, selector: "foehn-debug-summary" }, { type: GesdemActionRecoveryLoginComponent, selector: "gesdem-action-recovery-login", inputs: ["reference", "redirectTarget"] }], directives: [{ type:
|
|
3572
|
+
GesdemErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GesdemErrorComponent, selector: "gesdem-error", inputs: { setPageTitle: "setPageTitle" }, ngImport: i0, template: "<div class=\"vd-card mb-3\" *ngIf=\"!hasSessionExpired\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <div class=\"card-body\">\n <ng-container *ngIf=\"(isPendingPayment | async) === true\">\n <p\n class=\"card-text vd-card-text alert alert-danger\"\n [innerHTML]=\"\n 'gesdem-error.text.pending-payment'\n | fromDictionary\n : {\n supportLink: (supportLink | async)\n }\n \"\n ></p>\n </ng-container>\n <ng-container *ngIf=\"(isPendingPayment | async) === false\">\n <p class=\"card-text vd-card-text\">\n {{\n (!!reference\n ? 'gesdem-error.text.has-reference'\n : 'gesdem-error.text.has-no-reference'\n ) | fromDictionary\n }}\n </p>\n <ul class=\"vd-list-links\">\n <li>\n <a [href]=\"link\">\n {{\n (!!reference\n ? 'gesdem-error.link.has-reference'\n : 'gesdem-error.link.has-no-reference'\n ) | fromDictionary\n }}\n </a>\n </li>\n </ul>\n </ng-container>\n\n <foehn-debug-summary></foehn-debug-summary>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<gesdem-action-recovery-login\n *ngIf=\"hasSessionExpired\"\n [reference]=\"reference\"\n [redirectTarget]=\"link\"\n></gesdem-action-recovery-login>\n", components: [{ type: FoehnDebugSummaryComponent, selector: "foehn-debug-summary" }, { type: GesdemActionRecoveryLoginComponent, selector: "gesdem-action-recovery-login", inputs: ["reference", "redirectTarget"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
|
|
3427
3573
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GesdemErrorComponent, decorators: [{
|
|
3428
3574
|
type: Component,
|
|
3429
3575
|
args: [{ selector: 'gesdem-error', template: "<div class=\"vd-card mb-3\" *ngIf=\"!hasSessionExpired\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <div class=\"card-body\">\n <ng-container *ngIf=\"(isPendingPayment | async) === true\">\n <p\n class=\"card-text vd-card-text alert alert-danger\"\n [innerHTML]=\"\n 'gesdem-error.text.pending-payment'\n | fromDictionary\n : {\n supportLink: (supportLink | async)\n }\n \"\n ></p>\n </ng-container>\n <ng-container *ngIf=\"(isPendingPayment | async) === false\">\n <p class=\"card-text vd-card-text\">\n {{\n (!!reference\n ? 'gesdem-error.text.has-reference'\n : 'gesdem-error.text.has-no-reference'\n ) | fromDictionary\n }}\n </p>\n <ul class=\"vd-list-links\">\n <li>\n <a [href]=\"link\">\n {{\n (!!reference\n ? 'gesdem-error.link.has-reference'\n : 'gesdem-error.link.has-no-reference'\n ) | fromDictionary\n }}\n </a>\n </li>\n </ul>\n </ng-container>\n\n <foehn-debug-summary></foehn-debug-summary>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<gesdem-action-recovery-login\n *ngIf=\"hasSessionExpired\"\n [reference]=\"reference\"\n [redirectTarget]=\"link\"\n></gesdem-action-recovery-login>\n" }]
|
|
@@ -3476,7 +3622,7 @@ class FoehnNotfoundComponent {
|
|
|
3476
3622
|
}
|
|
3477
3623
|
}
|
|
3478
3624
|
FoehnNotfoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnNotfoundComponent, deps: [{ token: i1$1.Router }, { token: FoehnPageService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3479
|
-
FoehnNotfoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnNotfoundComponent, selector: "foehn-notfound", inputs: { setPageTitle: "setPageTitle", shouldRedirect: "shouldRedirect" }, ngImport: i0, template: "<div class=\"container mt-5\">\n <div class=\"alert alert-danger text-center\">\n <p class=\"h2\">Erreur</p>\n <p>Ressource inexistante</p>\n <p class=\"h2\">\n Vous allez \u00EAtre redirig\u00E9 dans {{ seconds }}\n <span *ngIf=\"seconds > 1\">secondes</span>\n <span *ngIf=\"seconds <= 1\">seconde</span>\n </p>\n </div>\n\n <foehn-debug-summary></foehn-debug-summary>\n</div>\n", components: [{ type: FoehnDebugSummaryComponent, selector: "foehn-debug-summary" }], directives: [{ type:
|
|
3625
|
+
FoehnNotfoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnNotfoundComponent, selector: "foehn-notfound", inputs: { setPageTitle: "setPageTitle", shouldRedirect: "shouldRedirect" }, ngImport: i0, template: "<div class=\"container mt-5\">\n <div class=\"alert alert-danger text-center\">\n <p class=\"h2\">Erreur</p>\n <p>Ressource inexistante</p>\n <p class=\"h2\">\n Vous allez \u00EAtre redirig\u00E9 dans {{ seconds }}\n <span *ngIf=\"seconds > 1\">secondes</span>\n <span *ngIf=\"seconds <= 1\">seconde</span>\n </p>\n </div>\n\n <foehn-debug-summary></foehn-debug-summary>\n</div>\n", components: [{ type: FoehnDebugSummaryComponent, selector: "foehn-debug-summary" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3480
3626
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnNotfoundComponent, decorators: [{
|
|
3481
3627
|
type: Component,
|
|
3482
3628
|
args: [{ selector: 'foehn-notfound', template: "<div class=\"container mt-5\">\n <div class=\"alert alert-danger text-center\">\n <p class=\"h2\">Erreur</p>\n <p>Ressource inexistante</p>\n <p class=\"h2\">\n Vous allez \u00EAtre redirig\u00E9 dans {{ seconds }}\n <span *ngIf=\"seconds > 1\">secondes</span>\n <span *ngIf=\"seconds <= 1\">seconde</span>\n </p>\n </div>\n\n <foehn-debug-summary></foehn-debug-summary>\n</div>\n" }]
|
|
@@ -3520,20 +3666,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
3520
3666
|
}]
|
|
3521
3667
|
}], ctorParameters: function () { return [{ type: GesdemHandlerService }, { type: FoehnNavigationService }]; } });
|
|
3522
3668
|
|
|
3523
|
-
class FoehnIconInfoCircleComponent extends AbstractIconComponent {
|
|
3524
|
-
constructor() {
|
|
3525
|
-
super(...arguments);
|
|
3526
|
-
this.iconName = faInfoCircle;
|
|
3527
|
-
this.defaultTitle = 'Info';
|
|
3528
|
-
}
|
|
3529
|
-
}
|
|
3530
|
-
FoehnIconInfoCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnIconInfoCircleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3531
|
-
FoehnIconInfoCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle", usesInheritance: true, ngImport: i0, template: "<fa-icon\n aria-hidden=\"true\"\n [title]=\"title ? title : defaultTitle\"\n [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", components: [{ type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
3532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnIconInfoCircleComponent, decorators: [{
|
|
3533
|
-
type: Component,
|
|
3534
|
-
args: [{ selector: 'foehn-icon-info-circle', template: "<fa-icon\n aria-hidden=\"true\"\n [title]=\"title ? title : defaultTitle\"\n [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
|
|
3535
|
-
}] });
|
|
3536
|
-
|
|
3537
3669
|
const isBooleanDefined = (value) => value === true || value === false;
|
|
3538
3670
|
class GesdemConfirmationComponent {
|
|
3539
3671
|
constructor(gesdemService, foehnPageService, activatedRoute, dictionaryService, location) {
|
|
@@ -3680,12 +3812,12 @@ class GesdemConfirmationComponent {
|
|
|
3680
3812
|
return `${link + this.reference}/${firstPage.path}`;
|
|
3681
3813
|
}
|
|
3682
3814
|
}
|
|
3683
|
-
GesdemConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GesdemConfirmationComponent, deps: [{ token: GesdemHandlerService }, { token: FoehnPageService }, { token: i1$1.ActivatedRoute }, { token: SdkDictionaryService }, { token:
|
|
3684
|
-
GesdemConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GesdemConfirmationComponent, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", baseUrlPdf: "baseUrlPdf", hideReference: "hideReference" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n <div\n class=\"alert text-center mb-2\"\n [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n >\n <p class=\"h2\">\n {{\n isTransferred\n ? (successLabelDicoKey | fromDictionary)\n : ('gesdem-confirmation.abort-label' | fromDictionary)\n }}\n </p>\n <dl *ngIf=\"!hideReference\">\n <dt class=\"font-weight-light\">\n {{\n 'gesdem-confirmation.reference-title.label' | fromDictionary\n }}\n </dt>\n <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n </dl>\n <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n </p>\n </div>\n\n <span\n [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n ></span>\n\n <ng-content></ng-content>\n\n <div\n class=\"col-md-12 vd-highlight\"\n *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n >\n <span class=\"sr-only\">\n Information suite \u00E0 la transmission de votre demande\n </span>\n <div class=\"row\">\n <div class=\"col-md-1\">\n <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n </div>\n <div class=\"col-md-11\">\n <p\n [innerHTML]=\"\n isTransferred\n ? connectedConfirmationMessage\n : connectedConfirmationMessageIfAbandoned\n \"\n ></p>\n <p\n id=\"linkToTreatedDemandes\"\n *ngIf=\"\n showLinkToMyDemandes &&\n (demandeIsClosedOnTransmit || isAbandoned)\n \"\n >\n Vous pouvez consulter votre demande en cliquant sur :\n <a href=\"/100002/demandes/search/MINE/TREATED\">\n Mes nouvelles demandes trait\u00E9es\n </a>\n .\n </p>\n <p\n id=\"linkToInProgressDemandes\"\n *ngIf=\"\n showLinkToMyDemandes &&\n !demandeIsClosedOnTransmit &&\n !isAbandoned\n \"\n >\n Vous pouvez suivre l'avancement du traitement de votre\n demande en cliquant sur :\n <a href=\"/100002/demandes/search/MINE/IN_PROGRESS\">\n Mes demandes en cours de traitement\n </a>\n .\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\">\n <div class=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n <a\n *ngIf=\"showDownloadPdfRecapButton\"\n [href]=\"urlPdf\"\n id=\"telechargerBtn\"\n class=\"btn btn-secondary w-100\"\n title=\"T\u00E9l\u00E9charger le PDF\"\n >\n {{ downloadPdfRecapButtonText | fromDictionary }}\n </a>\n </div>\n\n <div\n class=\"mr-0 ml-md-auto mb-2 mt-2\"\n *ngIf=\"!(isConnectedCyber | async) && closeLink | async as link\"\n >\n <a [href]=\"link\" id=\"terminerBtn\" class=\"btn btn-primary w-100\">\n {{ closeButtonText | fromDictionary }}\n </a>\n </div>\n\n <div\n class=\"mr-0 ml-md-auto mb-2 mt-2\"\n *ngIf=\"!!(isConnectedCyber | async)\"\n >\n <a\n href=\"/100018/logout\"\n id=\"logoutBtn\"\n class=\"btn btn-primary w-100\"\n >\n {{ 'gesdem-confirmation.logout-button' | fromDictionary }}\n </a>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"!hideReference && reference && isInProgress\">\n <div class=\"alert alert-info text-center mb-2\">\n <p class=\"h2\">Demande en cours</p>\n <dl>\n <dt class=\"font-weight-light\">\n {{\n 'gesdem-confirmation.reference-title.label' | fromDictionary\n }}\n </dt>\n <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n {{ reference }}\n </dd>\n </dl>\n </div>\n\n <div class=\"col-md-12 vd-highlight\">\n <div class=\"row\">\n <div class=\"col-md-1\">\n <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n </div>\n <div class=\"col-md-11\">\n <p>\n Vous pouvez reprendre votre demande en cliquant sur le lien\n ci-dessous\n </p>\n <p>\n <a [routerLink]=\"firstPageLink\">Reprendre ma demande</a>\n </p>\n </div>\n </div>\n </div>\n</div>\n", components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }], directives: [{ type:
|
|
3815
|
+
GesdemConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GesdemConfirmationComponent, deps: [{ token: GesdemHandlerService }, { token: FoehnPageService }, { token: i1$1.ActivatedRoute }, { token: SdkDictionaryService }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
3816
|
+
GesdemConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GesdemConfirmationComponent, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", baseUrlPdf: "baseUrlPdf", hideReference: "hideReference" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n <div\n class=\"alert text-center mb-2\"\n [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n >\n <p class=\"h2\">\n {{\n isTransferred\n ? (successLabelDicoKey | fromDictionary)\n : ('gesdem-confirmation.abort-label' | fromDictionary)\n }}\n </p>\n <dl *ngIf=\"!hideReference\">\n <dt class=\"font-weight-light\">\n {{\n 'gesdem-confirmation.reference-title.label' | fromDictionary\n }}\n </dt>\n <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n </dl>\n <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n </p>\n </div>\n\n <span\n [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n ></span>\n\n <ng-content></ng-content>\n\n <div\n class=\"col-md-12 vd-highlight\"\n *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n >\n <span class=\"sr-only\">\n Information suite \u00E0 la transmission de votre demande\n </span>\n <div class=\"row\">\n <div class=\"col-md-1\">\n <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n </div>\n <div class=\"col-md-11\">\n <p\n [innerHTML]=\"\n isTransferred\n ? connectedConfirmationMessage\n : connectedConfirmationMessageIfAbandoned\n \"\n ></p>\n <p\n id=\"linkToTreatedDemandes\"\n *ngIf=\"\n showLinkToMyDemandes &&\n (demandeIsClosedOnTransmit || isAbandoned)\n \"\n >\n Vous pouvez consulter votre demande en cliquant sur :\n <a href=\"/100002/demandes/search/MINE/TREATED\">\n Mes nouvelles demandes trait\u00E9es\n </a>\n .\n </p>\n <p\n id=\"linkToInProgressDemandes\"\n *ngIf=\"\n showLinkToMyDemandes &&\n !demandeIsClosedOnTransmit &&\n !isAbandoned\n \"\n >\n Vous pouvez suivre l'avancement du traitement de votre\n demande en cliquant sur :\n <a href=\"/100002/demandes/search/MINE/IN_PROGRESS\">\n Mes demandes en cours de traitement\n </a>\n .\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\">\n <div class=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n <a\n *ngIf=\"showDownloadPdfRecapButton\"\n [href]=\"urlPdf\"\n id=\"telechargerBtn\"\n class=\"btn btn-secondary w-100\"\n title=\"T\u00E9l\u00E9charger le PDF\"\n >\n {{ downloadPdfRecapButtonText | fromDictionary }}\n </a>\n </div>\n\n <div\n class=\"mr-0 ml-md-auto mb-2 mt-2\"\n *ngIf=\"!(isConnectedCyber | async) && closeLink | async as link\"\n >\n <a [href]=\"link\" id=\"terminerBtn\" class=\"btn btn-primary w-100\">\n {{ closeButtonText | fromDictionary }}\n </a>\n </div>\n\n <div\n class=\"mr-0 ml-md-auto mb-2 mt-2\"\n *ngIf=\"!!(isConnectedCyber | async)\"\n >\n <a\n href=\"/100018/logout\"\n id=\"logoutBtn\"\n class=\"btn btn-primary w-100\"\n >\n {{ 'gesdem-confirmation.logout-button' | fromDictionary }}\n </a>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"!hideReference && reference && isInProgress\">\n <div class=\"alert alert-info text-center mb-2\">\n <p class=\"h2\">Demande en cours</p>\n <dl>\n <dt class=\"font-weight-light\">\n {{\n 'gesdem-confirmation.reference-title.label' | fromDictionary\n }}\n </dt>\n <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n {{ reference }}\n </dd>\n </dl>\n </div>\n\n <div class=\"col-md-12 vd-highlight\">\n <div class=\"row\">\n <div class=\"col-md-1\">\n <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n </div>\n <div class=\"col-md-11\">\n <p>\n Vous pouvez reprendre votre demande en cliquant sur le lien\n ci-dessous\n </p>\n <p>\n <a [routerLink]=\"firstPageLink\">Reprendre ma demande</a>\n </p>\n </div>\n </div>\n </div>\n</div>\n", components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
3685
3817
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GesdemConfirmationComponent, decorators: [{
|
|
3686
3818
|
type: Component,
|
|
3687
3819
|
args: [{ selector: 'gesdem-confirmation', template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n <div\n class=\"alert text-center mb-2\"\n [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n >\n <p class=\"h2\">\n {{\n isTransferred\n ? (successLabelDicoKey | fromDictionary)\n : ('gesdem-confirmation.abort-label' | fromDictionary)\n }}\n </p>\n <dl *ngIf=\"!hideReference\">\n <dt class=\"font-weight-light\">\n {{\n 'gesdem-confirmation.reference-title.label' | fromDictionary\n }}\n </dt>\n <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n </dl>\n <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n </p>\n </div>\n\n <span\n [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n ></span>\n\n <ng-content></ng-content>\n\n <div\n class=\"col-md-12 vd-highlight\"\n *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n >\n <span class=\"sr-only\">\n Information suite \u00E0 la transmission de votre demande\n </span>\n <div class=\"row\">\n <div class=\"col-md-1\">\n <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n </div>\n <div class=\"col-md-11\">\n <p\n [innerHTML]=\"\n isTransferred\n ? connectedConfirmationMessage\n : connectedConfirmationMessageIfAbandoned\n \"\n ></p>\n <p\n id=\"linkToTreatedDemandes\"\n *ngIf=\"\n showLinkToMyDemandes &&\n (demandeIsClosedOnTransmit || isAbandoned)\n \"\n >\n Vous pouvez consulter votre demande en cliquant sur :\n <a href=\"/100002/demandes/search/MINE/TREATED\">\n Mes nouvelles demandes trait\u00E9es\n </a>\n .\n </p>\n <p\n id=\"linkToInProgressDemandes\"\n *ngIf=\"\n showLinkToMyDemandes &&\n !demandeIsClosedOnTransmit &&\n !isAbandoned\n \"\n >\n Vous pouvez suivre l'avancement du traitement de votre\n demande en cliquant sur :\n <a href=\"/100002/demandes/search/MINE/IN_PROGRESS\">\n Mes demandes en cours de traitement\n </a>\n .\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\">\n <div class=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n <a\n *ngIf=\"showDownloadPdfRecapButton\"\n [href]=\"urlPdf\"\n id=\"telechargerBtn\"\n class=\"btn btn-secondary w-100\"\n title=\"T\u00E9l\u00E9charger le PDF\"\n >\n {{ downloadPdfRecapButtonText | fromDictionary }}\n </a>\n </div>\n\n <div\n class=\"mr-0 ml-md-auto mb-2 mt-2\"\n *ngIf=\"!(isConnectedCyber | async) && closeLink | async as link\"\n >\n <a [href]=\"link\" id=\"terminerBtn\" class=\"btn btn-primary w-100\">\n {{ closeButtonText | fromDictionary }}\n </a>\n </div>\n\n <div\n class=\"mr-0 ml-md-auto mb-2 mt-2\"\n *ngIf=\"!!(isConnectedCyber | async)\"\n >\n <a\n href=\"/100018/logout\"\n id=\"logoutBtn\"\n class=\"btn btn-primary w-100\"\n >\n {{ 'gesdem-confirmation.logout-button' | fromDictionary }}\n </a>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"!hideReference && reference && isInProgress\">\n <div class=\"alert alert-info text-center mb-2\">\n <p class=\"h2\">Demande en cours</p>\n <dl>\n <dt class=\"font-weight-light\">\n {{\n 'gesdem-confirmation.reference-title.label' | fromDictionary\n }}\n </dt>\n <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n {{ reference }}\n </dd>\n </dl>\n </div>\n\n <div class=\"col-md-12 vd-highlight\">\n <div class=\"row\">\n <div class=\"col-md-1\">\n <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n </div>\n <div class=\"col-md-11\">\n <p>\n Vous pouvez reprendre votre demande en cliquant sur le lien\n ci-dessous\n </p>\n <p>\n <a [routerLink]=\"firstPageLink\">Reprendre ma demande</a>\n </p>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
3688
|
-
}], ctorParameters: function () { return [{ type: GesdemHandlerService }, { type: FoehnPageService }, { type: i1$1.ActivatedRoute }, { type: SdkDictionaryService }, { type:
|
|
3820
|
+
}], ctorParameters: function () { return [{ type: GesdemHandlerService }, { type: FoehnPageService }, { type: i1$1.ActivatedRoute }, { type: SdkDictionaryService }, { type: i2.Location }]; }, propDecorators: { reference: [{
|
|
3689
3821
|
type: Input
|
|
3690
3822
|
}], setPageTitle: [{
|
|
3691
3823
|
type: Input
|
|
@@ -3910,12 +4042,12 @@ class FoehnSkipLinkComponent {
|
|
|
3910
4042
|
return newUrl.replace('//', '/');
|
|
3911
4043
|
}
|
|
3912
4044
|
}
|
|
3913
|
-
FoehnSkipLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnSkipLinkComponent, deps: [{ token:
|
|
3914
|
-
FoehnSkipLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnSkipLinkComponent, selector: "foehn-skip-link", inputs: { accesskey: "accesskey", targetAnchor: "targetAnchor", title: "title", content: "content" }, ngImport: i0, template: "<a\n class=\"sr-only sr-only-focusable btn btn-dark pt-0\"\n [attr.accesskey]=\"accesskey\"\n [href]=\"skipLinkPath | async\"\n [title]=\"title\"\n>\n {{ content }}\n</a>\n", pipes: { "async":
|
|
4045
|
+
FoehnSkipLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnSkipLinkComponent, deps: [{ token: i2.PlatformLocation }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
4046
|
+
FoehnSkipLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnSkipLinkComponent, selector: "foehn-skip-link", inputs: { accesskey: "accesskey", targetAnchor: "targetAnchor", title: "title", content: "content" }, ngImport: i0, template: "<a\n class=\"sr-only sr-only-focusable btn btn-dark pt-0\"\n [attr.accesskey]=\"accesskey\"\n [href]=\"skipLinkPath | async\"\n [title]=\"title\"\n>\n {{ content }}\n</a>\n", pipes: { "async": i2.AsyncPipe } });
|
|
3915
4047
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnSkipLinkComponent, decorators: [{
|
|
3916
4048
|
type: Component,
|
|
3917
4049
|
args: [{ selector: 'foehn-skip-link', template: "<a\n class=\"sr-only sr-only-focusable btn btn-dark pt-0\"\n [attr.accesskey]=\"accesskey\"\n [href]=\"skipLinkPath | async\"\n [title]=\"title\"\n>\n {{ content }}\n</a>\n" }]
|
|
3918
|
-
}], ctorParameters: function () { return [{ type:
|
|
4050
|
+
}], ctorParameters: function () { return [{ type: i2.PlatformLocation }, { type: i1$1.Router }]; }, propDecorators: { accesskey: [{
|
|
3919
4051
|
type: Input
|
|
3920
4052
|
}], targetAnchor: [{
|
|
3921
4053
|
type: Input
|
|
@@ -4334,7 +4466,7 @@ FoehnSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
4334
4466
|
useExisting: forwardRef(() => FoehnSelectComponent),
|
|
4335
4467
|
multi: true
|
|
4336
4468
|
}
|
|
4337
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div *ngIf=\"!elements\">Chargement...</div>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <select\n *ngIf=\"!multiple\"\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.id]=\"buildChildId()\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [compareWith]=\"compareFn.bind(this)\"\n (change)=\"handleChange(model)\"\n #entryComponent\n ngDefaultControl\n >\n <option\n *ngIf=\"!required\"\n [ngValue]=\"null\"\n [innerHTML]=\"noSelectionLabel\"\n ></option>\n <option\n *ngFor=\"let element of elements\"\n [ngValue]=\"getValue(element)\"\n [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n [innerHTML]=\"getLabel(element)\"\n ></option>\n </select>\n <select\n *ngIf=\"multiple\"\n multiple\n [attr.aria-multiselectable]=\"true\"\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.id]=\"buildChildId()\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [compareWith]=\"compareFn.bind(this)\"\n (change)=\"handleChange(model)\"\n #entryComponent\n ngDefaultControl\n >\n <option\n *ngFor=\"let element of elements\"\n [ngValue]=\"getValue(element)\"\n [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n [attr.aria-selected]=\"isElementSelected(element)\"\n >\n {{ getLabel(element) }}\n </option>\n </select>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type:
|
|
4469
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div *ngIf=\"!elements\">Chargement...</div>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <select\n *ngIf=\"!multiple\"\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.id]=\"buildChildId()\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [compareWith]=\"compareFn.bind(this)\"\n (change)=\"handleChange(model)\"\n #entryComponent\n ngDefaultControl\n >\n <option\n *ngIf=\"!required\"\n [ngValue]=\"null\"\n [innerHTML]=\"noSelectionLabel\"\n ></option>\n <option\n *ngFor=\"let element of elements\"\n [ngValue]=\"getValue(element)\"\n [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n [innerHTML]=\"getLabel(element)\"\n ></option>\n </select>\n <select\n *ngIf=\"multiple\"\n multiple\n [attr.aria-multiselectable]=\"true\"\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.id]=\"buildChildId()\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [compareWith]=\"compareFn.bind(this)\"\n (change)=\"handleChange(model)\"\n #entryComponent\n ngDefaultControl\n >\n <option\n *ngFor=\"let element of elements\"\n [ngValue]=\"getValue(element)\"\n [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n [attr.aria-selected]=\"isElementSelected(element)\"\n >\n {{ getLabel(element) }}\n </option>\n </select>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
4338
4470
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnSelectComponent, decorators: [{
|
|
4339
4471
|
type: Component,
|
|
4340
4472
|
args: [{ selector: 'foehn-select', providers: [
|
|
@@ -4398,7 +4530,7 @@ class FoehnHeaderComponent {
|
|
|
4398
4530
|
}
|
|
4399
4531
|
}
|
|
4400
4532
|
FoehnHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHeaderComponent, deps: [{ token: SessionInfo }, { token: ApplicationInfoService }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4401
|
-
FoehnHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnHeaderComponent, selector: "foehn-header", inputs: { userInfo: "userInfo", title: "title" }, ngImport: i0, template: "<header id=\"foehn_headerContainer\" class=\"header pb-2\" role=\"banner\">\n <ng-container *ngIf=\"!(isProduction | async)\">\n <div\n *ngIf=\"applicationInfoService.data | async as info\"\n class=\"environment {{ info.environment?.toLowerCase() }}\"\n >\n <span class=\"content\">{{ getEnvironmentLabel(info) }}</span>\n </div>\n </ng-container>\n\n <nav\n class=\"container fixed-top access-nav d-print-none\"\n aria-label=\"menu accessibilit\u00E9\"\n >\n <ul class=\"list-unstyled mt-3\">\n <li>\n <foehn-skip-link\n accesskey=\"0\"\n title=\"[Alt+0] D\u00E9but du contenu de la page\"\n content=\"D\u00E9but du contenu de la page\"\n targetAnchor=\"main\"\n ></foehn-skip-link>\n </li>\n </ul>\n </nav>\n\n <div class=\"container\">\n <ng-container *ngIf=\"mockedServices | async as resolvedMockedServices\">\n <div\n class=\"alert alert-danger\"\n *ngIf=\"resolvedMockedServices.length > 0\"\n >\n <h2 class=\"my-0\">Il semble y avoir certains mocks actifs</h2>\n <ul>\n <li *ngFor=\"let mock of resolvedMockedServices\">\n {{ mock }}\n </li>\n </ul>\n </div>\n </ng-container>\n <div class=\"d-flex flex-wrap\">\n <a\n class=\"vd-logo\"\n href=\"https://www.vd.ch\"\n title=\"Aller \u00E0 la page d'accueil du Site du Canton de Vaud\"\n >\n <!-- Copied from @dsivd/foehn/dist/assets/svg/ETATVAUD-alt.svg -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n id=\"vecteurs\"\n version=\"1.1\"\n width=\"208.8\"\n height=\"35.3\"\n >\n <style id=\"style2\">\n .st0 {\n fill: #9f3;\n }\n\n .st1 {\n fill: #40d940;\n }\n\n .st2 {\n fill: #fff;\n }\n\n .st3 {\n fill: #d5dee3;\n }\n\n .st4 {\n fill: #546674;\n }\n\n .st5 {\n fill: #1f5e03;\n }\n </style>\n <path\n class=\"st0\"\n d=\"M0 30.2h5v5.1H0z\"\n id=\"path4\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M5 30.2h5v5.1H5z\"\n id=\"path6\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M10 30.2h5v5.1h-5z\"\n id=\"path8\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M14.9 30.2h5v5.1h-5z\"\n id=\"path10\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M19.9 30.2h5v5.1h-5z\"\n id=\"path12\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M24.8 30.2h5v5.1h-5z\"\n id=\"path14\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M29.8 30.2h5v5.1h-5z\"\n id=\"path16\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M34.7 30.2h5v5.1h-5z\"\n id=\"path18\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M39.7 30.2h5v5.1h-5z\"\n id=\"path20\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M44.6 30.2h5v5.1h-5z\"\n id=\"path22\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M49.6 30.2h5v5.1h-5z\"\n id=\"path24\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M54.5 30.2h5v5.1h-5z\"\n id=\"path26\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M59.5 30.2h5v5.1h-5z\"\n id=\"path28\"\n fill=\"#fff\"\n />\n <path\n class=\"st0\"\n d=\"M64.5 30.2h5v5.1h-5z\"\n id=\"path30\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M69.4 30.2h5v5.1h-5z\"\n id=\"path32\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M74.4 30.2h5v5.1h-5z\"\n id=\"path34\"\n fill=\"#546674\"\n />\n <path\n class=\"st2\"\n d=\"M79.3 30.2h5v5.1h-5z\"\n id=\"path36\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M84.3 30.2h5v5.1h-5z\"\n id=\"path38\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M89.2 30.2h5v5.1h-5z\"\n id=\"path40\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M94.2 30.2h5v5.1h-5z\"\n id=\"path42\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M99.1 30.2h5v5.1h-5z\"\n id=\"path44\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M104.1 30.2h5v5.1h-5z\"\n id=\"path46\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M109 30.2h5v5.1h-5z\"\n id=\"path48\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M114 30.2h5v5.1h-5z\"\n id=\"path50\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M119 30.2h5v5.1h-5z\"\n id=\"path52\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M123.9 30.2h5v5.1h-5z\"\n id=\"path54\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M128.9 30.2h5v5.1h-5z\"\n id=\"path56\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st2\"\n d=\"M133.8 30.2h5v5.1h-5z\"\n id=\"path58\"\n fill=\"#fff\"\n />\n <path\n class=\"st5\"\n d=\"M138.8 30.2h5v5.1h-5z\"\n id=\"path60\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M143.7 30.2h5v5.1h-5z\"\n id=\"path62\"\n fill=\"#40d940\"\n />\n <path d=\"M148.7 30.2h5v5.1h-5z\" id=\"path64\" />\n <path\n class=\"st1\"\n d=\"M153.6 30.2h5v5.1h-5z\"\n id=\"path66\"\n fill=\"#40d940\"\n />\n <path d=\"M158.6 30.2h5v5.1h-5z\" id=\"path68\" />\n <path\n class=\"st1\"\n d=\"M163.5 30.2h5v5.1h-5z\"\n id=\"path70\"\n fill=\"#40d940\"\n />\n <path d=\"M168.5 30.2h5v5.1h-5z\" id=\"path72\" />\n <path\n class=\"st1\"\n d=\"M173.5 30.2h5v5.1h-5z\"\n id=\"path74\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M178.4 30.2h5v5.1h-5z\"\n id=\"path76\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M183.4 30.2h5v5.1h-5z\"\n id=\"path78\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M188.3 30.2h5v5.1h-5z\"\n id=\"path80\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M193.3 30.2h5v5.1h-5z\"\n id=\"path82\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M198.2 30.2h5v5.1h-5z\"\n id=\"path84\"\n fill=\"#40d940\"\n />\n <path\n class=\"st0\"\n d=\"M203.2 30.2h5v5.1h-5z\"\n id=\"path86\"\n fill=\"#9f3\"\n />\n <g id=\"g90\" transform=\"translate(-444.8 -502.9)\">\n <path\n d=\"M444.8 508.5h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm7-5.6h4.7l-3 4.2h-3.3zm16.2 9.4h-5.8v-3.8h16.6v3.8H473v17.8h-5zm17.2-3.8h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm18.9-9.5h-5.8v-3.8h16.6v3.8H509v17.8h-4.9zm20.9-3.8h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2zm15.5-17.8h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm23.7 0h5.2l5.1 16.6 5.1-16.6h4.6l-7.2 21.6h-5.6zm26.2 0h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm15.2-.1v-13.2h4.9v12.9c0 3.6 1.1 5.2 4 5.2s4.2-1.4 4.2-5.3v-12.7h4.9v13c0 5.9-3.3 8.9-9.1 8.9-5.6-.1-8.9-3.1-8.9-8.8zm22.7-13.2h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2z\"\n id=\"path88\"\n fill=\"#231f20\"\n />\n </g>\n </svg>\n </a>\n <section class=\"mb-3 ml-auto\" *ngIf=\"isIamCyber\">\n <h2 class=\"sr-only\">Votre identit\u00E9</h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-right mr-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedEsSrLabel\"\n class=\"sr-only\"\n >\n Espace s\u00E9curis\u00E9:\n </span>\n <a id=\"header-connectedEs\" href=\"/100002/\">\n {{ beneficiaire }}\n </a>\n </p>\n\n <p class=\"mb-0 small\" *ngIf=\"!isParticulier()\">\n <span\n id=\"header-connectedUserSrLabel\"\n class=\"sr-only\"\n >\n Personne connect\u00E9e:\n </span>\n <span id=\"header-connectedUser\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"/100013/\">Param\u00E8tres de connexion</a>\n </li>\n <li class=\"list-inline-item\">\n <a href=\"/100018/logout\">Se d\u00E9connecter</a>\n </li>\n </ul>\n </dl>\n <figure class=\"m-0 ml-auto vd-avatar\">\n <img\n class=\"vd-avatar__image\"\n [alt]=\"'Logo de ' + beneficiaire\"\n src=\"api/sessionInfo/beneficiary-info/logo\"\n />\n </figure>\n </div>\n </section>\n\n <section class=\"mb-3 ml-auto\" *ngIf=\"isIamAcv\">\n <h2 class=\"sr-only\">Votre identit\u00E9</h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-right mr-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedUser-acvSrLabel\"\n class=\"sr-only\"\n >\n Personne connect\u00E9e:\n </span>\n <span id=\"header-connectedUser-acv\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"logout\">Quitter l'application</a>\n </li>\n </ul>\n </dl>\n </div>\n </section>\n </div>\n\n <div class=\"row\">\n <div class=\"col-md-10\">\n <span id=\"app-title\" class=\"h3 mt-1 vd-heading-light\">\n {{ title }}\n </span>\n </div>\n <div\n class=\"col-md-2\"\n *ngIf=\"availableLanguages | async as languages\"\n >\n <foehn-select\n name=\"languageSelector\"\n label=\"S\u00E9lection de la langue\"\n isLabelSrOnly=\"true\"\n *ngIf=\"languages.length > 1\"\n [elements]=\"languages\"\n [elementValue]=\"'code'\"\n [model]=\"currentLanguageCode | async\"\n (userInput)=\"languageChanged($event)\"\n [required]=\"true\"\n ></foehn-select>\n </div>\n </div>\n </div>\n</header>\n", styles: [".vd-avatar__image{width:50px;height:50px;margin:auto;object-fit:scale-down}.environment{position:fixed;z-index:2}.environment .content{position:absolute;left:-250px;top:-.66667rem;display:block;width:250px;padding:5px 10px;background-color:#3278c8cc;color:var(--white);font:700 18px/1 Lato,sans-serif;text-transform:uppercase;text-align:right;transform-origin:250px 0;-o-transform-origin:250px 0;-ms-transform-origin:250px 0;-moz-transform-origin:250px 0;-webkit-transform-origin:250px 0;transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:1000}.environment.in .content{background-color:#dc8c14cc}.environment.va .content{background-color:#c81e1ecc}\n"], components: [{ type: FoehnSkipLinkComponent, selector: "foehn-skip-link", inputs: ["accesskey", "targetAnchor", "title", "content"] }, { type: FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple", "noSelectionLabel"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe } });
|
|
4533
|
+
FoehnHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnHeaderComponent, selector: "foehn-header", inputs: { userInfo: "userInfo", title: "title" }, ngImport: i0, template: "<header id=\"foehn_headerContainer\" class=\"header pb-2\" role=\"banner\">\n <ng-container *ngIf=\"!(isProduction | async)\">\n <div\n *ngIf=\"applicationInfoService.data | async as info\"\n class=\"environment {{ info.environment?.toLowerCase() }}\"\n >\n <span class=\"content\">{{ getEnvironmentLabel(info) }}</span>\n </div>\n </ng-container>\n\n <nav\n class=\"container fixed-top access-nav d-print-none\"\n aria-label=\"menu accessibilit\u00E9\"\n >\n <ul class=\"list-unstyled mt-3\">\n <li>\n <foehn-skip-link\n accesskey=\"0\"\n title=\"[Alt+0] D\u00E9but du contenu de la page\"\n content=\"D\u00E9but du contenu de la page\"\n targetAnchor=\"main\"\n ></foehn-skip-link>\n </li>\n </ul>\n </nav>\n\n <div class=\"container\">\n <ng-container *ngIf=\"mockedServices | async as resolvedMockedServices\">\n <div\n class=\"alert alert-danger\"\n *ngIf=\"resolvedMockedServices.length > 0\"\n >\n <h2 class=\"my-0\">Il semble y avoir certains mocks actifs</h2>\n <ul>\n <li *ngFor=\"let mock of resolvedMockedServices\">\n {{ mock }}\n </li>\n </ul>\n </div>\n </ng-container>\n <div class=\"d-flex flex-wrap\">\n <a\n class=\"vd-logo\"\n href=\"https://www.vd.ch\"\n title=\"Aller \u00E0 la page d'accueil du Site du Canton de Vaud\"\n >\n <!-- Copied from @dsivd/foehn/dist/assets/svg/ETATVAUD-alt.svg -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n id=\"vecteurs\"\n version=\"1.1\"\n width=\"208.8\"\n height=\"35.3\"\n >\n <style id=\"style2\">\n .st0 {\n fill: #9f3;\n }\n\n .st1 {\n fill: #40d940;\n }\n\n .st2 {\n fill: #fff;\n }\n\n .st3 {\n fill: #d5dee3;\n }\n\n .st4 {\n fill: #546674;\n }\n\n .st5 {\n fill: #1f5e03;\n }\n </style>\n <path\n class=\"st0\"\n d=\"M0 30.2h5v5.1H0z\"\n id=\"path4\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M5 30.2h5v5.1H5z\"\n id=\"path6\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M10 30.2h5v5.1h-5z\"\n id=\"path8\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M14.9 30.2h5v5.1h-5z\"\n id=\"path10\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M19.9 30.2h5v5.1h-5z\"\n id=\"path12\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M24.8 30.2h5v5.1h-5z\"\n id=\"path14\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M29.8 30.2h5v5.1h-5z\"\n id=\"path16\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M34.7 30.2h5v5.1h-5z\"\n id=\"path18\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M39.7 30.2h5v5.1h-5z\"\n id=\"path20\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M44.6 30.2h5v5.1h-5z\"\n id=\"path22\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M49.6 30.2h5v5.1h-5z\"\n id=\"path24\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M54.5 30.2h5v5.1h-5z\"\n id=\"path26\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M59.5 30.2h5v5.1h-5z\"\n id=\"path28\"\n fill=\"#fff\"\n />\n <path\n class=\"st0\"\n d=\"M64.5 30.2h5v5.1h-5z\"\n id=\"path30\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M69.4 30.2h5v5.1h-5z\"\n id=\"path32\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M74.4 30.2h5v5.1h-5z\"\n id=\"path34\"\n fill=\"#546674\"\n />\n <path\n class=\"st2\"\n d=\"M79.3 30.2h5v5.1h-5z\"\n id=\"path36\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M84.3 30.2h5v5.1h-5z\"\n id=\"path38\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M89.2 30.2h5v5.1h-5z\"\n id=\"path40\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M94.2 30.2h5v5.1h-5z\"\n id=\"path42\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M99.1 30.2h5v5.1h-5z\"\n id=\"path44\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M104.1 30.2h5v5.1h-5z\"\n id=\"path46\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M109 30.2h5v5.1h-5z\"\n id=\"path48\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M114 30.2h5v5.1h-5z\"\n id=\"path50\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M119 30.2h5v5.1h-5z\"\n id=\"path52\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M123.9 30.2h5v5.1h-5z\"\n id=\"path54\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M128.9 30.2h5v5.1h-5z\"\n id=\"path56\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st2\"\n d=\"M133.8 30.2h5v5.1h-5z\"\n id=\"path58\"\n fill=\"#fff\"\n />\n <path\n class=\"st5\"\n d=\"M138.8 30.2h5v5.1h-5z\"\n id=\"path60\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M143.7 30.2h5v5.1h-5z\"\n id=\"path62\"\n fill=\"#40d940\"\n />\n <path d=\"M148.7 30.2h5v5.1h-5z\" id=\"path64\" />\n <path\n class=\"st1\"\n d=\"M153.6 30.2h5v5.1h-5z\"\n id=\"path66\"\n fill=\"#40d940\"\n />\n <path d=\"M158.6 30.2h5v5.1h-5z\" id=\"path68\" />\n <path\n class=\"st1\"\n d=\"M163.5 30.2h5v5.1h-5z\"\n id=\"path70\"\n fill=\"#40d940\"\n />\n <path d=\"M168.5 30.2h5v5.1h-5z\" id=\"path72\" />\n <path\n class=\"st1\"\n d=\"M173.5 30.2h5v5.1h-5z\"\n id=\"path74\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M178.4 30.2h5v5.1h-5z\"\n id=\"path76\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M183.4 30.2h5v5.1h-5z\"\n id=\"path78\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M188.3 30.2h5v5.1h-5z\"\n id=\"path80\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M193.3 30.2h5v5.1h-5z\"\n id=\"path82\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M198.2 30.2h5v5.1h-5z\"\n id=\"path84\"\n fill=\"#40d940\"\n />\n <path\n class=\"st0\"\n d=\"M203.2 30.2h5v5.1h-5z\"\n id=\"path86\"\n fill=\"#9f3\"\n />\n <g id=\"g90\" transform=\"translate(-444.8 -502.9)\">\n <path\n d=\"M444.8 508.5h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm7-5.6h4.7l-3 4.2h-3.3zm16.2 9.4h-5.8v-3.8h16.6v3.8H473v17.8h-5zm17.2-3.8h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm18.9-9.5h-5.8v-3.8h16.6v3.8H509v17.8h-4.9zm20.9-3.8h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2zm15.5-17.8h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm23.7 0h5.2l5.1 16.6 5.1-16.6h4.6l-7.2 21.6h-5.6zm26.2 0h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm15.2-.1v-13.2h4.9v12.9c0 3.6 1.1 5.2 4 5.2s4.2-1.4 4.2-5.3v-12.7h4.9v13c0 5.9-3.3 8.9-9.1 8.9-5.6-.1-8.9-3.1-8.9-8.8zm22.7-13.2h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2z\"\n id=\"path88\"\n fill=\"#231f20\"\n />\n </g>\n </svg>\n </a>\n <section class=\"mb-3 ml-auto\" *ngIf=\"isIamCyber\">\n <h2 class=\"sr-only\">Votre identit\u00E9</h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-right mr-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedEsSrLabel\"\n class=\"sr-only\"\n >\n Espace s\u00E9curis\u00E9:\n </span>\n <a id=\"header-connectedEs\" href=\"/100002/\">\n {{ beneficiaire }}\n </a>\n </p>\n\n <p class=\"mb-0 small\" *ngIf=\"!isParticulier()\">\n <span\n id=\"header-connectedUserSrLabel\"\n class=\"sr-only\"\n >\n Personne connect\u00E9e:\n </span>\n <span id=\"header-connectedUser\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"/100013/\">Param\u00E8tres de connexion</a>\n </li>\n <li class=\"list-inline-item\">\n <a href=\"/100018/logout\">Se d\u00E9connecter</a>\n </li>\n </ul>\n </dl>\n <figure class=\"m-0 ml-auto vd-avatar\">\n <img\n class=\"vd-avatar__image\"\n [alt]=\"'Logo de ' + beneficiaire\"\n src=\"api/sessionInfo/beneficiary-info/logo\"\n />\n </figure>\n </div>\n </section>\n\n <section class=\"mb-3 ml-auto\" *ngIf=\"isIamAcv\">\n <h2 class=\"sr-only\">Votre identit\u00E9</h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-right mr-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedUser-acvSrLabel\"\n class=\"sr-only\"\n >\n Personne connect\u00E9e:\n </span>\n <span id=\"header-connectedUser-acv\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"logout\">Quitter l'application</a>\n </li>\n </ul>\n </dl>\n </div>\n </section>\n </div>\n\n <div class=\"row\">\n <div class=\"col-md-10\">\n <span id=\"app-title\" class=\"h3 mt-1 vd-heading-light\">\n {{ title }}\n </span>\n </div>\n <div\n class=\"col-md-2\"\n *ngIf=\"availableLanguages | async as languages\"\n >\n <foehn-select\n name=\"languageSelector\"\n label=\"S\u00E9lection de la langue\"\n isLabelSrOnly=\"true\"\n *ngIf=\"languages.length > 1\"\n [elements]=\"languages\"\n [elementValue]=\"'code'\"\n [model]=\"currentLanguageCode | async\"\n (userInput)=\"languageChanged($event)\"\n [required]=\"true\"\n ></foehn-select>\n </div>\n </div>\n </div>\n</header>\n", styles: [".vd-avatar__image{width:50px;height:50px;margin:auto;object-fit:scale-down}.environment{position:fixed;z-index:2}.environment .content{position:absolute;left:-250px;top:-.66667rem;display:block;width:250px;padding:5px 10px;background-color:#3278c8cc;color:var(--white);font:700 18px/1 Lato,sans-serif;text-transform:uppercase;text-align:right;transform-origin:250px 0;-o-transform-origin:250px 0;-ms-transform-origin:250px 0;-moz-transform-origin:250px 0;-webkit-transform-origin:250px 0;transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:1000}.environment.in .content{background-color:#dc8c14cc}.environment.va .content{background-color:#c81e1ecc}\n"], components: [{ type: FoehnSkipLinkComponent, selector: "foehn-skip-link", inputs: ["accesskey", "targetAnchor", "title", "content"] }, { type: FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple", "noSelectionLabel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe } });
|
|
4402
4534
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHeaderComponent, decorators: [{
|
|
4403
4535
|
type: Component,
|
|
4404
4536
|
args: [{ selector: 'foehn-header', template: "<header id=\"foehn_headerContainer\" class=\"header pb-2\" role=\"banner\">\n <ng-container *ngIf=\"!(isProduction | async)\">\n <div\n *ngIf=\"applicationInfoService.data | async as info\"\n class=\"environment {{ info.environment?.toLowerCase() }}\"\n >\n <span class=\"content\">{{ getEnvironmentLabel(info) }}</span>\n </div>\n </ng-container>\n\n <nav\n class=\"container fixed-top access-nav d-print-none\"\n aria-label=\"menu accessibilit\u00E9\"\n >\n <ul class=\"list-unstyled mt-3\">\n <li>\n <foehn-skip-link\n accesskey=\"0\"\n title=\"[Alt+0] D\u00E9but du contenu de la page\"\n content=\"D\u00E9but du contenu de la page\"\n targetAnchor=\"main\"\n ></foehn-skip-link>\n </li>\n </ul>\n </nav>\n\n <div class=\"container\">\n <ng-container *ngIf=\"mockedServices | async as resolvedMockedServices\">\n <div\n class=\"alert alert-danger\"\n *ngIf=\"resolvedMockedServices.length > 0\"\n >\n <h2 class=\"my-0\">Il semble y avoir certains mocks actifs</h2>\n <ul>\n <li *ngFor=\"let mock of resolvedMockedServices\">\n {{ mock }}\n </li>\n </ul>\n </div>\n </ng-container>\n <div class=\"d-flex flex-wrap\">\n <a\n class=\"vd-logo\"\n href=\"https://www.vd.ch\"\n title=\"Aller \u00E0 la page d'accueil du Site du Canton de Vaud\"\n >\n <!-- Copied from @dsivd/foehn/dist/assets/svg/ETATVAUD-alt.svg -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n id=\"vecteurs\"\n version=\"1.1\"\n width=\"208.8\"\n height=\"35.3\"\n >\n <style id=\"style2\">\n .st0 {\n fill: #9f3;\n }\n\n .st1 {\n fill: #40d940;\n }\n\n .st2 {\n fill: #fff;\n }\n\n .st3 {\n fill: #d5dee3;\n }\n\n .st4 {\n fill: #546674;\n }\n\n .st5 {\n fill: #1f5e03;\n }\n </style>\n <path\n class=\"st0\"\n d=\"M0 30.2h5v5.1H0z\"\n id=\"path4\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M5 30.2h5v5.1H5z\"\n id=\"path6\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M10 30.2h5v5.1h-5z\"\n id=\"path8\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M14.9 30.2h5v5.1h-5z\"\n id=\"path10\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M19.9 30.2h5v5.1h-5z\"\n id=\"path12\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M24.8 30.2h5v5.1h-5z\"\n id=\"path14\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M29.8 30.2h5v5.1h-5z\"\n id=\"path16\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M34.7 30.2h5v5.1h-5z\"\n id=\"path18\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M39.7 30.2h5v5.1h-5z\"\n id=\"path20\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M44.6 30.2h5v5.1h-5z\"\n id=\"path22\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M49.6 30.2h5v5.1h-5z\"\n id=\"path24\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M54.5 30.2h5v5.1h-5z\"\n id=\"path26\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M59.5 30.2h5v5.1h-5z\"\n id=\"path28\"\n fill=\"#fff\"\n />\n <path\n class=\"st0\"\n d=\"M64.5 30.2h5v5.1h-5z\"\n id=\"path30\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M69.4 30.2h5v5.1h-5z\"\n id=\"path32\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M74.4 30.2h5v5.1h-5z\"\n id=\"path34\"\n fill=\"#546674\"\n />\n <path\n class=\"st2\"\n d=\"M79.3 30.2h5v5.1h-5z\"\n id=\"path36\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M84.3 30.2h5v5.1h-5z\"\n id=\"path38\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M89.2 30.2h5v5.1h-5z\"\n id=\"path40\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M94.2 30.2h5v5.1h-5z\"\n id=\"path42\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M99.1 30.2h5v5.1h-5z\"\n id=\"path44\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M104.1 30.2h5v5.1h-5z\"\n id=\"path46\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M109 30.2h5v5.1h-5z\"\n id=\"path48\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M114 30.2h5v5.1h-5z\"\n id=\"path50\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M119 30.2h5v5.1h-5z\"\n id=\"path52\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M123.9 30.2h5v5.1h-5z\"\n id=\"path54\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M128.9 30.2h5v5.1h-5z\"\n id=\"path56\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st2\"\n d=\"M133.8 30.2h5v5.1h-5z\"\n id=\"path58\"\n fill=\"#fff\"\n />\n <path\n class=\"st5\"\n d=\"M138.8 30.2h5v5.1h-5z\"\n id=\"path60\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M143.7 30.2h5v5.1h-5z\"\n id=\"path62\"\n fill=\"#40d940\"\n />\n <path d=\"M148.7 30.2h5v5.1h-5z\" id=\"path64\" />\n <path\n class=\"st1\"\n d=\"M153.6 30.2h5v5.1h-5z\"\n id=\"path66\"\n fill=\"#40d940\"\n />\n <path d=\"M158.6 30.2h5v5.1h-5z\" id=\"path68\" />\n <path\n class=\"st1\"\n d=\"M163.5 30.2h5v5.1h-5z\"\n id=\"path70\"\n fill=\"#40d940\"\n />\n <path d=\"M168.5 30.2h5v5.1h-5z\" id=\"path72\" />\n <path\n class=\"st1\"\n d=\"M173.5 30.2h5v5.1h-5z\"\n id=\"path74\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M178.4 30.2h5v5.1h-5z\"\n id=\"path76\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M183.4 30.2h5v5.1h-5z\"\n id=\"path78\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M188.3 30.2h5v5.1h-5z\"\n id=\"path80\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M193.3 30.2h5v5.1h-5z\"\n id=\"path82\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M198.2 30.2h5v5.1h-5z\"\n id=\"path84\"\n fill=\"#40d940\"\n />\n <path\n class=\"st0\"\n d=\"M203.2 30.2h5v5.1h-5z\"\n id=\"path86\"\n fill=\"#9f3\"\n />\n <g id=\"g90\" transform=\"translate(-444.8 -502.9)\">\n <path\n d=\"M444.8 508.5h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm7-5.6h4.7l-3 4.2h-3.3zm16.2 9.4h-5.8v-3.8h16.6v3.8H473v17.8h-5zm17.2-3.8h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm18.9-9.5h-5.8v-3.8h16.6v3.8H509v17.8h-4.9zm20.9-3.8h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2zm15.5-17.8h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm23.7 0h5.2l5.1 16.6 5.1-16.6h4.6l-7.2 21.6h-5.6zm26.2 0h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm15.2-.1v-13.2h4.9v12.9c0 3.6 1.1 5.2 4 5.2s4.2-1.4 4.2-5.3v-12.7h4.9v13c0 5.9-3.3 8.9-9.1 8.9-5.6-.1-8.9-3.1-8.9-8.8zm22.7-13.2h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2z\"\n id=\"path88\"\n fill=\"#231f20\"\n />\n </g>\n </svg>\n </a>\n <section class=\"mb-3 ml-auto\" *ngIf=\"isIamCyber\">\n <h2 class=\"sr-only\">Votre identit\u00E9</h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-right mr-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedEsSrLabel\"\n class=\"sr-only\"\n >\n Espace s\u00E9curis\u00E9:\n </span>\n <a id=\"header-connectedEs\" href=\"/100002/\">\n {{ beneficiaire }}\n </a>\n </p>\n\n <p class=\"mb-0 small\" *ngIf=\"!isParticulier()\">\n <span\n id=\"header-connectedUserSrLabel\"\n class=\"sr-only\"\n >\n Personne connect\u00E9e:\n </span>\n <span id=\"header-connectedUser\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"/100013/\">Param\u00E8tres de connexion</a>\n </li>\n <li class=\"list-inline-item\">\n <a href=\"/100018/logout\">Se d\u00E9connecter</a>\n </li>\n </ul>\n </dl>\n <figure class=\"m-0 ml-auto vd-avatar\">\n <img\n class=\"vd-avatar__image\"\n [alt]=\"'Logo de ' + beneficiaire\"\n src=\"api/sessionInfo/beneficiary-info/logo\"\n />\n </figure>\n </div>\n </section>\n\n <section class=\"mb-3 ml-auto\" *ngIf=\"isIamAcv\">\n <h2 class=\"sr-only\">Votre identit\u00E9</h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-right mr-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedUser-acvSrLabel\"\n class=\"sr-only\"\n >\n Personne connect\u00E9e:\n </span>\n <span id=\"header-connectedUser-acv\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"logout\">Quitter l'application</a>\n </li>\n </ul>\n </dl>\n </div>\n </section>\n </div>\n\n <div class=\"row\">\n <div class=\"col-md-10\">\n <span id=\"app-title\" class=\"h3 mt-1 vd-heading-light\">\n {{ title }}\n </span>\n </div>\n <div\n class=\"col-md-2\"\n *ngIf=\"availableLanguages | async as languages\"\n >\n <foehn-select\n name=\"languageSelector\"\n label=\"S\u00E9lection de la langue\"\n isLabelSrOnly=\"true\"\n *ngIf=\"languages.length > 1\"\n [elements]=\"languages\"\n [elementValue]=\"'code'\"\n [model]=\"currentLanguageCode | async\"\n (userInput)=\"languageChanged($event)\"\n [required]=\"true\"\n ></foehn-select>\n </div>\n </div>\n </div>\n</header>\n", styles: [".vd-avatar__image{width:50px;height:50px;margin:auto;object-fit:scale-down}.environment{position:fixed;z-index:2}.environment .content{position:absolute;left:-250px;top:-.66667rem;display:block;width:250px;padding:5px 10px;background-color:#3278c8cc;color:var(--white);font:700 18px/1 Lato,sans-serif;text-transform:uppercase;text-align:right;transform-origin:250px 0;-o-transform-origin:250px 0;-ms-transform-origin:250px 0;-moz-transform-origin:250px 0;-webkit-transform-origin:250px 0;transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:1000}.environment.in .content{background-color:#dc8c14cc}.environment.va .content{background-color:#c81e1ecc}\n"] }]
|
|
@@ -4441,7 +4573,7 @@ class FoehnGrowlComponent {
|
|
|
4441
4573
|
}
|
|
4442
4574
|
}
|
|
4443
4575
|
FoehnGrowlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnGrowlComponent, deps: [{ token: GrowlBrokerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4444
|
-
FoehnGrowlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnGrowlComponent, selector: "foehn-growl", ngImport: i0, template: "<div id=\"foehn_growlContainer\" class=\"container fixed-top\">\n <div\n class=\"alert\"\n role=\"alert\"\n *ngFor=\"let message of messages\"\n [ngClass]=\"message.type\"\n [class.hidden]=\"!message.isVisible\"\n (transitionend)=\"cssTransitionEnd(message)\"\n [innerHTML]=\"message.content\"\n ></div>\n</div>\n", styles: [".hidden{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s linear}\n"], directives: [{ type:
|
|
4576
|
+
FoehnGrowlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnGrowlComponent, selector: "foehn-growl", ngImport: i0, template: "<div id=\"foehn_growlContainer\" class=\"container fixed-top\">\n <div\n class=\"alert\"\n role=\"alert\"\n *ngFor=\"let message of messages\"\n [ngClass]=\"message.type\"\n [class.hidden]=\"!message.isVisible\"\n (transitionend)=\"cssTransitionEnd(message)\"\n [innerHTML]=\"message.content\"\n ></div>\n</div>\n", styles: [".hidden{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s linear}\n"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
4445
4577
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnGrowlComponent, decorators: [{
|
|
4446
4578
|
type: Component,
|
|
4447
4579
|
args: [{ selector: 'foehn-growl', template: "<div id=\"foehn_growlContainer\" class=\"container fixed-top\">\n <div\n class=\"alert\"\n role=\"alert\"\n *ngFor=\"let message of messages\"\n [ngClass]=\"message.type\"\n [class.hidden]=\"!message.isVisible\"\n (transitionend)=\"cssTransitionEnd(message)\"\n [innerHTML]=\"message.content\"\n ></div>\n</div>\n", styles: [".hidden{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s linear}\n"] }]
|
|
@@ -4556,7 +4688,7 @@ class FoehnBreadcrumbComponent {
|
|
|
4556
4688
|
}
|
|
4557
4689
|
}
|
|
4558
4690
|
FoehnBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnBreadcrumbComponent, deps: [{ token: BreadcrumbEventService }, { token: i1$1.Router }, { token: FoehnConfirmModalService }, { token: SessionInfo }], target: i0.ɵɵFactoryTarget.Component });
|
|
4559
|
-
FoehnBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: { breadcrumbItems: "breadcrumbItems", currentNav: "currentNav", confirmLeavingAlert: "confirmLeavingAlert" }, ngImport: i0, template: "<nav\n id=\"page-breadcrumb\"\n aria-label=\"Fil d'Ariane\"\n *ngIf=\"breadcrumbItems.length > 0\"\n>\n <h2 class=\"sr-only\">Fil d'Ariane</h2>\n <ol class=\"breadcrumb breadcrumb--override\">\n <li class=\"breadcrumb-item\" *ngFor=\"let item of breadcrumbItems\">\n <a\n *ngIf=\"item.url || item.routerLink\"\n (click)=\"$event.preventDefault(); confirmAndLeave(item)\"\n href=\"#\"\n >\n {{ item.label }}\n </a>\n <ng-container *ngIf=\"!item.url && !item.routerLink\">\n {{ item.label }}\n </ng-container>\n </li>\n <li class=\"sr-only\" aria-current=\"page\" *ngIf=\"currentNav\">\n {{ currentNav }}\n </li>\n </ol>\n</nav>\n", styles: [".breadcrumb--override{margin:0;padding:.75rem 0 2rem}\n"], directives: [{ type:
|
|
4691
|
+
FoehnBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: { breadcrumbItems: "breadcrumbItems", currentNav: "currentNav", confirmLeavingAlert: "confirmLeavingAlert" }, ngImport: i0, template: "<nav\n id=\"page-breadcrumb\"\n aria-label=\"Fil d'Ariane\"\n *ngIf=\"breadcrumbItems.length > 0\"\n>\n <h2 class=\"sr-only\">Fil d'Ariane</h2>\n <ol class=\"breadcrumb breadcrumb--override\">\n <li class=\"breadcrumb-item\" *ngFor=\"let item of breadcrumbItems\">\n <a\n *ngIf=\"item.url || item.routerLink\"\n (click)=\"$event.preventDefault(); confirmAndLeave(item)\"\n href=\"#\"\n >\n {{ item.label }}\n </a>\n <ng-container *ngIf=\"!item.url && !item.routerLink\">\n {{ item.label }}\n </ng-container>\n </li>\n <li class=\"sr-only\" aria-current=\"page\" *ngIf=\"currentNav\">\n {{ currentNav }}\n </li>\n </ol>\n</nav>\n", styles: [".breadcrumb--override{margin:0;padding:.75rem 0 2rem}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
4560
4692
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnBreadcrumbComponent, decorators: [{
|
|
4561
4693
|
type: Component,
|
|
4562
4694
|
args: [{ selector: 'foehn-breadcrumb', template: "<nav\n id=\"page-breadcrumb\"\n aria-label=\"Fil d'Ariane\"\n *ngIf=\"breadcrumbItems.length > 0\"\n>\n <h2 class=\"sr-only\">Fil d'Ariane</h2>\n <ol class=\"breadcrumb breadcrumb--override\">\n <li class=\"breadcrumb-item\" *ngFor=\"let item of breadcrumbItems\">\n <a\n *ngIf=\"item.url || item.routerLink\"\n (click)=\"$event.preventDefault(); confirmAndLeave(item)\"\n href=\"#\"\n >\n {{ item.label }}\n </a>\n <ng-container *ngIf=\"!item.url && !item.routerLink\">\n {{ item.label }}\n </ng-container>\n </li>\n <li class=\"sr-only\" aria-current=\"page\" *ngIf=\"currentNav\">\n {{ currentNav }}\n </li>\n </ol>\n</nav>\n", styles: [".breadcrumb--override{margin:0;padding:.75rem 0 2rem}\n"] }]
|
|
@@ -4599,7 +4731,7 @@ class FoehnStatusProgressBarComponent {
|
|
|
4599
4731
|
}
|
|
4600
4732
|
}
|
|
4601
4733
|
FoehnStatusProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnStatusProgressBarComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: FoehnNavigationService }, { token: GesdemEventService }, { token: GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4602
|
-
FoehnStatusProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: { hidden: "hidden" }, 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 tabindex=\"0\"\n >\n <span *ngIf=\"isTransmitted; else notTransmitted\">\n {{\n 'foehn-status-progress-bar.step3.srOnly'\n | fromDictionary\n }}\n </span>\n <ng-template #notTransmitted>\n <span *ngIf=\"isStepVerificationActive()\">\n {{\n 'foehn-status-progress-bar.step2.srOnly'\n | fromDictionary\n }}\n </span>\n <span *ngIf=\"!isStepVerificationActive()\">\n {{\n 'foehn-status-progress-bar.step1.srOnly'\n | fromDictionary\n }}\n </span>\n </ng-template>\n </div>\n\n <ul id=\"progressbar\" class=\"pl-0 mt-1\" aria-hidden=\"true\">\n <li class=\"active\" id=\"step1\">\n <strong>\n {{\n 'foehn-status-progress-bar.step1'\n | fromDictionary\n }}\n </strong>\n </li>\n <li\n id=\"step2\"\n [ngClass]=\"{\n active: isStepVerificationActive()\n }\"\n >\n <strong>\n {{\n 'foehn-status-progress-bar.step2'\n | fromDictionary\n }}\n </strong>\n </li>\n\n <li id=\"step3\" [ngClass]=\"{ active: isTransmitted }\">\n <strong>\n {{\n 'foehn-status-progress-bar.step3'\n | fromDictionary\n }}\n </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(--vd-primary-dark)}#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:var(--white);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(--vd-primary-dark)}\n"], directives: [{ type:
|
|
4734
|
+
FoehnStatusProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: { hidden: "hidden" }, 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 tabindex=\"0\"\n >\n <span *ngIf=\"isTransmitted; else notTransmitted\">\n {{\n 'foehn-status-progress-bar.step3.srOnly'\n | fromDictionary\n }}\n </span>\n <ng-template #notTransmitted>\n <span *ngIf=\"isStepVerificationActive()\">\n {{\n 'foehn-status-progress-bar.step2.srOnly'\n | fromDictionary\n }}\n </span>\n <span *ngIf=\"!isStepVerificationActive()\">\n {{\n 'foehn-status-progress-bar.step1.srOnly'\n | fromDictionary\n }}\n </span>\n </ng-template>\n </div>\n\n <ul id=\"progressbar\" class=\"pl-0 mt-1\" aria-hidden=\"true\">\n <li class=\"active\" id=\"step1\">\n <strong>\n {{\n 'foehn-status-progress-bar.step1'\n | fromDictionary\n }}\n </strong>\n </li>\n <li\n id=\"step2\"\n [ngClass]=\"{\n active: isStepVerificationActive()\n }\"\n >\n <strong>\n {{\n 'foehn-status-progress-bar.step2'\n | fromDictionary\n }}\n </strong>\n </li>\n\n <li id=\"step3\" [ngClass]=\"{ active: isTransmitted }\">\n <strong>\n {{\n 'foehn-status-progress-bar.step3'\n | fromDictionary\n }}\n </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(--vd-primary-dark)}#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:var(--white);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(--vd-primary-dark)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
4603
4735
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnStatusProgressBarComponent, decorators: [{
|
|
4604
4736
|
type: Component,
|
|
4605
4737
|
args: [{ selector: 'foehn-status-progress-bar', 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 tabindex=\"0\"\n >\n <span *ngIf=\"isTransmitted; else notTransmitted\">\n {{\n 'foehn-status-progress-bar.step3.srOnly'\n | fromDictionary\n }}\n </span>\n <ng-template #notTransmitted>\n <span *ngIf=\"isStepVerificationActive()\">\n {{\n 'foehn-status-progress-bar.step2.srOnly'\n | fromDictionary\n }}\n </span>\n <span *ngIf=\"!isStepVerificationActive()\">\n {{\n 'foehn-status-progress-bar.step1.srOnly'\n | fromDictionary\n }}\n </span>\n </ng-template>\n </div>\n\n <ul id=\"progressbar\" class=\"pl-0 mt-1\" aria-hidden=\"true\">\n <li class=\"active\" id=\"step1\">\n <strong>\n {{\n 'foehn-status-progress-bar.step1'\n | fromDictionary\n }}\n </strong>\n </li>\n <li\n id=\"step2\"\n [ngClass]=\"{\n active: isStepVerificationActive()\n }\"\n >\n <strong>\n {{\n 'foehn-status-progress-bar.step2'\n | fromDictionary\n }}\n </strong>\n </li>\n\n <li id=\"step3\" [ngClass]=\"{ active: isTransmitted }\">\n <strong>\n {{\n 'foehn-status-progress-bar.step3'\n | fromDictionary\n }}\n </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(--vd-primary-dark)}#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:var(--white);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(--vd-primary-dark)}\n"] }]
|
|
@@ -4649,7 +4781,7 @@ class SupportAlertComponent {
|
|
|
4649
4781
|
}
|
|
4650
4782
|
}
|
|
4651
4783
|
SupportAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupportAlertComponent, deps: [{ token: SupportAlertService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4652
|
-
SupportAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupportAlertComponent, selector: "sdk-support-alert", inputs: { alert: "alert" }, ngImport: i0, template: "<section\n [class]=\"'alert alert-dismissible fade show ' + getAlertClass(alert)\"\n role=\"alert\"\n *ngIf=\"!!alert\"\n>\n <h3\n class=\"alert-heading mt-0 h5\"\n *ngIf=\"alert.messageTitle && alert.messageTitle.length > 0\"\n [innerHtml]=\"alert.messageTitle\"\n ></h3>\n\n <div [innerHtml]=\"alert.messageBody\"></div>\n\n <button\n *ngIf=\"!alert.blocking\"\n type=\"button\"\n class=\"close\"\n aria-label=\"Cacher ce message\"\n title=\"Cacher ce message\"\n (click)=\"hideAlert(alert)\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n</section>\n", directives: [{ type:
|
|
4784
|
+
SupportAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupportAlertComponent, selector: "sdk-support-alert", inputs: { alert: "alert" }, ngImport: i0, template: "<section\n [class]=\"'alert alert-dismissible fade show ' + getAlertClass(alert)\"\n role=\"alert\"\n *ngIf=\"!!alert\"\n>\n <h3\n class=\"alert-heading mt-0 h5\"\n *ngIf=\"alert.messageTitle && alert.messageTitle.length > 0\"\n [innerHtml]=\"alert.messageTitle\"\n ></h3>\n\n <div [innerHtml]=\"alert.messageBody\"></div>\n\n <button\n *ngIf=\"!alert.blocking\"\n type=\"button\"\n class=\"close\"\n aria-label=\"Cacher ce message\"\n title=\"Cacher ce message\"\n (click)=\"hideAlert(alert)\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n</section>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
4653
4785
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupportAlertComponent, decorators: [{
|
|
4654
4786
|
type: Component,
|
|
4655
4787
|
args: [{ selector: 'sdk-support-alert', template: "<section\n [class]=\"'alert alert-dismissible fade show ' + getAlertClass(alert)\"\n role=\"alert\"\n *ngIf=\"!!alert\"\n>\n <h3\n class=\"alert-heading mt-0 h5\"\n *ngIf=\"alert.messageTitle && alert.messageTitle.length > 0\"\n [innerHtml]=\"alert.messageTitle\"\n ></h3>\n\n <div [innerHtml]=\"alert.messageBody\"></div>\n\n <button\n *ngIf=\"!alert.blocking\"\n type=\"button\"\n class=\"close\"\n aria-label=\"Cacher ce message\"\n title=\"Cacher ce message\"\n (click)=\"hideAlert(alert)\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n</section>\n" }]
|
|
@@ -4691,7 +4823,7 @@ class SupportAlertContainerComponent {
|
|
|
4691
4823
|
}
|
|
4692
4824
|
}
|
|
4693
4825
|
SupportAlertContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupportAlertContainerComponent, deps: [{ token: SupportAlertService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4694
|
-
SupportAlertContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: { etapeId: "etapeId", supportAlertUrl: "supportAlertUrl" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"d-flex flex-column container mt-2\" *ngIf=\"hasAlerts | async\">\n <h2 class=\"sr-only\">Messages de support</h2>\n <div class=\"mb-2 mt-2\" *ngIf=\"hasHiddenAlerts | async\">\n <button class=\"btn btn-link pr-0 pl-0\" (click)=\"restoreAllAlerts()\">\n Afficher tous les messages\n </button>\n </div>\n <sdk-support-alert\n *ngFor=\"let alert of alertsToDisplay | async\"\n [alert]=\"alert\"\n ></sdk-support-alert>\n</div>\n", components: [{ type: SupportAlertComponent, selector: "sdk-support-alert", inputs: ["alert"] }], directives: [{ type:
|
|
4826
|
+
SupportAlertContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: { etapeId: "etapeId", supportAlertUrl: "supportAlertUrl" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"d-flex flex-column container mt-2\" *ngIf=\"hasAlerts | async\">\n <h2 class=\"sr-only\">Messages de support</h2>\n <div class=\"mb-2 mt-2\" *ngIf=\"hasHiddenAlerts | async\">\n <button class=\"btn btn-link pr-0 pl-0\" (click)=\"restoreAllAlerts()\">\n Afficher tous les messages\n </button>\n </div>\n <sdk-support-alert\n *ngFor=\"let alert of alertsToDisplay | async\"\n [alert]=\"alert\"\n ></sdk-support-alert>\n</div>\n", components: [{ type: SupportAlertComponent, selector: "sdk-support-alert", inputs: ["alert"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe } });
|
|
4695
4827
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupportAlertContainerComponent, decorators: [{
|
|
4696
4828
|
type: Component,
|
|
4697
4829
|
args: [{ selector: 'sdk-support-alert-container', template: "<div class=\"d-flex flex-column container mt-2\" *ngIf=\"hasAlerts | async\">\n <h2 class=\"sr-only\">Messages de support</h2>\n <div class=\"mb-2 mt-2\" *ngIf=\"hasHiddenAlerts | async\">\n <button class=\"btn btn-link pr-0 pl-0\" (click)=\"restoreAllAlerts()\">\n Afficher tous les messages\n </button>\n </div>\n <sdk-support-alert\n *ngFor=\"let alert of alertsToDisplay | async\"\n [alert]=\"alert\"\n ></sdk-support-alert>\n</div>\n" }]
|
|
@@ -4710,7 +4842,7 @@ class FoehnUserConnectedAsComponent {
|
|
|
4710
4842
|
}
|
|
4711
4843
|
}
|
|
4712
4844
|
FoehnUserConnectedAsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnUserConnectedAsComponent, deps: [{ token: SessionInfo }], target: i0.ɵɵFactoryTarget.Component });
|
|
4713
|
-
FoehnUserConnectedAsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as", ngImport: i0, template: "<!-- prettier-ignore -->\n<p\n *ngIf=\"(connectedAs | async) as userConnectedAs\"\n class=\"h2\"\n>\n La demande sera effectu\u00E9e pour <em>«{{ userConnectedAs }}»</em>\n</p>\n", directives: [{ type:
|
|
4845
|
+
FoehnUserConnectedAsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as", ngImport: i0, template: "<!-- prettier-ignore -->\n<p\n *ngIf=\"(connectedAs | async) as userConnectedAs\"\n class=\"h2\"\n>\n La demande sera effectu\u00E9e pour <em>«{{ userConnectedAs }}»</em>\n</p>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe } });
|
|
4714
4846
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnUserConnectedAsComponent, decorators: [{
|
|
4715
4847
|
type: Component,
|
|
4716
4848
|
args: [{ selector: 'foehn-user-connected-as', template: "<!-- prettier-ignore -->\n<p\n *ngIf=\"(connectedAs | async) as userConnectedAs\"\n class=\"h2\"\n>\n La demande sera effectu\u00E9e pour <em>«{{ userConnectedAs }}»</em>\n</p>\n" }]
|
|
@@ -4848,7 +4980,7 @@ class FoehnFooterComponent {
|
|
|
4848
4980
|
}
|
|
4849
4981
|
}
|
|
4850
4982
|
FoehnFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnFooterComponent, deps: [{ token: ApplicationInfoService }, { token: GesdemEventService }, { token: GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4851
|
-
FoehnFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnFooterComponent, selector: "foehn-footer", inputs: { links: "links", showDefaultContactLink: "showDefaultContactLink", showDefaultGuideLink: "showDefaultGuideLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0, template: "<footer id=\"foehn_footerContainer\" class=\"mt-5\">\n <div class=\"container\">\n <div class=\"text-right\">\n <a\n href=\"\"\n class=\"btn btn-sm btn-dark\"\n title=\"Retour vers le haut de la page\"\n (click)=\"gotToTop($event)\"\n >\n Haut \n <foehn-icon-chevron-up></foehn-icon-chevron-up>\n </a>\n </div>\n </div>\n\n <div class=\"footer\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-xs-10\" *ngIf=\"allLinks | async as links\">\n <nav\n class=\"row\"\n aria-label=\"pied de page\"\n *ngIf=\"!!links && !!links.length\"\n >\n <div class=\"col-sm\">\n <ul class=\"list-unstyled\">\n <li *ngFor=\"let link of links\">\n <a\n class=\"footer-link\"\n target=\"_blank\"\n [href]=\"link.url\"\n >\n {{ link.label }}\n </a>\n </li>\n </ul>\n </div>\n </nav>\n </div>\n <div class=\"col-xs-2\">\n <div class=\"d-flex align-items-end flex-column h-100\">\n <div class=\"mt-auto w-100 text-right\">\n <a href=\"https://www.vd.ch\" class=\"d-inline-block\">\n <span class=\"sr-only\">\n Retour \u00E0 la page d'accueil\n </span>\n <img\n aria-hidden=\"true\"\n class=\"img-fluid footer-logo\"\n src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAIKCAMAAACTCbS+AAADAFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8HPQsIAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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\"\n alt=\"Canton de Vaud\"\n />\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!-- Num\u00E9ros de version de l'appli -->\n <!-- On les met en hidden pour tous pour \u00E9viter des probl\u00E8mes d'accessibilit\u00E9 -->\n <span\n id=\"appinfo\"\n aria-hidden=\"true\"\n class=\"d-none\"\n *ngIf=\"applicationInfo | async as appInfo\"\n >\n <span id=\"environment\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.environment }}\n </span>\n <span id=\"version\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.version }}\n </span>\n <span id=\"buildtime\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.buildtime }}\n </span>\n <span id=\"contextPath\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.contextPath }}\n </span>\n </span>\n</footer>\n", components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe } });
|
|
4983
|
+
FoehnFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnFooterComponent, selector: "foehn-footer", inputs: { links: "links", showDefaultContactLink: "showDefaultContactLink", showDefaultGuideLink: "showDefaultGuideLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0, template: "<footer id=\"foehn_footerContainer\" class=\"mt-5\">\n <div class=\"container\">\n <div class=\"text-right\">\n <a\n href=\"\"\n class=\"btn btn-sm btn-dark\"\n title=\"Retour vers le haut de la page\"\n (click)=\"gotToTop($event)\"\n >\n Haut \n <foehn-icon-chevron-up></foehn-icon-chevron-up>\n </a>\n </div>\n </div>\n\n <div class=\"footer\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-xs-10\" *ngIf=\"allLinks | async as links\">\n <nav\n class=\"row\"\n aria-label=\"pied de page\"\n *ngIf=\"!!links && !!links.length\"\n >\n <div class=\"col-sm\">\n <ul class=\"list-unstyled\">\n <li *ngFor=\"let link of links\">\n <a\n class=\"footer-link\"\n target=\"_blank\"\n [href]=\"link.url\"\n >\n {{ link.label }}\n </a>\n </li>\n </ul>\n </div>\n </nav>\n </div>\n <div class=\"col-xs-2\">\n <div class=\"d-flex align-items-end flex-column h-100\">\n <div class=\"mt-auto w-100 text-right\">\n <a href=\"https://www.vd.ch\" class=\"d-inline-block\">\n <span class=\"sr-only\">\n Retour \u00E0 la page d'accueil\n </span>\n <img\n aria-hidden=\"true\"\n class=\"img-fluid footer-logo\"\n src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAIKCAMAAACTCbS+AAADAFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8HPQsIAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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\"\n alt=\"Canton de Vaud\"\n />\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!-- Num\u00E9ros de version de l'appli -->\n <!-- On les met en hidden pour tous pour \u00E9viter des probl\u00E8mes d'accessibilit\u00E9 -->\n <span\n id=\"appinfo\"\n aria-hidden=\"true\"\n class=\"d-none\"\n *ngIf=\"applicationInfo | async as appInfo\"\n >\n <span id=\"environment\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.environment }}\n </span>\n <span id=\"version\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.version }}\n </span>\n <span id=\"buildtime\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.buildtime }}\n </span>\n <span id=\"contextPath\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.contextPath }}\n </span>\n </span>\n</footer>\n", components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe } });
|
|
4852
4984
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnFooterComponent, decorators: [{
|
|
4853
4985
|
type: Component,
|
|
4854
4986
|
args: [{ selector: 'foehn-footer', template: "<footer id=\"foehn_footerContainer\" class=\"mt-5\">\n <div class=\"container\">\n <div class=\"text-right\">\n <a\n href=\"\"\n class=\"btn btn-sm btn-dark\"\n title=\"Retour vers le haut de la page\"\n (click)=\"gotToTop($event)\"\n >\n Haut \n <foehn-icon-chevron-up></foehn-icon-chevron-up>\n </a>\n </div>\n </div>\n\n <div class=\"footer\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-xs-10\" *ngIf=\"allLinks | async as links\">\n <nav\n class=\"row\"\n aria-label=\"pied de page\"\n *ngIf=\"!!links && !!links.length\"\n >\n <div class=\"col-sm\">\n <ul class=\"list-unstyled\">\n <li *ngFor=\"let link of links\">\n <a\n class=\"footer-link\"\n target=\"_blank\"\n [href]=\"link.url\"\n >\n {{ link.label }}\n </a>\n </li>\n </ul>\n </div>\n </nav>\n </div>\n <div class=\"col-xs-2\">\n <div class=\"d-flex align-items-end flex-column h-100\">\n <div class=\"mt-auto w-100 text-right\">\n <a href=\"https://www.vd.ch\" class=\"d-inline-block\">\n <span class=\"sr-only\">\n Retour \u00E0 la page d'accueil\n </span>\n <img\n aria-hidden=\"true\"\n class=\"img-fluid footer-logo\"\n src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAIKCAMAAACTCbS+AAADAFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8HPQsIAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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\"\n alt=\"Canton de Vaud\"\n />\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!-- Num\u00E9ros de version de l'appli -->\n <!-- On les met en hidden pour tous pour \u00E9viter des probl\u00E8mes d'accessibilit\u00E9 -->\n <span\n id=\"appinfo\"\n aria-hidden=\"true\"\n class=\"d-none\"\n *ngIf=\"applicationInfo | async as appInfo\"\n >\n <span id=\"environment\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.environment }}\n </span>\n <span id=\"version\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.version }}\n </span>\n <span id=\"buildtime\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.buildtime }}\n </span>\n <span id=\"contextPath\" aria-hidden=\"true\" class=\"d-none\">\n {{ appInfo.contextPath }}\n </span>\n </span>\n</footer>\n" }]
|
|
@@ -4864,95 +4996,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
4864
4996
|
type: Input
|
|
4865
4997
|
}] } });
|
|
4866
4998
|
|
|
4867
|
-
class FoehnModalComponent {
|
|
4868
|
-
constructor() {
|
|
4869
|
-
this.closeable = true;
|
|
4870
|
-
this.isModalVisibleChange = new EventEmitter();
|
|
4871
|
-
this.isVisible = false;
|
|
4872
|
-
}
|
|
4873
|
-
get isModalVisible() {
|
|
4874
|
-
return this.isVisible;
|
|
4875
|
-
}
|
|
4876
|
-
set isModalVisible(val) {
|
|
4877
|
-
// Store the previous value to handle transitions from one state to another.
|
|
4878
|
-
const wasOpen = this.isVisible;
|
|
4879
|
-
this.isVisible = val;
|
|
4880
|
-
this.isModalVisibleChange.emit(this.isVisible);
|
|
4881
|
-
this.focusOnContainer(val);
|
|
4882
|
-
this.focusOnModalTrigger(wasOpen, val);
|
|
4883
|
-
}
|
|
4884
|
-
handleKeyboardEvent(event) {
|
|
4885
|
-
if (this.closeable && event.key === 'Escape') {
|
|
4886
|
-
this.isModalVisible = false;
|
|
4887
|
-
}
|
|
4888
|
-
}
|
|
4889
|
-
focusOnContainer(isVisible) {
|
|
4890
|
-
// Has to be a setTimeout as we're affecting the DOM outside of the Angular lifecycle.
|
|
4891
|
-
setTimeout(() => {
|
|
4892
|
-
if (isVisible) {
|
|
4893
|
-
if (this.modalDefaultCloseBtn) {
|
|
4894
|
-
this.modalDefaultCloseBtn.nativeElement.focus();
|
|
4895
|
-
}
|
|
4896
|
-
else if (this.modalBody) {
|
|
4897
|
-
this.modalBody.nativeElement.focus();
|
|
4898
|
-
}
|
|
4899
|
-
// this condition is useless because this.modalTitle should always be here when "isVisible"
|
|
4900
|
-
// but not in tests, so we keep it for now
|
|
4901
|
-
if (this.modalTitle) {
|
|
4902
|
-
this.modalTitle.nativeElement.scrollIntoView();
|
|
4903
|
-
}
|
|
4904
|
-
}
|
|
4905
|
-
});
|
|
4906
|
-
}
|
|
4907
|
-
focusOnModalTrigger(wasOpen, isVisible) {
|
|
4908
|
-
// Focus back on the trigger. No need for a setTimeout as the trigger should still be in the DOM.
|
|
4909
|
-
// Only does it when the modal is closed from a open state to avoid to set
|
|
4910
|
-
// the focus when the page loads.
|
|
4911
|
-
if (wasOpen && !isVisible && this.modalTriggerHtmlElement) {
|
|
4912
|
-
this.modalTriggerHtmlElement.focus();
|
|
4913
|
-
}
|
|
4914
|
-
}
|
|
4915
|
-
}
|
|
4916
|
-
FoehnModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4917
|
-
FoehnModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnModalComponent, selector: "foehn-modal", inputs: { id: "id", name: "name", modalSize: "modalSize", modalBodyText: "modalBodyText", modalHeaderText: "modalHeaderText", closeable: "closeable", modalTriggerHtmlElement: "modalTriggerHtmlElement", isModalVisible: "isModalVisible" }, outputs: { isModalVisibleChange: "isModalVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "modalBody", first: true, predicate: ["modalBody"], descendants: true }, { propertyName: "modalTitle", first: true, predicate: ["modalTitle"], descendants: true }, { propertyName: "specificfooter", first: true, predicate: ["specificfooter"], descendants: true }, { propertyName: "modalDefaultCloseBtn", first: true, predicate: ["modalDefaultCloseBtn"], descendants: true }], ngImport: i0, template: "<div\n class=\"modal\"\n [id]=\"id || name\"\n role=\"dialog\"\n aria-labelledby=\"modalTitle\"\n aria-describedby=\"modalBody\"\n style=\"display: block\"\n *ngIf=\"isModalVisible\"\n cdkTrapFocus\n>\n <div class=\"modal-dialog modal-dialog-centered\" [ngClass]=\"modalSize\">\n <div class=\"modal-content\">\n <div\n class=\"modal-header d-flex\"\n [ngClass]=\"{ 'flex-row-reverse': closeable }\"\n >\n <button\n *ngIf=\"closeable\"\n (click)=\"isModalVisible = false\"\n type=\"button\"\n class=\"btn close\"\n [attr.aria-label]=\"\n 'foehn-modal.btn-close.aria-label' | fromDictionary\n \"\n id=\"closeButton\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n <h2\n class=\"modal-title h5\"\n id=\"modalTitle\"\n #modalTitle\n [innerHTML]=\"modalHeaderText\"\n ></h2>\n </div>\n <div class=\"modal-body\" id=\"modalBody\" #modalBody tabindex=\"-1\">\n <div *ngIf=\"modalBodyText\" [innerHTML]=\"modalBodyText\"></div>\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer w-100 d-block\">\n <div #specificfooter id=\"specificfooter\">\n <ng-content select=\"[modal-footer]\"></ng-content>\n </div>\n <ng-container *ngIf=\"!specificfooter.innerHTML.trim()\">\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button\n (click)=\"isModalVisible = false\"\n class=\"btn btn-secondary w-100\"\n data-dismiss=\"modal\"\n [attr.aria-label]=\"\n 'foehn-modal.btn-close.aria-label'\n | fromDictionary\n \"\n #modalDefaultCloseBtn\n >\n {{\n 'foehn-modal.btn-close.title'\n | fromDictionary\n }}\n </button>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n", styles: [".modal{top:0;left:0;height:100%;width:100%;position:fixed;z-index:9999;overflow:auto;background-color:#000;background-color:#0006}.modal-title{margin-top:.5em!important}.modal-logo{width:30px}.modal-footer{padding-top:20px}.modal-content{-webkit-animation-name:redirect-animatetop;-webkit-animation-duration:.4s;animation-name:redirect-animatetop;animation-duration:.4s}@keyframes redirect-animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.redirect-modal-header{padding:14px 16px 10px;background-color:#152025;color:#fff}.redirect-modal-body{padding:10px 16px}.redirect-modal-footer{padding:14px 16px 10px;background-color:#152025;color:#fff}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
4918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnModalComponent, decorators: [{
|
|
4919
|
-
type: Component,
|
|
4920
|
-
args: [{ selector: 'foehn-modal', template: "<div\n class=\"modal\"\n [id]=\"id || name\"\n role=\"dialog\"\n aria-labelledby=\"modalTitle\"\n aria-describedby=\"modalBody\"\n style=\"display: block\"\n *ngIf=\"isModalVisible\"\n cdkTrapFocus\n>\n <div class=\"modal-dialog modal-dialog-centered\" [ngClass]=\"modalSize\">\n <div class=\"modal-content\">\n <div\n class=\"modal-header d-flex\"\n [ngClass]=\"{ 'flex-row-reverse': closeable }\"\n >\n <button\n *ngIf=\"closeable\"\n (click)=\"isModalVisible = false\"\n type=\"button\"\n class=\"btn close\"\n [attr.aria-label]=\"\n 'foehn-modal.btn-close.aria-label' | fromDictionary\n \"\n id=\"closeButton\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n <h2\n class=\"modal-title h5\"\n id=\"modalTitle\"\n #modalTitle\n [innerHTML]=\"modalHeaderText\"\n ></h2>\n </div>\n <div class=\"modal-body\" id=\"modalBody\" #modalBody tabindex=\"-1\">\n <div *ngIf=\"modalBodyText\" [innerHTML]=\"modalBodyText\"></div>\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer w-100 d-block\">\n <div #specificfooter id=\"specificfooter\">\n <ng-content select=\"[modal-footer]\"></ng-content>\n </div>\n <ng-container *ngIf=\"!specificfooter.innerHTML.trim()\">\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button\n (click)=\"isModalVisible = false\"\n class=\"btn btn-secondary w-100\"\n data-dismiss=\"modal\"\n [attr.aria-label]=\"\n 'foehn-modal.btn-close.aria-label'\n | fromDictionary\n \"\n #modalDefaultCloseBtn\n >\n {{\n 'foehn-modal.btn-close.title'\n | fromDictionary\n }}\n </button>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n", styles: [".modal{top:0;left:0;height:100%;width:100%;position:fixed;z-index:9999;overflow:auto;background-color:#000;background-color:#0006}.modal-title{margin-top:.5em!important}.modal-logo{width:30px}.modal-footer{padding-top:20px}.modal-content{-webkit-animation-name:redirect-animatetop;-webkit-animation-duration:.4s;animation-name:redirect-animatetop;animation-duration:.4s}@keyframes redirect-animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.redirect-modal-header{padding:14px 16px 10px;background-color:#152025;color:#fff}.redirect-modal-body{padding:10px 16px}.redirect-modal-footer{padding:14px 16px 10px;background-color:#152025;color:#fff}\n"] }]
|
|
4921
|
-
}], propDecorators: { id: [{
|
|
4922
|
-
type: Input
|
|
4923
|
-
}], name: [{
|
|
4924
|
-
type: Input
|
|
4925
|
-
}], modalSize: [{
|
|
4926
|
-
type: Input
|
|
4927
|
-
}], modalBodyText: [{
|
|
4928
|
-
type: Input
|
|
4929
|
-
}], modalHeaderText: [{
|
|
4930
|
-
type: Input
|
|
4931
|
-
}], closeable: [{
|
|
4932
|
-
type: Input
|
|
4933
|
-
}], modalTriggerHtmlElement: [{
|
|
4934
|
-
type: Input
|
|
4935
|
-
}], isModalVisibleChange: [{
|
|
4936
|
-
type: Output
|
|
4937
|
-
}], modalBody: [{
|
|
4938
|
-
type: ViewChild,
|
|
4939
|
-
args: ['modalBody']
|
|
4940
|
-
}], modalTitle: [{
|
|
4941
|
-
type: ViewChild,
|
|
4942
|
-
args: ['modalTitle']
|
|
4943
|
-
}], specificfooter: [{
|
|
4944
|
-
type: ViewChild,
|
|
4945
|
-
args: ['specificfooter']
|
|
4946
|
-
}], modalDefaultCloseBtn: [{
|
|
4947
|
-
type: ViewChild,
|
|
4948
|
-
args: ['modalDefaultCloseBtn']
|
|
4949
|
-
}], isModalVisible: [{
|
|
4950
|
-
type: Input
|
|
4951
|
-
}], handleKeyboardEvent: [{
|
|
4952
|
-
type: HostListener,
|
|
4953
|
-
args: ['keyup', ['$event']]
|
|
4954
|
-
}] } });
|
|
4955
|
-
|
|
4956
4999
|
class FoehnPageModalComponent {
|
|
4957
5000
|
constructor(sessionInfo, applicationInfoService, foehnPageModalService) {
|
|
4958
5001
|
this.sessionInfo = sessionInfo;
|
|
@@ -4990,7 +5033,7 @@ class FoehnPageModalComponent {
|
|
|
4990
5033
|
}
|
|
4991
5034
|
}
|
|
4992
5035
|
FoehnPageModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnPageModalComponent, deps: [{ token: SessionInfo }, { token: ApplicationInfoService }, { token: FoehnPageModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4993
|
-
FoehnPageModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnPageModalComponent, selector: "foehn-page-modal", ngImport: i0, template: "<foehn-modal\n modalHeaderText=\"Acc\u00E8s non autoris\u00E9\"\n modalSize=\"modal-lg\"\n [isModalVisible]=\"wrongPublicModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n [closeable]=\"false\"\n>\n <div class=\"modal-body\">\n Vous \u00EAtes connect\u00E9 pour le compte d\u2019un usager de type\n {{ getUserCategory() }}, or cette prestation est destin\u00E9e aux usagers de\n type :\n <ul>\n <li *ngFor=\"let pubCible of formattedPublicsCibles\">\n {{ pubCible }}\n </li>\n </ul>\n </div>\n <div class=\"modal-body\">\n Vous pouvez choisir de vous reconnecter et de continuer, ou bien\n d'abandonner.\n </div>\n\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <a\n class=\"btn btn-primary w-100\"\n [href]=\"getFullLoginUrl() | async\"\n >\n Se reconnecter\n </a>\n </div>\n <div class=\"ml-md-0 mr-md-2 mb-2 mt-2\">\n <a class=\"btn btn-primary w-100\" [href]=\"getAbortUrl() | async\">\n Abandonner\n </a>\n </div>\n </div>\n </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type:
|
|
5036
|
+
FoehnPageModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnPageModalComponent, selector: "foehn-page-modal", ngImport: i0, template: "<foehn-modal\n modalHeaderText=\"Acc\u00E8s non autoris\u00E9\"\n modalSize=\"modal-lg\"\n [isModalVisible]=\"wrongPublicModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n [closeable]=\"false\"\n>\n <div class=\"modal-body\">\n Vous \u00EAtes connect\u00E9 pour le compte d\u2019un usager de type\n {{ getUserCategory() }}, or cette prestation est destin\u00E9e aux usagers de\n type :\n <ul>\n <li *ngFor=\"let pubCible of formattedPublicsCibles\">\n {{ pubCible }}\n </li>\n </ul>\n </div>\n <div class=\"modal-body\">\n Vous pouvez choisir de vous reconnecter et de continuer, ou bien\n d'abandonner.\n </div>\n\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <a\n class=\"btn btn-primary w-100\"\n [href]=\"getFullLoginUrl() | async\"\n >\n Se reconnecter\n </a>\n </div>\n <div class=\"ml-md-0 mr-md-2 mb-2 mt-2\">\n <a class=\"btn btn-primary w-100\" [href]=\"getAbortUrl() | async\">\n Abandonner\n </a>\n </div>\n </div>\n </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe } });
|
|
4994
5037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnPageModalComponent, decorators: [{
|
|
4995
5038
|
type: Component,
|
|
4996
5039
|
args: [{ selector: 'foehn-page-modal', template: "<foehn-modal\n modalHeaderText=\"Acc\u00E8s non autoris\u00E9\"\n modalSize=\"modal-lg\"\n [isModalVisible]=\"wrongPublicModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n [closeable]=\"false\"\n>\n <div class=\"modal-body\">\n Vous \u00EAtes connect\u00E9 pour le compte d\u2019un usager de type\n {{ getUserCategory() }}, or cette prestation est destin\u00E9e aux usagers de\n type :\n <ul>\n <li *ngFor=\"let pubCible of formattedPublicsCibles\">\n {{ pubCible }}\n </li>\n </ul>\n </div>\n <div class=\"modal-body\">\n Vous pouvez choisir de vous reconnecter et de continuer, ou bien\n d'abandonner.\n </div>\n\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <a\n class=\"btn btn-primary w-100\"\n [href]=\"getFullLoginUrl() | async\"\n >\n Se reconnecter\n </a>\n </div>\n <div class=\"ml-md-0 mr-md-2 mb-2 mt-2\">\n <a class=\"btn btn-primary w-100\" [href]=\"getAbortUrl() | async\">\n Abandonner\n </a>\n </div>\n </div>\n </div>\n</foehn-modal>\n" }]
|
|
@@ -5024,7 +5067,7 @@ class FoehnConfirmModalComponent {
|
|
|
5024
5067
|
}
|
|
5025
5068
|
}
|
|
5026
5069
|
FoehnConfirmModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnConfirmModalComponent, deps: [{ token: FoehnConfirmModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5027
|
-
FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, template: "<foehn-modal\n [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n modalSize=\"modal-md\"\n [isModalVisible]=\"isVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n [closeable]=\"\n modalContent.closeable !== null && modalContent.closeable !== undefined\n ? modalContent.closeable\n : true\n \"\n *ngIf=\"content | async as modalContent\"\n>\n <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n <div modal-footer>\n <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n <button\n id=\"confirmButton\"\n class=\"btn btn-secondary\"\n (click)=\"cancel()\"\n >\n {{ modalContent.cancelButtonLabel || 'Annuler' }}\n </button>\n <button\n id=\"cancelButton\"\n class=\"btn btn-primary ml-3\"\n (click)=\"ok()\"\n >\n {{ modalContent.okButtonLabel || 'Confirmer' }}\n </button>\n </div>\n </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type:
|
|
5070
|
+
FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, template: "<foehn-modal\n [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n modalSize=\"modal-md\"\n [isModalVisible]=\"isVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n [closeable]=\"\n modalContent.closeable !== null && modalContent.closeable !== undefined\n ? modalContent.closeable\n : true\n \"\n *ngIf=\"content | async as modalContent\"\n>\n <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n <div modal-footer>\n <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n <button\n id=\"confirmButton\"\n class=\"btn btn-secondary\"\n (click)=\"cancel()\"\n >\n {{ modalContent.cancelButtonLabel || 'Annuler' }}\n </button>\n <button\n id=\"cancelButton\"\n class=\"btn btn-primary ml-3\"\n (click)=\"ok()\"\n >\n {{ modalContent.okButtonLabel || 'Confirmer' }}\n </button>\n </div>\n </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe } });
|
|
5028
5071
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnConfirmModalComponent, decorators: [{
|
|
5029
5072
|
type: Component,
|
|
5030
5073
|
args: [{ selector: 'foehn-confirm-modal', template: "<foehn-modal\n [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n modalSize=\"modal-md\"\n [isModalVisible]=\"isVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n [closeable]=\"\n modalContent.closeable !== null && modalContent.closeable !== undefined\n ? modalContent.closeable\n : true\n \"\n *ngIf=\"content | async as modalContent\"\n>\n <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n <div modal-footer>\n <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n <button\n id=\"confirmButton\"\n class=\"btn btn-secondary\"\n (click)=\"cancel()\"\n >\n {{ modalContent.cancelButtonLabel || 'Annuler' }}\n </button>\n <button\n id=\"cancelButton\"\n class=\"btn btn-primary ml-3\"\n (click)=\"ok()\"\n >\n {{ modalContent.okButtonLabel || 'Confirmer' }}\n </button>\n </div>\n </div>\n</foehn-modal>\n" }]
|
|
@@ -5180,7 +5223,7 @@ class FoehnPageComponent {
|
|
|
5180
5223
|
}
|
|
5181
5224
|
}
|
|
5182
5225
|
FoehnPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnPageComponent, deps: [{ token: i1$3.Title }, { token: FoehnPageService }, { token: SupportAlertService }, { token: FoehnNavigationService }, { token: ApplicationInfoService }, { token: GesdemEventService }, { token: BreadcrumbEventService }, { token: i1$1.Router }, { token: SessionInfo }, { token: FoehnPageModalService }, { token: SdkDictionaryService }, { token: SdkStatisticsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5183
|
-
FoehnPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", statusProgressBarHidden: "statusProgressBarHidden", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0, template: "<foehn-header id=\"foehn_header\" [title]=\"appTitle\"></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n <div class=\"container\">\n <foehn-breadcrumb\n [confirmLeavingAlert]=\"confirmLeavingAlert\"\n ></foehn-breadcrumb>\n </div>\n</div>\n<main id=\"main\">\n <div class=\"vd-bg-pattern-gray\">\n <div class=\"container\">\n <!-- Fix annoying flickering when the page loads -->\n <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\"> </div>\n <h1\n [tabIndex]=\"-1\"\n class=\"mt-0\"\n id=\"page-title\"\n *ngIf=\"!!pageTitle\"\n [innerHTML]=\"pageTitle\"\n ></h1>\n </div>\n </div>\n\n <foehn-status-progress-bar\n [hidden]=\"\n statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n \"\n ></foehn-status-progress-bar>\n\n <section\n *ngIf=\"!isBrowserSupported\"\n class=\"container alert alert-danger\"\n id=\"browser_not_supported_block\"\n role=\"alert\"\n >\n <p class=\"alert-heading\">\n <strong>\n Cette prestation n\u2019est pas compatible avec votre navigateur.\n </strong>\n </p>\n <p class=\"mb-0\">\n Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\n <ng-container *ngIf=\"!isApplePlatform\">\n <a\n [title]=\"browserLinkTitlePrefix + ' Edge'\"\n href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n target=\"_blank\"\n >\n Edge\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n ,\n </ng-container>\n <ng-container *ngIf=\"isApplePlatform\">\n <a\n [title]=\"browserLinkTitlePrefix + ' Safari'\"\n href=\"https://support.apple.com/downloads/safari\"\n target=\"_blank\"\n >\n Safari\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n ,\n </ng-container>\n <a\n [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n href=\"https://www.mozilla.org/fr/firefox/\"\n target=\"_blank\"\n >\n Firefox\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n ou\n <a\n [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n href=\"https://www.google.com/intl/fr/chrome/\"\n target=\"_blank\"\n >\n Chrome\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n .\n </p>\n <div class=\"row mt-3\">\n <div class=\"col-md-12\">\n <button\n id=\"browser_not_supported_bypass\"\n class=\"float-right btn btn-danger\"\n *ngIf=\"!browserNotSupportedBypass\"\n (click)=\"browserNotSupportedBypass = true\"\n >\n Continuer avec ce navigateur\n </button>\n </div>\n </div>\n </section>\n\n <sdk-support-alert-container\n *ngIf=\"supportAlertEnabled\"\n [etapeId]=\"etapeId\"\n [supportAlertUrl]=\"supportAlertUrl\"\n ></sdk-support-alert-container>\n <ng-container\n *ngIf=\"\n !(hasBlockingSupportAlert | async) &&\n (isBrowserSupported || browserNotSupportedBypass)\n \"\n >\n <div class=\"container mt-5\" id=\"page_content\">\n <foehn-user-connected-as\n *ngIf=\"displayUserCategory | async\"\n ></foehn-user-connected-as>\n <ng-container\n *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n >\n <div\n class=\"container\"\n *ngIf=\"\n displayLoginMessagesData.displayShouldLoginMessage &&\n !loginMessagesHidden\n \"\n >\n <div class=\"row\">\n <div\n class=\"alert alert-info col-md-8\"\n id=\"displayLoginMessage\"\n >\n <p\n [innerHTML]=\"\n getFullLoginMessage(\n displayLoginMessagesData.decisionElectroniqueAvailable\n ) | async\n \"\n ></p>\n\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button\n id=\"continueWithoutLoginButton\"\n class=\"btn btn-link\"\n (click)=\"loginMessagesHidden = true\"\n >\n {{\n 'use-login.continue-without-login.button.text'\n | fromDictionary\n }}\n </button>\n </div>\n <div class=\"ml-md-0 mr-md-2 mb-2 mt-2\">\n <a\n id=\"loginAndContinueButton\"\n class=\"btn btn-primary\"\n [href]=\"getFullLoginUrl() | async\"\n >\n {{\n 'use-login.button.text'\n | fromDictionary\n }}\n <span class=\"ml-1\" aria-hidden=\"true\">\n <foehn-icon-lock\n [title]=\"\n 'use-login.button.text'\n | fromDictionary\n \"\n ></foehn-icon-lock>\n </span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n <ng-content></ng-content>\n </ng-container>\n</main>\n<foehn-footer\n id=\"foehn_footer\"\n [links]=\"footerLinks\"\n [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", components: [{ type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["userInfo", "title"] }, { type: FoehnGrowlComponent, selector: "foehn-growl" }, { type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "confirmLeavingAlert"] }, { type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: ["hidden"] }, { type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { type: FoehnIconLockComponent, selector: "foehn-icon-lock" }, { type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
|
|
5226
|
+
FoehnPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", statusProgressBarHidden: "statusProgressBarHidden", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0, template: "<foehn-header id=\"foehn_header\" [title]=\"appTitle\"></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n <div class=\"container\">\n <foehn-breadcrumb\n [confirmLeavingAlert]=\"confirmLeavingAlert\"\n ></foehn-breadcrumb>\n </div>\n</div>\n<main id=\"main\">\n <div class=\"vd-bg-pattern-gray\">\n <div class=\"container\">\n <!-- Fix annoying flickering when the page loads -->\n <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\"> </div>\n <h1\n [tabIndex]=\"-1\"\n class=\"mt-0\"\n id=\"page-title\"\n *ngIf=\"!!pageTitle\"\n [innerHTML]=\"pageTitle\"\n ></h1>\n </div>\n </div>\n\n <foehn-status-progress-bar\n [hidden]=\"\n statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n \"\n ></foehn-status-progress-bar>\n\n <section\n *ngIf=\"!isBrowserSupported\"\n class=\"container alert alert-danger\"\n id=\"browser_not_supported_block\"\n role=\"alert\"\n >\n <p class=\"alert-heading\">\n <strong>\n Cette prestation n\u2019est pas compatible avec votre navigateur.\n </strong>\n </p>\n <p class=\"mb-0\">\n Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\n <ng-container *ngIf=\"!isApplePlatform\">\n <a\n [title]=\"browserLinkTitlePrefix + ' Edge'\"\n href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n target=\"_blank\"\n >\n Edge\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n ,\n </ng-container>\n <ng-container *ngIf=\"isApplePlatform\">\n <a\n [title]=\"browserLinkTitlePrefix + ' Safari'\"\n href=\"https://support.apple.com/downloads/safari\"\n target=\"_blank\"\n >\n Safari\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n ,\n </ng-container>\n <a\n [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n href=\"https://www.mozilla.org/fr/firefox/\"\n target=\"_blank\"\n >\n Firefox\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n ou\n <a\n [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n href=\"https://www.google.com/intl/fr/chrome/\"\n target=\"_blank\"\n >\n Chrome\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n .\n </p>\n <div class=\"row mt-3\">\n <div class=\"col-md-12\">\n <button\n id=\"browser_not_supported_bypass\"\n class=\"float-right btn btn-danger\"\n *ngIf=\"!browserNotSupportedBypass\"\n (click)=\"browserNotSupportedBypass = true\"\n >\n Continuer avec ce navigateur\n </button>\n </div>\n </div>\n </section>\n\n <sdk-support-alert-container\n *ngIf=\"supportAlertEnabled\"\n [etapeId]=\"etapeId\"\n [supportAlertUrl]=\"supportAlertUrl\"\n ></sdk-support-alert-container>\n <ng-container\n *ngIf=\"\n !(hasBlockingSupportAlert | async) &&\n (isBrowserSupported || browserNotSupportedBypass)\n \"\n >\n <div class=\"container mt-5\" id=\"page_content\">\n <foehn-user-connected-as\n *ngIf=\"displayUserCategory | async\"\n ></foehn-user-connected-as>\n <ng-container\n *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n >\n <div\n class=\"container\"\n *ngIf=\"\n displayLoginMessagesData.displayShouldLoginMessage &&\n !loginMessagesHidden\n \"\n >\n <div class=\"row\">\n <div\n class=\"alert alert-info col-md-8\"\n id=\"displayLoginMessage\"\n >\n <p\n [innerHTML]=\"\n getFullLoginMessage(\n displayLoginMessagesData.decisionElectroniqueAvailable\n ) | async\n \"\n ></p>\n\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button\n id=\"continueWithoutLoginButton\"\n class=\"btn btn-link\"\n (click)=\"loginMessagesHidden = true\"\n >\n {{\n 'use-login.continue-without-login.button.text'\n | fromDictionary\n }}\n </button>\n </div>\n <div class=\"ml-md-0 mr-md-2 mb-2 mt-2\">\n <a\n id=\"loginAndContinueButton\"\n class=\"btn btn-primary\"\n [href]=\"getFullLoginUrl() | async\"\n >\n {{\n 'use-login.button.text'\n | fromDictionary\n }}\n <span class=\"ml-1\" aria-hidden=\"true\">\n <foehn-icon-lock\n [title]=\"\n 'use-login.button.text'\n | fromDictionary\n \"\n ></foehn-icon-lock>\n </span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n <ng-content></ng-content>\n </ng-container>\n</main>\n<foehn-footer\n id=\"foehn_footer\"\n [links]=\"footerLinks\"\n [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", components: [{ type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["userInfo", "title"] }, { type: FoehnGrowlComponent, selector: "foehn-growl" }, { type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "confirmLeavingAlert"] }, { type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: ["hidden"] }, { type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { type: FoehnIconLockComponent, selector: "foehn-icon-lock" }, { type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
|
|
5184
5227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnPageComponent, decorators: [{
|
|
5185
5228
|
type: Component,
|
|
5186
5229
|
args: [{ selector: 'foehn-page', template: "<foehn-header id=\"foehn_header\" [title]=\"appTitle\"></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n <div class=\"container\">\n <foehn-breadcrumb\n [confirmLeavingAlert]=\"confirmLeavingAlert\"\n ></foehn-breadcrumb>\n </div>\n</div>\n<main id=\"main\">\n <div class=\"vd-bg-pattern-gray\">\n <div class=\"container\">\n <!-- Fix annoying flickering when the page loads -->\n <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\"> </div>\n <h1\n [tabIndex]=\"-1\"\n class=\"mt-0\"\n id=\"page-title\"\n *ngIf=\"!!pageTitle\"\n [innerHTML]=\"pageTitle\"\n ></h1>\n </div>\n </div>\n\n <foehn-status-progress-bar\n [hidden]=\"\n statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n \"\n ></foehn-status-progress-bar>\n\n <section\n *ngIf=\"!isBrowserSupported\"\n class=\"container alert alert-danger\"\n id=\"browser_not_supported_block\"\n role=\"alert\"\n >\n <p class=\"alert-heading\">\n <strong>\n Cette prestation n\u2019est pas compatible avec votre navigateur.\n </strong>\n </p>\n <p class=\"mb-0\">\n Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\n <ng-container *ngIf=\"!isApplePlatform\">\n <a\n [title]=\"browserLinkTitlePrefix + ' Edge'\"\n href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n target=\"_blank\"\n >\n Edge\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n ,\n </ng-container>\n <ng-container *ngIf=\"isApplePlatform\">\n <a\n [title]=\"browserLinkTitlePrefix + ' Safari'\"\n href=\"https://support.apple.com/downloads/safari\"\n target=\"_blank\"\n >\n Safari\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n ,\n </ng-container>\n <a\n [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n href=\"https://www.mozilla.org/fr/firefox/\"\n target=\"_blank\"\n >\n Firefox\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n ou\n <a\n [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n href=\"https://www.google.com/intl/fr/chrome/\"\n target=\"_blank\"\n >\n Chrome\n <span class=\"sr-only\">(lien externe)</span>\n <span aria-hidden=\"true\">\n <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n </span>\n </a>\n .\n </p>\n <div class=\"row mt-3\">\n <div class=\"col-md-12\">\n <button\n id=\"browser_not_supported_bypass\"\n class=\"float-right btn btn-danger\"\n *ngIf=\"!browserNotSupportedBypass\"\n (click)=\"browserNotSupportedBypass = true\"\n >\n Continuer avec ce navigateur\n </button>\n </div>\n </div>\n </section>\n\n <sdk-support-alert-container\n *ngIf=\"supportAlertEnabled\"\n [etapeId]=\"etapeId\"\n [supportAlertUrl]=\"supportAlertUrl\"\n ></sdk-support-alert-container>\n <ng-container\n *ngIf=\"\n !(hasBlockingSupportAlert | async) &&\n (isBrowserSupported || browserNotSupportedBypass)\n \"\n >\n <div class=\"container mt-5\" id=\"page_content\">\n <foehn-user-connected-as\n *ngIf=\"displayUserCategory | async\"\n ></foehn-user-connected-as>\n <ng-container\n *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n >\n <div\n class=\"container\"\n *ngIf=\"\n displayLoginMessagesData.displayShouldLoginMessage &&\n !loginMessagesHidden\n \"\n >\n <div class=\"row\">\n <div\n class=\"alert alert-info col-md-8\"\n id=\"displayLoginMessage\"\n >\n <p\n [innerHTML]=\"\n getFullLoginMessage(\n displayLoginMessagesData.decisionElectroniqueAvailable\n ) | async\n \"\n ></p>\n\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button\n id=\"continueWithoutLoginButton\"\n class=\"btn btn-link\"\n (click)=\"loginMessagesHidden = true\"\n >\n {{\n 'use-login.continue-without-login.button.text'\n | fromDictionary\n }}\n </button>\n </div>\n <div class=\"ml-md-0 mr-md-2 mb-2 mt-2\">\n <a\n id=\"loginAndContinueButton\"\n class=\"btn btn-primary\"\n [href]=\"getFullLoginUrl() | async\"\n >\n {{\n 'use-login.button.text'\n | fromDictionary\n }}\n <span class=\"ml-1\" aria-hidden=\"true\">\n <foehn-icon-lock\n [title]=\"\n 'use-login.button.text'\n | fromDictionary\n \"\n ></foehn-icon-lock>\n </span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n <ng-content></ng-content>\n </ng-container>\n</main>\n<foehn-footer\n id=\"foehn_footer\"\n [links]=\"footerLinks\"\n [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n" }]
|
|
@@ -5602,7 +5645,7 @@ FoehnCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
5602
5645
|
useExisting: forwardRef(() => FoehnCheckboxComponent),
|
|
5603
5646
|
multi: true
|
|
5604
5647
|
}
|
|
5605
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset class=\"form-group\" [attr.aria-describedby]=\"getDescribedBy()\">\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div *ngIf=\"!elements\">Chargement...</div>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div\n *ngFor=\"\n let elementsGroup of groupedElements;\n let groupIndex = index\n \"\n >\n <!-- TODO remove aria-hidden and make this accessible -->\n <div\n *ngIf=\"!!elementsGroup.groupTitle\"\n class=\"pt-2 font-weight-bold\"\n [attr.id]=\"'checkGroup_' + groupIndex\"\n aria-hidden=\"true\"\n >\n {{ elementsGroup.groupTitle | fromDictionary }}\n </div>\n\n <div\n *ngFor=\"let element of elementsGroup.elements; let i = index\"\n [class.disabled]=\"getDisabled(element)\"\n class=\"form-check\"\n >\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n [value]=\"getValue(element)\"\n [ngModel]=\"isElementSelected(element)\"\n (ngModelChange)=\"onCheck(element, $event)\"\n [name]=\"buildChildName('' + groupIndex + '_' + i)\"\n [attr.name]=\"buildChildName('' + groupIndex + '_' + i)\"\n [attr.id]=\"buildChildId() + groupIndex + '_' + i\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n [attr.autocomplete]=\"getAutoComplete()\"\n (change)=\"handleChange(model)\"\n />\n <label\n class=\"form-check-label\"\n [for]=\"buildChildId() + groupIndex + '_' + i\"\n [innerHTML]=\"getLabel(element)\"\n ></label>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type:
|
|
5648
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset class=\"form-group\" [attr.aria-describedby]=\"getDescribedBy()\">\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div *ngIf=\"!elements\">Chargement...</div>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div\n *ngFor=\"\n let elementsGroup of groupedElements;\n let groupIndex = index\n \"\n >\n <!-- TODO remove aria-hidden and make this accessible -->\n <div\n *ngIf=\"!!elementsGroup.groupTitle\"\n class=\"pt-2 font-weight-bold\"\n [attr.id]=\"'checkGroup_' + groupIndex\"\n aria-hidden=\"true\"\n >\n {{ elementsGroup.groupTitle | fromDictionary }}\n </div>\n\n <div\n *ngFor=\"let element of elementsGroup.elements; let i = index\"\n [class.disabled]=\"getDisabled(element)\"\n class=\"form-check\"\n >\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n [value]=\"getValue(element)\"\n [ngModel]=\"isElementSelected(element)\"\n (ngModelChange)=\"onCheck(element, $event)\"\n [name]=\"buildChildName('' + groupIndex + '_' + i)\"\n [attr.name]=\"buildChildName('' + groupIndex + '_' + i)\"\n [attr.id]=\"buildChildId() + groupIndex + '_' + i\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n [attr.autocomplete]=\"getAutoComplete()\"\n (change)=\"handleChange(model)\"\n />\n <label\n class=\"form-check-label\"\n [for]=\"buildChildId() + groupIndex + '_' + i\"\n [innerHTML]=\"getLabel(element)\"\n ></label>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
5606
5649
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnCheckboxComponent, decorators: [{
|
|
5607
5650
|
type: Component,
|
|
5608
5651
|
args: [{ selector: 'foehn-checkbox', providers: [
|
|
@@ -5657,7 +5700,7 @@ FoehnRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
5657
5700
|
useExisting: forwardRef(() => FoehnRadioComponent),
|
|
5658
5701
|
multi: true
|
|
5659
5702
|
}
|
|
5660
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset class=\"form-group\" [attr.aria-describedby]=\"getDescribedBy()\">\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div *ngIf=\"!elements\">Chargement...</div>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n <div\n *ngFor=\"\n let elementsGroup of groupedElements;\n let groupIndex = index\n \"\n >\n <!-- TODO remove aria-hidden and make this accessible -->\n <div\n *ngIf=\"!!elementsGroup.groupTitle\"\n class=\"pt-2 font-weight-bold\"\n [attr.id]=\"'checkGroup_' + groupIndex\"\n aria-hidden=\"true\"\n >\n {{ elementsGroup.groupTitle | fromDictionary }}\n </div>\n <div\n *ngFor=\"let element of elementsGroup.elements; let i = index\"\n [class.disabled]=\"getDisabled(element)\"\n class=\"form-check\"\n >\n <input\n class=\"form-check-input\"\n type=\"radio\"\n [value]=\"getValueOrObject(element)\"\n [ngModel]=\"inputValue\"\n (ngModelChange)=\"onCheck(element, $event)\"\n [name]=\"buildChildName('' + groupIndex + '_' + i)\"\n [attr.name]=\"buildChildName('' + groupIndex + '_' + i)\"\n [attr.id]=\"buildChildId() + groupIndex + '_' + i\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n [attr.autocomplete]=\"getAutoComplete()\"\n (change)=\"handleChange(getValue(element))\"\n />\n <label\n class=\"form-check-label\"\n [for]=\"buildChildId() + groupIndex + '_' + i\"\n [innerHTML]=\"getLabel(element)\"\n ></label>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type:
|
|
5703
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset class=\"form-group\" [attr.aria-describedby]=\"getDescribedBy()\">\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div *ngIf=\"!elements\">Chargement...</div>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n <div\n *ngFor=\"\n let elementsGroup of groupedElements;\n let groupIndex = index\n \"\n >\n <!-- TODO remove aria-hidden and make this accessible -->\n <div\n *ngIf=\"!!elementsGroup.groupTitle\"\n class=\"pt-2 font-weight-bold\"\n [attr.id]=\"'checkGroup_' + groupIndex\"\n aria-hidden=\"true\"\n >\n {{ elementsGroup.groupTitle | fromDictionary }}\n </div>\n <div\n *ngFor=\"let element of elementsGroup.elements; let i = index\"\n [class.disabled]=\"getDisabled(element)\"\n class=\"form-check\"\n >\n <input\n class=\"form-check-input\"\n type=\"radio\"\n [value]=\"getValueOrObject(element)\"\n [ngModel]=\"inputValue\"\n (ngModelChange)=\"onCheck(element, $event)\"\n [name]=\"buildChildName('' + groupIndex + '_' + i)\"\n [attr.name]=\"buildChildName('' + groupIndex + '_' + i)\"\n [attr.id]=\"buildChildId() + groupIndex + '_' + i\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n [attr.autocomplete]=\"getAutoComplete()\"\n (change)=\"handleChange(getValue(element))\"\n />\n <label\n class=\"form-check-label\"\n [for]=\"buildChildId() + groupIndex + '_' + i\"\n [innerHTML]=\"getLabel(element)\"\n ></label>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
5661
5704
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnRadioComponent, decorators: [{
|
|
5662
5705
|
type: Component,
|
|
5663
5706
|
args: [{ selector: 'foehn-radio', providers: [
|
|
@@ -6195,7 +6238,7 @@ FoehnAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
6195
6238
|
useExisting: forwardRef(() => FoehnAutocompleteComponent),
|
|
6196
6239
|
multi: true
|
|
6197
6240
|
}
|
|
6198
|
-
], viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "suggestionsList", first: true, predicate: ["suggestionsList"], descendants: true }, { propertyName: "inputElement", first: true, predicate: ["entryComponent"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\n Accessible autocomplete widget following the listbox combobox pattern.\n ref: https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html\n-->\n<div\n class=\"form-group autocomplete-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.aria-expanded]=\"shouldDisplayListbox()\"\n [attr.aria-haspopup]=\"'listbox'\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n [attr.id]=\"buildChildId() + 'Label'\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div *ngIf=\"!elements\">Chargement...</div>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"sr-only\">\n Utilisez les fl\u00E8ches haut et bas pour naviguer dans la liste, puis la\n touche Entrer pour s\u00E9lectionner une option.\n </div>\n\n <!-- Give screen reader users the total of results when then input changes. -->\n <div\n class=\"sr-only\"\n aria-live=\"polite\"\n role=\"status\"\n aria-atomic=\"true\"\n *ngIf=\"displayedElements && shouldDisplayListbox()\"\n >\n Nombre de r\u00E9sultats: {{ displayedElements.length }}\n <!-- Trick to have NVDA re-reading this properly -->\n <span>{{ notificationMessageUpdated ? ',' : ',,' }}</span>\n </div>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay()\"\n class=\"form-control autocomplete\"\n type=\"text\"\n role=\"textbox\"\n [name]=\"name || label\"\n [attr.id]=\"buildChildId()\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-required]=\"required || null\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.autocomplete]=\"'off'\"\n [attr.aria-activedescendant]=\"getActiveDescendantId()\"\n [attr.aria-owns]=\"\n shouldDisplayListbox() ? buildChildId() + 'Listbox' : null\n \"\n [attr.list]=\"buildChildId() + 'list'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"showSuggestionsWhenInputHasFocusAndIsEmpty($event)\"\n (paste)=\"onPaste($event)\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur()\"\n (keydown)=\"onKeyDown($event)\"\n (click)=\"onInputClick()\"\n autocomplete=\"off\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n *ngIf=\"displayClearButton() | async\"\n class=\"autocomplete-clear-button btn\"\n (click)=\"onClear()\"\n [id]=\"buildChildId() + 'Clear'\"\n >\n <foehn-icon-times\n class=\"autocomplete-clear-button-icon\"\n title=\"R\u00E9initialiser le champ\"\n ></foehn-icon-times>\n </button>\n\n <div\n class=\"form-group suggestions-list-container\"\n *ngIf=\"shouldDisplayListbox()\"\n >\n <cdk-virtual-scroll-viewport\n [itemSize]=\"itemHeightInSuggestionListInPx\"\n [style.height.px]=\"VIEW_PORT_HEIGHT\"\n >\n <ul\n [attr.id]=\"buildChildId() + 'Listbox'\"\n [attr.aria-labelledby]=\"buildChildId() + 'Label'\"\n role=\"listbox\"\n class=\"suggestions-list\"\n #suggestionsList\n >\n <li\n tabindex=\"-1\"\n role=\"option\"\n class=\"suggestion\"\n *cdkVirtualFor=\"\n let element of displayedElements;\n index as i\n \"\n [attr.id]=\"buildChildId() + 'Option' + i\"\n (click)=\"onClickSuggestion(element)\"\n (mousedown)=\"onListOptionMouseDown($event)\"\n (focus)=\"onListOptionFocus()\"\n (blur)=\"onListOptionBlur()\"\n [style.height.px]=\"itemHeightInSuggestionListInPx\"\n >\n <!-- Ensures that screen readers don't consider any spaces around the emphasis -->\n <span [innerHtml]=\"getLabelWithEmphasis(element)\"></span>\n </li>\n </ul>\n </cdk-virtual-scroll-viewport>\n </div>\n</div>\n", styles: ["div.suggestions-list-container{position:relative;width:100%}cdk-virtual-scroll-viewport{width:100%;position:absolute;top:0;left:0;z-index:10;background:white;overflow-y:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;list-style:none;margin:inherit;padding:inherit}ul.suggestions-list{list-style:none;margin:0;padding:0}li.suggestion{width:100%;padding:.5em;font-size:1em}li.suggestion:hover,.suggestion-selected{background-color:var(--vd-info)}li.suggestion:hover{cursor:pointer;background-color:#dfdfdf}input.autocomplete::-ms-clear{display:none}input.autocomplete{padding-right:30px}.autocomplete-form-group{position:relative}.autocomplete-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.autocomplete-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .autocomplete-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .autocomplete-clear-button.btn:hover .svg-inline--fa{color:#000!important}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { type: i3
|
|
6241
|
+
], viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "suggestionsList", first: true, predicate: ["suggestionsList"], descendants: true }, { propertyName: "inputElement", first: true, predicate: ["entryComponent"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\n Accessible autocomplete widget following the listbox combobox pattern.\n ref: https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html\n-->\n<div\n class=\"form-group autocomplete-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.aria-expanded]=\"shouldDisplayListbox()\"\n [attr.aria-haspopup]=\"'listbox'\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n [attr.id]=\"buildChildId() + 'Label'\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div *ngIf=\"!elements\">Chargement...</div>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"sr-only\">\n Utilisez les fl\u00E8ches haut et bas pour naviguer dans la liste, puis la\n touche Entrer pour s\u00E9lectionner une option.\n </div>\n\n <!-- Give screen reader users the total of results when then input changes. -->\n <div\n class=\"sr-only\"\n aria-live=\"polite\"\n role=\"status\"\n aria-atomic=\"true\"\n *ngIf=\"displayedElements && shouldDisplayListbox()\"\n >\n Nombre de r\u00E9sultats: {{ displayedElements.length }}\n <!-- Trick to have NVDA re-reading this properly -->\n <span>{{ notificationMessageUpdated ? ',' : ',,' }}</span>\n </div>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay()\"\n class=\"form-control autocomplete\"\n type=\"text\"\n role=\"textbox\"\n [name]=\"name || label\"\n [attr.id]=\"buildChildId()\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-required]=\"required || null\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.autocomplete]=\"'off'\"\n [attr.aria-activedescendant]=\"getActiveDescendantId()\"\n [attr.aria-owns]=\"\n shouldDisplayListbox() ? buildChildId() + 'Listbox' : null\n \"\n [attr.list]=\"buildChildId() + 'list'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"showSuggestionsWhenInputHasFocusAndIsEmpty($event)\"\n (paste)=\"onPaste($event)\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur()\"\n (keydown)=\"onKeyDown($event)\"\n (click)=\"onInputClick()\"\n autocomplete=\"off\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n *ngIf=\"displayClearButton() | async\"\n class=\"autocomplete-clear-button btn\"\n (click)=\"onClear()\"\n [id]=\"buildChildId() + 'Clear'\"\n >\n <foehn-icon-times\n class=\"autocomplete-clear-button-icon\"\n title=\"R\u00E9initialiser le champ\"\n ></foehn-icon-times>\n </button>\n\n <div\n class=\"form-group suggestions-list-container\"\n *ngIf=\"shouldDisplayListbox()\"\n >\n <cdk-virtual-scroll-viewport\n [itemSize]=\"itemHeightInSuggestionListInPx\"\n [style.height.px]=\"VIEW_PORT_HEIGHT\"\n >\n <ul\n [attr.id]=\"buildChildId() + 'Listbox'\"\n [attr.aria-labelledby]=\"buildChildId() + 'Label'\"\n role=\"listbox\"\n class=\"suggestions-list\"\n #suggestionsList\n >\n <li\n tabindex=\"-1\"\n role=\"option\"\n class=\"suggestion\"\n *cdkVirtualFor=\"\n let element of displayedElements;\n index as i\n \"\n [attr.id]=\"buildChildId() + 'Option' + i\"\n (click)=\"onClickSuggestion(element)\"\n (mousedown)=\"onListOptionMouseDown($event)\"\n (focus)=\"onListOptionFocus()\"\n (blur)=\"onListOptionBlur()\"\n [style.height.px]=\"itemHeightInSuggestionListInPx\"\n >\n <!-- Ensures that screen readers don't consider any spaces around the emphasis -->\n <span [innerHtml]=\"getLabelWithEmphasis(element)\"></span>\n </li>\n </ul>\n </cdk-virtual-scroll-viewport>\n </div>\n</div>\n", styles: ["div.suggestions-list-container{position:relative;width:100%}cdk-virtual-scroll-viewport{width:100%;position:absolute;top:0;left:0;z-index:10;background:white;overflow-y:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;list-style:none;margin:inherit;padding:inherit}ul.suggestions-list{list-style:none;margin:0;padding:0}li.suggestion{width:100%;padding:.5em;font-size:1em}li.suggestion:hover,.suggestion-selected{background-color:var(--vd-info)}li.suggestion:hover{cursor:pointer;background-color:#dfdfdf}input.autocomplete::-ms-clear{display:none}input.autocomplete{padding-right:30px}.autocomplete-form-group{position:relative}.autocomplete-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.autocomplete-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .autocomplete-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .autocomplete-clear-button.btn:hover .svg-inline--fa{color:#000!important}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
6199
6242
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnAutocompleteComponent, decorators: [{
|
|
6200
6243
|
type: Component,
|
|
6201
6244
|
args: [{ selector: 'foehn-autocomplete', providers: [
|
|
@@ -6379,7 +6422,7 @@ class FoehnPageCounterComponent {
|
|
|
6379
6422
|
}
|
|
6380
6423
|
}
|
|
6381
6424
|
FoehnPageCounterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnPageCounterComponent, deps: [{ token: FoehnNavigationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
6382
|
-
FoehnPageCounterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnPageCounterComponent, selector: "foehn-page-counter", inputs: { textTemplate: "textTemplate" }, ngImport: i0, template: "<p class=\"h3 text-muted\" *ngIf=\"isStable | async\">\n {{ textTemplate | fromDictionary: placeholders }}\n</p>\n", directives: [{ type:
|
|
6425
|
+
FoehnPageCounterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnPageCounterComponent, selector: "foehn-page-counter", inputs: { textTemplate: "textTemplate" }, ngImport: i0, template: "<p class=\"h3 text-muted\" *ngIf=\"isStable | async\">\n {{ textTemplate | fromDictionary: placeholders }}\n</p>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
|
|
6383
6426
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnPageCounterComponent, decorators: [{
|
|
6384
6427
|
type: Component,
|
|
6385
6428
|
args: [{ selector: 'foehn-page-counter', template: "<p class=\"h3 text-muted\" *ngIf=\"isStable | async\">\n {{ textTemplate | fromDictionary: placeholders }}\n</p>\n" }]
|
|
@@ -7069,7 +7112,7 @@ FoehnInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
7069
7112
|
useExisting: forwardRef(() => FoehnInputNumberComponent),
|
|
7070
7113
|
multi: true
|
|
7071
7114
|
}
|
|
7072
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
7115
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"], components: [{ type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
7073
7116
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputNumberComponent, decorators: [{
|
|
7074
7117
|
type: Component,
|
|
7075
7118
|
args: [{ selector: 'foehn-input-number', providers: [
|
|
@@ -7078,7 +7121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
7078
7121
|
useExisting: forwardRef(() => FoehnInputNumberComponent),
|
|
7079
7122
|
multi: true
|
|
7080
7123
|
}
|
|
7081
|
-
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
7124
|
+
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"] }]
|
|
7082
7125
|
}], ctorParameters: function () { return [{ type: CurrencyHelper }, { type: SdkDictionaryService }]; }, propDecorators: { hideStandardHelpText: [{
|
|
7083
7126
|
type: Input
|
|
7084
7127
|
}], allowDecimal: [{
|
|
@@ -7094,14 +7137,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
7094
7137
|
}] } });
|
|
7095
7138
|
|
|
7096
7139
|
class FoehnInputEmailComponent extends FoehnInputStringComponent {
|
|
7097
|
-
constructor(ngZone) {
|
|
7140
|
+
constructor(ngZone, dictionaryService) {
|
|
7098
7141
|
super();
|
|
7099
7142
|
this.ngZone = ngZone;
|
|
7143
|
+
this.dictionaryService = dictionaryService;
|
|
7100
7144
|
}
|
|
7101
7145
|
ngOnInit() {
|
|
7102
7146
|
super.ngOnInit();
|
|
7103
7147
|
this.type = 'email';
|
|
7104
7148
|
this.autocomplete = 'email';
|
|
7149
|
+
this.helpModal = {
|
|
7150
|
+
title: this.dictionaryService.getKeySync('foehn-input-email.modal.title'),
|
|
7151
|
+
body: this.dictionaryService.getKeySync('foehn-input-email.modal.content')
|
|
7152
|
+
};
|
|
7105
7153
|
}
|
|
7106
7154
|
onModelChange(value) {
|
|
7107
7155
|
if (value === undefined || !!value) {
|
|
@@ -7114,14 +7162,14 @@ class FoehnInputEmailComponent extends FoehnInputStringComponent {
|
|
|
7114
7162
|
}
|
|
7115
7163
|
}
|
|
7116
7164
|
}
|
|
7117
|
-
FoehnInputEmailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputEmailComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
7165
|
+
FoehnInputEmailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputEmailComponent, deps: [{ token: i0.NgZone }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7118
7166
|
FoehnInputEmailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnInputEmailComponent, selector: "foehn-input-email", providers: [
|
|
7119
7167
|
{
|
|
7120
7168
|
provide: FoehnInputComponent,
|
|
7121
7169
|
useExisting: forwardRef(() => FoehnInputEmailComponent),
|
|
7122
7170
|
multi: true
|
|
7123
7171
|
}
|
|
7124
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
7172
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"], components: [{ type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
7125
7173
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputEmailComponent, decorators: [{
|
|
7126
7174
|
type: Component,
|
|
7127
7175
|
args: [{ selector: 'foehn-input-email', providers: [
|
|
@@ -7130,8 +7178,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
7130
7178
|
useExisting: forwardRef(() => FoehnInputEmailComponent),
|
|
7131
7179
|
multi: true
|
|
7132
7180
|
}
|
|
7133
|
-
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
7134
|
-
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
|
|
7181
|
+
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"] }]
|
|
7182
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: SdkDictionaryService }]; } });
|
|
7135
7183
|
|
|
7136
7184
|
class FoehnInputHiddenComponent extends FoehnInputStringComponent {
|
|
7137
7185
|
constructor(ngZone) {
|
|
@@ -7163,7 +7211,7 @@ FoehnInputHiddenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
7163
7211
|
useExisting: forwardRef(() => FoehnInputHiddenComponent),
|
|
7164
7212
|
multi: true
|
|
7165
7213
|
}
|
|
7166
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
7214
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", components: [{ type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
7167
7215
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputHiddenComponent, decorators: [{
|
|
7168
7216
|
type: Component,
|
|
7169
7217
|
args: [{ selector: 'foehn-input-hidden', providers: [
|
|
@@ -7172,7 +7220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
7172
7220
|
useExisting: forwardRef(() => FoehnInputHiddenComponent),
|
|
7173
7221
|
multi: true
|
|
7174
7222
|
}
|
|
7175
|
-
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
7223
|
+
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n" }]
|
|
7176
7224
|
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
|
|
7177
7225
|
|
|
7178
7226
|
class FoehnInputPasswordComponent extends FoehnInputStringComponent {
|
|
@@ -7203,7 +7251,7 @@ FoehnInputPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
7203
7251
|
useExisting: forwardRef(() => FoehnInputPasswordComponent),
|
|
7204
7252
|
multi: true
|
|
7205
7253
|
}
|
|
7206
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
7254
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"], components: [{ type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
7207
7255
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputPasswordComponent, decorators: [{
|
|
7208
7256
|
type: Component,
|
|
7209
7257
|
args: [{ selector: 'foehn-input-password', providers: [
|
|
@@ -7212,7 +7260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
7212
7260
|
useExisting: forwardRef(() => FoehnInputPasswordComponent),
|
|
7213
7261
|
multi: true
|
|
7214
7262
|
}
|
|
7215
|
-
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
7263
|
+
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"] }]
|
|
7216
7264
|
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
|
|
7217
7265
|
|
|
7218
7266
|
class FoehnInputTextareaComponent extends FoehnInputStringComponent {
|
|
@@ -7292,7 +7340,7 @@ FoehnInputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
7292
7340
|
useExisting: forwardRef(() => FoehnInputTextareaComponent),
|
|
7293
7341
|
multi: true
|
|
7294
7342
|
}
|
|
7295
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <textarea\n [class.is-invalid]=\"hasErrorsToDisplay()\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"\n hasErrorsToDisplay() || null || isCharCountExceeded\n \"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [rows]=\"rows\"\n (paste)=\"onPaste($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n ></textarea>\n\n <div\n *ngIf=\"displayCharCount && max\"\n [innerHTML]=\"charCountLabel\"\n id=\"chars-remaining\"\n class=\"chars-remaining\"\n [class.char-count-exceeded]=\"isCharCountExceeded\"\n [attr.aria-live]=\"ariaLiveStatus\"\n ></div>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type:
|
|
7343
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <textarea\n [class.is-invalid]=\"hasErrorsToDisplay()\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"\n hasErrorsToDisplay() || null || isCharCountExceeded\n \"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [rows]=\"rows\"\n (paste)=\"onPaste($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n ></textarea>\n\n <div\n *ngIf=\"displayCharCount && max\"\n [innerHTML]=\"charCountLabel\"\n id=\"chars-remaining\"\n class=\"chars-remaining\"\n [class.char-count-exceeded]=\"isCharCountExceeded\"\n [attr.aria-live]=\"ariaLiveStatus\"\n ></div>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
7296
7344
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputTextareaComponent, decorators: [{
|
|
7297
7345
|
type: Component,
|
|
7298
7346
|
args: [{ selector: 'foehn-input-textarea', providers: [
|
|
@@ -7301,7 +7349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
7301
7349
|
useExisting: forwardRef(() => FoehnInputTextareaComponent),
|
|
7302
7350
|
multi: true
|
|
7303
7351
|
}
|
|
7304
|
-
], template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <textarea\n [class.is-invalid]=\"hasErrorsToDisplay()\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"\n hasErrorsToDisplay() || null || isCharCountExceeded\n \"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [rows]=\"rows\"\n (paste)=\"onPaste($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n ></textarea>\n\n <div\n *ngIf=\"displayCharCount && max\"\n [innerHTML]=\"charCountLabel\"\n id=\"chars-remaining\"\n class=\"chars-remaining\"\n [class.char-count-exceeded]=\"isCharCountExceeded\"\n [attr.aria-live]=\"ariaLiveStatus\"\n ></div>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"] }]
|
|
7352
|
+
], template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <textarea\n [class.is-invalid]=\"hasErrorsToDisplay()\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"\n hasErrorsToDisplay() || null || isCharCountExceeded\n \"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [rows]=\"rows\"\n (paste)=\"onPaste($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n ></textarea>\n\n <div\n *ngIf=\"displayCharCount && max\"\n [innerHTML]=\"charCountLabel\"\n id=\"chars-remaining\"\n class=\"chars-remaining\"\n [class.char-count-exceeded]=\"isCharCountExceeded\"\n [attr.aria-live]=\"ariaLiveStatus\"\n ></div>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"] }]
|
|
7305
7353
|
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: SdkDictionaryService }]; }, propDecorators: { rows: [{
|
|
7306
7354
|
type: Input
|
|
7307
7355
|
}], displayCharCount: [{
|
|
@@ -7941,7 +7989,7 @@ class FoehnDatePickerComponent {
|
|
|
7941
7989
|
}
|
|
7942
7990
|
}
|
|
7943
7991
|
FoehnDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDatePickerComponent, deps: [{ token: SdkDictionaryService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7944
|
-
FoehnDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: { id: "id", name: "name", minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", datepickerTriggerHtmlElement: "datepickerTriggerHtmlElement", closeable: "closeable", isDatepickerVisible: "isDatepickerVisible", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput", isDatepickerVisibleChange: "isDatepickerVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardUpEvent($event)", "keydown": "handleKeyboardDownEvent($event)" }, properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "daysButtonsElemRef", predicate: ["dayButtonElemRef"], descendants: true }], ngImport: i0, template: "<div\n [id]=\"buildId('datepicker_wrapper')\"\n class=\"datepicker_wrapper\"\n *ngIf=\"isDatepickerVisible\"\n [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n tabindex=\"-1\"\n role=\"application\"\n [attr.aria-label]=\"\n 'foehn-date-picker.container.aria-label' | fromDictionary\n \"\n>\n <button\n *ngIf=\"closeable\"\n (click)=\"isDatepickerVisible = false\"\n type=\"button\"\n class=\"btn close\"\n [attr.aria-label]=\"\n 'foehn-date-picker.close-button.aria-label' | fromDictionary\n \"\n [id]=\"buildId('closeButton')\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n <div\n [id]=\"buildId('datepicker_header')\"\n class=\"d-flex justify-content-between datepicker_header\"\n >\n <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n <button\n [id]=\"buildId('previous-month')\"\n class=\"btn btn-link datepicker-nav-month-btn\"\n (click)=\"previousMonth()\"\n [attr.disabled]=\"isPreviousMonthDisabled(monthYear)\"\n >\n <foehn-icon-chevron-left\n [title]=\"\n 'foehn-date-picker.previous-month-button.title'\n | fromDictionary\n \"\n ></foehn-icon-chevron-left>\n </button>\n <span\n [id]=\"buildId('month-year-label')\"\n aria-live=\"polite\"\n class=\"sr-only\"\n >\n {{\n 'foehn-date-picker.screen-reader.actual-month-displayed'\n | fromDictionary\n }}\n {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n </span>\n <foehn-select\n [id]=\"buildId('month-input')\"\n class=\"align-self-center month-input\"\n [label]=\"\n 'foehn-date-picker.screen-reader.month-input.label'\n | fromDictionary\n \"\n [isLabelSrOnly]=\"true\"\n [elements]=\"monthListItem\"\n [model]=\"monthYear.month\"\n [required]=\"true\"\n (userInput)=\"userInputMonth($event)\"\n ></foehn-select>\n <foehn-select\n [id]=\"buildId('year-input')\"\n class=\"align-self-center\"\n [label]=\"\n 'foehn-date-picker.screen-reader.year-input.label'\n | fromDictionary\n \"\n [isLabelSrOnly]=\"true\"\n [elements]=\"yearListItem\"\n [model]=\"monthYear.year\"\n [required]=\"true\"\n (userInput)=\"userInputYear($event)\"\n ></foehn-select>\n <button\n [id]=\"buildId('next-month')\"\n class=\"btn btn-link datepicker-nav-month-btn\"\n (click)=\"nextMonth()\"\n [attr.disabled]=\"isNextMonthDisabled(monthYear)\"\n >\n <foehn-icon-chevron-right\n [title]=\"\n 'foehn-date-picker.next-month-button.title'\n | fromDictionary\n \"\n ></foehn-icon-chevron-right>\n </button>\n </ng-container>\n </div>\n <table\n [id]=\"buildId('datepicker_table')\"\n role=\"grid\"\n (focusin)=\"onDaysFocusin()\"\n (focusout)=\"onDaysFocusout()\"\n >\n <thead role=\"presentation\" aria-hidden=\"true\">\n <tr role=\"row\">\n <th\n scope=\"col\"\n role=\"columnheader\"\n *ngFor=\"let weekday of weekDays\"\n >\n <foehn-abbr\n [text]=\"weekday.substr(0, 2)\"\n [title]=\"weekday\"\n ></foehn-abbr>\n </th>\n </tr>\n </thead>\n <tbody role=\"presentation\">\n <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n <td\n role=\"gridcell\"\n *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n >\n <button\n class=\"btn w-100\"\n #dayButtonElemRef\n [hidden]=\"!dayOfWeek.isCurrentMonth\"\n [id]=\"buildId('day_' + indexRow + '_' + indexColumn)\"\n [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n [attr.aria-label]=\"\n weekDays[indexColumn] +\n ' ' +\n dayOfWeek.dateAsReadable\n \"\n [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n [attr.data-row-index]=\"indexRow\"\n [attr.data-column-index]=\"indexColumn\"\n [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n [attr.disabled]=\"getDayDisabledAttribute(dayOfWeek)\"\n (click)=\"handleUserInput(dayOfWeek.date)\"\n >\n {{ dayOfWeek.dayOfMonth }}\n </button>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#000!important}.datepicker_header{margin-bottom:5px}.datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}.datepicker_wrapper .h4{margin-bottom:0}.datepicker_wrapper thead th{text-align:center;width:15%}.datepicker_wrapper .btn{padding:2px 4px}.datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}.datepicker_wrapper .month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}.btn-info:disabled{cursor:not-allowed}.datepicker-nav-month-btn:disabled{opacity:.25}\n"], components: [{ type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple", "noSelectionLabel"] }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { type: FoehnAbbrComponent, selector: "foehn-abbr", inputs: ["title", "text"] }], directives: [{ type:
|
|
7992
|
+
FoehnDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: { id: "id", name: "name", minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", datepickerTriggerHtmlElement: "datepickerTriggerHtmlElement", closeable: "closeable", isDatepickerVisible: "isDatepickerVisible", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput", isDatepickerVisibleChange: "isDatepickerVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardUpEvent($event)", "keydown": "handleKeyboardDownEvent($event)" }, properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "daysButtonsElemRef", predicate: ["dayButtonElemRef"], descendants: true }], ngImport: i0, template: "<div\n [id]=\"buildId('datepicker_wrapper')\"\n class=\"datepicker_wrapper\"\n *ngIf=\"isDatepickerVisible\"\n [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n tabindex=\"-1\"\n role=\"application\"\n [attr.aria-label]=\"\n 'foehn-date-picker.container.aria-label' | fromDictionary\n \"\n>\n <button\n *ngIf=\"closeable\"\n (click)=\"isDatepickerVisible = false\"\n type=\"button\"\n class=\"btn close\"\n [attr.aria-label]=\"\n 'foehn-date-picker.close-button.aria-label' | fromDictionary\n \"\n [id]=\"buildId('closeButton')\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n <div\n [id]=\"buildId('datepicker_header')\"\n class=\"d-flex justify-content-between datepicker_header\"\n >\n <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n <button\n [id]=\"buildId('previous-month')\"\n class=\"btn btn-link datepicker-nav-month-btn\"\n (click)=\"previousMonth()\"\n [attr.disabled]=\"isPreviousMonthDisabled(monthYear)\"\n >\n <foehn-icon-chevron-left\n [title]=\"\n 'foehn-date-picker.previous-month-button.title'\n | fromDictionary\n \"\n ></foehn-icon-chevron-left>\n </button>\n <span\n [id]=\"buildId('month-year-label')\"\n aria-live=\"polite\"\n class=\"sr-only\"\n >\n {{\n 'foehn-date-picker.screen-reader.actual-month-displayed'\n | fromDictionary\n }}\n {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n </span>\n <foehn-select\n [id]=\"buildId('month-input')\"\n class=\"align-self-center month-input\"\n [label]=\"\n 'foehn-date-picker.screen-reader.month-input.label'\n | fromDictionary\n \"\n [isLabelSrOnly]=\"true\"\n [elements]=\"monthListItem\"\n [model]=\"monthYear.month\"\n [required]=\"true\"\n (userInput)=\"userInputMonth($event)\"\n ></foehn-select>\n <foehn-select\n [id]=\"buildId('year-input')\"\n class=\"align-self-center\"\n [label]=\"\n 'foehn-date-picker.screen-reader.year-input.label'\n | fromDictionary\n \"\n [isLabelSrOnly]=\"true\"\n [elements]=\"yearListItem\"\n [model]=\"monthYear.year\"\n [required]=\"true\"\n (userInput)=\"userInputYear($event)\"\n ></foehn-select>\n <button\n [id]=\"buildId('next-month')\"\n class=\"btn btn-link datepicker-nav-month-btn\"\n (click)=\"nextMonth()\"\n [attr.disabled]=\"isNextMonthDisabled(monthYear)\"\n >\n <foehn-icon-chevron-right\n [title]=\"\n 'foehn-date-picker.next-month-button.title'\n | fromDictionary\n \"\n ></foehn-icon-chevron-right>\n </button>\n </ng-container>\n </div>\n <table\n [id]=\"buildId('datepicker_table')\"\n role=\"grid\"\n (focusin)=\"onDaysFocusin()\"\n (focusout)=\"onDaysFocusout()\"\n >\n <thead role=\"presentation\" aria-hidden=\"true\">\n <tr role=\"row\">\n <th\n scope=\"col\"\n role=\"columnheader\"\n *ngFor=\"let weekday of weekDays\"\n >\n <foehn-abbr\n [text]=\"weekday.substr(0, 2)\"\n [title]=\"weekday\"\n ></foehn-abbr>\n </th>\n </tr>\n </thead>\n <tbody role=\"presentation\">\n <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n <td\n role=\"gridcell\"\n *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n >\n <button\n class=\"btn w-100\"\n #dayButtonElemRef\n [hidden]=\"!dayOfWeek.isCurrentMonth\"\n [id]=\"buildId('day_' + indexRow + '_' + indexColumn)\"\n [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n [attr.aria-label]=\"\n weekDays[indexColumn] +\n ' ' +\n dayOfWeek.dateAsReadable\n \"\n [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n [attr.data-row-index]=\"indexRow\"\n [attr.data-column-index]=\"indexColumn\"\n [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n [attr.disabled]=\"getDayDisabledAttribute(dayOfWeek)\"\n (click)=\"handleUserInput(dayOfWeek.date)\"\n >\n {{ dayOfWeek.dayOfMonth }}\n </button>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#000!important}.datepicker_header{margin-bottom:5px}.datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}.datepicker_wrapper .h4{margin-bottom:0}.datepicker_wrapper thead th{text-align:center;width:15%}.datepicker_wrapper .btn{padding:2px 4px}.datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}.datepicker_wrapper .month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}.btn-info:disabled{cursor:not-allowed}.datepicker-nav-month-btn:disabled{opacity:.25}\n"], components: [{ type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple", "noSelectionLabel"] }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { type: FoehnAbbrComponent, selector: "foehn-abbr", inputs: ["title", "text"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
7945
7993
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDatePickerComponent, decorators: [{
|
|
7946
7994
|
type: Component,
|
|
7947
7995
|
args: [{ selector: 'foehn-date-picker', template: "<div\n [id]=\"buildId('datepicker_wrapper')\"\n class=\"datepicker_wrapper\"\n *ngIf=\"isDatepickerVisible\"\n [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n tabindex=\"-1\"\n role=\"application\"\n [attr.aria-label]=\"\n 'foehn-date-picker.container.aria-label' | fromDictionary\n \"\n>\n <button\n *ngIf=\"closeable\"\n (click)=\"isDatepickerVisible = false\"\n type=\"button\"\n class=\"btn close\"\n [attr.aria-label]=\"\n 'foehn-date-picker.close-button.aria-label' | fromDictionary\n \"\n [id]=\"buildId('closeButton')\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n <div\n [id]=\"buildId('datepicker_header')\"\n class=\"d-flex justify-content-between datepicker_header\"\n >\n <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n <button\n [id]=\"buildId('previous-month')\"\n class=\"btn btn-link datepicker-nav-month-btn\"\n (click)=\"previousMonth()\"\n [attr.disabled]=\"isPreviousMonthDisabled(monthYear)\"\n >\n <foehn-icon-chevron-left\n [title]=\"\n 'foehn-date-picker.previous-month-button.title'\n | fromDictionary\n \"\n ></foehn-icon-chevron-left>\n </button>\n <span\n [id]=\"buildId('month-year-label')\"\n aria-live=\"polite\"\n class=\"sr-only\"\n >\n {{\n 'foehn-date-picker.screen-reader.actual-month-displayed'\n | fromDictionary\n }}\n {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n </span>\n <foehn-select\n [id]=\"buildId('month-input')\"\n class=\"align-self-center month-input\"\n [label]=\"\n 'foehn-date-picker.screen-reader.month-input.label'\n | fromDictionary\n \"\n [isLabelSrOnly]=\"true\"\n [elements]=\"monthListItem\"\n [model]=\"monthYear.month\"\n [required]=\"true\"\n (userInput)=\"userInputMonth($event)\"\n ></foehn-select>\n <foehn-select\n [id]=\"buildId('year-input')\"\n class=\"align-self-center\"\n [label]=\"\n 'foehn-date-picker.screen-reader.year-input.label'\n | fromDictionary\n \"\n [isLabelSrOnly]=\"true\"\n [elements]=\"yearListItem\"\n [model]=\"monthYear.year\"\n [required]=\"true\"\n (userInput)=\"userInputYear($event)\"\n ></foehn-select>\n <button\n [id]=\"buildId('next-month')\"\n class=\"btn btn-link datepicker-nav-month-btn\"\n (click)=\"nextMonth()\"\n [attr.disabled]=\"isNextMonthDisabled(monthYear)\"\n >\n <foehn-icon-chevron-right\n [title]=\"\n 'foehn-date-picker.next-month-button.title'\n | fromDictionary\n \"\n ></foehn-icon-chevron-right>\n </button>\n </ng-container>\n </div>\n <table\n [id]=\"buildId('datepicker_table')\"\n role=\"grid\"\n (focusin)=\"onDaysFocusin()\"\n (focusout)=\"onDaysFocusout()\"\n >\n <thead role=\"presentation\" aria-hidden=\"true\">\n <tr role=\"row\">\n <th\n scope=\"col\"\n role=\"columnheader\"\n *ngFor=\"let weekday of weekDays\"\n >\n <foehn-abbr\n [text]=\"weekday.substr(0, 2)\"\n [title]=\"weekday\"\n ></foehn-abbr>\n </th>\n </tr>\n </thead>\n <tbody role=\"presentation\">\n <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n <td\n role=\"gridcell\"\n *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n >\n <button\n class=\"btn w-100\"\n #dayButtonElemRef\n [hidden]=\"!dayOfWeek.isCurrentMonth\"\n [id]=\"buildId('day_' + indexRow + '_' + indexColumn)\"\n [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n [attr.aria-label]=\"\n weekDays[indexColumn] +\n ' ' +\n dayOfWeek.dateAsReadable\n \"\n [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n [attr.data-row-index]=\"indexRow\"\n [attr.data-column-index]=\"indexColumn\"\n [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n [attr.disabled]=\"getDayDisabledAttribute(dayOfWeek)\"\n (click)=\"handleUserInput(dayOfWeek.date)\"\n >\n {{ dayOfWeek.dayOfMonth }}\n </button>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#000!important}.datepicker_header{margin-bottom:5px}.datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}.datepicker_wrapper .h4{margin-bottom:0}.datepicker_wrapper thead th{text-align:center;width:15%}.datepicker_wrapper .btn{padding:2px 4px}.datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}.datepicker_wrapper .month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}.btn-info:disabled{cursor:not-allowed}.datepicker-nav-month-btn:disabled{opacity:.25}\n"] }]
|
|
@@ -8040,7 +8088,7 @@ class FoehnDatePickerButtonComponent {
|
|
|
8040
8088
|
}
|
|
8041
8089
|
}
|
|
8042
8090
|
FoehnDatePickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDatePickerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8043
|
-
FoehnDatePickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: { id: "id", name: "name", minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", displaySelectedDate: "displaySelectedDate", selectedDateSrOnlyLabelKey: "selectedDateSrOnlyLabelKey", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput" }, host: { properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "datepickerTrigger", first: true, predicate: ["datepickerTrigger"], descendants: true, static: true }], ngImport: i0, template: "<div\n [id]=\"buildId('datepickerbutton_wrapper')\"\n class=\"datepickerbutton_wrapper\"\n tabindex=\"-1\"\n>\n <button\n type=\"button\"\n class=\"clear-button btn d-flex\"\n (click)=\"open()\"\n #datepickerTrigger\n >\n <foehn-icon-calendar\n [title]=\"'foehn-date-picker-button.icon-title' | fromDictionary\"\n ></foehn-icon-calendar>\n <span\n *ngIf=\"model && model.length === 3\"\n [id]=\"buildId('selected-date-label')\"\n aria-live=\"polite\"\n class=\"m-0 pl-2 font-weight-normal align-self-center\"\n [class.sr-only]=\"!displaySelectedDate\"\n >\n <span class=\"sr-only\">\n {{\n selectedDateSrOnlyLabelKey\n | fromDictionary: { selectedDate: model | displayDate }\n }}\n </span>\n <span aria-hidden=\"true\">{{ model | displayDate }}</span>\n </span>\n </button>\n\n <foehn-date-picker\n [id]=\"buildId()\"\n [(model)]=\"model\"\n [isDatepickerVisible]=\"isDatepickerVisible\"\n (isDatepickerVisibleChange)=\"updateVisibilityStatus($event)\"\n (userInput)=\"handleUserInput($event)\"\n [datepickerTriggerHtmlElement]=\"datepickerTrigger\"\n [minYear]=\"minYear\"\n [maxYear]=\"maxYear\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n ></foehn-date-picker>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important;font-size:1.5rem}.datepickerbutton_wrapper{position:relative}foehn-date-picker{position:absolute;z-index:9999;top:0;left:0}\n"], components: [{ type: FoehnIconCalendarComponent, selector: "foehn-icon-calendar" }, { type: FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "datepickerTriggerHtmlElement", "closeable", "isDatepickerVisible", "model"], outputs: ["modelChange", "userInput", "isDatepickerVisibleChange"] }], directives: [{ type:
|
|
8091
|
+
FoehnDatePickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: { id: "id", name: "name", minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", displaySelectedDate: "displaySelectedDate", selectedDateSrOnlyLabelKey: "selectedDateSrOnlyLabelKey", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput" }, host: { properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "datepickerTrigger", first: true, predicate: ["datepickerTrigger"], descendants: true, static: true }], ngImport: i0, template: "<div\n [id]=\"buildId('datepickerbutton_wrapper')\"\n class=\"datepickerbutton_wrapper\"\n tabindex=\"-1\"\n>\n <button\n type=\"button\"\n class=\"clear-button btn d-flex\"\n (click)=\"open()\"\n #datepickerTrigger\n >\n <foehn-icon-calendar\n [title]=\"'foehn-date-picker-button.icon-title' | fromDictionary\"\n ></foehn-icon-calendar>\n <span\n *ngIf=\"model && model.length === 3\"\n [id]=\"buildId('selected-date-label')\"\n aria-live=\"polite\"\n class=\"m-0 pl-2 font-weight-normal align-self-center\"\n [class.sr-only]=\"!displaySelectedDate\"\n >\n <span class=\"sr-only\">\n {{\n selectedDateSrOnlyLabelKey\n | fromDictionary: { selectedDate: model | displayDate }\n }}\n </span>\n <span aria-hidden=\"true\">{{ model | displayDate }}</span>\n </span>\n </button>\n\n <foehn-date-picker\n [id]=\"buildId()\"\n [(model)]=\"model\"\n [isDatepickerVisible]=\"isDatepickerVisible\"\n (isDatepickerVisibleChange)=\"updateVisibilityStatus($event)\"\n (userInput)=\"handleUserInput($event)\"\n [datepickerTriggerHtmlElement]=\"datepickerTrigger\"\n [minYear]=\"minYear\"\n [maxYear]=\"maxYear\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n ></foehn-date-picker>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important;font-size:1.5rem}.datepickerbutton_wrapper{position:relative}foehn-date-picker{position:absolute;z-index:9999;top:0;left:0}\n"], components: [{ type: FoehnIconCalendarComponent, selector: "foehn-icon-calendar" }, { type: FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "datepickerTriggerHtmlElement", "closeable", "isDatepickerVisible", "model"], outputs: ["modelChange", "userInput", "isDatepickerVisibleChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "displayDate": DisplayDatePipe } });
|
|
8044
8092
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDatePickerButtonComponent, decorators: [{
|
|
8045
8093
|
type: Component,
|
|
8046
8094
|
args: [{ selector: 'foehn-date-picker-button', template: "<div\n [id]=\"buildId('datepickerbutton_wrapper')\"\n class=\"datepickerbutton_wrapper\"\n tabindex=\"-1\"\n>\n <button\n type=\"button\"\n class=\"clear-button btn d-flex\"\n (click)=\"open()\"\n #datepickerTrigger\n >\n <foehn-icon-calendar\n [title]=\"'foehn-date-picker-button.icon-title' | fromDictionary\"\n ></foehn-icon-calendar>\n <span\n *ngIf=\"model && model.length === 3\"\n [id]=\"buildId('selected-date-label')\"\n aria-live=\"polite\"\n class=\"m-0 pl-2 font-weight-normal align-self-center\"\n [class.sr-only]=\"!displaySelectedDate\"\n >\n <span class=\"sr-only\">\n {{\n selectedDateSrOnlyLabelKey\n | fromDictionary: { selectedDate: model | displayDate }\n }}\n </span>\n <span aria-hidden=\"true\">{{ model | displayDate }}</span>\n </span>\n </button>\n\n <foehn-date-picker\n [id]=\"buildId()\"\n [(model)]=\"model\"\n [isDatepickerVisible]=\"isDatepickerVisible\"\n (isDatepickerVisibleChange)=\"updateVisibilityStatus($event)\"\n (userInput)=\"handleUserInput($event)\"\n [datepickerTriggerHtmlElement]=\"datepickerTrigger\"\n [minYear]=\"minYear\"\n [maxYear]=\"maxYear\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n ></foehn-date-picker>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important;font-size:1.5rem}.datepickerbutton_wrapper{position:relative}foehn-date-picker{position:absolute;z-index:9999;top:0;left:0}\n"] }]
|
|
@@ -8159,7 +8207,7 @@ FoehnDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
8159
8207
|
useExisting: forwardRef(() => FoehnDateComponent),
|
|
8160
8208
|
multi: true
|
|
8161
8209
|
}
|
|
8162
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"vd-form-flex\">\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_day'\"\n [name]=\"name + '_day'\"\n [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n [(model)]=\"day\"\n (modelChange)=\"updateDate()\"\n [disabled]=\"disabled || disableDay\"\n [maxlength]=\"2\"\n [allowNegative]=\"false\"\n [max]=\"31\"\n [clearButton]=\"displayClearButton() | async\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [hideStandardHelpText]=\"true\"\n #entryComponent\n ></foehn-input-number>\n </div>\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_month'\"\n [name]=\"name + '_month'\"\n [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n [(model)]=\"month\"\n (modelChange)=\"updateDate()\"\n [disabled]=\"disabled || disableMonth\"\n [maxlength]=\"2\"\n [clearButton]=\"displayClearButton() | async\"\n [allowNegative]=\"false\"\n [max]=\"12\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n <div\n class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n [class.mr-0]=\"shouldDisplayDatePicker()\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_year'\"\n [name]=\"name + '_year'\"\n [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n [(model)]=\"year\"\n (modelChange)=\"updateDate()\"\n [disabled]=\"disabled || disableYear\"\n [allowNegative]=\"false\"\n [maxlength]=\"4\"\n [clearButton]=\"displayClearButton() | async\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n <foehn-date-picker-button\n *ngIf=\"shouldDisplayDatePicker()\"\n [id]=\"buildId() + '_datePickerButton'\"\n [(model)]=\"datePickerModel\"\n (modelChange)=\"updateDateFromDatePicker($event)\"\n (userInput)=\"handleDatePickerUserInput($event)\"\n [displaySelectedDate]=\"false\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n class=\"align-self-center\"\n ></foehn-date-picker-button>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }, { type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }], directives: [{ type:
|
|
8210
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"vd-form-flex\">\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_day'\"\n [name]=\"name + '_day'\"\n [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n [(model)]=\"day\"\n (modelChange)=\"updateDate()\"\n [disabled]=\"disabled || disableDay\"\n [maxlength]=\"2\"\n [allowNegative]=\"false\"\n [max]=\"31\"\n [clearButton]=\"displayClearButton() | async\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [hideStandardHelpText]=\"true\"\n #entryComponent\n ></foehn-input-number>\n </div>\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_month'\"\n [name]=\"name + '_month'\"\n [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n [(model)]=\"month\"\n (modelChange)=\"updateDate()\"\n [disabled]=\"disabled || disableMonth\"\n [maxlength]=\"2\"\n [clearButton]=\"displayClearButton() | async\"\n [allowNegative]=\"false\"\n [max]=\"12\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n <div\n class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n [class.mr-0]=\"shouldDisplayDatePicker()\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_year'\"\n [name]=\"name + '_year'\"\n [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n [(model)]=\"year\"\n (modelChange)=\"updateDate()\"\n [disabled]=\"disabled || disableYear\"\n [allowNegative]=\"false\"\n [maxlength]=\"4\"\n [clearButton]=\"displayClearButton() | async\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n <foehn-date-picker-button\n *ngIf=\"shouldDisplayDatePicker()\"\n [id]=\"buildId() + '_datePickerButton'\"\n [(model)]=\"datePickerModel\"\n (modelChange)=\"updateDateFromDatePicker($event)\"\n (userInput)=\"handleDatePickerUserInput($event)\"\n [displaySelectedDate]=\"false\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n class=\"align-self-center\"\n ></foehn-date-picker-button>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }, { type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
8163
8211
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDateComponent, decorators: [{
|
|
8164
8212
|
type: Component,
|
|
8165
8213
|
args: [{ selector: 'foehn-input-date', providers: [
|
|
@@ -8238,7 +8286,7 @@ FoehnTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
8238
8286
|
useExisting: forwardRef(() => FoehnTimeComponent),
|
|
8239
8287
|
multi: true
|
|
8240
8288
|
}
|
|
8241
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"vd-form-flex\">\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_hours'\"\n [name]=\"name + '_hours'\"\n [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n [maxlength]=\"2\"\n [max]=\"24\"\n [(model)]=\"hour\"\n (focusout)=\"updateTime()\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n [hideStandardHelpText]=\"true\"\n #entryComponent\n ></foehn-input-number>\n </div>\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_minutes'\"\n [name]=\"name + '_minutes'\"\n [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n [maxlength]=\"2\"\n [max]=\"59\"\n [(model)]=\"minute\"\n (focusout)=\"updateTime()\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }], directives: [{ type:
|
|
8289
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"vd-form-flex\">\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_hours'\"\n [name]=\"name + '_hours'\"\n [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n [maxlength]=\"2\"\n [max]=\"24\"\n [(model)]=\"hour\"\n (focusout)=\"updateTime()\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n [hideStandardHelpText]=\"true\"\n #entryComponent\n ></foehn-input-number>\n </div>\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <foehn-input-number\n [id]=\"buildId() + '_minutes'\"\n [name]=\"name + '_minutes'\"\n [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n [maxlength]=\"2\"\n [max]=\"59\"\n [(model)]=\"minute\"\n (focusout)=\"updateTime()\"\n [required]=\"required\"\n [hideNotRequiredExtraLabel]=\"true\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
8242
8290
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnTimeComponent, decorators: [{
|
|
8243
8291
|
type: Component,
|
|
8244
8292
|
args: [{ selector: 'foehn-input-time', providers: [
|
|
@@ -8313,7 +8361,7 @@ FoehnInputPhoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
|
|
|
8313
8361
|
useExisting: forwardRef(() => FoehnInputPhoneComponent),
|
|
8314
8362
|
multi: true
|
|
8315
8363
|
}
|
|
8316
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
8364
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"], components: [{ type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
8317
8365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputPhoneComponent, decorators: [{
|
|
8318
8366
|
type: Component,
|
|
8319
8367
|
args: [{ selector: 'foehn-input-phone', providers: [
|
|
@@ -8322,7 +8370,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
8322
8370
|
useExisting: forwardRef(() => FoehnInputPhoneComponent),
|
|
8323
8371
|
multi: true
|
|
8324
8372
|
}
|
|
8325
|
-
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n
|
|
8373
|
+
], template: "<div\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <div class=\"d-flex justify-content-between\">\n <label\n style=\"display: inline-block\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-help-modal\n class=\"removePaddingButton\"\n *ngIf=\"!!helpModal\"\n [modalContent]=\"helpModal\"\n ></foehn-help-modal>\n </div>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <input\n [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n [class.clearable-input]=\"displayClearButton() | async\"\n class=\"form-control\"\n [name]=\"name || label\"\n [attr.maxlength]=\"getMaxLength()\"\n [attr.autocomplete]=\"getAutoComplete()\"\n [attr.autocapitalize]=\"autocapitalize\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.type]=\"type\"\n [attr.pattern]=\"pattern\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-required]=\"required || null\"\n [ngModel]=\"model\"\n (paste)=\"onPaste($event)\"\n (ngModelChange)=\"updateNgModel($event)\"\n (input)=\"handleChange(entryComponent.value)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n #entryComponent\n />\n\n <button\n type=\"button\"\n [id]=\"buildChildId() + 'ClearButton'\"\n *ngIf=\"displayClearButton() | async\"\n class=\"clearable-input-clear-button btn\"\n (click)=\"onClear()\"\n >\n <foehn-icon-times\n class=\"clearable-input-clear-button-icon\"\n title=\"R\u00E9initialiser le champs\"\n ></foehn-icon-times>\n </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"] }]
|
|
8326
8374
|
}], propDecorators: { acceptInternational: [{
|
|
8327
8375
|
type: Input
|
|
8328
8376
|
}], acceptMobilePhone: [{
|
|
@@ -8408,6 +8456,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
8408
8456
|
}]
|
|
8409
8457
|
}] });
|
|
8410
8458
|
|
|
8459
|
+
class FoehnHelpModalModule {
|
|
8460
|
+
}
|
|
8461
|
+
FoehnHelpModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8462
|
+
FoehnHelpModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalModule, declarations: [FoehnHelpModalComponent], imports: [CommonModule, FoehnModalModule, FoehnIconsModule], exports: [FoehnHelpModalComponent] });
|
|
8463
|
+
FoehnHelpModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalModule, imports: [[CommonModule, FoehnModalModule, FoehnIconsModule]] });
|
|
8464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalModule, decorators: [{
|
|
8465
|
+
type: NgModule,
|
|
8466
|
+
args: [{
|
|
8467
|
+
imports: [CommonModule, FoehnModalModule, FoehnIconsModule],
|
|
8468
|
+
declarations: [FoehnHelpModalComponent],
|
|
8469
|
+
exports: [FoehnHelpModalComponent]
|
|
8470
|
+
}]
|
|
8471
|
+
}] });
|
|
8472
|
+
|
|
8411
8473
|
class FoehnInputModule {
|
|
8412
8474
|
}
|
|
8413
8475
|
FoehnInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -8424,7 +8486,8 @@ FoehnInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
8424
8486
|
FormsModule,
|
|
8425
8487
|
FoehnValidationAlertsModule,
|
|
8426
8488
|
SdkDictionaryModule,
|
|
8427
|
-
FoehnDatePickerButtonModule
|
|
8489
|
+
FoehnDatePickerButtonModule,
|
|
8490
|
+
FoehnHelpModalModule], exports: [FoehnInputTextComponent,
|
|
8428
8491
|
FoehnInputNumberComponent,
|
|
8429
8492
|
FoehnInputEmailComponent,
|
|
8430
8493
|
FoehnInputHiddenComponent,
|
|
@@ -8439,7 +8502,8 @@ FoehnInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
|
|
|
8439
8502
|
FormsModule,
|
|
8440
8503
|
FoehnValidationAlertsModule,
|
|
8441
8504
|
SdkDictionaryModule,
|
|
8442
|
-
FoehnDatePickerButtonModule
|
|
8505
|
+
FoehnDatePickerButtonModule,
|
|
8506
|
+
FoehnHelpModalModule
|
|
8443
8507
|
]] });
|
|
8444
8508
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputModule, decorators: [{
|
|
8445
8509
|
type: NgModule,
|
|
@@ -8450,7 +8514,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
8450
8514
|
FormsModule,
|
|
8451
8515
|
FoehnValidationAlertsModule,
|
|
8452
8516
|
SdkDictionaryModule,
|
|
8453
|
-
FoehnDatePickerButtonModule
|
|
8517
|
+
FoehnDatePickerButtonModule,
|
|
8518
|
+
FoehnHelpModalModule
|
|
8454
8519
|
],
|
|
8455
8520
|
declarations: [
|
|
8456
8521
|
FoehnInputTextComponent,
|
|
@@ -8520,7 +8585,7 @@ FoehnInputForeignLocalityComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersio
|
|
|
8520
8585
|
useExisting: forwardRef(() => FoehnInputForeignLocalityComponent),
|
|
8521
8586
|
multi: true
|
|
8522
8587
|
}
|
|
8523
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!isRequired() && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <foehn-input-text\n [name]=\"name + '.zipCode'\"\n [label]=\"\n 'foehn-input-foreign-locality.zipCode.label' | fromDictionary\n \"\n [(model)]=\"zipCode\"\n (modelChange)=\"updateLocality()\"\n [required]=\"zipCodeRequired\"\n (userInput)=\"handleUserInput()\"\n [disabled]=\"disabled\"\n [autocomplete]=\"'postal-code'\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n ></foehn-input-text>\n\n <foehn-input-text\n [name]=\"name + '.longName'\"\n [label]=\"\n 'foehn-input-foreign-locality.locality.label' | fromDictionary\n \"\n [(model)]=\"longName\"\n (modelChange)=\"updateLocality()\"\n [required]=\"localityRequired\"\n (userInput)=\"handleUserInput()\"\n [disabled]=\"disabled\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n ></foehn-input-text>\n </fieldset>\n</div>\n", styles: [":host ::ng-deep foehn-input-text:last-child .form-group{margin-bottom:0}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }], directives: [{ type:
|
|
8588
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!isRequired() && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <foehn-input-text\n [name]=\"name + '.zipCode'\"\n [label]=\"\n 'foehn-input-foreign-locality.zipCode.label' | fromDictionary\n \"\n [(model)]=\"zipCode\"\n (modelChange)=\"updateLocality()\"\n [required]=\"zipCodeRequired\"\n (userInput)=\"handleUserInput()\"\n [disabled]=\"disabled\"\n [autocomplete]=\"'postal-code'\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n ></foehn-input-text>\n\n <foehn-input-text\n [name]=\"name + '.longName'\"\n [label]=\"\n 'foehn-input-foreign-locality.locality.label' | fromDictionary\n \"\n [(model)]=\"longName\"\n (modelChange)=\"updateLocality()\"\n [required]=\"localityRequired\"\n (userInput)=\"handleUserInput()\"\n [disabled]=\"disabled\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n ></foehn-input-text>\n </fieldset>\n</div>\n", styles: [":host ::ng-deep foehn-input-text:last-child .form-group{margin-bottom:0}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
8524
8589
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputForeignLocalityComponent, decorators: [{
|
|
8525
8590
|
type: Component,
|
|
8526
8591
|
args: [{ selector: 'foehn-input-foreign-locality', providers: [
|
|
@@ -8896,7 +8961,7 @@ FoehnInputAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
8896
8961
|
useExisting: forwardRef(() => FoehnInputAddressComponent),
|
|
8897
8962
|
multi: true
|
|
8898
8963
|
}
|
|
8899
|
-
], viewQueries: [{ propertyName: "foreignLocalityComponent", first: true, predicate: FoehnInputForeignLocalityComponent, descendants: true }, { propertyName: "foreignStreetComponent", first: true, predicate: FoehnInputForeignStreetComponent, descendants: true }, { propertyName: "foreignHouseNumber", first: true, predicate: ["foreignHouseNumber"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n [attr.id]=\"buildId() + 'Container'\"\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [tabIndex]=\"-1\"\n>\n <fieldset\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <foehn-autocomplete\n *ngIf=\"!isOnlySwiss\"\n [label]=\"'foehn-input-address.country.label' | fromDictionary\"\n [elements]=\"countries | async\"\n elementLabel=\"shortNameFr\"\n [elementValue]=\"identity\"\n [elementValueIdentity]=\"countryIdentity\"\n (modelChange)=\"countryUpdated($event)\"\n (userInput)=\"userInputCountry()\"\n [model]=\"country\"\n [name]=\"name + '.country'\"\n [required]=\"countryRequired\"\n [disabled]=\"disabled\"\n ></foehn-autocomplete>\n\n <ng-container *ngIf=\"isSwiss()\">\n <foehn-autocomplete\n [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n [elements]=\"localities | async\"\n [elementLabel]=\"getLocalityDisplayedName\"\n [elementValue]=\"identity\"\n [elementValueIdentity]=\"localityIdentity\"\n (modelChange)=\"localityUpdated($event)\"\n (userInput)=\"userInputLocality($event)\"\n [model]=\"locality\"\n [name]=\"name + '.locality'\"\n [required]=\"swissNpaLocalityRequired\"\n [allElementDisabled]=\"!country\"\n [disabled]=\"disabled\"\n ></foehn-autocomplete>\n\n <foehn-autocomplete\n [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n [elements]=\"streets | async\"\n elementLabel=\"longName\"\n [elementValue]=\"identity\"\n [elementValueIdentity]=\"streetIdentity\"\n (modelChange)=\"streetUpdated($event)\"\n [model]=\"street\"\n [name]=\"name + '.street'\"\n [allowCustomValue]=\"true\"\n [customValueModelGenerator]=\"streetGenerator\"\n [required]=\"streetRequired\"\n [helpText]=\"\n 'foehn-input-address.street.help-text' | fromDictionary\n \"\n [allElementDisabled]=\"!country\"\n (userInput)=\"userInputStreet($event)\"\n [disabled]=\"disabled\"\n ></foehn-autocomplete>\n\n <foehn-autocomplete\n [label]=\"\n 'foehn-input-address.houseNumber.label' | fromDictionary\n \"\n [elements]=\"streetNumbers | async\"\n elementLabel=\"name\"\n elementValue=\"name\"\n [(model)]=\"houseNumber\"\n [name]=\"name + '.houseNumber'\"\n [allowCustomValue]=\"true\"\n [helpText]=\"\n 'foehn-input-address.houseNumber.help-text' | fromDictionary\n \"\n [allElementDisabled]=\"!country\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"streetNumberRequired\"\n [disabled]=\"disabled\"\n ></foehn-autocomplete>\n </ng-container>\n\n <ng-container *ngIf=\"!isSwiss()\">\n <!--\n Component <foehn-input-foreign-locality> is special because we use the same model when swiss or foreigner.\n To do so, we need:\n - Errors will be bind on 'locality' when NULL or on 'zipCode' and 'longName' model inside component when EMPTY\n - Hide label from component because we need label from children to be displayed (isLabelSrOnly: true)\n - required and disabled params are transmitted to children\n -->\n <foehn-input-foreign-locality\n [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n [name]=\"name + '.locality'\"\n [(model)]=\"locality\"\n [zipCodeRequired]=\"foreignZipCodeRequired\"\n [localityRequired]=\"foreignLocalityRequired\"\n [isLabelSrOnly]=\"true\"\n [disabled]=\"!country || disabled\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n ></foehn-input-foreign-locality>\n <!--\n Component <foehn-input-foreign-street> is special because we use the same model when swiss or foreigner.\n To do so, we need:\n - Errors will be bind on 'street' when NULL or on 'longName' model inside component when EMPTY\n - required, helpText, isLabelSrOnly and disabled params are transmitted to children\n -->\n <foehn-input-foreign-street\n [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n [name]=\"name + '.street'\"\n [(model)]=\"street\"\n [required]=\"foreignStreetRequired\"\n [helpText]=\"\n 'foehn-input-address.street.help-text' | fromDictionary\n \"\n [disabled]=\"!country || disabled\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n ></foehn-input-foreign-street>\n\n <foehn-input-text\n #foreignHouseNumber\n [label]=\"\n 'foehn-input-address.houseNumber.label' | fromDictionary\n \"\n [name]=\"name + '.houseNumber'\"\n [(model)]=\"houseNumber\"\n [helpText]=\"\n 'foehn-input-address.houseNumber.help-text' | fromDictionary\n \"\n [disabled]=\"!country || disabled\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"foreignStreetNumberRequired\"\n ></foehn-input-text>\n </ng-container>\n\n <foehn-input-text\n *ngIf=\"showPostOfficeBoxText\"\n [(model)]=\"postOfficeBoxText\"\n [helpText]=\"\n 'foehn-input-address.postOfficeBoxText.help-text'\n | fromDictionary\n \"\n [label]=\"\n 'foehn-input-address.postOfficeBoxText.label' | fromDictionary\n \"\n [name]=\"name + '.postOfficeBoxText'\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"postOfficeBoxTextRequired\"\n [disabled]=\"disabled\"\n ></foehn-input-text>\n\n <foehn-input-text\n *ngIf=\"showAdressLines && showAdressLine1\"\n [(model)]=\"addressLine1\"\n [label]=\"'foehn-input-address.addressLine1.label' | fromDictionary\"\n [name]=\"name + '.addressLine1'\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"addressLine1Required\"\n [autocomplete]=\"'address-line2'\"\n [disabled]=\"disabled\"\n ></foehn-input-text>\n\n <foehn-input-text\n *ngIf=\"showAdressLines && showAdressLine2\"\n [(model)]=\"addressLine2\"\n [label]=\"'foehn-input-address.addressLine2.label' | fromDictionary\"\n [name]=\"name + '.addressLine2'\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"addressLine2Required\"\n [autocomplete]=\"'address-line3'\"\n [disabled]=\"disabled\"\n ></foehn-input-text>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator", "itemHeightInSuggestionListInPx"] }, { type: FoehnInputForeignLocalityComponent, selector: "foehn-input-foreign-locality", inputs: ["localityRequired", "zipCodeRequired"] }, { type: FoehnInputForeignStreetComponent, selector: "foehn-input-foreign-street" }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
|
|
8964
|
+
], viewQueries: [{ propertyName: "foreignLocalityComponent", first: true, predicate: FoehnInputForeignLocalityComponent, descendants: true }, { propertyName: "foreignStreetComponent", first: true, predicate: FoehnInputForeignStreetComponent, descendants: true }, { propertyName: "foreignHouseNumber", first: true, predicate: ["foreignHouseNumber"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n [attr.id]=\"buildId() + 'Container'\"\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [tabIndex]=\"-1\"\n>\n <fieldset\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <foehn-autocomplete\n *ngIf=\"!isOnlySwiss\"\n [label]=\"'foehn-input-address.country.label' | fromDictionary\"\n [elements]=\"countries | async\"\n elementLabel=\"shortNameFr\"\n [elementValue]=\"identity\"\n [elementValueIdentity]=\"countryIdentity\"\n (modelChange)=\"countryUpdated($event)\"\n (userInput)=\"userInputCountry()\"\n [model]=\"country\"\n [name]=\"name + '.country'\"\n [required]=\"countryRequired\"\n [disabled]=\"disabled\"\n ></foehn-autocomplete>\n\n <ng-container *ngIf=\"isSwiss()\">\n <foehn-autocomplete\n [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n [elements]=\"localities | async\"\n [elementLabel]=\"getLocalityDisplayedName\"\n [elementValue]=\"identity\"\n [elementValueIdentity]=\"localityIdentity\"\n (modelChange)=\"localityUpdated($event)\"\n (userInput)=\"userInputLocality($event)\"\n [model]=\"locality\"\n [name]=\"name + '.locality'\"\n [required]=\"swissNpaLocalityRequired\"\n [allElementDisabled]=\"!country\"\n [disabled]=\"disabled\"\n ></foehn-autocomplete>\n\n <foehn-autocomplete\n [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n [elements]=\"streets | async\"\n elementLabel=\"longName\"\n [elementValue]=\"identity\"\n [elementValueIdentity]=\"streetIdentity\"\n (modelChange)=\"streetUpdated($event)\"\n [model]=\"street\"\n [name]=\"name + '.street'\"\n [allowCustomValue]=\"true\"\n [customValueModelGenerator]=\"streetGenerator\"\n [required]=\"streetRequired\"\n [helpText]=\"\n 'foehn-input-address.street.help-text' | fromDictionary\n \"\n [allElementDisabled]=\"!country\"\n (userInput)=\"userInputStreet($event)\"\n [disabled]=\"disabled\"\n ></foehn-autocomplete>\n\n <foehn-autocomplete\n [label]=\"\n 'foehn-input-address.houseNumber.label' | fromDictionary\n \"\n [elements]=\"streetNumbers | async\"\n elementLabel=\"name\"\n elementValue=\"name\"\n [(model)]=\"houseNumber\"\n [name]=\"name + '.houseNumber'\"\n [allowCustomValue]=\"true\"\n [helpText]=\"\n 'foehn-input-address.houseNumber.help-text' | fromDictionary\n \"\n [allElementDisabled]=\"!country\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"streetNumberRequired\"\n [disabled]=\"disabled\"\n ></foehn-autocomplete>\n </ng-container>\n\n <ng-container *ngIf=\"!isSwiss()\">\n <!--\n Component <foehn-input-foreign-locality> is special because we use the same model when swiss or foreigner.\n To do so, we need:\n - Errors will be bind on 'locality' when NULL or on 'zipCode' and 'longName' model inside component when EMPTY\n - Hide label from component because we need label from children to be displayed (isLabelSrOnly: true)\n - required and disabled params are transmitted to children\n -->\n <foehn-input-foreign-locality\n [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n [name]=\"name + '.locality'\"\n [(model)]=\"locality\"\n [zipCodeRequired]=\"foreignZipCodeRequired\"\n [localityRequired]=\"foreignLocalityRequired\"\n [isLabelSrOnly]=\"true\"\n [disabled]=\"!country || disabled\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n ></foehn-input-foreign-locality>\n <!--\n Component <foehn-input-foreign-street> is special because we use the same model when swiss or foreigner.\n To do so, we need:\n - Errors will be bind on 'street' when NULL or on 'longName' model inside component when EMPTY\n - required, helpText, isLabelSrOnly and disabled params are transmitted to children\n -->\n <foehn-input-foreign-street\n [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n [name]=\"name + '.street'\"\n [(model)]=\"street\"\n [required]=\"foreignStreetRequired\"\n [helpText]=\"\n 'foehn-input-address.street.help-text' | fromDictionary\n \"\n [disabled]=\"!country || disabled\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n ></foehn-input-foreign-street>\n\n <foehn-input-text\n #foreignHouseNumber\n [label]=\"\n 'foehn-input-address.houseNumber.label' | fromDictionary\n \"\n [name]=\"name + '.houseNumber'\"\n [(model)]=\"houseNumber\"\n [helpText]=\"\n 'foehn-input-address.houseNumber.help-text' | fromDictionary\n \"\n [disabled]=\"!country || disabled\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"foreignStreetNumberRequired\"\n ></foehn-input-text>\n </ng-container>\n\n <foehn-input-text\n *ngIf=\"showPostOfficeBoxText\"\n [(model)]=\"postOfficeBoxText\"\n [helpText]=\"\n 'foehn-input-address.postOfficeBoxText.help-text'\n | fromDictionary\n \"\n [label]=\"\n 'foehn-input-address.postOfficeBoxText.label' | fromDictionary\n \"\n [name]=\"name + '.postOfficeBoxText'\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"postOfficeBoxTextRequired\"\n [disabled]=\"disabled\"\n ></foehn-input-text>\n\n <foehn-input-text\n *ngIf=\"showAdressLines && showAdressLine1\"\n [(model)]=\"addressLine1\"\n [label]=\"'foehn-input-address.addressLine1.label' | fromDictionary\"\n [name]=\"name + '.addressLine1'\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"addressLine1Required\"\n [autocomplete]=\"'address-line2'\"\n [disabled]=\"disabled\"\n ></foehn-input-text>\n\n <foehn-input-text\n *ngIf=\"showAdressLines && showAdressLine2\"\n [(model)]=\"addressLine2\"\n [label]=\"'foehn-input-address.addressLine2.label' | fromDictionary\"\n [name]=\"name + '.addressLine2'\"\n (modelChange)=\"updateAddress()\"\n (userInput)=\"handleUserInput()\"\n [required]=\"addressLine2Required\"\n [autocomplete]=\"'address-line3'\"\n [disabled]=\"disabled\"\n ></foehn-input-text>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator", "itemHeightInSuggestionListInPx"] }, { type: FoehnInputForeignLocalityComponent, selector: "foehn-input-foreign-locality", inputs: ["localityRequired", "zipCodeRequired"] }, { type: FoehnInputForeignStreetComponent, selector: "foehn-input-foreign-street" }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
8900
8965
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputAddressComponent, decorators: [{
|
|
8901
8966
|
type: Component,
|
|
8902
8967
|
args: [{ selector: 'foehn-input-address', providers: [
|
|
@@ -9014,6 +9079,7 @@ class Address {
|
|
|
9014
9079
|
class FormSelectOption {
|
|
9015
9080
|
}
|
|
9016
9081
|
|
|
9082
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
9017
9083
|
class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
|
|
9018
9084
|
constructor(ngZone, dictionaryService) {
|
|
9019
9085
|
super(ngZone);
|
|
@@ -9023,7 +9089,6 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
|
|
|
9023
9089
|
* Defaults to `label`
|
|
9024
9090
|
*/
|
|
9025
9091
|
this.elementBadgeLabel = 'label';
|
|
9026
|
-
this.itemHeightInSuggestionListInPx = 40;
|
|
9027
9092
|
this.showEmptyListMessage = false;
|
|
9028
9093
|
this.srAnnouncements = '';
|
|
9029
9094
|
this.SR_ANNOUNCEMENT_CLEAR_TIMEOUT_INTERVAL_MS = 2000;
|
|
@@ -9090,7 +9155,6 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
|
|
|
9090
9155
|
trackByFn(index) {
|
|
9091
9156
|
return index;
|
|
9092
9157
|
}
|
|
9093
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
9094
9158
|
getLabel(value) {
|
|
9095
9159
|
const elem = this.findElementByModelItem(value);
|
|
9096
9160
|
return super.getLabel(elem);
|
|
@@ -9229,13 +9293,13 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
|
|
|
9229
9293
|
}
|
|
9230
9294
|
}
|
|
9231
9295
|
FoehnMultiselectAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnMultiselectAutocompleteComponent, deps: [{ token: i0.NgZone }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9232
|
-
FoehnMultiselectAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnMultiselectAutocompleteComponent, selector: "foehn-multiselect-autocomplete", inputs: { elementBadgeLabel: "elementBadgeLabel",
|
|
9296
|
+
FoehnMultiselectAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnMultiselectAutocompleteComponent, selector: "foehn-multiselect-autocomplete", inputs: { elementBadgeLabel: "elementBadgeLabel", defaultElementValues: "defaultElementValues", defaultElementValue: "defaultElementValue" }, host: { properties: { "attr.name": "this.hostName" } }, providers: [
|
|
9233
9297
|
{
|
|
9234
9298
|
provide: FoehnInputComponent,
|
|
9235
9299
|
useExisting: forwardRef(() => FoehnMultiselectAutocompleteComponent),
|
|
9236
9300
|
multi: true
|
|
9237
9301
|
}
|
|
9238
|
-
], viewQueries: [{ propertyName: "autocompleteComponent", first: true, predicate: ["autocompleteComponent"], descendants: true }, { propertyName: "alertMessageContainer", first: true, predicate: ["alertMessageContainer"], descendants: true }, { propertyName: "defaultDeleteFocusArea", first: true, predicate: ["defaultDeleteFocusArea"], descendants: true }, { propertyName: "selectedElemRef", predicate: ["selectedElemRef"], descendants: true }, { propertyName: "defaultElemRef", predicate: ["defaultElemRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<foehn-autocomplete\n #autocompleteComponent\n [name]=\"name\"\n [label]=\"label\"\n [elements]=\"elements\"\n [elementsUrl]=\"elementsUrl\"\n [elementValue]=\"elementValue\"\n [elementLabel]=\"elementLabel\"\n [elementValueIdentity]=\"elementValueIdentity\"\n [elementDisabled]=\"elementDisabled\"\n [allElementDisabled]=\"allElementDisabled\"\n [elementGroup]=\"elementGroup\"\n [allowCustomValue]=\"false\"\n [searchValueMinCharsCount]=\"searchValueMinCharsCount\"\n [customValueModelGenerator]=\"customValueModelGenerator\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n (userInput)=\"addItem($event)\"\n [(model)]=\"autocompleteInputValue\"\n (elementsLoaded)=\"onAutocompleteElementsLoaded($event)\"\n [showErrorWhenDisabled]=\"showErrorWhenDisabled\"\n [hideNotRequiredExtraLabel]=\"hideNotRequiredExtraLabel\"\n [itemHeightInSuggestionListInPx]=\"itemHeightInSuggestionListInPx\"\n>\n <small\n *ngIf=\"!showEmptyListMessage\"\n [attr.id]=\"buildChildId('Help')\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"\n helpText\n ? helpText\n : ('foehn-multiselect-autocomplete.autocomplete.screen-reader.label'\n | fromDictionary)\n \"\n ></small>\n\n <div\n [id]=\"buildChildId('AlertMessageContainer')\"\n role=\"status\"\n #alertMessageContainer\n >\n <p\n *ngIf=\"showEmptyListMessage\"\n class=\"alert alert-info mb-0\"\n tabindex=\"0\"\n >\n {{\n 'foehn-multiselect-autocomplete.autocomplete.empty-message'\n | fromDictionary\n }}\n </p>\n </div>\n</foehn-autocomplete>\n\n<p class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n {{ srAnnouncements }}\n</p>\n\n<div\n class=\"form-group selected-list-container d-flex align-content-stretch flex-wrap\"\n [ngClass]=\"!!model && !!model.length ? 'pt-2' : 'pt-0'\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n tabindex=\"-1\"\n>\n <span\n *ngIf=\"hasDefaultDeleteFocusArea()\"\n class=\"sr-only\"\n [tabindex]=\"0\"\n [innerHTML]=\"\n 'foehn-multiselect-autocomplete.sr-default-focus.no-element-to-delete'\n | fromDictionary\n \"\n #defaultDeleteFocusArea\n ></span>\n <ng-container\n *ngFor=\"let element of model; let index = index; trackBy: trackByFn\"\n >\n <span\n *ngIf=\"!canBeDeleted(index)\"\n class=\"badge badge-pill badge-secondary mr-1 mb-1 py-2 px-3 d-flex align-items-center\"\n [tabindex]=\"disabled ? -1 : 0\"\n [attr.aria-describedby]=\"buildChildId('Label')\"\n #defaultElemRef\n >\n {{ getBadgeLabel(element) }}\n <span class=\"sr-only\">\n {{\n 'foehn-multiselect-autocomplete.sr-default-selected-element'\n | fromDictionary\n }}\n </span>\n </span>\n <button\n *ngIf=\"canBeDeleted(index)\"\n class=\"btn btn-danger badge badge-pill mr-1 mb-1 py-2 px-3 d-flex align-items-center\"\n [tabindex]=\"0\"\n [attr.aria-label]=\"getDeleteButtonAriaLabel(element)\"\n [attr.aria-describedby]=\"buildChildId('Label')\"\n [title]=\"getDeleteButtonAriaLabel(element)\"\n (click)=\"removeItem(element, index)\"\n #selectedElemRef\n >\n {{ getBadgeLabel(element) }}\n <foehn-icon-times\n aria-hidden=\"true\"\n class=\"ml-2\"\n [title]=\"getDeleteButtonAriaLabel(element)\"\n ></foehn-icon-times>\n </button>\n </ng-container>\n</div>\n", styles: ["foehn-autocomplete p.alert:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}:host ::ng-deep foehn-autocomplete .form-group{margin-bottom:0!important}.selected-list-container button>.btn,.btn-link{line-height:inherit;padding:0}.selected-list-container .btn{text-transform:none}:host ::ng-deep .btn .svg-inline--fa{color:#fff!important}.selected-list-container span.badge-pill:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}\n"], components: [{ type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator", "itemHeightInSuggestionListInPx"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type:
|
|
9302
|
+
], viewQueries: [{ propertyName: "autocompleteComponent", first: true, predicate: ["autocompleteComponent"], descendants: true }, { propertyName: "alertMessageContainer", first: true, predicate: ["alertMessageContainer"], descendants: true }, { propertyName: "defaultDeleteFocusArea", first: true, predicate: ["defaultDeleteFocusArea"], descendants: true }, { propertyName: "selectedElemRef", predicate: ["selectedElemRef"], descendants: true }, { propertyName: "defaultElemRef", predicate: ["defaultElemRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<foehn-autocomplete\n #autocompleteComponent\n [name]=\"name\"\n [label]=\"label\"\n [elements]=\"elements\"\n [elementsUrl]=\"elementsUrl\"\n [elementValue]=\"elementValue\"\n [elementLabel]=\"elementLabel\"\n [elementValueIdentity]=\"elementValueIdentity\"\n [elementDisabled]=\"elementDisabled\"\n [allElementDisabled]=\"allElementDisabled\"\n [elementGroup]=\"elementGroup\"\n [allowCustomValue]=\"false\"\n [searchValueMinCharsCount]=\"searchValueMinCharsCount\"\n [customValueModelGenerator]=\"customValueModelGenerator\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n (userInput)=\"addItem($event)\"\n [(model)]=\"autocompleteInputValue\"\n (elementsLoaded)=\"onAutocompleteElementsLoaded($event)\"\n [showErrorWhenDisabled]=\"showErrorWhenDisabled\"\n [hideNotRequiredExtraLabel]=\"hideNotRequiredExtraLabel\"\n [itemHeightInSuggestionListInPx]=\"itemHeightInSuggestionListInPx\"\n>\n <small\n *ngIf=\"!showEmptyListMessage\"\n [attr.id]=\"buildChildId('Help')\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"\n helpText\n ? helpText\n : ('foehn-multiselect-autocomplete.autocomplete.screen-reader.label'\n | fromDictionary)\n \"\n ></small>\n\n <div\n [id]=\"buildChildId('AlertMessageContainer')\"\n role=\"status\"\n #alertMessageContainer\n >\n <p\n *ngIf=\"showEmptyListMessage\"\n class=\"alert alert-info mb-0\"\n tabindex=\"0\"\n >\n {{\n 'foehn-multiselect-autocomplete.autocomplete.empty-message'\n | fromDictionary\n }}\n </p>\n </div>\n</foehn-autocomplete>\n\n<p class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n {{ srAnnouncements }}\n</p>\n\n<div\n class=\"form-group selected-list-container d-flex align-content-stretch flex-wrap\"\n [ngClass]=\"!!model && !!model.length ? 'pt-2' : 'pt-0'\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n tabindex=\"-1\"\n>\n <span\n *ngIf=\"hasDefaultDeleteFocusArea()\"\n class=\"sr-only\"\n [tabindex]=\"0\"\n [innerHTML]=\"\n 'foehn-multiselect-autocomplete.sr-default-focus.no-element-to-delete'\n | fromDictionary\n \"\n #defaultDeleteFocusArea\n ></span>\n <ng-container\n *ngFor=\"let element of model; let index = index; trackBy: trackByFn\"\n >\n <span\n *ngIf=\"!canBeDeleted(index)\"\n class=\"badge badge-pill badge-secondary mr-1 mb-1 py-2 px-3 d-flex align-items-center\"\n [tabindex]=\"disabled ? -1 : 0\"\n [attr.aria-describedby]=\"buildChildId('Label')\"\n #defaultElemRef\n >\n {{ getBadgeLabel(element) }}\n <span class=\"sr-only\">\n {{\n 'foehn-multiselect-autocomplete.sr-default-selected-element'\n | fromDictionary\n }}\n </span>\n </span>\n <button\n *ngIf=\"canBeDeleted(index)\"\n class=\"btn btn-danger badge badge-pill mr-1 mb-1 py-2 px-3 d-flex align-items-center\"\n [tabindex]=\"0\"\n [attr.aria-label]=\"getDeleteButtonAriaLabel(element)\"\n [attr.aria-describedby]=\"buildChildId('Label')\"\n [title]=\"getDeleteButtonAriaLabel(element)\"\n (click)=\"removeItem(element, index)\"\n #selectedElemRef\n >\n {{ getBadgeLabel(element) }}\n <foehn-icon-times\n aria-hidden=\"true\"\n class=\"ml-2\"\n [title]=\"getDeleteButtonAriaLabel(element)\"\n ></foehn-icon-times>\n </button>\n </ng-container>\n</div>\n", styles: ["foehn-autocomplete p.alert:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}:host ::ng-deep foehn-autocomplete .form-group{margin-bottom:0!important}.selected-list-container button>.btn,.btn-link{line-height:inherit;padding:0}.selected-list-container .btn{text-transform:none}:host ::ng-deep .btn .svg-inline--fa{color:#fff!important}.selected-list-container span.badge-pill:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}\n"], components: [{ type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator", "itemHeightInSuggestionListInPx"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
9239
9303
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnMultiselectAutocompleteComponent, decorators: [{
|
|
9240
9304
|
type: Component,
|
|
9241
9305
|
args: [{ selector: 'foehn-multiselect-autocomplete', providers: [
|
|
@@ -9265,8 +9329,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
9265
9329
|
args: ['defaultDeleteFocusArea']
|
|
9266
9330
|
}], elementBadgeLabel: [{
|
|
9267
9331
|
type: Input
|
|
9268
|
-
}], itemHeightInSuggestionListInPx: [{
|
|
9269
|
-
type: Input
|
|
9270
9332
|
}], defaultElementValues: [{
|
|
9271
9333
|
type: Input
|
|
9272
9334
|
}], defaultElementValue: [{
|
|
@@ -9399,7 +9461,7 @@ FoehnInputNav13Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
|
|
|
9399
9461
|
useExisting: forwardRef(() => FoehnInputNav13Component),
|
|
9400
9462
|
multi: true
|
|
9401
9463
|
}
|
|
9402
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend\n [attr.for]=\"buildChildId()\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"vd-form-flex\">\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--4-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--3-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <div class=\"form-group\">\n <label\n [attr.for]=\"buildId() + '_part1Child'\"\n class=\"sr-only\"\n >\n Code du pays\n </label>\n <small\n [id]=\"buildId() + '_part1ChildHelp'\"\n class=\"form-text text-secondary\"\n >\n <span class=\"sr-only\">\n Etant obligatoirement un num\u00E9ro AVS suisse, ce\n champs est pr\u00E9rempli\n </span>\n </small>\n\n <foehn-input-number\n [name]=\"name + '_part1'\"\n [id]=\"buildId() + '_part1'\"\n [model]=\"PREFIX_NAVS\"\n [maxlength]=\"3\"\n [autocomplete]=\"'off'\"\n [clearButton]=\"displayClearButton() | async\"\n [disabled]=\"true\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n\n <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n <div class=\"form-group\">\n <label\n [attr.for]=\"buildId() + '_part2Child'\"\n class=\"sr-only\"\n >\n Premiers chiffres al\u00E9atoires et anonymes\n </label>\n <small\n [id]=\"buildId() + '_part2ChildHelp'\"\n class=\"form-text text-secondary\"\n >\n <span class=\"sr-only\">\n Saisir quatres chiffres :\n <abbr title=\"Exemple\">Ex.</abbr>\n : 1234\n </span>\n </small>\n\n <foehn-input-number\n [name]=\"name + '_part2'\"\n [id]=\"buildId() + '_part2'\"\n [(model)]=\"part2\"\n (modelChange)=\"updateNavs()\"\n [maxlength]=\"4\"\n [autocomplete]=\"'off'\"\n [clearButton]=\"displayClearButton() | async\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n (paste)=\"onPaste($event)\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n\n <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n <div class=\"form-group\">\n <label\n [attr.for]=\"buildId() + '_part3Child'\"\n class=\"sr-only\"\n >\n Deuxi\u00E8mes chiffres al\u00E9atoires et anonymes\n </label>\n <small\n [id]=\"buildId() + '_part3ChildHelp'\"\n class=\"form-text text-secondary\"\n >\n <span class=\"sr-only\">\n Saisir quatres chiffres :\n <abbr title=\"Exemple\">Ex.</abbr>\n : 5678\n </span>\n </small>\n\n <foehn-input-number\n [name]=\"name + '_part3'\"\n [id]=\"buildId() + '_part3'\"\n [(model)]=\"part3\"\n (modelChange)=\"updateNavs()\"\n [maxlength]=\"4\"\n [autocomplete]=\"'off'\"\n [clearButton]=\"displayClearButton() | async\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item vd-form-flex__item--3-char-width\"\n >\n <div class=\"form-group\">\n <label\n [attr.for]=\"buildId() + '_part4Child'\"\n class=\"sr-only\"\n >\n Chiffre al\u00E9atoire et anonyme et num\u00E9ro de contr\u00F4le\n </label>\n <small\n [id]=\"buildId() + '_part4ChildHelp'\"\n class=\"form-text text-secondary\"\n >\n <span class=\"sr-only\">\n Saisir deux chiffres :\n <abbr title=\"Exemple\">Ex.</abbr>\n : 97\n </span>\n </small>\n\n <foehn-input-number\n [name]=\"name + '_part4'\"\n [id]=\"buildId() + '_part4'\"\n [(model)]=\"part4\"\n (modelChange)=\"updateNavs()\"\n [maxlength]=\"2\"\n [autocomplete]=\"'off'\"\n [clearButton]=\"displayClearButton() | async\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }], directives: [{ type:
|
|
9464
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n >\n <legend\n [attr.for]=\"buildChildId()\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"vd-form-flex\">\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--4-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--3-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item\"\n >\n <div class=\"form-group\">\n <label\n [attr.for]=\"buildId() + '_part1Child'\"\n class=\"sr-only\"\n >\n Code du pays\n </label>\n <small\n [id]=\"buildId() + '_part1ChildHelp'\"\n class=\"form-text text-secondary\"\n >\n <span class=\"sr-only\">\n Etant obligatoirement un num\u00E9ro AVS suisse, ce\n champs est pr\u00E9rempli\n </span>\n </small>\n\n <foehn-input-number\n [name]=\"name + '_part1'\"\n [id]=\"buildId() + '_part1'\"\n [model]=\"PREFIX_NAVS\"\n [maxlength]=\"3\"\n [autocomplete]=\"'off'\"\n [clearButton]=\"displayClearButton() | async\"\n [disabled]=\"true\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n\n <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n <div class=\"form-group\">\n <label\n [attr.for]=\"buildId() + '_part2Child'\"\n class=\"sr-only\"\n >\n Premiers chiffres al\u00E9atoires et anonymes\n </label>\n <small\n [id]=\"buildId() + '_part2ChildHelp'\"\n class=\"form-text text-secondary\"\n >\n <span class=\"sr-only\">\n Saisir quatres chiffres :\n <abbr title=\"Exemple\">Ex.</abbr>\n : 1234\n </span>\n </small>\n\n <foehn-input-number\n [name]=\"name + '_part2'\"\n [id]=\"buildId() + '_part2'\"\n [(model)]=\"part2\"\n (modelChange)=\"updateNavs()\"\n [maxlength]=\"4\"\n [autocomplete]=\"'off'\"\n [clearButton]=\"displayClearButton() | async\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n (paste)=\"onPaste($event)\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n\n <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n <div class=\"form-group\">\n <label\n [attr.for]=\"buildId() + '_part3Child'\"\n class=\"sr-only\"\n >\n Deuxi\u00E8mes chiffres al\u00E9atoires et anonymes\n </label>\n <small\n [id]=\"buildId() + '_part3ChildHelp'\"\n class=\"form-text text-secondary\"\n >\n <span class=\"sr-only\">\n Saisir quatres chiffres :\n <abbr title=\"Exemple\">Ex.</abbr>\n : 5678\n </span>\n </small>\n\n <foehn-input-number\n [name]=\"name + '_part3'\"\n [id]=\"buildId() + '_part3'\"\n [(model)]=\"part3\"\n (modelChange)=\"updateNavs()\"\n [maxlength]=\"4\"\n [autocomplete]=\"'off'\"\n [clearButton]=\"displayClearButton() | async\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n\n <div\n [ngClass]=\"{\n 'vd-form-flex__item--3-char-width':\n displayClearButton() | async,\n 'vd-form-flex__item--2-char-width': !(\n displayClearButton() | async\n )\n }\"\n class=\"vd-form-flex__item vd-form-flex__item--3-char-width\"\n >\n <div class=\"form-group\">\n <label\n [attr.for]=\"buildId() + '_part4Child'\"\n class=\"sr-only\"\n >\n Chiffre al\u00E9atoire et anonyme et num\u00E9ro de contr\u00F4le\n </label>\n <small\n [id]=\"buildId() + '_part4ChildHelp'\"\n class=\"form-text text-secondary\"\n >\n <span class=\"sr-only\">\n Saisir deux chiffres :\n <abbr title=\"Exemple\">Ex.</abbr>\n : 97\n </span>\n </small>\n\n <foehn-input-number\n [name]=\"name + '_part4'\"\n [id]=\"buildId() + '_part4'\"\n [(model)]=\"part4\"\n (modelChange)=\"updateNavs()\"\n [maxlength]=\"2\"\n [autocomplete]=\"'off'\"\n [clearButton]=\"displayClearButton() | async\"\n (userInput)=\"handleUserInput()\"\n [isErrorInherited]=\"hasErrorsToDisplay()\"\n [disabled]=\"disabled\"\n [hideStandardHelpText]=\"true\"\n ></foehn-input-number>\n </div>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
9403
9465
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputNav13Component, decorators: [{
|
|
9404
9466
|
type: Component,
|
|
9405
9467
|
args: [{ selector: 'foehn-input-nav13', providers: [
|
|
@@ -9447,7 +9509,7 @@ FoehnBooleanCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
9447
9509
|
useExisting: forwardRef(() => FoehnBooleanCheckboxComponent),
|
|
9448
9510
|
multi: true
|
|
9449
9511
|
}
|
|
9450
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n class=\"form-group\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"form-check\">\n <input\n type=\"checkbox\"\n class=\"form-check-input\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName()\"\n [attr.name]=\"buildChildName()\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n (change)=\"handleChange(model)\"\n #entryComponent\n />\n <label class=\"form-check-label\" [for]=\"buildChildId()\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n </div>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type:
|
|
9512
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n class=\"form-group\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"form-check\">\n <input\n type=\"checkbox\"\n class=\"form-check-input\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName()\"\n [attr.name]=\"buildChildName()\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n (change)=\"handleChange(model)\"\n #entryComponent\n />\n <label class=\"form-check-label\" [for]=\"buildChildId()\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n </div>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
9451
9513
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnBooleanCheckboxComponent, decorators: [{
|
|
9452
9514
|
type: Component,
|
|
9453
9515
|
args: [{ selector: 'foehn-boolean-checkbox', providers: [
|
|
@@ -9473,7 +9535,7 @@ FoehnBooleanRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
9473
9535
|
useExisting: forwardRef(() => FoehnBooleanRadioComponent),
|
|
9474
9536
|
multi: true
|
|
9475
9537
|
}
|
|
9476
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n class=\"form-group\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset [attr.aria-describedby]=\"getDescribedBy()\">\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"d-flex\">\n <div class=\"form-check\">\n <input\n type=\"radio\"\n class=\"form-check-input\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName('True')\"\n [attr.name]=\"buildChildName('True')\"\n [value]=\"true\"\n [attr.id]=\"buildChildId('True')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n (change)=\"handleChange(true)\"\n #entryComponent\n />\n <label\n class=\"form-check-label\"\n [for]=\"buildChildId('True')\"\n [innerHTML]=\"trueLabel\"\n ></label>\n </div>\n\n <div class=\"form-check ml-2\">\n <input\n type=\"radio\"\n class=\"form-check-input\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName('False')\"\n [attr.name]=\"buildChildName('False')\"\n [value]=\"false\"\n [attr.id]=\"buildChildId('False')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n (change)=\"handleChange(false)\"\n />\n <label\n class=\"form-check-label\"\n [for]=\"buildChildId('False')\"\n [innerHTML]=\"falseLabel\"\n ></label>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type:
|
|
9538
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n class=\"form-group\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <fieldset [attr.aria-describedby]=\"getDescribedBy()\">\n <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-content></ng-content>\n\n <div class=\"d-flex\">\n <div class=\"form-check\">\n <input\n type=\"radio\"\n class=\"form-check-input\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName('True')\"\n [attr.name]=\"buildChildName('True')\"\n [value]=\"true\"\n [attr.id]=\"buildChildId('True')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n (change)=\"handleChange(true)\"\n #entryComponent\n />\n <label\n class=\"form-check-label\"\n [for]=\"buildChildId('True')\"\n [innerHTML]=\"trueLabel\"\n ></label>\n </div>\n\n <div class=\"form-check ml-2\">\n <input\n type=\"radio\"\n class=\"form-check-input\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName('False')\"\n [attr.name]=\"buildChildName('False')\"\n [value]=\"false\"\n [attr.id]=\"buildChildId('False')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n (change)=\"handleChange(false)\"\n />\n <label\n class=\"form-check-label\"\n [for]=\"buildChildId('False')\"\n [innerHTML]=\"falseLabel\"\n ></label>\n </div>\n </div>\n </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
9477
9539
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnBooleanRadioComponent, decorators: [{
|
|
9478
9540
|
type: Component,
|
|
9479
9541
|
args: [{ selector: 'foehn-boolean-radio', providers: [
|
|
@@ -9615,7 +9677,7 @@ class GesdemActionRecoveryRegistrationComponent {
|
|
|
9615
9677
|
}
|
|
9616
9678
|
}
|
|
9617
9679
|
GesdemActionRecoveryRegistrationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GesdemActionRecoveryRegistrationComponent, deps: [{ token: GesdemActionRecoveryService }, { token: ValidationHandlerService }, { token: FoehnPageService }, { token: GesdemEventService }, { token: GesdemHandlerService }, { token: ApplicationInfoService }, { token: SessionInfo }], target: i0.ɵɵFactoryTarget.Component });
|
|
9618
|
-
GesdemActionRecoveryRegistrationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: { continueLaterLabel: "continueLaterLabel" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true }, { propertyName: "form", first: true, predicate: FoehnFormComponent, descendants: true }], ngImport: i0, template: "<button\n type=\"button\"\n id=\"continueLaterButton\"\n class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n *ngIf=\"canContinueLater | async\"\n (click)=\"open()\"\n #modalTrigger\n>\n {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n id=\"action-recovery-registration-modal\"\n [modalHeaderText]=\"'Informations pour la reprise de la demande'\"\n [isModalVisible]=\"isModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n <p>\n Vos donn\u00E9es ont \u00E9t\u00E9 sauvegard\u00E9es, vous pouvez acc\u00E9der \u00E0 cette\n demande dans la liste de\n <a href=\"/100002/demandes/search/MINE/INITIAL\">\n vos demandes en brouillon\n </a>\n .\n </p>\n </ng-container>\n <ng-template #notConnectedContent>\n <div class=\"alert alert-info\">\n <p *ngIf=\"!mailSent\">\n Les informations demand\u00E9es sont uniquement utilis\u00E9es pour vous\n permettre d'effectuer la reprise de demande.\n </p>\n\n <div *ngIf=\"mailSent\">\n <p>\n Un message contenant le lien de reprise de la demande a \u00E9t\u00E9\n envoy\u00E9 \u00E0 votre email.\n </p>\n <p>\n Vous pouvez cliquer sur ce lien pour reprendre la demande en\n saisissant le code qui sera envoy\u00E9 \u00E0 votre t\u00E9l\u00E9phone.\n </p>\n </div>\n </div>\n\n <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n <foehn-input-text\n label=\"Email\"\n helpText=\"Par exemple, john@doe.ch\"\n [(model)]=\"model.email\"\n name=\"email\"\n required=\"true\"\n ></foehn-input-text>\n\n <foehn-input-phone\n label=\"Num\u00E9ro de t\u00E9l\u00E9phone mobile\"\n [acceptInternational]=\"true\"\n [acceptMobilePhone]=\"true\"\n [acceptPhone]=\"false\"\n [(model)]=\"model.mobile\"\n name=\"mobile\"\n required=\"true\"\n ></foehn-input-phone>\n </foehn-form>\n </ng-template>\n\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button (click)=\"close()\" class=\"btn btn-secondary w-100\">\n Fermer\n </button>\n </div>\n <div\n *ngIf=\"!(isConnectedCyber | async)\"\n class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n >\n <button\n type=\"submit\"\n (click)=\"sendAndClose()\"\n class=\"btn btn-success w-100\"\n *ngIf=\"!mailSent\"\n >\n Sauvegarder\n </button>\n </div>\n </div>\n </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"], components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { type: FoehnInputPhoneComponent, selector: "foehn-input-phone", inputs: ["acceptInternational", "acceptMobilePhone", "acceptPhone"] }], directives: [{ type:
|
|
9680
|
+
GesdemActionRecoveryRegistrationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: { continueLaterLabel: "continueLaterLabel" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true }, { propertyName: "form", first: true, predicate: FoehnFormComponent, descendants: true }], ngImport: i0, template: "<button\n type=\"button\"\n id=\"continueLaterButton\"\n class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n *ngIf=\"canContinueLater | async\"\n (click)=\"open()\"\n #modalTrigger\n>\n {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n id=\"action-recovery-registration-modal\"\n [modalHeaderText]=\"'Informations pour la reprise de la demande'\"\n [isModalVisible]=\"isModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n <p>\n Vos donn\u00E9es ont \u00E9t\u00E9 sauvegard\u00E9es, vous pouvez acc\u00E9der \u00E0 cette\n demande dans la liste de\n <a href=\"/100002/demandes/search/MINE/INITIAL\">\n vos demandes en brouillon\n </a>\n .\n </p>\n </ng-container>\n <ng-template #notConnectedContent>\n <div class=\"alert alert-info\">\n <p *ngIf=\"!mailSent\">\n Les informations demand\u00E9es sont uniquement utilis\u00E9es pour vous\n permettre d'effectuer la reprise de demande.\n </p>\n\n <div *ngIf=\"mailSent\">\n <p>\n Un message contenant le lien de reprise de la demande a \u00E9t\u00E9\n envoy\u00E9 \u00E0 votre email.\n </p>\n <p>\n Vous pouvez cliquer sur ce lien pour reprendre la demande en\n saisissant le code qui sera envoy\u00E9 \u00E0 votre t\u00E9l\u00E9phone.\n </p>\n </div>\n </div>\n\n <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n <foehn-input-text\n label=\"Email\"\n helpText=\"Par exemple, john@doe.ch\"\n [(model)]=\"model.email\"\n name=\"email\"\n required=\"true\"\n ></foehn-input-text>\n\n <foehn-input-phone\n label=\"Num\u00E9ro de t\u00E9l\u00E9phone mobile\"\n [acceptInternational]=\"true\"\n [acceptMobilePhone]=\"true\"\n [acceptPhone]=\"false\"\n [(model)]=\"model.mobile\"\n name=\"mobile\"\n required=\"true\"\n ></foehn-input-phone>\n </foehn-form>\n </ng-template>\n\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button (click)=\"close()\" class=\"btn btn-secondary w-100\">\n Fermer\n </button>\n </div>\n <div\n *ngIf=\"!(isConnectedCyber | async)\"\n class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n >\n <button\n type=\"submit\"\n (click)=\"sendAndClose()\"\n class=\"btn btn-success w-100\"\n *ngIf=\"!mailSent\"\n >\n Sauvegarder\n </button>\n </div>\n </div>\n </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"], components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { type: FoehnInputPhoneComponent, selector: "foehn-input-phone", inputs: ["acceptInternational", "acceptMobilePhone", "acceptPhone"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe } });
|
|
9619
9681
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GesdemActionRecoveryRegistrationComponent, decorators: [{
|
|
9620
9682
|
type: Component,
|
|
9621
9683
|
args: [{ selector: 'gesdem-action-recovery-registration', template: "<button\n type=\"button\"\n id=\"continueLaterButton\"\n class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n *ngIf=\"canContinueLater | async\"\n (click)=\"open()\"\n #modalTrigger\n>\n {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n id=\"action-recovery-registration-modal\"\n [modalHeaderText]=\"'Informations pour la reprise de la demande'\"\n [isModalVisible]=\"isModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n <p>\n Vos donn\u00E9es ont \u00E9t\u00E9 sauvegard\u00E9es, vous pouvez acc\u00E9der \u00E0 cette\n demande dans la liste de\n <a href=\"/100002/demandes/search/MINE/INITIAL\">\n vos demandes en brouillon\n </a>\n .\n </p>\n </ng-container>\n <ng-template #notConnectedContent>\n <div class=\"alert alert-info\">\n <p *ngIf=\"!mailSent\">\n Les informations demand\u00E9es sont uniquement utilis\u00E9es pour vous\n permettre d'effectuer la reprise de demande.\n </p>\n\n <div *ngIf=\"mailSent\">\n <p>\n Un message contenant le lien de reprise de la demande a \u00E9t\u00E9\n envoy\u00E9 \u00E0 votre email.\n </p>\n <p>\n Vous pouvez cliquer sur ce lien pour reprendre la demande en\n saisissant le code qui sera envoy\u00E9 \u00E0 votre t\u00E9l\u00E9phone.\n </p>\n </div>\n </div>\n\n <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n <foehn-input-text\n label=\"Email\"\n helpText=\"Par exemple, john@doe.ch\"\n [(model)]=\"model.email\"\n name=\"email\"\n required=\"true\"\n ></foehn-input-text>\n\n <foehn-input-phone\n label=\"Num\u00E9ro de t\u00E9l\u00E9phone mobile\"\n [acceptInternational]=\"true\"\n [acceptMobilePhone]=\"true\"\n [acceptPhone]=\"false\"\n [(model)]=\"model.mobile\"\n name=\"mobile\"\n required=\"true\"\n ></foehn-input-phone>\n </foehn-form>\n </ng-template>\n\n <div modal-footer class=\"w-100\">\n <div class=\"d-md-flex\">\n <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n <button (click)=\"close()\" class=\"btn btn-secondary w-100\">\n Fermer\n </button>\n </div>\n <div\n *ngIf=\"!(isConnectedCyber | async)\"\n class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n >\n <button\n type=\"submit\"\n (click)=\"sendAndClose()\"\n class=\"btn btn-success w-100\"\n *ngIf=\"!mailSent\"\n >\n Sauvegarder\n </button>\n </div>\n </div>\n </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"] }]
|
|
@@ -9688,7 +9750,7 @@ class FoehnNavigationComponent {
|
|
|
9688
9750
|
}
|
|
9689
9751
|
}
|
|
9690
9752
|
FoehnNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnNavigationComponent, deps: [{ token: FoehnNavigationService }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
|
|
9691
|
-
FoehnNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnNavigationComponent, selector: "foehn-navigation", inputs: { nextLabel: "nextLabel", prevLabel: "prevLabel", transmitLabel: "transmitLabel", continueLaterLabel: "continueLaterLabel", showContinueLaterButton: "showContinueLaterButton", showNextButton: "showNextButton" }, outputs: { onNext: "onNext", onPrevious: "onPrevious" }, ngImport: i0, template: "<gesdem-action-recovery-registration\n *ngIf=\"showContinueLaterButton\"\n [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous\"\n *ngIf=\"canShowPreviousButton()\"\n >\n <button\n id=\"prevButton\"\n type=\"button\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"$event.preventDefault(); goToPrevious()\"\n >\n <span class=\"vd-pagination__title\">\n <foehn-icon-chevron-left\n class=\"mr-1\"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-left>\n {{ prevLabel | fromDictionary }}\n </span>\n <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n {{ getPreviousRouteIndex() }}\n {{\n 'foehn-navigation.route.index.separator'\n | fromDictionary\n }}\n {{ getTotalRoutesSize() }}\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n >\n <button\n id=\"nextButton\"\n type=\"submit\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"$event.preventDefault(); goToNext()\"\n >\n <span class=\"vd-pagination__title\">\n {{ nextLabel | fromDictionary }}\n <foehn-icon-chevron-right\n class=\"ml-1\"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-right>\n </span>\n <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n {{ getNextRouteIndex() }}\n {{\n 'foehn-navigation.route.index.separator'\n | fromDictionary\n }}\n {{ getTotalRoutesSize() }}\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n *ngIf=\"isLastFormPage() && canShowNextButton()\"\n >\n <button\n *ngIf=\"isLastFormPage() && canShowNextButton()\"\n type=\"submit\"\n id=\"transmitButton\"\n (click)=\"goToNext()\"\n class=\"btn btn-success vd-btn-pagination-submit\"\n >\n {{ transmitLabel | fromDictionary }}\n </button>\n </li>\n </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"], components: [{ type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["continueLaterLabel"] }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type:
|
|
9753
|
+
FoehnNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnNavigationComponent, selector: "foehn-navigation", inputs: { nextLabel: "nextLabel", prevLabel: "prevLabel", transmitLabel: "transmitLabel", continueLaterLabel: "continueLaterLabel", showContinueLaterButton: "showContinueLaterButton", showNextButton: "showNextButton" }, outputs: { onNext: "onNext", onPrevious: "onPrevious" }, ngImport: i0, template: "<gesdem-action-recovery-registration\n *ngIf=\"showContinueLaterButton\"\n [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous\"\n *ngIf=\"canShowPreviousButton()\"\n >\n <button\n id=\"prevButton\"\n type=\"button\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"$event.preventDefault(); goToPrevious()\"\n >\n <span class=\"vd-pagination__title\">\n <foehn-icon-chevron-left\n class=\"mr-1\"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-left>\n {{ prevLabel | fromDictionary }}\n </span>\n <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n {{ getPreviousRouteIndex() }}\n {{\n 'foehn-navigation.route.index.separator'\n | fromDictionary\n }}\n {{ getTotalRoutesSize() }}\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n >\n <button\n id=\"nextButton\"\n type=\"submit\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"$event.preventDefault(); goToNext()\"\n >\n <span class=\"vd-pagination__title\">\n {{ nextLabel | fromDictionary }}\n <foehn-icon-chevron-right\n class=\"ml-1\"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-right>\n </span>\n <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n {{ getNextRouteIndex() }}\n {{\n 'foehn-navigation.route.index.separator'\n | fromDictionary\n }}\n {{ getTotalRoutesSize() }}\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n *ngIf=\"isLastFormPage() && canShowNextButton()\"\n >\n <button\n *ngIf=\"isLastFormPage() && canShowNextButton()\"\n type=\"submit\"\n id=\"transmitButton\"\n (click)=\"goToNext()\"\n class=\"btn btn-success vd-btn-pagination-submit\"\n >\n {{ transmitLabel | fromDictionary }}\n </button>\n </li>\n </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"], components: [{ type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["continueLaterLabel"] }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
9692
9754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnNavigationComponent, decorators: [{
|
|
9693
9755
|
type: Component,
|
|
9694
9756
|
args: [{ selector: 'foehn-navigation', template: "<gesdem-action-recovery-registration\n *ngIf=\"showContinueLaterButton\"\n [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous\"\n *ngIf=\"canShowPreviousButton()\"\n >\n <button\n id=\"prevButton\"\n type=\"button\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"$event.preventDefault(); goToPrevious()\"\n >\n <span class=\"vd-pagination__title\">\n <foehn-icon-chevron-left\n class=\"mr-1\"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-left>\n {{ prevLabel | fromDictionary }}\n </span>\n <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n {{ getPreviousRouteIndex() }}\n {{\n 'foehn-navigation.route.index.separator'\n | fromDictionary\n }}\n {{ getTotalRoutesSize() }}\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n >\n <button\n id=\"nextButton\"\n type=\"submit\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"$event.preventDefault(); goToNext()\"\n >\n <span class=\"vd-pagination__title\">\n {{ nextLabel | fromDictionary }}\n <foehn-icon-chevron-right\n class=\"ml-1\"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-right>\n </span>\n <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n {{ getNextRouteIndex() }}\n {{\n 'foehn-navigation.route.index.separator'\n | fromDictionary\n }}\n {{ getTotalRoutesSize() }}\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n *ngIf=\"isLastFormPage() && canShowNextButton()\"\n >\n <button\n *ngIf=\"isLastFormPage() && canShowNextButton()\"\n type=\"submit\"\n id=\"transmitButton\"\n (click)=\"goToNext()\"\n class=\"btn btn-success vd-btn-pagination-submit\"\n >\n {{ transmitLabel | fromDictionary }}\n </button>\n </li>\n </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"] }]
|
|
@@ -9820,7 +9882,7 @@ class FoehnRemainingAlertsSummaryComponent {
|
|
|
9820
9882
|
}
|
|
9821
9883
|
}
|
|
9822
9884
|
FoehnRemainingAlertsSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnRemainingAlertsSummaryComponent, deps: [{ token: GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9823
|
-
FoehnRemainingAlertsSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnRemainingAlertsSummaryComponent, selector: "foehn-remaining-alerts-summary", inputs: { remainingErrorsLabel: "remainingErrorsLabel" }, ngImport: i0, template: "<div\n class=\"alert alert-danger\"\n *ngIf=\"hasRemainingErrors | async\"\n [innerHTML]=\"remainingErrorsLabel\"\n></div>\n", styles: [""], directives: [{ type:
|
|
9885
|
+
FoehnRemainingAlertsSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnRemainingAlertsSummaryComponent, selector: "foehn-remaining-alerts-summary", inputs: { remainingErrorsLabel: "remainingErrorsLabel" }, ngImport: i0, template: "<div\n class=\"alert alert-danger\"\n *ngIf=\"hasRemainingErrors | async\"\n [innerHTML]=\"remainingErrorsLabel\"\n></div>\n", styles: [""], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe } });
|
|
9824
9886
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnRemainingAlertsSummaryComponent, decorators: [{
|
|
9825
9887
|
type: Component,
|
|
9826
9888
|
args: [{ selector: 'foehn-remaining-alerts-summary', template: "<div\n class=\"alert alert-danger\"\n *ngIf=\"hasRemainingErrors | async\"\n [innerHTML]=\"remainingErrorsLabel\"\n></div>\n", styles: [""] }]
|
|
@@ -9935,7 +9997,7 @@ class FoehnListComponent {
|
|
|
9935
9997
|
}
|
|
9936
9998
|
}
|
|
9937
9999
|
FoehnListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9938
|
-
FoehnListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnListComponent, selector: "foehn-list", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", fixedPageCount: "fixedPageCount", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange" }, queries: [{ propertyName: "templateVariable", first: true, predicate: TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n <div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n <ul class=\"list-unstyled\">\n <li\n *ngFor=\"\n let item of filteredList;\n let index = index;\n trackBy: trackByFn\n \"\n >\n <ng-template\n [ngTemplateOutlet]=\"templateVariable\"\n [ngTemplateOutletContext]=\"{ item: item, index: index }\"\n ></ng-template>\n </li>\n </ul>\n\n <div class=\"row d-flex justify-content-between p-1\">\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasPreviousPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"previousPage()\"\n >\n <span class=\"vd-pagination__title\">\n <foehn-icon-chevron-left></foehn-icon-chevron-left>\n {{ previousLabel }}\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage - 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasNextPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"nextPage()\"\n >\n <span class=\"vd-pagination__title\">\n {{ nextLabel }}\n <foehn-icon-chevron-right></foehn-icon-chevron-right>\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage + 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"], components: [{ type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type:
|
|
10000
|
+
FoehnListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnListComponent, selector: "foehn-list", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", fixedPageCount: "fixedPageCount", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange" }, queries: [{ propertyName: "templateVariable", first: true, predicate: TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n <div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n <ul class=\"list-unstyled\">\n <li\n *ngFor=\"\n let item of filteredList;\n let index = index;\n trackBy: trackByFn\n \"\n >\n <ng-template\n [ngTemplateOutlet]=\"templateVariable\"\n [ngTemplateOutletContext]=\"{ item: item, index: index }\"\n ></ng-template>\n </li>\n </ul>\n\n <div class=\"row d-flex justify-content-between p-1\">\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasPreviousPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"previousPage()\"\n >\n <span class=\"vd-pagination__title\">\n <foehn-icon-chevron-left></foehn-icon-chevron-left>\n {{ previousLabel }}\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage - 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasNextPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"nextPage()\"\n >\n <span class=\"vd-pagination__title\">\n {{ nextLabel }}\n <foehn-icon-chevron-right></foehn-icon-chevron-right>\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage + 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"], components: [{ type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9939
10001
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnListComponent, decorators: [{
|
|
9940
10002
|
type: Component,
|
|
9941
10003
|
args: [{ selector: 'foehn-list', template: "<div class=\"row\" [id]=\"id\">\n <div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n <ul class=\"list-unstyled\">\n <li\n *ngFor=\"\n let item of filteredList;\n let index = index;\n trackBy: trackByFn\n \"\n >\n <ng-template\n [ngTemplateOutlet]=\"templateVariable\"\n [ngTemplateOutletContext]=\"{ item: item, index: index }\"\n ></ng-template>\n </li>\n </ul>\n\n <div class=\"row d-flex justify-content-between p-1\">\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasPreviousPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"previousPage()\"\n >\n <span class=\"vd-pagination__title\">\n <foehn-icon-chevron-left></foehn-icon-chevron-left>\n {{ previousLabel }}\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage - 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasNextPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"nextPage()\"\n >\n <span class=\"vd-pagination__title\">\n {{ nextLabel }}\n <foehn-icon-chevron-right></foehn-icon-chevron-right>\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage + 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"] }]
|
|
@@ -10086,7 +10148,7 @@ class FoehnTableComponent {
|
|
|
10086
10148
|
}
|
|
10087
10149
|
}
|
|
10088
10150
|
FoehnTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10089
|
-
FoehnTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n <div class=\"col-12\">\n <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n {{ 'foehn-table.totalElements.1' | fromDictionary }}\n </h4>\n <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n {{\n 'foehn-table.totalElements'\n | fromDictionary: { total: totalElements.toString() }\n }}\n </h4>\n </div>\n\n <div class=\"col-12 table-responsive\">\n <table class=\"table table-hover\">\n <thead class=\"vd-bg-pattern-bars-gray\">\n <tr>\n <th\n scope=\"col\"\n *ngFor=\"let col of columnsConfiguration\"\n [id]=\"col.id\"\n >\n <ng-container\n *ngIf=\"!filteredList.length || !col.sortAttribute\"\n >\n <span\n [innerHTML]=\"\n col.columnLabelKey | fromDictionary\n \"\n ></span>\n </ng-container>\n\n <ng-container\n *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n >\n <a\n href=\"#\"\n class=\"vd-text-thin\"\n (click)=\"\n $event.preventDefault();\n triggerSort(col.sortAttribute)\n \"\n [title]=\"\n 'Trier par ' +\n (col.columnLabelKey | fromDictionary)\n \"\n >\n <span\n [innerHTML]=\"\n col.columnLabelKey | fromDictionary\n \"\n ></span>\n <ng-container\n *ngIf=\"\n sort.sortAttribute === col.sortAttribute\n \"\n >\n <span\n class=\"ml-3\"\n *ngIf=\"sort.sortDirection === 'ASC'\"\n >\n <foehn-icon-chevron-up></foehn-icon-chevron-up>\n </span>\n <span\n class=\"ml-3\"\n *ngIf=\"sort.sortDirection === 'DESC'\"\n >\n <foehn-icon-chevron-down></foehn-icon-chevron-down>\n </span>\n </ng-container>\n </a>\n </ng-container>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr\n *ngFor=\"\n let item of filteredList;\n let index = index;\n trackBy: trackByFn\n \"\n >\n <td\n *ngFor=\"let col of columnsConfiguration\"\n [id]=\"col.id + '-' + index\"\n >\n <ng-container *ngIf=\"!!col.isImportant\">\n <span\n *ngIf=\"col.isImportant(item)\"\n class=\"cell-vertical-align-middle\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"30\"\n height=\"30\"\n style=\"color: var(--red)\"\n fill=\"currentColor\"\n class=\"bi bi-exclamation\"\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n />\n </svg>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!!col.iconGetter\">\n <span\n *ngIf=\"col.iconGetter(item) as iconDef\"\n class=\"cell-vertical-align-middle mr-2\"\n >\n <fa-icon\n aria-hidden=\"true\"\n [icon]=\"iconDef.icon\"\n [title]=\"iconDef.label\"\n ></fa-icon>\n <span class=\"sr-only\">{{ iconDef.label }}</span>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!!col.template\">\n <ng-template\n [ngTemplateOutlet]=\"col.template\"\n [ngTemplateOutletContext]=\"{\n item: item,\n index: index\n }\"\n ></ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"!col.template\">\n <ng-container *ngIf=\"!col.routerLinkGetter\">\n <span\n [innerHTML]=\"col.valueGetter(item)\"\n class=\"cell-vertical-align-middle\"\n ></span>\n </ng-container>\n\n <ng-container *ngIf=\"!!col.routerLinkGetter\">\n <a\n [routerLink]=\"col.routerLinkGetter(item)\"\n queryParamsHandling=\"merge\"\n class=\"cell-vertical-align-middle\"\n >\n <span\n [innerHTML]=\"col.valueGetter(item)\"\n ></span>\n </a>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n <td [colSpan]=\"columnsConfiguration.length\">\n <div class=\"w-100 text-center\">\n {{ 'foehn-table.totalElements.0' | fromDictionary }}\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div class=\"row d-flex justify-content-between p-1\">\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasPreviousPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"previousPage()\"\n >\n <span class=\"vd-pagination__title\">\n <foehn-icon-chevron-left></foehn-icon-chevron-left>\n {{ previousLabel }}\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage - 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasNextPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"nextPage()\"\n >\n <span class=\"vd-pagination__title\">\n {{ nextLabel }}\n <foehn-icon-chevron-right></foehn-icon-chevron-right>\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage + 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"], components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
10151
|
+
FoehnTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n <div class=\"col-12\">\n <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n {{ 'foehn-table.totalElements.1' | fromDictionary }}\n </h4>\n <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n {{\n 'foehn-table.totalElements'\n | fromDictionary: { total: totalElements.toString() }\n }}\n </h4>\n </div>\n\n <div class=\"col-12 table-responsive\">\n <table class=\"table table-hover\">\n <thead class=\"vd-bg-pattern-bars-gray\">\n <tr>\n <th\n scope=\"col\"\n *ngFor=\"let col of columnsConfiguration\"\n [id]=\"col.id\"\n >\n <ng-container\n *ngIf=\"!filteredList.length || !col.sortAttribute\"\n >\n <span\n [innerHTML]=\"\n col.columnLabelKey | fromDictionary\n \"\n ></span>\n </ng-container>\n\n <ng-container\n *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n >\n <a\n href=\"#\"\n class=\"vd-text-thin\"\n (click)=\"\n $event.preventDefault();\n triggerSort(col.sortAttribute)\n \"\n [title]=\"\n 'Trier par ' +\n (col.columnLabelKey | fromDictionary)\n \"\n >\n <span\n [innerHTML]=\"\n col.columnLabelKey | fromDictionary\n \"\n ></span>\n <ng-container\n *ngIf=\"\n sort.sortAttribute === col.sortAttribute\n \"\n >\n <span\n class=\"ml-3\"\n *ngIf=\"sort.sortDirection === 'ASC'\"\n >\n <foehn-icon-chevron-up></foehn-icon-chevron-up>\n </span>\n <span\n class=\"ml-3\"\n *ngIf=\"sort.sortDirection === 'DESC'\"\n >\n <foehn-icon-chevron-down></foehn-icon-chevron-down>\n </span>\n </ng-container>\n </a>\n </ng-container>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr\n *ngFor=\"\n let item of filteredList;\n let index = index;\n trackBy: trackByFn\n \"\n >\n <td\n *ngFor=\"let col of columnsConfiguration\"\n [id]=\"col.id + '-' + index\"\n >\n <ng-container *ngIf=\"!!col.isImportant\">\n <span\n *ngIf=\"col.isImportant(item)\"\n class=\"cell-vertical-align-middle\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"30\"\n height=\"30\"\n style=\"color: var(--red)\"\n fill=\"currentColor\"\n class=\"bi bi-exclamation\"\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n />\n </svg>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!!col.iconGetter\">\n <span\n *ngIf=\"col.iconGetter(item) as iconDef\"\n class=\"cell-vertical-align-middle mr-2\"\n >\n <fa-icon\n aria-hidden=\"true\"\n [icon]=\"iconDef.icon\"\n [title]=\"iconDef.label\"\n ></fa-icon>\n <span class=\"sr-only\">{{ iconDef.label }}</span>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!!col.template\">\n <ng-template\n [ngTemplateOutlet]=\"col.template\"\n [ngTemplateOutletContext]=\"{\n item: item,\n index: index\n }\"\n ></ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"!col.template\">\n <ng-container *ngIf=\"!col.routerLinkGetter\">\n <span\n [innerHTML]=\"col.valueGetter(item)\"\n class=\"cell-vertical-align-middle\"\n ></span>\n </ng-container>\n\n <ng-container *ngIf=\"!!col.routerLinkGetter\">\n <a\n [routerLink]=\"col.routerLinkGetter(item)\"\n queryParamsHandling=\"merge\"\n class=\"cell-vertical-align-middle\"\n >\n <span\n [innerHTML]=\"col.valueGetter(item)\"\n ></span>\n </a>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n <td [colSpan]=\"columnsConfiguration.length\">\n <div class=\"w-100 text-center\">\n {{ 'foehn-table.totalElements.0' | fromDictionary }}\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div class=\"row d-flex justify-content-between p-1\">\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasPreviousPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"previousPage()\"\n >\n <span class=\"vd-pagination__title\">\n <foehn-icon-chevron-left></foehn-icon-chevron-left>\n {{ previousLabel }}\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage - 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasNextPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"nextPage()\"\n >\n <span class=\"vd-pagination__title\">\n {{ nextLabel }}\n <foehn-icon-chevron-right></foehn-icon-chevron-right>\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage + 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"], components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
10090
10152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnTableComponent, decorators: [{
|
|
10091
10153
|
type: Component,
|
|
10092
10154
|
args: [{ selector: 'foehn-table', template: "<div class=\"row\" [id]=\"id\">\n <div class=\"col-12\">\n <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n {{ 'foehn-table.totalElements.1' | fromDictionary }}\n </h4>\n <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n {{\n 'foehn-table.totalElements'\n | fromDictionary: { total: totalElements.toString() }\n }}\n </h4>\n </div>\n\n <div class=\"col-12 table-responsive\">\n <table class=\"table table-hover\">\n <thead class=\"vd-bg-pattern-bars-gray\">\n <tr>\n <th\n scope=\"col\"\n *ngFor=\"let col of columnsConfiguration\"\n [id]=\"col.id\"\n >\n <ng-container\n *ngIf=\"!filteredList.length || !col.sortAttribute\"\n >\n <span\n [innerHTML]=\"\n col.columnLabelKey | fromDictionary\n \"\n ></span>\n </ng-container>\n\n <ng-container\n *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n >\n <a\n href=\"#\"\n class=\"vd-text-thin\"\n (click)=\"\n $event.preventDefault();\n triggerSort(col.sortAttribute)\n \"\n [title]=\"\n 'Trier par ' +\n (col.columnLabelKey | fromDictionary)\n \"\n >\n <span\n [innerHTML]=\"\n col.columnLabelKey | fromDictionary\n \"\n ></span>\n <ng-container\n *ngIf=\"\n sort.sortAttribute === col.sortAttribute\n \"\n >\n <span\n class=\"ml-3\"\n *ngIf=\"sort.sortDirection === 'ASC'\"\n >\n <foehn-icon-chevron-up></foehn-icon-chevron-up>\n </span>\n <span\n class=\"ml-3\"\n *ngIf=\"sort.sortDirection === 'DESC'\"\n >\n <foehn-icon-chevron-down></foehn-icon-chevron-down>\n </span>\n </ng-container>\n </a>\n </ng-container>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr\n *ngFor=\"\n let item of filteredList;\n let index = index;\n trackBy: trackByFn\n \"\n >\n <td\n *ngFor=\"let col of columnsConfiguration\"\n [id]=\"col.id + '-' + index\"\n >\n <ng-container *ngIf=\"!!col.isImportant\">\n <span\n *ngIf=\"col.isImportant(item)\"\n class=\"cell-vertical-align-middle\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"30\"\n height=\"30\"\n style=\"color: var(--red)\"\n fill=\"currentColor\"\n class=\"bi bi-exclamation\"\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n />\n </svg>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!!col.iconGetter\">\n <span\n *ngIf=\"col.iconGetter(item) as iconDef\"\n class=\"cell-vertical-align-middle mr-2\"\n >\n <fa-icon\n aria-hidden=\"true\"\n [icon]=\"iconDef.icon\"\n [title]=\"iconDef.label\"\n ></fa-icon>\n <span class=\"sr-only\">{{ iconDef.label }}</span>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!!col.template\">\n <ng-template\n [ngTemplateOutlet]=\"col.template\"\n [ngTemplateOutletContext]=\"{\n item: item,\n index: index\n }\"\n ></ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"!col.template\">\n <ng-container *ngIf=\"!col.routerLinkGetter\">\n <span\n [innerHTML]=\"col.valueGetter(item)\"\n class=\"cell-vertical-align-middle\"\n ></span>\n </ng-container>\n\n <ng-container *ngIf=\"!!col.routerLinkGetter\">\n <a\n [routerLink]=\"col.routerLinkGetter(item)\"\n queryParamsHandling=\"merge\"\n class=\"cell-vertical-align-middle\"\n >\n <span\n [innerHTML]=\"col.valueGetter(item)\"\n ></span>\n </a>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n <td [colSpan]=\"columnsConfiguration.length\">\n <div class=\"w-100 text-center\">\n {{ 'foehn-table.totalElements.0' | fromDictionary }}\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div class=\"row d-flex justify-content-between p-1\">\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasPreviousPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"previousPage()\"\n >\n <span class=\"vd-pagination__title\">\n <foehn-icon-chevron-left></foehn-icon-chevron-left>\n {{ previousLabel }}\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage - 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n <nav\n class=\"vd-pagination\"\n aria-label=\"Pagination\"\n *ngIf=\"hasNextPage()\"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--next\"\n >\n <button\n class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n (click)=\"nextPage()\"\n >\n <span class=\"vd-pagination__title\">\n {{ nextLabel }}\n <foehn-icon-chevron-right></foehn-icon-chevron-right>\n </span>\n <span class=\"sr-only\">:</span>\n <span class=\"vd-pagination__label\">\n {{ currentPage + 1 }} sur {{ pagesCount() }}\n </span>\n </button>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"] }]
|
|
@@ -10505,7 +10567,7 @@ class SdkRecaptchaComponent {
|
|
|
10505
10567
|
}
|
|
10506
10568
|
}
|
|
10507
10569
|
SdkRecaptchaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SdkRecaptchaComponent, deps: [{ token: RecaptchaService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
10508
|
-
SdkRecaptchaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SdkRecaptchaComponent, selector: "captcha", viewQueries: [{ propertyName: "grecaptcha", first: true, predicate: GrecaptchaComponent, descendants: true }], ngImport: i0, template: "<!-- Only display the content if the captcha should be displayed (user not connected for instance) -->\n<div id=\"foehn_recaptchaContainer\" *ngIf=\"shouldDisplay | async\">\n <!-- Manual error handling because errors can come from multiple sources -->\n <ng-container *ngIf=\"errors | async as err\">\n <div\n class=\"form-control-feedback text-danger\"\n *ngIf=\"err && err.length\"\n >\n <p *ngFor=\"let error of err\">{{ error.message }}</p>\n </div>\n </ng-container>\n\n <!-- While the captcha is being loaded -->\n <div class=\"alert alert-info\" *ngIf=\"!isLoaded && !hasLoadingError\">\n Chargement du captcha\n </div>\n\n <!-- In case google.com cannot be reached for instance -->\n <div class=\"alert alert-danger\" *ngIf=\"hasLoadingError\">\n <div class=\"mt-0 alert-heading h4\">\n Une erreur est survenue lors du chargement du captcha.\n </div>\n <p>\n Merci de v\u00E9rifier que votre navigateur peut acc\u00E9der \u00E0\n <a href=\"http://google.com\" target=\"_blank\">google.com</a>\n .\n </p>\n </div>\n\n <ng-container *ngIf=\"publicKey | async as key\">\n <!-- The captcha itself is in a different container not to confused Angular change detection -->\n <app-grecaptcha\n [siteKey]=\"key\"\n (loaded)=\"setIsLoaded($event)\"\n (scriptError)=\"setScriptError($event)\"\n (tokenOnSuccess)=\"tokenOnSuccess($event)\"\n ></app-grecaptcha>\n </ng-container>\n</div>\n", components: [{ type: GrecaptchaComponent, selector: "app-grecaptcha", inputs: ["siteKey"], outputs: ["loaded", "scriptError", "tokenOnSuccess", "destroyed"] }], directives: [{ type:
|
|
10570
|
+
SdkRecaptchaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SdkRecaptchaComponent, selector: "captcha", viewQueries: [{ propertyName: "grecaptcha", first: true, predicate: GrecaptchaComponent, descendants: true }], ngImport: i0, template: "<!-- Only display the content if the captcha should be displayed (user not connected for instance) -->\n<div id=\"foehn_recaptchaContainer\" *ngIf=\"shouldDisplay | async\">\n <!-- Manual error handling because errors can come from multiple sources -->\n <ng-container *ngIf=\"errors | async as err\">\n <div\n class=\"form-control-feedback text-danger\"\n *ngIf=\"err && err.length\"\n >\n <p *ngFor=\"let error of err\">{{ error.message }}</p>\n </div>\n </ng-container>\n\n <!-- While the captcha is being loaded -->\n <div class=\"alert alert-info\" *ngIf=\"!isLoaded && !hasLoadingError\">\n Chargement du captcha\n </div>\n\n <!-- In case google.com cannot be reached for instance -->\n <div class=\"alert alert-danger\" *ngIf=\"hasLoadingError\">\n <div class=\"mt-0 alert-heading h4\">\n Une erreur est survenue lors du chargement du captcha.\n </div>\n <p>\n Merci de v\u00E9rifier que votre navigateur peut acc\u00E9der \u00E0\n <a href=\"http://google.com\" target=\"_blank\">google.com</a>\n .\n </p>\n </div>\n\n <ng-container *ngIf=\"publicKey | async as key\">\n <!-- The captcha itself is in a different container not to confused Angular change detection -->\n <app-grecaptcha\n [siteKey]=\"key\"\n (loaded)=\"setIsLoaded($event)\"\n (scriptError)=\"setScriptError($event)\"\n (tokenOnSuccess)=\"tokenOnSuccess($event)\"\n ></app-grecaptcha>\n </ng-container>\n</div>\n", components: [{ type: GrecaptchaComponent, selector: "app-grecaptcha", inputs: ["siteKey"], outputs: ["loaded", "scriptError", "tokenOnSuccess", "destroyed"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe } });
|
|
10509
10571
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SdkRecaptchaComponent, decorators: [{
|
|
10510
10572
|
type: Component,
|
|
10511
10573
|
args: [{ selector: 'captcha', template: "<!-- Only display the content if the captcha should be displayed (user not connected for instance) -->\n<div id=\"foehn_recaptchaContainer\" *ngIf=\"shouldDisplay | async\">\n <!-- Manual error handling because errors can come from multiple sources -->\n <ng-container *ngIf=\"errors | async as err\">\n <div\n class=\"form-control-feedback text-danger\"\n *ngIf=\"err && err.length\"\n >\n <p *ngFor=\"let error of err\">{{ error.message }}</p>\n </div>\n </ng-container>\n\n <!-- While the captcha is being loaded -->\n <div class=\"alert alert-info\" *ngIf=\"!isLoaded && !hasLoadingError\">\n Chargement du captcha\n </div>\n\n <!-- In case google.com cannot be reached for instance -->\n <div class=\"alert alert-danger\" *ngIf=\"hasLoadingError\">\n <div class=\"mt-0 alert-heading h4\">\n Une erreur est survenue lors du chargement du captcha.\n </div>\n <p>\n Merci de v\u00E9rifier que votre navigateur peut acc\u00E9der \u00E0\n <a href=\"http://google.com\" target=\"_blank\">google.com</a>\n .\n </p>\n </div>\n\n <ng-container *ngIf=\"publicKey | async as key\">\n <!-- The captcha itself is in a different container not to confused Angular change detection -->\n <app-grecaptcha\n [siteKey]=\"key\"\n (loaded)=\"setIsLoaded($event)\"\n (scriptError)=\"setScriptError($event)\"\n (tokenOnSuccess)=\"tokenOnSuccess($event)\"\n ></app-grecaptcha>\n </ng-container>\n</div>\n" }]
|
|
@@ -10992,7 +11054,7 @@ FoehnMultiUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
10992
11054
|
useExisting: forwardRef(() => FoehnMultiUploadComponent),
|
|
10993
11055
|
multi: true
|
|
10994
11056
|
}
|
|
10995
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [class.drop-zone-highlight]=\"showDropZone\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n (drop)=\"onDrop($event)\"\n (dragenter)=\"onDragenter($event)\"\n (dragleave)=\"onDragleave($event)\"\n (dragover)=\"onDragover($event)\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts\n [component]=\"this\"\n [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n ></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"reference\">\n <div\n *ngFor=\"let document of model; trackBy: trackByDocument\"\n class=\"file file-uploaded\"\n >\n <a [href]=\"multiUploadService.getDownloadUrl(url, document)\">\n {{ document.filename }}\n </a>\n <span class=\"ml-1 mr-1\">\n ({{ toMegaOctets(document.fileSize) }}\n <abbr title=\"Megaoctet\">Mo</abbr>\n )\n </span>\n <button\n *ngIf=\"!readonly\"\n type=\"button\"\n class=\"btn icon-button delete-uploaded\"\n (click)=\"removeFile(document)\"\n >\n <foehn-icon-times\n title=\"Supprimer {{ document.filename }}\"\n ></foehn-icon-times>\n </button>\n </div>\n\n <small\n class=\"form-text text-secondary uploaded-global-info\"\n *ngIf=\"showGlobalInfos(model)\"\n [innerHTML]=\"getGlobalInfos(model)\"\n ></small>\n </ng-container>\n\n <ng-container *ngIf=\"!reference\">\n <div\n *ngFor=\"let pending of pendingFiles; trackBy: trackByPending\"\n class=\"file file-pending\"\n >\n <span>{{ pending.name }}</span>\n <span class=\"ml-1 mr-1\">\n ({{ toMegaOctets(pending.size) }}\n <abbr title=\"Megaoctet\">Mo</abbr>\n )\n </span>\n <button\n *ngIf=\"!readonly\"\n type=\"button\"\n class=\"btn icon-button delete-pending\"\n (click)=\"removeFile(pending)\"\n >\n <foehn-icon-times\n title=\"Supprimer {{ pending.name }}\"\n ></foehn-icon-times>\n </button>\n </div>\n\n <small\n class=\"form-text text-secondary pending-global-info\"\n *ngIf=\"showGlobalInfos(pendingFiles)\"\n [innerHTML]=\"getGlobalInfos(pendingFiles)\"\n ></small>\n </ng-container>\n\n <ng-container *ngIf=\"canAddMoreFiles()\">\n <input\n class=\"form-control-file actual-input\"\n type=\"file\"\n [name]=\"name || label\"\n [multiple]=\"multiple\"\n [attr.accept]=\"\n overrideAcceptedExtensions\n ? overrideAcceptedExtensions\n : uploaderHelper.accept\n ? uploaderHelper.accept\n : null\n \"\n (change)=\"onFileChange($event)\"\n #inputFile\n />\n\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n [ngClass]=\"{ 'sr-only': !showUploadButton }\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n (click)=\"inputFile.click()\"\n #entryComponent\n >\n {{ multiple ? chooseButtonLabelMultiple : chooseButtonLabel }}\n </button>\n\n <div\n *ngIf=\"dragAndDrop\"\n aria-hidden=\"true\"\n class=\"dropfile\"\n [class.dropfile-border-transparent]=\"showDropZone\"\n (click)=\"inputFile.click()\"\n >\n {{ multiple ? dropZoneLabelMultiple : dropZoneLabel }}\n </div>\n </ng-container>\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:var(--white)}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0;background-color:transparent}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type:
|
|
11057
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [class.drop-zone-highlight]=\"showDropZone\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n (drop)=\"onDrop($event)\"\n (dragenter)=\"onDragenter($event)\"\n (dragleave)=\"onDragleave($event)\"\n (dragover)=\"onDragover($event)\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts\n [component]=\"this\"\n [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n ></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"reference\">\n <div\n *ngFor=\"let document of model; trackBy: trackByDocument\"\n class=\"file file-uploaded\"\n >\n <a [href]=\"multiUploadService.getDownloadUrl(url, document)\">\n {{ document.filename }}\n </a>\n <span class=\"ml-1 mr-1\">\n ({{ toMegaOctets(document.fileSize) }}\n <abbr title=\"Megaoctet\">Mo</abbr>\n )\n </span>\n <button\n *ngIf=\"!readonly\"\n type=\"button\"\n class=\"btn icon-button delete-uploaded\"\n (click)=\"removeFile(document)\"\n >\n <foehn-icon-times\n title=\"Supprimer {{ document.filename }}\"\n ></foehn-icon-times>\n </button>\n </div>\n\n <small\n class=\"form-text text-secondary uploaded-global-info\"\n *ngIf=\"showGlobalInfos(model)\"\n [innerHTML]=\"getGlobalInfos(model)\"\n ></small>\n </ng-container>\n\n <ng-container *ngIf=\"!reference\">\n <div\n *ngFor=\"let pending of pendingFiles; trackBy: trackByPending\"\n class=\"file file-pending\"\n >\n <span>{{ pending.name }}</span>\n <span class=\"ml-1 mr-1\">\n ({{ toMegaOctets(pending.size) }}\n <abbr title=\"Megaoctet\">Mo</abbr>\n )\n </span>\n <button\n *ngIf=\"!readonly\"\n type=\"button\"\n class=\"btn icon-button delete-pending\"\n (click)=\"removeFile(pending)\"\n >\n <foehn-icon-times\n title=\"Supprimer {{ pending.name }}\"\n ></foehn-icon-times>\n </button>\n </div>\n\n <small\n class=\"form-text text-secondary pending-global-info\"\n *ngIf=\"showGlobalInfos(pendingFiles)\"\n [innerHTML]=\"getGlobalInfos(pendingFiles)\"\n ></small>\n </ng-container>\n\n <ng-container *ngIf=\"canAddMoreFiles()\">\n <input\n class=\"form-control-file actual-input\"\n type=\"file\"\n [name]=\"name || label\"\n [multiple]=\"multiple\"\n [attr.accept]=\"\n overrideAcceptedExtensions\n ? overrideAcceptedExtensions\n : uploaderHelper.accept\n ? uploaderHelper.accept\n : null\n \"\n (change)=\"onFileChange($event)\"\n #inputFile\n />\n\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n [ngClass]=\"{ 'sr-only': !showUploadButton }\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n (click)=\"inputFile.click()\"\n #entryComponent\n >\n {{ multiple ? chooseButtonLabelMultiple : chooseButtonLabel }}\n </button>\n\n <div\n *ngIf=\"dragAndDrop\"\n aria-hidden=\"true\"\n class=\"dropfile\"\n [class.dropfile-border-transparent]=\"showDropZone\"\n (click)=\"inputFile.click()\"\n >\n {{ multiple ? dropZoneLabelMultiple : dropZoneLabel }}\n </div>\n </ng-container>\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:var(--white)}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0;background-color:transparent}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
10996
11058
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnMultiUploadComponent, decorators: [{
|
|
10997
11059
|
type: Component,
|
|
10998
11060
|
args: [{ selector: 'foehn-multi-upload', providers: [
|
|
@@ -11222,7 +11284,7 @@ FoehnBoMultiUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
11222
11284
|
useExisting: forwardRef(() => FoehnBoMultiUploadComponent),
|
|
11223
11285
|
multi: true
|
|
11224
11286
|
}
|
|
11225
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [class.drop-zone-highlight]=\"showDropZone\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n (drop)=\"onDrop($event)\"\n (dragenter)=\"onDragenter($event)\"\n (dragleave)=\"onDragleave($event)\"\n (dragover)=\"onDragover($event)\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts\n [component]=\"this\"\n [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n ></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n <ng-content></ng-content>\n\n <div\n *ngFor=\"let document of model; trackBy: trackByDocument\"\n class=\"file file-uploaded\"\n >\n <a [href]=\"boMultiUploadService.getDownloadUrl(downloadUrl, document)\">\n {{ document.filename }}\n </a>\n <span class=\"ml-1 mr-1\">\n ({{ toMegaOctets(document.fileSize) }}\n <abbr\n [title]=\"'foehn-uploader.abbr-megaoctet-title' | fromDictionary\"\n >\n {{ 'foehn-uploader.abbr-megaoctet' | fromDictionary }}\n </abbr>\n )\n </span>\n <button\n *ngIf=\"!readonly\"\n type=\"button\"\n class=\"btn icon-button delete-uploaded\"\n (click)=\"removeFile(document)\"\n >\n <foehn-icon-times\n [title]=\"\n 'foehn-uploader.delete-icon-title'\n | fromDictionary: { docName: document.filename }\n \"\n ></foehn-icon-times>\n </button>\n </div>\n\n <small\n class=\"form-text text-secondary uploaded-global-info\"\n *ngIf=\"showGlobalInfos(model)\"\n [innerHTML]=\"getGlobalInfos(model)\"\n ></small>\n\n <ng-container *ngIf=\"canAddMoreFiles()\">\n <input\n class=\"form-control-file actual-input\"\n type=\"file\"\n [name]=\"name || label\"\n [multiple]=\"multiple\"\n [attr.accept]=\"\n overrideAcceptedExtensions\n ? overrideAcceptedExtensions\n : uploaderHelper.accept\n ? uploaderHelper.accept\n : null\n \"\n (change)=\"onFileChange($event)\"\n #inputFile\n />\n\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n [ngClass]=\"{ 'sr-only': !showUploadButton }\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n (click)=\"inputFile.click()\"\n #entryComponent\n >\n {{ multiple ? chooseButtonLabelMultiple : chooseButtonLabel }}\n </button>\n\n <div\n *ngIf=\"dragAndDrop\"\n aria-hidden=\"true\"\n class=\"dropfile\"\n [class.dropfile-border-transparent]=\"showDropZone\"\n (click)=\"inputFile.click()\"\n >\n {{ multiple ? dropZoneLabelMultiple : dropZoneLabel }}\n </div>\n </ng-container>\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:var(--white)}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0;background-color:transparent}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type:
|
|
11287
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [class.drop-zone-highlight]=\"showDropZone\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n (drop)=\"onDrop($event)\"\n (dragenter)=\"onDragenter($event)\"\n (dragleave)=\"onDragleave($event)\"\n (dragover)=\"onDragover($event)\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts\n [component]=\"this\"\n [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n ></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n <ng-content></ng-content>\n\n <div\n *ngFor=\"let document of model; trackBy: trackByDocument\"\n class=\"file file-uploaded\"\n >\n <a [href]=\"boMultiUploadService.getDownloadUrl(downloadUrl, document)\">\n {{ document.filename }}\n </a>\n <span class=\"ml-1 mr-1\">\n ({{ toMegaOctets(document.fileSize) }}\n <abbr\n [title]=\"'foehn-uploader.abbr-megaoctet-title' | fromDictionary\"\n >\n {{ 'foehn-uploader.abbr-megaoctet' | fromDictionary }}\n </abbr>\n )\n </span>\n <button\n *ngIf=\"!readonly\"\n type=\"button\"\n class=\"btn icon-button delete-uploaded\"\n (click)=\"removeFile(document)\"\n >\n <foehn-icon-times\n [title]=\"\n 'foehn-uploader.delete-icon-title'\n | fromDictionary: { docName: document.filename }\n \"\n ></foehn-icon-times>\n </button>\n </div>\n\n <small\n class=\"form-text text-secondary uploaded-global-info\"\n *ngIf=\"showGlobalInfos(model)\"\n [innerHTML]=\"getGlobalInfos(model)\"\n ></small>\n\n <ng-container *ngIf=\"canAddMoreFiles()\">\n <input\n class=\"form-control-file actual-input\"\n type=\"file\"\n [name]=\"name || label\"\n [multiple]=\"multiple\"\n [attr.accept]=\"\n overrideAcceptedExtensions\n ? overrideAcceptedExtensions\n : uploaderHelper.accept\n ? uploaderHelper.accept\n : null\n \"\n (change)=\"onFileChange($event)\"\n #inputFile\n />\n\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n [ngClass]=\"{ 'sr-only': !showUploadButton }\"\n [attr.id]=\"buildChildId()\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n (click)=\"inputFile.click()\"\n #entryComponent\n >\n {{ multiple ? chooseButtonLabelMultiple : chooseButtonLabel }}\n </button>\n\n <div\n *ngIf=\"dragAndDrop\"\n aria-hidden=\"true\"\n class=\"dropfile\"\n [class.dropfile-border-transparent]=\"showDropZone\"\n (click)=\"inputFile.click()\"\n >\n {{ multiple ? dropZoneLabelMultiple : dropZoneLabel }}\n </div>\n </ng-container>\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:var(--white)}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0;background-color:transparent}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
11226
11288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnBoMultiUploadComponent, decorators: [{
|
|
11227
11289
|
type: Component,
|
|
11228
11290
|
args: [{ selector: 'foehn-bo-multi-upload', providers: [
|
|
@@ -11403,7 +11465,7 @@ FoehnPictureUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
11403
11465
|
useExisting: forwardRef(() => FoehnPictureUploadComponent),
|
|
11404
11466
|
multi: true
|
|
11405
11467
|
}
|
|
11406
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n [attr.id]=\"buildId('Container')\"\n [class.has-danger]=\"hasErrors()\"\n [class.vd-form-group-danger]=\"hasErrors()\"\n class=\"form-group clearable-input-form-group\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n <ng-content></ng-content>\n\n <div *ngIf=\"hasPicture\" class=\"row\">\n <div class=\"col-md-6\">\n <img\n [id]=\"buildChildId('Picture')\"\n [attr.alt]=\"label\"\n [src]=\"getDownloadUrl()\"\n />\n </div>\n <div class=\"col-md-4\">\n <button\n type=\"button\"\n class=\"btn btn-danger w-100\"\n [attr.id]=\"buildChildId('DeleteButton')\"\n (click)=\"deleteFile()\"\n >\n {{\n 'foehn-picture-upload.delete-picture-label' | fromDictionary\n }}\n </button>\n </div>\n </div>\n\n <div *ngIf=\"!hasPicture && !croppedPictureAsBase64Url\">\n <input\n #inputFile\n type=\"file\"\n class=\"form-control-file d-none\"\n [attr.id]=\"name\"\n [attr.accept]=\"'.jpeg,.jpg,.png'\"\n [multiple]=\"false\"\n [name]=\"name\"\n (change)=\"onPictureSelection($event)\"\n />\n\n <button\n type=\"button\"\n class=\"btn btn-primary my-2\"\n [attr.id]=\"buildChildId('ChooseButton')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n (click)=\"inputFile.click()\"\n [attr.disabled]=\"loading ? 'disabled' : null\"\n >\n {{ 'foehn-picture-upload.choose-button-label' | fromDictionary }}\n </button>\n </div>\n\n <div *ngIf=\"loading\">\n {{ 'foehn-picture-upload.loading-label' | fromDictionary }}\n </div>\n\n <div *ngIf=\"!hasPicture\" class=\"row\">\n <div class=\"col-md-6\">\n <image-cropper\n [id]=\"buildChildId('Cropper')\"\n (cropperReady)=\"loading = false\"\n (imageCropped)=\"onImageCropped($event)\"\n (loadImageFailed)=\"onPictureSelectionFailed()\"\n [aspectRatio]=\"3 / 4\"\n [imageChangedEvent]=\"pictureToCrop\"\n [maintainAspectRatio]=\"true\"\n [resizeToWidth]=\"resizeToWidth\"\n [resizeToHeight]=\"resizeToHeight\"\n [onlyScaleDown]=\"true\"\n format=\"png\"\n ></image-cropper>\n </div>\n\n <div *ngIf=\"!hasPicture\" class=\"col-md-4\">\n <div class=\"row mb-3\">\n <button\n *ngIf=\"croppedPictureAsBase64Url\"\n type=\"button\"\n class=\"btn btn-primary w-100\"\n [attr.id]=\"buildChildId('SaveButton')\"\n (click)=\"savePicture()\"\n >\n {{\n 'foehn-picture-upload.validate-selection-label'\n | fromDictionary\n }}\n </button>\n </div>\n <div class=\"row\">\n <button\n *ngIf=\"croppedPictureAsBase64Url\"\n type=\"button\"\n class=\"btn btn-secondary w-100\"\n [attr.id]=\"buildChildId('CancelButton')\"\n (click)=\"resetPictureSelection()\"\n >\n {{\n 'foehn-picture-upload.cancel-selection-label'\n | fromDictionary\n }}\n </button>\n </div>\n </div>\n </div>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: i5.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "format", "transform", "maintainAspectRatio", "aspectRatio", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "cropper", "alignImage", "disabled"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed"] }], directives: [{ type:
|
|
11468
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n [attr.id]=\"buildId('Container')\"\n [class.has-danger]=\"hasErrors()\"\n [class.vd-form-group-danger]=\"hasErrors()\"\n class=\"form-group clearable-input-form-group\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"!!label\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n <ng-content></ng-content>\n\n <div *ngIf=\"hasPicture\" class=\"row\">\n <div class=\"col-md-6\">\n <img\n [id]=\"buildChildId('Picture')\"\n [attr.alt]=\"label\"\n [src]=\"getDownloadUrl()\"\n />\n </div>\n <div class=\"col-md-4\">\n <button\n type=\"button\"\n class=\"btn btn-danger w-100\"\n [attr.id]=\"buildChildId('DeleteButton')\"\n (click)=\"deleteFile()\"\n >\n {{\n 'foehn-picture-upload.delete-picture-label' | fromDictionary\n }}\n </button>\n </div>\n </div>\n\n <div *ngIf=\"!hasPicture && !croppedPictureAsBase64Url\">\n <input\n #inputFile\n type=\"file\"\n class=\"form-control-file d-none\"\n [attr.id]=\"name\"\n [attr.accept]=\"'.jpeg,.jpg,.png'\"\n [multiple]=\"false\"\n [name]=\"name\"\n (change)=\"onPictureSelection($event)\"\n />\n\n <button\n type=\"button\"\n class=\"btn btn-primary my-2\"\n [attr.id]=\"buildChildId('ChooseButton')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n (click)=\"inputFile.click()\"\n [attr.disabled]=\"loading ? 'disabled' : null\"\n >\n {{ 'foehn-picture-upload.choose-button-label' | fromDictionary }}\n </button>\n </div>\n\n <div *ngIf=\"loading\">\n {{ 'foehn-picture-upload.loading-label' | fromDictionary }}\n </div>\n\n <div *ngIf=\"!hasPicture\" class=\"row\">\n <div class=\"col-md-6\">\n <image-cropper\n [id]=\"buildChildId('Cropper')\"\n (cropperReady)=\"loading = false\"\n (imageCropped)=\"onImageCropped($event)\"\n (loadImageFailed)=\"onPictureSelectionFailed()\"\n [aspectRatio]=\"3 / 4\"\n [imageChangedEvent]=\"pictureToCrop\"\n [maintainAspectRatio]=\"true\"\n [resizeToWidth]=\"resizeToWidth\"\n [resizeToHeight]=\"resizeToHeight\"\n [onlyScaleDown]=\"true\"\n format=\"png\"\n ></image-cropper>\n </div>\n\n <div *ngIf=\"!hasPicture\" class=\"col-md-4\">\n <div class=\"row mb-3\">\n <button\n *ngIf=\"croppedPictureAsBase64Url\"\n type=\"button\"\n class=\"btn btn-primary w-100\"\n [attr.id]=\"buildChildId('SaveButton')\"\n (click)=\"savePicture()\"\n >\n {{\n 'foehn-picture-upload.validate-selection-label'\n | fromDictionary\n }}\n </button>\n </div>\n <div class=\"row\">\n <button\n *ngIf=\"croppedPictureAsBase64Url\"\n type=\"button\"\n class=\"btn btn-secondary w-100\"\n [attr.id]=\"buildChildId('CancelButton')\"\n (click)=\"resetPictureSelection()\"\n >\n {{\n 'foehn-picture-upload.cancel-selection-label'\n | fromDictionary\n }}\n </button>\n </div>\n </div>\n </div>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: i5$1.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "format", "transform", "maintainAspectRatio", "aspectRatio", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "cropper", "alignImage", "disabled"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
11407
11469
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnPictureUploadComponent, decorators: [{
|
|
11408
11470
|
type: Component,
|
|
11409
11471
|
args: [{ selector: 'foehn-picture-upload', providers: [
|
|
@@ -11595,59 +11657,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
11595
11657
|
}]
|
|
11596
11658
|
}] });
|
|
11597
11659
|
|
|
11598
|
-
class FoehnHelpModalComponent {
|
|
11599
|
-
constructor() {
|
|
11600
|
-
this.isVisible = false;
|
|
11601
|
-
}
|
|
11602
|
-
get isModalVisible() {
|
|
11603
|
-
return !!this.modalContent && this.isVisible;
|
|
11604
|
-
}
|
|
11605
|
-
get currentModalTitle() {
|
|
11606
|
-
return this.modalContent && this.modalContent.title;
|
|
11607
|
-
}
|
|
11608
|
-
open() {
|
|
11609
|
-
this.isVisible = true;
|
|
11610
|
-
}
|
|
11611
|
-
close() {
|
|
11612
|
-
this.updateVisibilityStatus(false);
|
|
11613
|
-
}
|
|
11614
|
-
updateVisibilityStatus(status) {
|
|
11615
|
-
// In case the modal is closed by another mean.
|
|
11616
|
-
this.isVisible = status;
|
|
11617
|
-
}
|
|
11618
|
-
hasContent() {
|
|
11619
|
-
return this.content && !!this.content.nativeElement.innerHTML.trim();
|
|
11620
|
-
}
|
|
11621
|
-
}
|
|
11622
|
-
FoehnHelpModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11623
|
-
FoehnHelpModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: { modalContent: "modalContent" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: "<button\n type=\"button\"\n class=\"clear-button btn d-flex\"\n (click)=\"open()\"\n #modalTrigger\n>\n <foehn-icon-info-circle\n [class.mr-1]=\"hasContent()\"\n title=\" \"\n ></foehn-icon-info-circle>\n\n <span class=\"sr-only button-help-text\" *ngIf=\"!hasContent()\">\n Aide: {{ modalContent.title }}\n </span>\n\n <span #content>\n <ng-content></ng-content>\n </span>\n</button>\n<foehn-modal\n id=\"help-modal\"\n modalSize=\"modal-lg\"\n [modalHeaderText]=\"currentModalTitle\"\n [isModalVisible]=\"isModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n (click)=\"close()\"\n [modalTriggerHtmlElement]=\"modalTrigger\"\n>\n <ng-container *ngIf=\"modalContent\">\n <div *ngIf=\"!!modalContent.body\" [innerHtml]=\"modalContent.body\"></div>\n <img\n *ngFor=\"let image of modalContent.images\"\n [src]=\"image.src\"\n [alt]=\"image.alt\"\n class=\"mt-2\"\n width=\"100%\"\n height=\"auto\"\n />\n </ng-container>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal-body{height:100%}:host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important}.clear-button{background:none;margin-left:-1em}\n"], components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }, { type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
11624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalComponent, decorators: [{
|
|
11625
|
-
type: Component,
|
|
11626
|
-
args: [{ selector: 'foehn-help-modal', template: "<button\n type=\"button\"\n class=\"clear-button btn d-flex\"\n (click)=\"open()\"\n #modalTrigger\n>\n <foehn-icon-info-circle\n [class.mr-1]=\"hasContent()\"\n title=\" \"\n ></foehn-icon-info-circle>\n\n <span class=\"sr-only button-help-text\" *ngIf=\"!hasContent()\">\n Aide: {{ modalContent.title }}\n </span>\n\n <span #content>\n <ng-content></ng-content>\n </span>\n</button>\n<foehn-modal\n id=\"help-modal\"\n modalSize=\"modal-lg\"\n [modalHeaderText]=\"currentModalTitle\"\n [isModalVisible]=\"isModalVisible\"\n (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n (click)=\"close()\"\n [modalTriggerHtmlElement]=\"modalTrigger\"\n>\n <ng-container *ngIf=\"modalContent\">\n <div *ngIf=\"!!modalContent.body\" [innerHtml]=\"modalContent.body\"></div>\n <img\n *ngFor=\"let image of modalContent.images\"\n [src]=\"image.src\"\n [alt]=\"image.alt\"\n class=\"mt-2\"\n width=\"100%\"\n height=\"auto\"\n />\n </ng-container>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal-body{height:100%}:host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important}.clear-button{background:none;margin-left:-1em}\n"] }]
|
|
11627
|
-
}], propDecorators: { modalContent: [{
|
|
11628
|
-
type: Input
|
|
11629
|
-
}], modalTrigger: [{
|
|
11630
|
-
type: ViewChild,
|
|
11631
|
-
args: ['modalTrigger', { static: true }]
|
|
11632
|
-
}], content: [{
|
|
11633
|
-
type: ViewChild,
|
|
11634
|
-
args: ['content', { static: true }]
|
|
11635
|
-
}] } });
|
|
11636
|
-
|
|
11637
|
-
class FoehnHelpModalModule {
|
|
11638
|
-
}
|
|
11639
|
-
FoehnHelpModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11640
|
-
FoehnHelpModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalModule, declarations: [FoehnHelpModalComponent], imports: [CommonModule, FoehnModalModule, FoehnIconsModule], exports: [FoehnHelpModalComponent] });
|
|
11641
|
-
FoehnHelpModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalModule, imports: [[CommonModule, FoehnModalModule, FoehnIconsModule]] });
|
|
11642
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalModule, decorators: [{
|
|
11643
|
-
type: NgModule,
|
|
11644
|
-
args: [{
|
|
11645
|
-
imports: [CommonModule, FoehnModalModule, FoehnIconsModule],
|
|
11646
|
-
declarations: [FoehnHelpModalComponent],
|
|
11647
|
-
exports: [FoehnHelpModalComponent]
|
|
11648
|
-
}]
|
|
11649
|
-
}] });
|
|
11650
|
-
|
|
11651
11660
|
class FoehnConfirmModalContent {
|
|
11652
11661
|
}
|
|
11653
11662
|
|
|
@@ -11822,7 +11831,7 @@ class FoehnErrorPillComponent {
|
|
|
11822
11831
|
}
|
|
11823
11832
|
}
|
|
11824
11833
|
FoehnErrorPillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnErrorPillComponent, deps: [{ token: ValidationHandlerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
11825
|
-
FoehnErrorPillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: { errorPrefix: "errorPrefix", incompleteIndicatorOnly: "incompleteIndicatorOnly" }, ngImport: i0, template: "<strong\n *ngIf=\"hasErrors | async\"\n class=\"align-self-baseline badge mt-2 badge-danger\"\n>\n Incomplet\n</strong>\n\n<strong\n *ngIf=\"!(hasErrors | async) && !incompleteIndicatorOnly\"\n class=\"align-self-baseline badge mt-2 badge-secondary\"\n>\n Renseign\u00E9\n</strong>\n", directives: [{ type:
|
|
11834
|
+
FoehnErrorPillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: { errorPrefix: "errorPrefix", incompleteIndicatorOnly: "incompleteIndicatorOnly" }, ngImport: i0, template: "<strong\n *ngIf=\"hasErrors | async\"\n class=\"align-self-baseline badge mt-2 badge-danger\"\n>\n Incomplet\n</strong>\n\n<strong\n *ngIf=\"!(hasErrors | async) && !incompleteIndicatorOnly\"\n class=\"align-self-baseline badge mt-2 badge-secondary\"\n>\n Renseign\u00E9\n</strong>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe } });
|
|
11826
11835
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnErrorPillComponent, decorators: [{
|
|
11827
11836
|
type: Component,
|
|
11828
11837
|
args: [{ selector: 'foehn-error-pill', template: "<strong\n *ngIf=\"hasErrors | async\"\n class=\"align-self-baseline badge mt-2 badge-danger\"\n>\n Incomplet\n</strong>\n\n<strong\n *ngIf=\"!(hasErrors | async) && !incompleteIndicatorOnly\"\n class=\"align-self-baseline badge mt-2 badge-secondary\"\n>\n Renseign\u00E9\n</strong>\n" }]
|
|
@@ -11839,7 +11848,7 @@ class FoehnMenuItemComponent {
|
|
|
11839
11848
|
}
|
|
11840
11849
|
}
|
|
11841
11850
|
FoehnMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11842
|
-
FoehnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnMenuItemComponent, selector: "foehn-menu-item", inputs: { labelDicoKey: "labelDicoKey", dicoLabelPlaceHolders: "dicoLabelPlaceHolders", linkId: "linkId", rLink: "rLink", errorPrefix: "errorPrefix", showErrorPill: "showErrorPill", listLength: "listLength", applicable: "applicable" }, ngImport: i0, template: "<li\n class=\"d-flex flex-column flex-md-row justify-content-between border-bottom pb-3\"\n *ngIf=\"applicable\"\n>\n <span class=\"align-self-baseline mt-2\">\n <a\n href=\"#\"\n (click)=\"$event.preventDefault()\"\n [id]=\"linkId\"\n [routerLink]=\"rLink\"\n [queryParams]=\"{ scrollTo: linkId }\"\n >\n {{ labelDicoKey | fromDictionary: dicoLabelPlaceHolders }}\n </a>\n <ng-container *ngIf=\"listLength\">\n <br />\n <small *ngIf=\"listLength > 1\" class=\"text-secondary\">\n {{ listLength }} \u00E9l\u00E9ments saisis\n </small>\n <small *ngIf=\"listLength === 1\" class=\"text-secondary\">\n {{ listLength }} \u00E9l\u00E9ment saisi\n </small>\n </ng-container>\n </span>\n <foehn-error-pill\n *ngIf=\"showErrorPill\"\n [errorPrefix]=\"errorPrefix\"\n ></foehn-error-pill>\n</li>\n\n<li\n class=\"d-flex flex-column flex-md-row justify-content-between border-bottom pb-3\"\n *ngIf=\"!applicable\"\n>\n <span [id]=\"errorPrefix + 'NA'\" class=\"align-self-baseline mt-2\">\n {{ labelDicoKey | fromDictionary: dicoLabelPlaceHolders }}\n \n <span class=\"font-weight-bold\">(non applicable)</span>\n </span>\n</li>\n", components: [{ type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: ["errorPrefix", "incompleteIndicatorOnly"] }], directives: [{ type:
|
|
11851
|
+
FoehnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnMenuItemComponent, selector: "foehn-menu-item", inputs: { labelDicoKey: "labelDicoKey", dicoLabelPlaceHolders: "dicoLabelPlaceHolders", linkId: "linkId", rLink: "rLink", errorPrefix: "errorPrefix", showErrorPill: "showErrorPill", listLength: "listLength", applicable: "applicable" }, ngImport: i0, template: "<li\n class=\"d-flex flex-column flex-md-row justify-content-between border-bottom pb-3\"\n *ngIf=\"applicable\"\n>\n <span class=\"align-self-baseline mt-2\">\n <a\n href=\"#\"\n (click)=\"$event.preventDefault()\"\n [id]=\"linkId\"\n [routerLink]=\"rLink\"\n [queryParams]=\"{ scrollTo: linkId }\"\n >\n {{ labelDicoKey | fromDictionary: dicoLabelPlaceHolders }}\n </a>\n <ng-container *ngIf=\"listLength\">\n <br />\n <small *ngIf=\"listLength > 1\" class=\"text-secondary\">\n {{ listLength }} \u00E9l\u00E9ments saisis\n </small>\n <small *ngIf=\"listLength === 1\" class=\"text-secondary\">\n {{ listLength }} \u00E9l\u00E9ment saisi\n </small>\n </ng-container>\n </span>\n <foehn-error-pill\n *ngIf=\"showErrorPill\"\n [errorPrefix]=\"errorPrefix\"\n ></foehn-error-pill>\n</li>\n\n<li\n class=\"d-flex flex-column flex-md-row justify-content-between border-bottom pb-3\"\n *ngIf=\"!applicable\"\n>\n <span [id]=\"errorPrefix + 'NA'\" class=\"align-self-baseline mt-2\">\n {{ labelDicoKey | fromDictionary: dicoLabelPlaceHolders }}\n \n <span class=\"font-weight-bold\">(non applicable)</span>\n </span>\n</li>\n", components: [{ type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: ["errorPrefix", "incompleteIndicatorOnly"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
11843
11852
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnMenuItemComponent, decorators: [{
|
|
11844
11853
|
type: Component,
|
|
11845
11854
|
args: [{ selector: 'foehn-menu-item', template: "<li\n class=\"d-flex flex-column flex-md-row justify-content-between border-bottom pb-3\"\n *ngIf=\"applicable\"\n>\n <span class=\"align-self-baseline mt-2\">\n <a\n href=\"#\"\n (click)=\"$event.preventDefault()\"\n [id]=\"linkId\"\n [routerLink]=\"rLink\"\n [queryParams]=\"{ scrollTo: linkId }\"\n >\n {{ labelDicoKey | fromDictionary: dicoLabelPlaceHolders }}\n </a>\n <ng-container *ngIf=\"listLength\">\n <br />\n <small *ngIf=\"listLength > 1\" class=\"text-secondary\">\n {{ listLength }} \u00E9l\u00E9ments saisis\n </small>\n <small *ngIf=\"listLength === 1\" class=\"text-secondary\">\n {{ listLength }} \u00E9l\u00E9ment saisi\n </small>\n </ng-container>\n </span>\n <foehn-error-pill\n *ngIf=\"showErrorPill\"\n [errorPrefix]=\"errorPrefix\"\n ></foehn-error-pill>\n</li>\n\n<li\n class=\"d-flex flex-column flex-md-row justify-content-between border-bottom pb-3\"\n *ngIf=\"!applicable\"\n>\n <span [id]=\"errorPrefix + 'NA'\" class=\"align-self-baseline mt-2\">\n {{ labelDicoKey | fromDictionary: dicoLabelPlaceHolders }}\n \n <span class=\"font-weight-bold\">(non applicable)</span>\n </span>\n</li>\n" }]
|
|
@@ -11946,7 +11955,7 @@ FoehnListSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
11946
11955
|
useExisting: forwardRef(() => FoehnListSummaryComponent),
|
|
11947
11956
|
multi: true
|
|
11948
11957
|
}
|
|
11949
|
-
], usesInheritance: true, ngImport: i0, template: "<section\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <section>\n <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n <li\n [id]=\"'list-summary-' + item.trackingIndex\"\n class=\"mt-3 border-bottom\"\n *ngFor=\"\n let item of list;\n let itemIndex = index;\n trackBy: trackByTrackingIndex\n \"\n >\n <div class=\"d-flex align-items-baseline flex-wrap\">\n <h4 class=\"mt-0 mr-3\">{{ getListItemTitle(item) }}</h4>\n <span class=\"ml-auto\">\n <foehn-error-pill\n [incompleteIndicatorOnly]=\"true\"\n [errorPrefix]=\"name + '[' + itemIndex + ']'\"\n ></foehn-error-pill>\n </span>\n </div>\n <dl class=\"mb-0\">\n <ng-container\n *ngFor=\"let itemParam of listItemDescriptions\"\n >\n <div\n class=\"d-flex flex-wrap item-line\"\n *ngIf=\"showLine(item, itemParam)\"\n >\n <dt class=\"mr-1\">\n {{ itemParam.label }}\n </dt>\n <dd class=\"ml-auto text-right\">\n {{ itemParam.getFormattedValue(item) }}\n </dd>\n </div>\n </ng-container>\n </dl>\n <ul class=\"list-inline mb-3 mt-0\">\n <li class=\"list-inline-item\">\n <a\n [id]=\"'edit-link-' + item.trackingIndex\"\n href=\"#\"\n (click)=\"\n $event.preventDefault(); editItem(itemIndex)\n \"\n >\n Modifier\n </a>\n \n <span class=\"sr-only\">\n {{ getListItemTitle(item) }}\n </span>\n </li>\n <li class=\"list-inline-item\">\n <a\n href=\"#\"\n (click)=\"\n $event.preventDefault(); removeItem(itemIndex)\n \"\n >\n Supprimer\n <span class=\"sr-only\">\n {{ getListItemTitle(item) }}\n </span>\n </a>\n </li>\n </ul>\n </li>\n </ul>\n </section>\n\n <section class=\"mt-5\">\n <h2 class=\"sr-only\">Action</h2>\n <ul class=\"list-inline mb-3\">\n <li class=\"list-inline-item\">\n <button class=\"btn btn-primary\" (click)=\"editItem()\">\n Ajouter\n </button>\n </li>\n </ul>\n </section>\n</section>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: ["errorPrefix", "incompleteIndicatorOnly"] }], directives: [{ type:
|
|
11958
|
+
], usesInheritance: true, ngImport: i0, template: "<section\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <section>\n <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n <li\n [id]=\"'list-summary-' + item.trackingIndex\"\n class=\"mt-3 border-bottom\"\n *ngFor=\"\n let item of list;\n let itemIndex = index;\n trackBy: trackByTrackingIndex\n \"\n >\n <div class=\"d-flex align-items-baseline flex-wrap\">\n <h4 class=\"mt-0 mr-3\">{{ getListItemTitle(item) }}</h4>\n <span class=\"ml-auto\">\n <foehn-error-pill\n [incompleteIndicatorOnly]=\"true\"\n [errorPrefix]=\"name + '[' + itemIndex + ']'\"\n ></foehn-error-pill>\n </span>\n </div>\n <dl class=\"mb-0\">\n <ng-container\n *ngFor=\"let itemParam of listItemDescriptions\"\n >\n <div\n class=\"d-flex flex-wrap item-line\"\n *ngIf=\"showLine(item, itemParam)\"\n >\n <dt class=\"mr-1\">\n {{ itemParam.label }}\n </dt>\n <dd class=\"ml-auto text-right\">\n {{ itemParam.getFormattedValue(item) }}\n </dd>\n </div>\n </ng-container>\n </dl>\n <ul class=\"list-inline mb-3 mt-0\">\n <li class=\"list-inline-item\">\n <a\n [id]=\"'edit-link-' + item.trackingIndex\"\n href=\"#\"\n (click)=\"\n $event.preventDefault(); editItem(itemIndex)\n \"\n >\n Modifier\n </a>\n \n <span class=\"sr-only\">\n {{ getListItemTitle(item) }}\n </span>\n </li>\n <li class=\"list-inline-item\">\n <a\n href=\"#\"\n (click)=\"\n $event.preventDefault(); removeItem(itemIndex)\n \"\n >\n Supprimer\n <span class=\"sr-only\">\n {{ getListItemTitle(item) }}\n </span>\n </a>\n </li>\n </ul>\n </li>\n </ul>\n </section>\n\n <section class=\"mt-5\">\n <h2 class=\"sr-only\">Action</h2>\n <ul class=\"list-inline mb-3\">\n <li class=\"list-inline-item\">\n <button class=\"btn btn-primary\" (click)=\"editItem()\">\n Ajouter\n </button>\n </li>\n </ul>\n </section>\n</section>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: ["errorPrefix", "incompleteIndicatorOnly"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
11950
11959
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnListSummaryComponent, decorators: [{
|
|
11951
11960
|
type: Component,
|
|
11952
11961
|
args: [{ selector: 'foehn-list-summary', providers: [
|
|
@@ -12233,11 +12242,11 @@ class AbstractListDetailPageComponent extends AbstractPageFromMenuComponent {
|
|
|
12233
12242
|
});
|
|
12234
12243
|
}
|
|
12235
12244
|
}
|
|
12236
|
-
AbstractListDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AbstractListDetailPageComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: FoehnConfirmModalService }, { token: i1$1.Router }, { token:
|
|
12245
|
+
AbstractListDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AbstractListDetailPageComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: FoehnConfirmModalService }, { token: i1$1.Router }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Directive });
|
|
12237
12246
|
AbstractListDetailPageComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AbstractListDetailPageComponent, usesInheritance: true, ngImport: i0 });
|
|
12238
12247
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AbstractListDetailPageComponent, decorators: [{
|
|
12239
12248
|
type: Directive
|
|
12240
|
-
}], ctorParameters: function () { return [{ type: i1$1.ActivatedRoute }, { type: FoehnConfirmModalService }, { type: i1$1.Router }, { type:
|
|
12249
|
+
}], ctorParameters: function () { return [{ type: i1$1.ActivatedRoute }, { type: FoehnConfirmModalService }, { type: i1$1.Router }, { type: i2.Location }]; } });
|
|
12241
12250
|
|
|
12242
12251
|
class FoehnListItem {
|
|
12243
12252
|
}
|
|
@@ -12267,7 +12276,7 @@ FoehnDecisionElectroniqueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersio
|
|
|
12267
12276
|
useExisting: forwardRef(() => FoehnDecisionElectroniqueComponent),
|
|
12268
12277
|
multi: true
|
|
12269
12278
|
}
|
|
12270
|
-
], usesInheritance: true, ngImport: i0, template: "<section\n *ngIf=\"isConnectedCyber | async\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n class=\"mb-3 p-2 bg-light\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <h2 class=\"h5\">\n Autorisation de notification des d\u00E9cisions par voie \u00E9lectronique\n </h2>\n\n <p>\n Votre demande est sur le point d\u2019\u00EAtre envoy\u00E9e. Conform\u00E9ment \u00E0 l\u2019art. 44a\n LPA-VD, l\u2019autorit\u00E9 peut notifier ses d\u00E9cisions par voie \u00E9lectronique aux\n parties qui ont donn\u00E9 leur accord explicite \u00E0 cette communication.\n </p>\n\n <fieldset [attr.aria-describedby]=\"getDescribedBy()\">\n <legend class=\"vd-p\">\n <span>\n Acceptez-vous que l\u2019autorit\u00E9 comp\u00E9tente pour le traitement de\n votre demande vous notifie ses d\u00E9cisions par voie \u00E9lectronique ?\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div class=\"d-flex\">\n <label class=\"form-check-label m-2\" [for]=\"buildChildId('True')\">\n <input\n type=\"radio\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName('True')\"\n [attr.name]=\"buildChildName('True')\"\n [value]=\"true\"\n [attr.id]=\"buildChildId('True')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n (change)=\"handleChange(true)\"\n #entryComponent\n />\n <span class=\"ml-1\">Oui</span>\n </label>\n\n <label class=\"form-check-label m-2\" [for]=\"buildChildId('False')\">\n <input\n type=\"radio\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName('False')\"\n [attr.name]=\"buildChildName('False')\"\n [value]=\"false\"\n [attr.id]=\"buildChildId('False')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n (change)=\"handleChange(false)\"\n />\n <span class=\"ml-1\">Non</span>\n </label>\n </div>\n </fieldset>\n\n <p>\n Si vous cliquez sur \u00AB Oui \u00BB, vous autorisez l\u2019autorit\u00E9 \u00E0 vous notifier\n ses d\u00E9cisions sur le portail s\u00E9curis\u00E9.\n <br />\n Si vous cliquez sur \u00AB Non \u00BB, vous refusez la notification de d\u00E9cisions\n sur le portail s\u00E9curis\u00E9.\n </p>\n</section>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type:
|
|
12279
|
+
], usesInheritance: true, ngImport: i0, template: "<section\n *ngIf=\"isConnectedCyber | async\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n class=\"mb-3 p-2 bg-light\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <h2 class=\"h5\">\n Autorisation de notification des d\u00E9cisions par voie \u00E9lectronique\n </h2>\n\n <p>\n Votre demande est sur le point d\u2019\u00EAtre envoy\u00E9e. Conform\u00E9ment \u00E0 l\u2019art. 44a\n LPA-VD, l\u2019autorit\u00E9 peut notifier ses d\u00E9cisions par voie \u00E9lectronique aux\n parties qui ont donn\u00E9 leur accord explicite \u00E0 cette communication.\n </p>\n\n <fieldset [attr.aria-describedby]=\"getDescribedBy()\">\n <legend class=\"vd-p\">\n <span>\n Acceptez-vous que l\u2019autorit\u00E9 comp\u00E9tente pour le traitement de\n votre demande vous notifie ses d\u00E9cisions par voie \u00E9lectronique ?\n </span>\n </legend>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <div class=\"d-flex\">\n <label class=\"form-check-label m-2\" [for]=\"buildChildId('True')\">\n <input\n type=\"radio\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName('True')\"\n [attr.name]=\"buildChildName('True')\"\n [value]=\"true\"\n [attr.id]=\"buildChildId('True')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n (change)=\"handleChange(true)\"\n #entryComponent\n />\n <span class=\"ml-1\">Oui</span>\n </label>\n\n <label class=\"form-check-label m-2\" [for]=\"buildChildId('False')\">\n <input\n type=\"radio\"\n [ngModel]=\"model\"\n (ngModelChange)=\"updateNgModel($event)\"\n [name]=\"buildChildName('False')\"\n [attr.name]=\"buildChildName('False')\"\n [value]=\"false\"\n [attr.id]=\"buildChildId('False')\"\n [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n [attr.disabled]=\"disabled ? 'disabled' : null\"\n (change)=\"handleChange(false)\"\n />\n <span class=\"ml-1\">Non</span>\n </label>\n </div>\n </fieldset>\n\n <p>\n Si vous cliquez sur \u00AB Oui \u00BB, vous autorisez l\u2019autorit\u00E9 \u00E0 vous notifier\n ses d\u00E9cisions sur le portail s\u00E9curis\u00E9.\n <br />\n Si vous cliquez sur \u00AB Non \u00BB, vous refusez la notification de d\u00E9cisions\n sur le portail s\u00E9curis\u00E9.\n </p>\n</section>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "async": i2.AsyncPipe } });
|
|
12271
12280
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDecisionElectroniqueComponent, decorators: [{
|
|
12272
12281
|
type: Component,
|
|
12273
12282
|
args: [{ selector: 'foehn-decision-electronique', providers: [
|
|
@@ -12358,7 +12367,7 @@ class FoehnAgendaNavigationComponent {
|
|
|
12358
12367
|
}
|
|
12359
12368
|
}
|
|
12360
12369
|
FoehnAgendaNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnAgendaNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12361
|
-
FoehnAgendaNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnAgendaNavigationComponent, selector: "foehn-agenda-navigation", inputs: { id: "id", calendar: "calendar", isSrOnly: "isSrOnly", minDate: "minDate", maxDate: "maxDate" }, outputs: { paginationChange: "paginationChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row mb-3\" *ngIf=\"!!calendar\">\n <div class=\"col-12\">\n <nav\n class=\"vd-pagination calendar-week-navigation\"\n [attr.id]=\"id\"\n [attr.aria-label]=\"\n 'foehn-agenda-navigation.nav.aria-label' | fromDictionary\n \"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n *ngIf=\"!!calendar.previousWeek\"\n >\n <button\n [id]=\"id + 'ButtonPreviousWeek'\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"paginate(calendar.previousWeek)\"\n type=\"button\"\n >\n <span class=\"d-flex align-items-center\">\n <foehn-icon-chevron-left\n class=\"vd-pagination__title\"\n [title]=\"\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n \"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-left>\n <span\n class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n aria-hidden=\"true\"\n >\n {{\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n }}\n </span>\n <span\n [id]=\"id + 'NavigationPreviousSrOnly'\"\n class=\"sr-only\"\n >\n {{\n 'foehn-agenda-navigation.previous-week-sr-only'\n | fromDictionary\n : {\n previousWeek:\n calendar.previousWeek\n .label\n }\n }}\n </span>\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n *ngIf=\"!calendar.previousWeek && !isSrOnly\"\n >\n <div\n [id]=\"id + 'NavigationPreviousDisabled'\"\n class=\"d-flex align-items-center link-week-disabled\"\n >\n <foehn-icon-chevron-left\n class=\"vd-pagination__title\"\n [title]=\"\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n \"\n ></foehn-icon-chevron-left>\n <span\n class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n >\n {{\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n }}\n </span>\n </div>\n </li>\n\n <li\n class=\"vd-pagination__item d-flex justify-content-center col-4\"\n *ngIf=\"!isSrOnly\"\n >\n <foehn-date-picker-button\n [model]=\"currentDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [selectedDateSrOnlyLabelKey]=\"\n 'foehn-agenda-navigation.date-picker-button.screen-reader.selected-date'\n \"\n (userInput)=\"datePickerUserInput($event)\"\n ></foehn-date-picker-button>\n </li>\n\n <li\n class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n *ngIf=\"!!calendar.nextWeek\"\n >\n <button\n [id]=\"id + 'ButtonNextWeek'\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"paginate(calendar.nextWeek)\"\n type=\"button\"\n >\n <span class=\"d-flex align-items-center\">\n <span\n aria-hidden=\"true\"\n class=\"vd-pagination__title d-xs-none d-sm-block\"\n >\n {{\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n }}\n </span>\n <span\n [id]=\"id + 'NavigationNextSrOnly'\"\n class=\"sr-only\"\n >\n {{\n 'foehn-agenda-navigation.next-week-sr-only'\n | fromDictionary\n : {\n nextWeek:\n calendar.nextWeek.label\n }\n }}\n </span>\n <foehn-icon-chevron-right\n class=\"vd-pagination__title ml-2\"\n [title]=\"\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n \"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-right>\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n *ngIf=\"!calendar.nextWeek && !isSrOnly\"\n >\n <div\n [id]=\"id + 'NavigationNextDisabled'\"\n class=\"d-flex align-items-center link-week-disabled\"\n >\n <span class=\"vd-pagination__title d-xs-none d-sm-block\">\n {{\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n }}\n </span>\n <foehn-icon-chevron-right\n class=\"vd-pagination__title ml-2\"\n [title]=\"\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n \"\n ></foehn-icon-chevron-right>\n </div>\n </li>\n </ul>\n </nav>\n </div>\n</div>\n", styles: [".calendar-week-navigation{margin-bottom:0}.calendar-week-navigation li.vd-pagination__item{margin-top:0}.calendar-week-navigation span.vd-pagination__title{font-size:1em;line-height:1.2em;color:var(--gray-dark)}.calendar-week-navigation foehn-icon-chevron-right.vd-pagination__title,.calendar-week-navigation foehn-icon-chevron-left.vd-pagination__title{font-size:1.5em;color:var(--gray-dark)}.calendar-week-navigation .link-week-disabled .vd-pagination__title{color:var(--vd-neutral-light);cursor:not-allowed}.calendar-week-navigation .vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.calendar-week-navigation .vd-pagination__link-reset:focus{background-color:var(--vd-focus)}nav ul{margin-bottom:0}\n"], components: [{ type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type:
|
|
12370
|
+
FoehnAgendaNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnAgendaNavigationComponent, selector: "foehn-agenda-navigation", inputs: { id: "id", calendar: "calendar", isSrOnly: "isSrOnly", minDate: "minDate", maxDate: "maxDate" }, outputs: { paginationChange: "paginationChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row mb-3\" *ngIf=\"!!calendar\">\n <div class=\"col-12\">\n <nav\n class=\"vd-pagination calendar-week-navigation\"\n [attr.id]=\"id\"\n [attr.aria-label]=\"\n 'foehn-agenda-navigation.nav.aria-label' | fromDictionary\n \"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n *ngIf=\"!!calendar.previousWeek\"\n >\n <button\n [id]=\"id + 'ButtonPreviousWeek'\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"paginate(calendar.previousWeek)\"\n type=\"button\"\n >\n <span class=\"d-flex align-items-center\">\n <foehn-icon-chevron-left\n class=\"vd-pagination__title\"\n [title]=\"\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n \"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-left>\n <span\n class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n aria-hidden=\"true\"\n >\n {{\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n }}\n </span>\n <span\n [id]=\"id + 'NavigationPreviousSrOnly'\"\n class=\"sr-only\"\n >\n {{\n 'foehn-agenda-navigation.previous-week-sr-only'\n | fromDictionary\n : {\n previousWeek:\n calendar.previousWeek\n .label\n }\n }}\n </span>\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n *ngIf=\"!calendar.previousWeek && !isSrOnly\"\n >\n <div\n [id]=\"id + 'NavigationPreviousDisabled'\"\n class=\"d-flex align-items-center link-week-disabled\"\n >\n <foehn-icon-chevron-left\n class=\"vd-pagination__title\"\n [title]=\"\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n \"\n ></foehn-icon-chevron-left>\n <span\n class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n >\n {{\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n }}\n </span>\n </div>\n </li>\n\n <li\n class=\"vd-pagination__item d-flex justify-content-center col-4\"\n *ngIf=\"!isSrOnly\"\n >\n <foehn-date-picker-button\n [model]=\"currentDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [selectedDateSrOnlyLabelKey]=\"\n 'foehn-agenda-navigation.date-picker-button.screen-reader.selected-date'\n \"\n (userInput)=\"datePickerUserInput($event)\"\n ></foehn-date-picker-button>\n </li>\n\n <li\n class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n *ngIf=\"!!calendar.nextWeek\"\n >\n <button\n [id]=\"id + 'ButtonNextWeek'\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"paginate(calendar.nextWeek)\"\n type=\"button\"\n >\n <span class=\"d-flex align-items-center\">\n <span\n aria-hidden=\"true\"\n class=\"vd-pagination__title d-xs-none d-sm-block\"\n >\n {{\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n }}\n </span>\n <span\n [id]=\"id + 'NavigationNextSrOnly'\"\n class=\"sr-only\"\n >\n {{\n 'foehn-agenda-navigation.next-week-sr-only'\n | fromDictionary\n : {\n nextWeek:\n calendar.nextWeek.label\n }\n }}\n </span>\n <foehn-icon-chevron-right\n class=\"vd-pagination__title ml-2\"\n [title]=\"\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n \"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-right>\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n *ngIf=\"!calendar.nextWeek && !isSrOnly\"\n >\n <div\n [id]=\"id + 'NavigationNextDisabled'\"\n class=\"d-flex align-items-center link-week-disabled\"\n >\n <span class=\"vd-pagination__title d-xs-none d-sm-block\">\n {{\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n }}\n </span>\n <foehn-icon-chevron-right\n class=\"vd-pagination__title ml-2\"\n [title]=\"\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n \"\n ></foehn-icon-chevron-right>\n </div>\n </li>\n </ul>\n </nav>\n </div>\n</div>\n", styles: [".calendar-week-navigation{margin-bottom:0}.calendar-week-navigation li.vd-pagination__item{margin-top:0}.calendar-week-navigation span.vd-pagination__title{font-size:1em;line-height:1.2em;color:var(--gray-dark)}.calendar-week-navigation foehn-icon-chevron-right.vd-pagination__title,.calendar-week-navigation foehn-icon-chevron-left.vd-pagination__title{font-size:1.5em;color:var(--gray-dark)}.calendar-week-navigation .link-week-disabled .vd-pagination__title{color:var(--vd-neutral-light);cursor:not-allowed}.calendar-week-navigation .vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.calendar-week-navigation .vd-pagination__link-reset:focus{background-color:var(--vd-focus)}nav ul{margin-bottom:0}\n"], components: [{ type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
12362
12371
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnAgendaNavigationComponent, decorators: [{
|
|
12363
12372
|
type: Component,
|
|
12364
12373
|
args: [{ selector: 'foehn-agenda-navigation', template: "<div class=\"row mb-3\" *ngIf=\"!!calendar\">\n <div class=\"col-12\">\n <nav\n class=\"vd-pagination calendar-week-navigation\"\n [attr.id]=\"id\"\n [attr.aria-label]=\"\n 'foehn-agenda-navigation.nav.aria-label' | fromDictionary\n \"\n >\n <ul class=\"vd-pagination__list\">\n <li\n class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n *ngIf=\"!!calendar.previousWeek\"\n >\n <button\n [id]=\"id + 'ButtonPreviousWeek'\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"paginate(calendar.previousWeek)\"\n type=\"button\"\n >\n <span class=\"d-flex align-items-center\">\n <foehn-icon-chevron-left\n class=\"vd-pagination__title\"\n [title]=\"\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n \"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-left>\n <span\n class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n aria-hidden=\"true\"\n >\n {{\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n }}\n </span>\n <span\n [id]=\"id + 'NavigationPreviousSrOnly'\"\n class=\"sr-only\"\n >\n {{\n 'foehn-agenda-navigation.previous-week-sr-only'\n | fromDictionary\n : {\n previousWeek:\n calendar.previousWeek\n .label\n }\n }}\n </span>\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n *ngIf=\"!calendar.previousWeek && !isSrOnly\"\n >\n <div\n [id]=\"id + 'NavigationPreviousDisabled'\"\n class=\"d-flex align-items-center link-week-disabled\"\n >\n <foehn-icon-chevron-left\n class=\"vd-pagination__title\"\n [title]=\"\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n \"\n ></foehn-icon-chevron-left>\n <span\n class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n >\n {{\n 'foehn-agenda-navigation.previous-week'\n | fromDictionary\n }}\n </span>\n </div>\n </li>\n\n <li\n class=\"vd-pagination__item d-flex justify-content-center col-4\"\n *ngIf=\"!isSrOnly\"\n >\n <foehn-date-picker-button\n [model]=\"currentDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [selectedDateSrOnlyLabelKey]=\"\n 'foehn-agenda-navigation.date-picker-button.screen-reader.selected-date'\n \"\n (userInput)=\"datePickerUserInput($event)\"\n ></foehn-date-picker-button>\n </li>\n\n <li\n class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n *ngIf=\"!!calendar.nextWeek\"\n >\n <button\n [id]=\"id + 'ButtonNextWeek'\"\n class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n (click)=\"paginate(calendar.nextWeek)\"\n type=\"button\"\n >\n <span class=\"d-flex align-items-center\">\n <span\n aria-hidden=\"true\"\n class=\"vd-pagination__title d-xs-none d-sm-block\"\n >\n {{\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n }}\n </span>\n <span\n [id]=\"id + 'NavigationNextSrOnly'\"\n class=\"sr-only\"\n >\n {{\n 'foehn-agenda-navigation.next-week-sr-only'\n | fromDictionary\n : {\n nextWeek:\n calendar.nextWeek.label\n }\n }}\n </span>\n <foehn-icon-chevron-right\n class=\"vd-pagination__title ml-2\"\n [title]=\"\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n \"\n aria-hidden=\"true\"\n ></foehn-icon-chevron-right>\n </span>\n </button>\n </li>\n <li\n class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n *ngIf=\"!calendar.nextWeek && !isSrOnly\"\n >\n <div\n [id]=\"id + 'NavigationNextDisabled'\"\n class=\"d-flex align-items-center link-week-disabled\"\n >\n <span class=\"vd-pagination__title d-xs-none d-sm-block\">\n {{\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n }}\n </span>\n <foehn-icon-chevron-right\n class=\"vd-pagination__title ml-2\"\n [title]=\"\n 'foehn-agenda-navigation.next-week'\n | fromDictionary\n \"\n ></foehn-icon-chevron-right>\n </div>\n </li>\n </ul>\n </nav>\n </div>\n</div>\n", styles: [".calendar-week-navigation{margin-bottom:0}.calendar-week-navigation li.vd-pagination__item{margin-top:0}.calendar-week-navigation span.vd-pagination__title{font-size:1em;line-height:1.2em;color:var(--gray-dark)}.calendar-week-navigation foehn-icon-chevron-right.vd-pagination__title,.calendar-week-navigation foehn-icon-chevron-left.vd-pagination__title{font-size:1.5em;color:var(--gray-dark)}.calendar-week-navigation .link-week-disabled .vd-pagination__title{color:var(--vd-neutral-light);cursor:not-allowed}.calendar-week-navigation .vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.calendar-week-navigation .vd-pagination__link-reset:focus{background-color:var(--vd-focus)}nav ul{margin-bottom:0}\n"] }]
|
|
@@ -12588,7 +12597,7 @@ FoehnAgendaTimeslotPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
|
|
|
12588
12597
|
useExisting: forwardRef(() => FoehnAgendaTimeslotPanelComponent),
|
|
12589
12598
|
multi: true
|
|
12590
12599
|
}
|
|
12591
|
-
], viewQueries: [{ propertyName: "timeSlotButtonsElemRef", predicate: ["timeSlotButtonsElemRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section\n *ngIf=\"calendar | async as loadedCalendar\"\n class=\"panel panel-default mb-3\"\n>\n <div class=\"panel-heading mt-2 mb-2 py-2 d-flex align-items-baseline\">\n <h3 class=\"h5 ml-3 mt-0 mb-0\">\n {{ capitalCaseFirstLetter(currentWeek.day) }}\n <span class=\"sr-only\" *ngIf=\"!!isSelected(timeInputValue)\">\n {{\n 'foehn-agenda-timeslot-panel.selected-time'\n | fromDictionary: { timeSelectedValue: timeInputValue }\n }}\n </span>\n </h3>\n <small *ngIf=\"!!currentWeek.timeSlots.length\" class=\"sr-only\">\n {{\n 'foehn-agenda-timeslot-panel.nbr-dispo'\n | fromDictionary\n : {\n nbElements: currentWeek.timeSlots.length.toString()\n }\n }}\n </small>\n <small\n *ngIf=\"!currentWeek.timeSlots.length\"\n class=\"font-italic align-self-end ml-2\"\n >\n {{ 'foehn-agenda-timeslot-panel.no-dispo' | fromDictionary }}\n </small>\n </div>\n\n <div\n *ngIf=\"!!currentWeek.timeSlots.length\"\n class=\"panel-body row d-flex flex-wrap ml-auto mr-auto pl-3\"\n (focusin)=\"onTimeFocusin()\"\n (focusout)=\"onTimeFocusout()\"\n role=\"application\"\n >\n <button\n *ngFor=\"let timeSlot of timeSlots; let index = index\"\n class=\"btn btn-info mr-2 mb-2\"\n #timeSlotButtonsElemRef\n [attr.id]=\"\n cleanIdForQuerySelector(currentWeek.day + '-' + timeSlot)\n \"\n [tabindex]=\"getTimeSlotTabIndex(timeSlot, index)\"\n [class.btn-danger]=\"isSelected(timeSlot)\"\n (click)=\"\n handleUserInput(\n currentWeek.day,\n currentWeek.date,\n timeSlot,\n loadedCalendar\n )\n \"\n [attr.aria-label]=\"\n getButtonTimeSlotAriaLabel(currentWeek.day, timeSlot)\n \"\n >\n {{ timeSlot }}\n </button>\n <div\n class=\"col-12 d-flex justify-content-end mb-1\"\n *ngIf=\"currentWeek.timeSlots.length > nbVisibleElements && canClose\"\n >\n <button\n class=\"btn btn-link show-more\"\n #timeSlotButtonsElemRef\n (click)=\"togglePanel()\"\n [attr.aria-label]=\"\n (isClosed\n ? 'foehn-agenda-timeslot-panel.show-more-sr-only'\n : 'foehn-agenda-timeslot-panel.show-less'\n )\n | fromDictionary\n : {\n nbrElementsHidden: timeslotRemaining.toString()\n }\n \"\n >\n {{\n (isClosed\n ? 'foehn.agenda-timeslot-panel.show-more'\n : 'foehn-agenda-timeslot-panel.show-less'\n )\n | fromDictionary\n : {\n nbrElementsHidden: timeslotRemaining.toString()\n }\n }}\n </button>\n </div>\n </div>\n</section>\n", styles: [".panel-default{border:1px solid #dfdfdf}.panel-heading{position:sticky;background-color:#fff;width:100%;top:0}.panel-heading small{font-size:.9rem}.panel-heading:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}.panel-body .btn-info{padding-right:.4rem;padding-left:.4rem}.panel-body .btn-link{padding:0}.show-more{cursor:pointer;font-size:.9rem}\n"], directives: [{ type:
|
|
12600
|
+
], viewQueries: [{ propertyName: "timeSlotButtonsElemRef", predicate: ["timeSlotButtonsElemRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section\n *ngIf=\"calendar | async as loadedCalendar\"\n class=\"panel panel-default mb-3\"\n>\n <div class=\"panel-heading mt-2 mb-2 py-2 d-flex align-items-baseline\">\n <h3 class=\"h5 ml-3 mt-0 mb-0\">\n {{ capitalCaseFirstLetter(currentWeek.day) }}\n <span class=\"sr-only\" *ngIf=\"!!isSelected(timeInputValue)\">\n {{\n 'foehn-agenda-timeslot-panel.selected-time'\n | fromDictionary: { timeSelectedValue: timeInputValue }\n }}\n </span>\n </h3>\n <small *ngIf=\"!!currentWeek.timeSlots.length\" class=\"sr-only\">\n {{\n 'foehn-agenda-timeslot-panel.nbr-dispo'\n | fromDictionary\n : {\n nbElements: currentWeek.timeSlots.length.toString()\n }\n }}\n </small>\n <small\n *ngIf=\"!currentWeek.timeSlots.length\"\n class=\"font-italic align-self-end ml-2\"\n >\n {{ 'foehn-agenda-timeslot-panel.no-dispo' | fromDictionary }}\n </small>\n </div>\n\n <div\n *ngIf=\"!!currentWeek.timeSlots.length\"\n class=\"panel-body row d-flex flex-wrap ml-auto mr-auto pl-3\"\n (focusin)=\"onTimeFocusin()\"\n (focusout)=\"onTimeFocusout()\"\n role=\"application\"\n >\n <button\n *ngFor=\"let timeSlot of timeSlots; let index = index\"\n class=\"btn btn-info mr-2 mb-2\"\n #timeSlotButtonsElemRef\n [attr.id]=\"\n cleanIdForQuerySelector(currentWeek.day + '-' + timeSlot)\n \"\n [tabindex]=\"getTimeSlotTabIndex(timeSlot, index)\"\n [class.btn-danger]=\"isSelected(timeSlot)\"\n (click)=\"\n handleUserInput(\n currentWeek.day,\n currentWeek.date,\n timeSlot,\n loadedCalendar\n )\n \"\n [attr.aria-label]=\"\n getButtonTimeSlotAriaLabel(currentWeek.day, timeSlot)\n \"\n >\n {{ timeSlot }}\n </button>\n <div\n class=\"col-12 d-flex justify-content-end mb-1\"\n *ngIf=\"currentWeek.timeSlots.length > nbVisibleElements && canClose\"\n >\n <button\n class=\"btn btn-link show-more\"\n #timeSlotButtonsElemRef\n (click)=\"togglePanel()\"\n [attr.aria-label]=\"\n (isClosed\n ? 'foehn-agenda-timeslot-panel.show-more-sr-only'\n : 'foehn-agenda-timeslot-panel.show-less'\n )\n | fromDictionary\n : {\n nbrElementsHidden: timeslotRemaining.toString()\n }\n \"\n >\n {{\n (isClosed\n ? 'foehn.agenda-timeslot-panel.show-more'\n : 'foehn-agenda-timeslot-panel.show-less'\n )\n | fromDictionary\n : {\n nbrElementsHidden: timeslotRemaining.toString()\n }\n }}\n </button>\n </div>\n </div>\n</section>\n", styles: [".panel-default{border:1px solid #dfdfdf}.panel-heading{position:sticky;background-color:#fff;width:100%;top:0}.panel-heading small{font-size:.9rem}.panel-heading:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}.panel-body .btn-info{padding-right:.4rem;padding-left:.4rem}.panel-body .btn-link{padding:0}.show-more{cursor:pointer;font-size:.9rem}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
|
|
12592
12601
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnAgendaTimeslotPanelComponent, decorators: [{
|
|
12593
12602
|
type: Component,
|
|
12594
12603
|
args: [{ selector: 'foehn-agenda-timeslot-panel', providers: [
|
|
@@ -12676,7 +12685,7 @@ FoehnAgendaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
12676
12685
|
useExisting: forwardRef(() => FoehnAgendaComponent),
|
|
12677
12686
|
multi: true
|
|
12678
12687
|
}
|
|
12679
|
-
], viewQueries: [{ propertyName: "timeSlotPanelsElemRef", predicate: ["timeSlotPanelElemRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrors()\"\n [class.vd-form-group-danger]=\"hasErrors()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <p\n [attr.id]=\"buildChildId() + 'Label'\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </p>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-container *ngIf=\"!(calendar | async)\">\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n <p class=\"alert alert-warning\">\n {{ 'foehn-agenda.calendar-indisponible' | fromDictionary }}\n </p>\n </ng-container>\n\n <!-- Fake input with NgModel to be registered into Form controls -->\n <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n <p\n [id]=\"buildChildId('srOnlyAnnouncements')\"\n class=\"sr-only\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n >\n {{ srAnnouncements }}\n </p>\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"calendar | async as loadedCalendar\">\n <section\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrors() || null\"\n >\n <h2 class=\"h3 mt-3\">\n <span aria-live=\"polite\" role=\"status\" aria-atomic=\"true\">\n {{ loadedCalendar.currentWeek.label }}\n </span>\n </h2>\n\n <!-- Rappel de l'heure actuellement s\u00E9lectionn\u00E9e -->\n <p [id]=\"buildChildId('timeSlotSelectedSrOnly')\" class=\"sr-only\">\n {{ extractDayTime(model) }}\n </p>\n\n <!-- Navigation top hidden from screen reader-->\n <foehn-agenda-navigation\n [id]=\"buildChildId() + 'week-pagination-top'\"\n [calendar]=\"loadedCalendar\"\n [minDate]=\"loadedCalendar.minAvailableDate\"\n [maxDate]=\"loadedCalendar.maxAvailableDate\"\n (paginationChange)=\"paginate($event)\"\n aria-hidden=\"true\"\n ></foehn-agenda-navigation>\n\n <!-- Link to navigation bottom only for screen reader -->\n <p [id]=\"buildChildId('navigationBottomAnchor')\" class=\"sr-only\">\n {{\n 'foehn-agenda.pagination-anchor.first-part' | fromDictionary\n }}\n <a\n href=\"#\"\n (click)=\"$event.preventDefault(); scrollToNavigation(true)\"\n >\n {{\n 'foehn-agenda.pagination-anchor.top-next-part'\n | fromDictionary\n }}\n </a>\n </p>\n\n <foehn-validation-alerts\n [component]=\"this\"\n ></foehn-validation-alerts>\n\n <div\n class=\"row\"\n [tabIndex]=\"hasErrors() ? 0 : -1\"\n [attr.id]=\"buildChildId()\"\n #entryComponent\n >\n <foehn-agenda-timeslot-panel\n *ngFor=\"let currentWeek of loadedCalendar.currentWeek.week\"\n class=\"col-12\"\n #timeSlotPanelElemRef\n [currentWeek]=\"currentWeek\"\n [calendar]=\"calendar\"\n [nbVisibleElements]=\"nbVisibleElements\"\n [(model)]=\"model\"\n (userInput)=\"handleUserInput($event)\"\n ></foehn-agenda-timeslot-panel>\n </div>\n </section>\n\n <!-- Navigation bottom used for screen reader only -->\n <foehn-agenda-navigation\n class=\"sr-only\"\n [id]=\"buildChildId() + 'week-pagination-bottom'\"\n [calendar]=\"loadedCalendar\"\n [isSrOnly]=\"true\"\n [minDate]=\"loadedCalendar.minAvailableDate\"\n [maxDate]=\"loadedCalendar.maxAvailableDate\"\n (paginationChange)=\"paginate($event)\"\n ></foehn-agenda-navigation>\n\n <!-- Link to navigation top hidden from screen reader -->\n <p [id]=\"buildChildId('navigationTopAnchor')\" aria-hidden=\"true\">\n {{ 'foehn-agenda.pagination-anchor.first-part' | fromDictionary }}\n <a\n href=\"#\"\n (click)=\"$event.preventDefault(); scrollToNavigation(false)\"\n >\n {{\n 'foehn-agenda.pagination-anchor.bottom-next-part'\n | fromDictionary\n }}\n </a>\n </p>\n </ng-container>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnAgendaNavigationComponent, selector: "foehn-agenda-navigation", inputs: ["id", "calendar", "isSrOnly", "minDate", "maxDate"], outputs: ["paginationChange"] }, { type: FoehnAgendaTimeslotPanelComponent, selector: "foehn-agenda-timeslot-panel", inputs: ["calendar", "nbVisibleElements", "currentWeek"] }], directives: [{ type:
|
|
12688
|
+
], viewQueries: [{ propertyName: "timeSlotPanelsElemRef", predicate: ["timeSlotPanelElemRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"form-group\"\n [class.has-danger]=\"hasErrors()\"\n [class.vd-form-group-danger]=\"hasErrors()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <p\n [attr.id]=\"buildChildId() + 'Label'\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </p>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <ng-container *ngIf=\"!(calendar | async)\">\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n <p class=\"alert alert-warning\">\n {{ 'foehn-agenda.calendar-indisponible' | fromDictionary }}\n </p>\n </ng-container>\n\n <!-- Fake input with NgModel to be registered into Form controls -->\n <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n <p\n [id]=\"buildChildId('srOnlyAnnouncements')\"\n class=\"sr-only\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n >\n {{ srAnnouncements }}\n </p>\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"calendar | async as loadedCalendar\">\n <section\n class=\"mb-3\"\n [attr.aria-describedby]=\"getDescribedBy()\"\n [attr.aria-invalid]=\"hasErrors() || null\"\n >\n <h2 class=\"h3 mt-3\">\n <span aria-live=\"polite\" role=\"status\" aria-atomic=\"true\">\n {{ loadedCalendar.currentWeek.label }}\n </span>\n </h2>\n\n <!-- Rappel de l'heure actuellement s\u00E9lectionn\u00E9e -->\n <p [id]=\"buildChildId('timeSlotSelectedSrOnly')\" class=\"sr-only\">\n {{ extractDayTime(model) }}\n </p>\n\n <!-- Navigation top hidden from screen reader-->\n <foehn-agenda-navigation\n [id]=\"buildChildId() + 'week-pagination-top'\"\n [calendar]=\"loadedCalendar\"\n [minDate]=\"loadedCalendar.minAvailableDate\"\n [maxDate]=\"loadedCalendar.maxAvailableDate\"\n (paginationChange)=\"paginate($event)\"\n aria-hidden=\"true\"\n ></foehn-agenda-navigation>\n\n <!-- Link to navigation bottom only for screen reader -->\n <p [id]=\"buildChildId('navigationBottomAnchor')\" class=\"sr-only\">\n {{\n 'foehn-agenda.pagination-anchor.first-part' | fromDictionary\n }}\n <a\n href=\"#\"\n (click)=\"$event.preventDefault(); scrollToNavigation(true)\"\n >\n {{\n 'foehn-agenda.pagination-anchor.top-next-part'\n | fromDictionary\n }}\n </a>\n </p>\n\n <foehn-validation-alerts\n [component]=\"this\"\n ></foehn-validation-alerts>\n\n <div\n class=\"row\"\n [tabIndex]=\"hasErrors() ? 0 : -1\"\n [attr.id]=\"buildChildId()\"\n #entryComponent\n >\n <foehn-agenda-timeslot-panel\n *ngFor=\"let currentWeek of loadedCalendar.currentWeek.week\"\n class=\"col-12\"\n #timeSlotPanelElemRef\n [currentWeek]=\"currentWeek\"\n [calendar]=\"calendar\"\n [nbVisibleElements]=\"nbVisibleElements\"\n [(model)]=\"model\"\n (userInput)=\"handleUserInput($event)\"\n ></foehn-agenda-timeslot-panel>\n </div>\n </section>\n\n <!-- Navigation bottom used for screen reader only -->\n <foehn-agenda-navigation\n class=\"sr-only\"\n [id]=\"buildChildId() + 'week-pagination-bottom'\"\n [calendar]=\"loadedCalendar\"\n [isSrOnly]=\"true\"\n [minDate]=\"loadedCalendar.minAvailableDate\"\n [maxDate]=\"loadedCalendar.maxAvailableDate\"\n (paginationChange)=\"paginate($event)\"\n ></foehn-agenda-navigation>\n\n <!-- Link to navigation top hidden from screen reader -->\n <p [id]=\"buildChildId('navigationTopAnchor')\" aria-hidden=\"true\">\n {{ 'foehn-agenda.pagination-anchor.first-part' | fromDictionary }}\n <a\n href=\"#\"\n (click)=\"$event.preventDefault(); scrollToNavigation(false)\"\n >\n {{\n 'foehn-agenda.pagination-anchor.bottom-next-part'\n | fromDictionary\n }}\n </a>\n </p>\n </ng-container>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnAgendaNavigationComponent, selector: "foehn-agenda-navigation", inputs: ["id", "calendar", "isSrOnly", "minDate", "maxDate"], outputs: ["paginationChange"] }, { type: FoehnAgendaTimeslotPanelComponent, selector: "foehn-agenda-timeslot-panel", inputs: ["calendar", "nbVisibleElements", "currentWeek"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i2.AsyncPipe } });
|
|
12680
12689
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnAgendaComponent, decorators: [{
|
|
12681
12690
|
type: Component,
|
|
12682
12691
|
args: [{ selector: 'foehn-agenda', providers: [
|