ngx-ode-ui 4.8.0-feat-explorer.2 → 4.8.0-objectstorage.4

package/fesm2020/ngx-ode-ui.mjs

@@ -7,7 +7,7 @@ import { NG_VALUE_ACCESSOR, NgModel, FormsModule } from '@angular/forms';
 import Flatpickr from 'flatpickr';
 import French from 'flatpickr/dist/l10n/fr.js';
 import * as i1 from '@angular/common';
-import { CommonModule, DatePipe } from '@angular/common';
+import { CommonModule, getLocaleId, DatePipe } from '@angular/common';
 import * as i2$1 from 'ngx-ode-sijil';
 import { NgxOdeSijilModule } from 'ngx-ode-sijil';
 import * as i2$2 from 'ngx-infinite-scroll';
@@ -2290,7 +2290,7 @@ WizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
                 </nav>
             </section>
         </div>
-    `, isInline: true, styles: [".wizard{display:flex}.wizard-menu{background:#5b6472;flex:0 0 240px}.wizard-menu ul{padding:10px 30px}.wizard-menu ul li{color:#eaedf2;list-style-type:none;padding:5px 0}.wizard-menu ul li.active,.wizard-menu ul li.finish{font-weight:700;color:#fff}.wizard-menu ul li.finish{color:green}.wizard-menu__title{font-weight:700;font-size:1.2em;color:#fff;padding:25px 0 0 10px}.wizard-content{background:#fff;flex:auto}.wizard-content-nav{text-align:right}.wizard-content-nav__button{margin:10px 0}.wizard-content-nav__button--next{margin-right:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.S5lComponent, selector: "s5l", inputs: ["s5l-params", "s5l-lang"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
+    `, isInline: true, styles: [".wizard{display:flex;overflow:auto}.wizard-menu{background:#5b6472;flex:0 0 240px}.wizard-menu ul{padding:10px 30px}.wizard-menu ul li{color:#eaedf2;list-style-type:none;padding:5px 0}.wizard-menu ul li.active,.wizard-menu ul li.finish{font-weight:700;color:#fff}.wizard-menu ul li.finish{color:green}.wizard-menu__title{font-weight:700;font-size:1.2em;color:#fff;padding:25px 0 0 10px}.wizard-content{background:#fff;flex:auto;overflow:auto}.wizard-content-nav{text-align:right}.wizard-content-nav__button{margin:10px 0}.wizard-content-nav__button--next{margin-right:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.S5lComponent, selector: "s5l", inputs: ["s5l-params", "s5l-lang"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: WizardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ode-wizard', template: `
@@ -2328,7 +2328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImpor
                 </nav>
             </section>
         </div>
-    `, styles: [".wizard{display:flex}.wizard-menu{background:#5b6472;flex:0 0 240px}.wizard-menu ul{padding:10px 30px}.wizard-menu ul li{color:#eaedf2;list-style-type:none;padding:5px 0}.wizard-menu ul li.active,.wizard-menu ul li.finish{font-weight:700;color:#fff}.wizard-menu ul li.finish{color:green}.wizard-menu__title{font-weight:700;font-size:1.2em;color:#fff;padding:25px 0 0 10px}.wizard-content{background:#fff;flex:auto}.wizard-content-nav{text-align:right}.wizard-content-nav__button{margin:10px 0}.wizard-content-nav__button--next{margin-right:16px}\n"] }]
+    `, styles: [".wizard{display:flex;overflow:auto}.wizard-menu{background:#5b6472;flex:0 0 240px}.wizard-menu ul{padding:10px 30px}.wizard-menu ul li{color:#eaedf2;list-style-type:none;padding:5px 0}.wizard-menu ul li.active,.wizard-menu ul li.finish{font-weight:700;color:#fff}.wizard-menu ul li.finish{color:green}.wizard-menu__title{font-weight:700;font-size:1.2em;color:#fff;padding:25px 0 0 10px}.wizard-content{background:#fff;flex:auto;overflow:auto}.wizard-content-nav{text-align:right}.wizard-content-nav__button{margin:10px 0}.wizard-content-nav__button--next{margin-right:16px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { cancel: [{
                 type: Output
             }], previousStep: [{
@@ -2645,8 +2645,21 @@ class LocalizedDatePipe {
     constructor(bundlesService) {
         this.bundlesService = bundlesService;
     }
-    transform(value, pattern = 'mediumDate') {
-        const datePipe = new DatePipe(this.bundlesService.currentLanguage);
+    transform(value, pattern = "mediumDate") {
+        let targetLanguage = this.bundlesService.currentLanguage || "en";
+        try {
+            // If targetLanguage and angular current locale are different, fall back angular locale to "en"
+            if (getLocaleId(targetLanguage) !== targetLanguage) {
+                targetLanguage = "en";
+            }
+        }
+        catch (e) {
+            // getLocaleId(targetLanguage) can throw an error when locale is not recognized
+            // In such a case, fall back to "en"
+            targetLanguage = "en";
+        }
+        // Use angular locale formatting for localized dates
+        const datePipe = new DatePipe(targetLanguage);
         return datePipe.transform(value, pattern);
     }
 }