@dsivd/prestations-ng 18.0.0-beta.3 → 18.0.0-beta.4

package/CHANGELOG.md

@@ -2936,18 +2936,17 @@ data: {
 - [foehn-input-address.component.html](projects/prestations-ng/src/foehn-address/foehn-input-address.component.html)
 
     - added some inputs to affect the presence of (facultatif) on every label :
-
-                        -   `@Input() countryRequired = true`
-                        -   `@Input() swissNpaLocalityRequired = true`
-                        -   `@Input() streetRequired = true`
-                        -   `@Input() streetNumberRequired = false`
-                        -   `@Input() foreignZipCodeRequired = true`
-                        -   `@Input() foreignLocalityRequired = true`
-                        -   `@Input() foreignStreetRequired = true`
-                        -   `@Input() foreignStreetNumberRequired = false`
-                        -   `@Input() postOfficeBoxTextRequired = false`
-                        -   `@Input() addressLine1Required = false`
-                        -   `@Input() addressLine2Required = false
+        - `@Input() countryRequired = true`
+        - `@Input() swissNpaLocalityRequired = true`
+        - `@Input() streetRequired = true`
+        - `@Input() streetNumberRequired = false`
+        - `@Input() foreignZipCodeRequired = true`
+        - `@Input() foreignLocalityRequired = true`
+        - `@Input() foreignStreetRequired = true`
+        - `@Input() foreignStreetNumberRequired = false`
+        - `@Input() postOfficeBoxTextRequired = false`
+        - `@Input() addressLine1Required = false`
+        - `@Input() addressLine2Required = false`
 
 ## [11.1.4]
 
@@ -3443,7 +3442,7 @@ not dead
 
 ### Updated
 
-- [public_api.ts](projects/prestations-ng/src/public_api.ts)
+- [public-api.ts](projects/prestations-ng/src/public-api.ts)
     - Add FoehnPageCounterComponent export
 - `@fortawesome/free-solid-svg-icons` and `@fortawesome/fontawesome-free` libraries to 5.11.2
 
@@ -5167,8 +5166,8 @@ If you've added an "Obligatoire" label somewhere in your prestation, please chan
     </foehn-list>
     `
     ```
-                      - itemsPerPage is 10, if none provided
-                      - trackBy is done on index, if no trackBy function is provided
+    - itemsPerPage is 10, if none provided
+    - trackBy is done on index, if no trackBy function is provided
 
 ## [7.20.0] - 2018.08.29
 

package/UPGRADING_V18.md

@@ -97,6 +97,25 @@ npm remove eslint-plugin-jsdoc
 npm update
 ```
 
+#### Fix proxy.conf.json
+
+In your `proxy.conf.json` file:
+
+- remove `/*` at the end of your api url
+- remove `"changeOrigin": true`
+
+```diff
+- "/pub/101102/api/*": {
++ "/pub/101102/api": {
+    "target": "http://localhost:16400",
+-   "changeOrigin": true,
+    "secure": false,
+    "pathRewrite": {
+        "^/api": ""
+    }
+}
+```
+
 #### NgHttpLoader migration as standalone
 
 In your `app.module.ts` file:
@@ -104,19 +123,108 @@ In your `app.module.ts` file:
 - Remove `import { NgHttpLoaderModule } from 'ng-http-loader';`
 - Remove `NgHttpLoaderModule.forRoot()` from `imports` in `@NgModule(...)`
 - Add `NgHttpLoaderComponent` to `imports` in `@NgModule(...)`
+- Add `withInterceptors([pendingRequestsInterceptor$])` to `providers` in `@NgModule(...)`
 
 ```diff
 - import { NgHttpLoaderModule } from 'ng-http-loader';
-+ import { NgHttpLoaderComponent } from 'ng-http-loader';
++ import { NgHttpLoaderComponent, pendingRequestsInterceptor$ } from 'ng-http-loader';
 
 @NgModule({
     imports: [
 -       NgHttpLoaderModule.forRoot(),
 +       NgHttpLoaderComponent,
-    ],
+    ], providers: [
+        provideHttpClient(
++           withInterceptors([pendingRequestsInterceptor$]),
+    ]
 })
 ```
 
+#### Move and upodate your tsconfig\*.json files
+
+- Move your `tsconfig.app.json` and `tsconfig.spec.json` from `src` to `front` (if not already done)
+- Replace your `tsconfig.json` content with:
+
+```json
+{
+    "compileOnSave": false,
+    "compilerOptions": {
+        "outDir": "./dist/out-tsc",
+        "noImplicitOverride": true,
+        "noPropertyAccessFromIndexSignature": true,
+        "noImplicitReturns": true,
+        "noFallthroughCasesInSwitch": true,
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "sourceMap": true,
+        "declaration": false,
+        "experimentalDecorators": true,
+        "moduleResolution": "bundler",
+        "importHelpers": true,
+        "target": "ES2022",
+        "module": "ES2022",
+        "paths": {
+            "@dsivd/prestations-ng": ["./node_modules/@dsivd/prestations-ng"]
+        }
+    },
+    "include": ["src/**/*"],
+    "angularCompilerOptions": {
+        "enableI18nLegacyMessageIdFormat": false,
+        "strictInjectionParameters": true,
+        "strictInputAccessModifiers": true
+    }
+}
+```
+
+- Replace your `tsconfig.app.json` content with:
+
+```json
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../out-tsc/app",
+        "types": []
+    },
+    "files": ["src/main.ts"],
+    "include": ["src/**/*.d.ts"]
+}
+```
+
+- Replace your `tsconfig.spec.json` content with:
+
+```json
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../out-tsc/spec",
+        "types": ["jasmine", "node"]
+    },
+    "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
+}
+```
+
+#### Fix your angular.json file
+
+Because your `tsconfig.app.json` and `tsconfig.spec.json` have been moved, you need to change the path in your `angular.json` file by removing `src/`
+
+```diff
+"projects": {
+    "[YOUR_APPLICATION_NAME]": {
+      "architect": {
+        "build": {
+            "options": {
+-              "tsConfig": "src/tsconfig.app.json",
++              "tsConfig": "tsconfig.app.json",
+            }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+-           "tsConfig": "src/tsconfig.spec.json",
++           "tsConfig": "tsconfig.spec.json",
+          }
+```
+
 #### Browsers list update
 
 Run update schematic:
@@ -183,6 +291,8 @@ npm install
 
 #### Build and launch your application
 
+**NB: You will most probably need to fix some compilation errors such as adding `override` when needed**
+
 ```bash
 npm run build
 npm start

package/fesm2022/dsivd-prestations-ng.mjs

@@ -7340,6 +7340,7 @@ class FoehnPageExpirationTimerComponent {
         if (!!minutes && !!seconds && !hours) {
             return `${minutes} minutes et ${seconds} secondes`;
         }
+        return '';
     }
     manageScreenReaderAnnouncement(timeInSeconds, hours, minutes, seconds) {
         const _1_hourInSeconds = 60 * 60;
@@ -9360,7 +9361,31 @@ class DatePickerHelper {
         this.DATE_STRING_FORMAT = 'YYYY-MM-DD';
         this.DATE_READABLE_FORMAT = 'D MMMM YYYY';
         this._displayedMonthYear = new BehaviorSubject(null);
-        this.loadLocale = (language) => import(/* @vite-ignore */ `dayjs/locale/${language}`).then(() => dayjs.locale(language));
+        this.loadLocale = async (language) => {
+            // Need static imports due to angular 19 being more strict with dynamic import for security reason and bundles optimization
+            switch (language) {
+                case 'fr':
+                    await import('dayjs/locale/fr');
+                    break;
+                case 'en':
+                    await import('dayjs/locale/en');
+                    break;
+                case 'es':
+                    await import('dayjs/locale/es');
+                    break;
+                case 'it':
+                    await import('dayjs/locale/it');
+                    break;
+                case 'pt':
+                    await import('dayjs/locale/pt');
+                    break;
+                // ... autres cas
+                default:
+                    console.warn(`Locale ${language} not supported`);
+                    language = 'en'; // fallback
+            }
+            dayjs.locale(language);
+        };
     }
     get displayedMonthYear() {
         return this._displayedMonthYear.asObservable();
@@ -13874,13 +13899,11 @@ class AbstractFoehnUploaderComponent extends FoehnInputComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFoehnUploaderComponent, deps: [{ token: ApplicationInfoService }, { token: FoehnConfirmModalService }, { token: SdkDictionaryService }, { token: GrowlBrokerService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: AbstractFoehnUploaderComponent, isStandalone: true, inputs: { required: "required", dragAndDrop: "dragAndDrop", showUploadButton: "showUploadButton", readonly: "readonly", hideGlobalInfos: "hideGlobalInfos", multiple: "multiple", key: "key", chooseButtonLabel: "chooseButtonLabel", chooseButtonLabelMultiple: "chooseButtonLabelMultiple", dropZoneLabel: "dropZoneLabel", dropZoneLabelMultiple: "dropZoneLabelMultiple", overrideAcceptedExtensions: "overrideAcceptedExtensions", overrideMaxFileNameLength: "overrideMaxFileNameLength", overrideIllegalCharacters: "overrideIllegalCharacters", showDeleteConfirmationMessage: "showDeleteConfirmationMessage", deleteConfirmationMessage: "deleteConfirmationMessage", maxSimultaneousSelectedFiles: "maxSimultaneousSelectedFiles", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation", maxFilesCount: "maxFilesCount", maxFilesSizeInMo: "maxFilesSizeInMo" }, host: { listeners: { "window:dragover": "onDocumentDragOver($event)", "window:dragleave": "onDocumentDragLeave($event)", "window:drop": "onDocumentDrop($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: AbstractFoehnUploaderComponent, isStandalone: true, inputs: { dragAndDrop: "dragAndDrop", showUploadButton: "showUploadButton", readonly: "readonly", hideGlobalInfos: "hideGlobalInfos", multiple: "multiple", key: "key", chooseButtonLabel: "chooseButtonLabel", chooseButtonLabelMultiple: "chooseButtonLabelMultiple", dropZoneLabel: "dropZoneLabel", dropZoneLabelMultiple: "dropZoneLabelMultiple", overrideAcceptedExtensions: "overrideAcceptedExtensions", overrideMaxFileNameLength: "overrideMaxFileNameLength", overrideIllegalCharacters: "overrideIllegalCharacters", showDeleteConfirmationMessage: "showDeleteConfirmationMessage", deleteConfirmationMessage: "deleteConfirmationMessage", maxSimultaneousSelectedFiles: "maxSimultaneousSelectedFiles", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation", maxFilesCount: "maxFilesCount", maxFilesSizeInMo: "maxFilesSizeInMo" }, host: { listeners: { "window:dragover": "onDocumentDragOver($event)", "window:dragleave": "onDocumentDragLeave($event)", "window:drop": "onDocumentDrop($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFoehnUploaderComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: ApplicationInfoService }, { type: FoehnConfirmModalService }, { type: SdkDictionaryService }, { type: GrowlBrokerService }], propDecorators: { required: [{
-                type: Input
-            }], dragAndDrop: [{
+        }], ctorParameters: () => [{ type: ApplicationInfoService }, { type: FoehnConfirmModalService }, { type: SdkDictionaryService }, { type: GrowlBrokerService }], propDecorators: { dragAndDrop: [{
                 type: Input
             }], showUploadButton: [{
                 type: Input
@@ -14804,7 +14827,7 @@ class FoehnPictureUploadComponent extends FoehnInputComponent {
         return acceptedFormats.includes(fileExtension);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FoehnPictureUploadComponent, deps: [{ token: MultiUploadService }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: FoehnPictureUploadComponent, isStandalone: false, selector: "foehn-picture-upload", inputs: { name: "name", key: "key", label: "label", baseUrl: "baseUrl", croppedPictureFilename: "croppedPictureFilename", resizeToWidth: "resizeToWidth", resizeToHeight: "resizeToHeight", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: FoehnPictureUploadComponent, isStandalone: false, selector: "foehn-picture-upload", inputs: { key: "key", baseUrl: "baseUrl", croppedPictureFilename: "croppedPictureFilename", resizeToWidth: "resizeToWidth", resizeToHeight: "resizeToHeight", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnPictureUploadComponent),
@@ -14825,11 +14848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         { provide: MultiUploadService, useClass: MultiUploadService },
                         { provide: UploadProgressService, useClass: UploadProgressService }
                     ], standalone: false, 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    #fallBackTrigger\n>\n    <label\n        class=\"form-label\"\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : 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 && !croppedPictureAsBlob\">\n        <input\n            #inputFile\n            type=\"file\"\n            class=\"form-control d-none\"\n            [attr.id]=\"name\"\n            [attr.accept]=\"acceptFormats\"\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=\"croppedPictureAsBlob\"\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=\"croppedPictureAsBlob\"\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\n    <foehn-upload-progress-bar\n        [progressBarTriggerHtmlElement]=\"\n            inputElement?.nativeElement || fallBackTrigger\n        \"\n    ></foehn-upload-progress-bar>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: MultiUploadService }, { type: SdkDictionaryService }], propDecorators: { name: [{
-                type: Input
-            }], key: [{
-                type: Input
-            }], label: [{
+        }], ctorParameters: () => [{ type: MultiUploadService }, { type: SdkDictionaryService }], propDecorators: { key: [{
                 type: Input
             }], baseUrl: [{
                 type: Input