@dsivd/prestations-ng 15.3.1-beta1 → 15.3.1-beta4
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 +18 -2
- package/dsivd-prestations-ng-v15.3.1-beta4.tgz +0 -0
- package/esm2020/foehn-boolean/foehn-boolean-checkbox.component.mjs +3 -3
- 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 +3 -2
- package/esm2020/foehn-input/foehn-input-textarea.component.mjs +15 -10
- package/esm2020/sdk-dictionary/default-dictionary.mjs +3 -2
- package/fesm2015/dsivd-prestations-ng.mjs +22 -15
- package/fesm2015/dsivd-prestations-ng.mjs.map +1 -1
- package/fesm2020/dsivd-prestations-ng.mjs +22 -15
- package/fesm2020/dsivd-prestations-ng.mjs.map +1 -1
- package/foehn-help-modal/foehn-help-modal.type.d.ts +3 -0
- package/package.json +1 -1
- package/dsivd-prestations-ng-v15.3.1-beta1.tgz +0 -0
|
@@ -1397,7 +1397,8 @@ const DEFAULT_DICTIONARY = {
|
|
|
1397
1397
|
'foehn-input-date.month.label': 'Mois',
|
|
1398
1398
|
'foehn-input-date.year.label': 'Année',
|
|
1399
1399
|
'foehn-input-email.modal.title': 'Aide',
|
|
1400
|
-
'foehn-input-email.modal.content':
|
|
1400
|
+
'foehn-input-email.modal.content': "<p>Vous n'arrivez pas à saisir votre mail ?</p>" +
|
|
1401
|
+
'<p>Merci d\'écrire à <a href="mailto:info.cyber@vd.ch">info.cyber@vd.ch</a></p>',
|
|
1401
1402
|
'foehn-input-time.hours.label': 'Heure',
|
|
1402
1403
|
'foehn-input-time.minutes.label': 'Minutes',
|
|
1403
1404
|
'foehn-input-number.standard-help-text.label': 'Saisir un nombre entre {minValue} et {maxValue}',
|
|
@@ -3305,10 +3306,10 @@ class FoehnHelpModalComponent {
|
|
|
3305
3306
|
}
|
|
3306
3307
|
}
|
|
3307
3308
|
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=\"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
|
|
3309
|
+
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 [style]=\"\n 'width:' +\n (image.width || '100%') +\n '; ' +\n 'height: ' +\n (image.height || 'auto') +\n ';'\n \"\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
3310
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnHelpModalComponent, decorators: [{
|
|
3310
3311
|
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=\"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
|
|
3312
|
+
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 [style]=\"\n 'width:' +\n (image.width || '100%') +\n '; ' +\n 'height: ' +\n (image.height || 'auto') +\n ';'\n \"\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
3313
|
}], propDecorators: { modalContent: [{
|
|
3313
3314
|
type: Input
|
|
3314
3315
|
}], modalTrigger: [{
|
|
@@ -7148,7 +7149,8 @@ class FoehnInputEmailComponent extends FoehnInputStringComponent {
|
|
|
7148
7149
|
this.autocomplete = 'email';
|
|
7149
7150
|
this.helpModal = {
|
|
7150
7151
|
title: this.dictionaryService.getKeySync('foehn-input-email.modal.title'),
|
|
7151
|
-
body: this.dictionaryService.getKeySync('foehn-input-email.modal.content')
|
|
7152
|
+
body: this.dictionaryService.getKeySync('foehn-input-email.modal.content'),
|
|
7153
|
+
modalSize: 'modal-xs'
|
|
7152
7154
|
};
|
|
7153
7155
|
}
|
|
7154
7156
|
onModelChange(value) {
|
|
@@ -7281,16 +7283,19 @@ class FoehnInputTextareaComponent extends FoehnInputStringComponent {
|
|
|
7281
7283
|
onModelChange(value) {
|
|
7282
7284
|
if (value === undefined || !!value) {
|
|
7283
7285
|
this.updateNgModel(value);
|
|
7286
|
+
if (this.displayCharCount) {
|
|
7287
|
+
this.checkCharCountExceeded();
|
|
7288
|
+
this.countCharLeft();
|
|
7289
|
+
}
|
|
7290
|
+
return;
|
|
7284
7291
|
}
|
|
7285
|
-
|
|
7286
|
-
this.
|
|
7287
|
-
|
|
7288
|
-
|
|
7289
|
-
|
|
7290
|
-
|
|
7291
|
-
|
|
7292
|
-
this.countCharLeft();
|
|
7293
|
-
}
|
|
7292
|
+
this.ngZone.onMicrotaskEmpty.pipe(first()).subscribe(() => {
|
|
7293
|
+
this.updateNgModel(null);
|
|
7294
|
+
if (this.displayCharCount) {
|
|
7295
|
+
this.checkCharCountExceeded();
|
|
7296
|
+
this.countCharLeft();
|
|
7297
|
+
}
|
|
7298
|
+
});
|
|
7294
7299
|
}
|
|
7295
7300
|
countCharLeft() {
|
|
7296
7301
|
if (!this.max) {
|
|
@@ -7325,7 +7330,9 @@ class FoehnInputTextareaComponent extends FoehnInputStringComponent {
|
|
|
7325
7330
|
checkCharCountExceeded() {
|
|
7326
7331
|
if (this.model && this.max) {
|
|
7327
7332
|
this.isCharCountExceeded = this.model.length > this.max;
|
|
7333
|
+
return;
|
|
7328
7334
|
}
|
|
7335
|
+
this.isCharCountExceeded = false;
|
|
7329
7336
|
}
|
|
7330
7337
|
getCharCountLabel(nbRemaining) {
|
|
7331
7338
|
return this.charCountLeft === 1
|
|
@@ -9509,7 +9516,7 @@ FoehnBooleanCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
9509
9516
|
useExisting: forwardRef(() => FoehnBooleanCheckboxComponent),
|
|
9510
9517
|
multi: true
|
|
9511
9518
|
}
|
|
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
|
|
9519
|
+
], 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\n [ngClass]=\"\n isLabelSrOnly\n ? 'form-check-label sr-only'\n : 'form-check-label vd-p'\n \"\n [for]=\"buildChildId()\"\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 </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"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
|
|
9513
9520
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnBooleanCheckboxComponent, decorators: [{
|
|
9514
9521
|
type: Component,
|
|
9515
9522
|
args: [{ selector: 'foehn-boolean-checkbox', providers: [
|
|
@@ -9518,7 +9525,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
9518
9525
|
useExisting: forwardRef(() => FoehnBooleanCheckboxComponent),
|
|
9519
9526
|
multi: true
|
|
9520
9527
|
}
|
|
9521
|
-
], 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
|
|
9528
|
+
], 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\n [ngClass]=\"\n isLabelSrOnly\n ? 'form-check-label sr-only'\n : 'form-check-label vd-p'\n \"\n [for]=\"buildChildId()\"\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 </div>\n</div>\n" }]
|
|
9522
9529
|
}] });
|
|
9523
9530
|
|
|
9524
9531
|
class FoehnBooleanRadioComponent extends FoehnInputComponent {
|