@onemrvapublic/design-system 18.2.13 → 18.2.14-develop.10

package/fesm2022/onemrvapublic-design-system-shared.mjs

@@ -1,174 +1,39 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, InjectionToken, Inject, Directive, HostListener, EventEmitter, Output, Input, HostBinding, Pipe, Optional, NgModule, APP_INITIALIZER } from '@angular/core';
-import { NativeDateAdapter, MatNativeDateModule, MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
-import { DateTime } from 'luxon';
-import { Subject, takeUntil, merge, NEVER, take, tap, catchError, startWith, switchMap, shareReplay, filter, finalize, of, forkJoin, ReplaySubject, skip, distinctUntilChanged, map as map$1, combineLatestWith, from } from 'rxjs';
-import * as i1 from '@ngx-translate/core';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { Component, InjectionToken, Injectable, Inject, Directive, HostListener, EventEmitter, Output, Input, HostBinding, Pipe, Optional, NgModule, inject } from '@angular/core';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i1$1 from '@angular/cdk/clipboard';
+import * as i1 from '@angular/cdk/clipboard';
 import { DOCUMENT, CommonModule } from '@angular/common';
-import * as i1$2 from '@angular/cdk/platform';
+import * as i1$1 from '@angular/cdk/platform';
 import { _isTestEnvironment } from '@angular/cdk/platform';
+import { Subject, merge, NEVER, take, tap, catchError, startWith, switchMap, shareReplay, filter, finalize, of, forkJoin, ReplaySubject, skip, distinctUntilChanged, map as map$1, combineLatestWith, from } from 'rxjs';
 import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
-import * as i1$3 from '@angular/cdk/layout';
+import * as i1$2 from '@angular/cdk/layout';
 import { catchError as catchError$1, map, startWith as startWith$1 } from 'rxjs/operators';
-import * as i1$4 from '@angular/common/http';
+import * as i1$3 from '@angular/common/http';
 import { __decorate } from 'tslib';
+import * as i1$4 from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { countrySpecs, validateIBAN, electronicFormatIBAN, ValidationErrorsIBAN } from 'ibantools';
+import { DateAdapter, MatNativeDateModule, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
 import { MatDatepickerModule } from '@angular/material/datepicker';
-
-const ONEMRVA_FORMAT = {
-    parse: {
-        dateInput: 'LL',
-    },
-    display: {
-        dateInput: 'dd/MM/yyyy',
-        monthYearLabel: 'MMM yyyy',
-        dateA11yLabel: 'LL',
-        monthYearA11yLabel: 'MMMM yyyy',
-    },
-};
-// KEEP ?
-const ONEMRVA_YEAR_MONTH_FORMAT = {
-    parse: {
-        dateInput: 'LL/yyyy',
-    },
-    display: {
-        dateInput: 'LL/yyyy',
-        monthYearLabel: 'LL/yyyy',
-        dateA11yLabel: 'LL',
-        monthYearA11yLabel: 'LLL yyyy',
-    },
-};
-
-class OnemrvaDateAdapter extends NativeDateAdapter {
-    constructor(translateService) {
-        super();
-        this.translateService = translateService;
-        this.dateFormat = ONEMRVA_FORMAT.display.dateInput;
-        this.destroyNotifier$ = new Subject();
-        this.setLocale(this.translateService.currentLang);
-        this.translateService.onLangChange
-            .pipe(takeUntil(this.destroyNotifier$))
-            .subscribe(({ lang }) => {
-            this.setLocale(lang);
-        });
-    }
-    format(date) {
-        const dt = DateTime.fromJSDate(date);
-        return dt.toFormat(this.dateFormat);
-    }
-    parse(value) {
-        if (value && typeof value === 'string') {
-            value = value.replace(/\D/g, '/');
-        }
-        if (value === null || value === '') {
-            return null;
-        }
-        const dt = DateTime.fromFormat(value, this.dateFormat, {
-            locale: this.locale,
-        });
-        if (dt.isValid) {
-            return dt.toJSDate();
-        }
-        const formats = ['ddMMyyyy', 'd/M/yyyy', 'dd/M/yyyy', 'd/MM/yyyy'];
-        for (const format of formats) {
-            const parsed = DateTime.fromFormat(value, format, {
-                locale: this.locale,
-            });
-            if (parsed.isValid) {
-                return parsed.toJSDate();
-            }
-        }
-        return this.invalid();
-    }
-    getFirstDayOfWeek() {
-        return 1;
-    }
-    ngOnDestroy() {
-        this.destroyNotifier$.next();
-        this.destroyNotifier$.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDateAdapter, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDateAdapter }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDateAdapter, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.TranslateService }] });
-
-class OnemrvaYearMonthAdapter extends NativeDateAdapter {
-    constructor(translateService) {
-        super();
-        this.translateService = translateService;
-        this.dateFormat = ONEMRVA_FORMAT.display.dateInput;
-        this.destroyNotifier$ = new Subject();
-        this.setLocale(this.translateService.currentLang);
-        this.translateService.onLangChange
-            .pipe(takeUntil(this.destroyNotifier$))
-            .subscribe(({ lang }) => {
-            this.setLocale(lang);
-        });
-    }
-    format(date) {
-        const dt = DateTime.fromJSDate(date);
-        console.log(dt.toFormat(this.dateFormat));
-        return dt.toFormat(this.dateFormat);
-    }
-    parse(value) {
-        if (value && typeof value === 'string') {
-            value = value.replace(/\D/g, '/');
-        }
-        console.warn('*****');
-        if (value === null || value === '') {
-            return null;
-        }
-        const dt = DateTime.fromFormat(value, this.dateFormat, {
-            locale: this.locale,
-        });
-        if (dt.isValid) {
-            return dt.toJSDate();
-        }
-        const formats = ['MMyyyy', 'M/yyyy', 'MM/yyyy'];
-        for (const format of formats) {
-            const parsed = DateTime.fromFormat(value, format, {
-                locale: this.locale,
-            });
-            if (parsed.isValid) {
-                return parsed.toJSDate();
-            }
-        }
-        return this.invalid();
-    }
-    getFirstDayOfWeek() {
-        return 1;
-    }
-    ngOnDestroy() {
-        this.destroyNotifier$.next();
-        this.destroyNotifier$.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaYearMonthAdapter, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaYearMonthAdapter }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaYearMonthAdapter, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.TranslateService }] });
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { provideLuxonDateAdapter } from '@angular/material-luxon-adapter';
 
 class ClipboardIconComponent {
     constructor(_elementRef, clipboardService) {
         this._elementRef = _elementRef;
         this.clipboardService = clipboardService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ClipboardIconComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ClipboardIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: ClipboardIconComponent, isStandalone: true, selector: "lib-clipboard-icon", ngImport: i0, template: "<mat-icon [matTooltip]=\"'TEST'\">content_copy</mat-icon>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ClipboardIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-clipboard-icon', standalone: true, imports: [MatIconModule, MatTooltipModule], template: "<mat-icon [matTooltip]=\"'TEST'\">content_copy</mat-icon>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.Clipboard }] });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.Clipboard }] });
 
 var CDNUrlModeOptions;
 (function (CDNUrlModeOptions) {
@@ -182,6 +47,101 @@ const CDN_URLS = {
 };
 const NISS_MASK = '000000/000-00';
 
+const parseNativeDateFormats = [
+    'ddMMyyyy',
+    'dd/MM/yyyy',
+    'd/M/yyyy',
+    'dd/M/yyyy',
+    'd/MM/yyyy',
+    'd.M.yyyy',
+    'dd.M.yyyy',
+    'd.MM.yyyy',
+    'd/M/yy',
+    'dd/M/yy',
+    'd/MM/yy',
+    'd.M.yy',
+    'dd.M.yy',
+    'd.MM.yy',
+];
+const parseNativeYearMonthFormats = [
+    'MMyyyy',
+    'M/yyyy',
+    'M/yy',
+    'MM/yyyy',
+    'MM/yy',
+    'M.yyyy',
+    'MM.yyyy',
+];
+const parseLuxonYearMonthFormats = [
+    'LLyyyy',
+    'L/yyyy',
+    'L/yy',
+    'LL/yyyy',
+    'LL/yy',
+    'L.yyyy',
+    'LL.yyyy',
+];
+const parseLuxonDateFormat = [
+    'ddLLyyyy',
+    'd/LL/yyyy',
+    'd/L/yyyy',
+    'dd/L/yyyy',
+    'd/LL/yyyy',
+    'd.L.yyyy',
+    'dd.L.yyyy',
+    'd.LL.yyyy',
+    'd/L/yy',
+    'dd/L/yy',
+    'd/LL/yy',
+    'd.L.yy',
+    'dd.L.yy',
+    'd.LL.yy',
+];
+const ONEMRVA_MAT_NATIVE_DATE_FORMAT = {
+    parse: {
+        dateInput: parseNativeDateFormats,
+    },
+    display: {
+        dateInput: 'dd/MM/yyyy',
+        monthYearLabel: 'MMM yyyy',
+        dateA11yLabel: 'DDD',
+        monthYearA11yLabel: 'MMMM yyyy',
+    },
+};
+const ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT = {
+    parse: {
+        dateInput: parseNativeYearMonthFormats,
+    },
+    display: {
+        dateInput: 'dd/MM/yyyy',
+        monthYearLabel: 'MMM yyyy',
+        dateA11yLabel: 'DDD',
+        monthYearA11yLabel: 'MMM yyyy',
+    },
+};
+const ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS = {
+    parse: {
+        dateInput: parseLuxonYearMonthFormats,
+    },
+    display: {
+        dateInput: 'LL/yyyy',
+        monthYearLabel: 'LLL yyyy',
+        dateA11yLabel: 'DDD',
+        monthYearA11yLabel: 'LLLL yyyy',
+    },
+};
+const ONEMRVA_MAT_LUXON_DATE_FORMATS = {
+    parse: {
+        dateInput: parseLuxonDateFormat,
+    },
+    display: {
+        dateInput: 'dd/LL/yyyy',
+        monthYearLabel: 'LLL yyyy',
+        dateA11yLabel: 'DDD',
+        monthYearA11yLabel: 'LLL yyyy',
+    },
+};
+
 const CDN_URL_MODE = new InjectionToken('This is cdn url that will be used (val/prod)');
 
 /**
@@ -252,7 +212,7 @@ class WebComponentOverlayContainer {
         this._document.body.appendChild(containerwrap);
         this._containerElement = container;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: WebComponentOverlayContainer, deps: [{ token: DOCUMENT }, { token: i1$2.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: WebComponentOverlayContainer, deps: [{ token: DOCUMENT }, { token: i1$1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: WebComponentOverlayContainer, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: WebComponentOverlayContainer, decorators: [{
@@ -261,7 +221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }, { type: i1$2.Platform }] });
+                }] }, { type: i1$1.Platform }] });
 
 class DefaultStorage {
     constructor() {
@@ -525,7 +485,7 @@ class IfWidthIsDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: IfWidthIsDirective, deps: [{ token: i1$3.BreakpointObserver }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: IfWidthIsDirective, deps: [{ token: i1$2.BreakpointObserver }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: IfWidthIsDirective, selector: "[ifWidthIs]", inputs: { ifWidthIs: "ifWidthIs" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: IfWidthIsDirective, decorators: [{
@@ -533,7 +493,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             args: [{
                     selector: '[ifWidthIs]',
                 }]
-        }], ctorParameters: () => [{ type: i1$3.BreakpointObserver }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { ifWidthIs: [{
+        }], ctorParameters: () => [{ type: i1$2.BreakpointObserver }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { ifWidthIs: [{
                 type: Input
             }] } });
 
@@ -814,7 +774,7 @@ class OnemRvaClipboardDirective {
         this.vcRef.clear();
         this.renderer.appendChild(this.elementRef.nativeElement, this.iconEl);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaClipboardDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: i1$1.Clipboard }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaClipboardDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: OnemRvaClipboardDirective, selector: "span[clipboard]", inputs: { clipboard: "clipboard" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaClipboardDirective, decorators: [{
@@ -822,7 +782,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             args: [{
                     selector: 'span[clipboard]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: i1$1.Clipboard }], propDecorators: { class: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: i1.Clipboard }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class']
             }], clipboard: [{
@@ -1016,7 +976,7 @@ class CommonCountryLookupService {
             return country || null;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CommonCountryLookupService, deps: [{ token: i1$4.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CommonCountryLookupService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CommonCountryLookupService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CommonCountryLookupService, decorators: [{
@@ -1024,7 +984,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$4.HttpClient }] });
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }] });
 
 class CacheService {
     setItem(key, item) {
@@ -1102,7 +1062,7 @@ class OnemRvaCDNService {
             return all.filter(v => !!v).reduce((s, c) => ({ ...s, ...c }), {});
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaCDNService, deps: [{ token: CacheService }, { token: i1$4.HttpClient }, { token: CDN_URL_MODE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaCDNService, deps: [{ token: CacheService }, { token: i1$3.HttpClient }, { token: CDN_URL_MODE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaCDNService, providedIn: 'root' }); }
 }
 __decorate([
@@ -1117,7 +1077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: CacheService }, { type: i1$4.HttpClient }, { type: CDNUrlModeOptions, decorators: [{
+        }], ctorParameters: () => [{ type: CacheService }, { type: i1$3.HttpClient }, { type: CDNUrlModeOptions, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -1183,7 +1143,7 @@ class OnemRvaCDNCountryService {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaCDNCountryService, deps: [{ token: OnemRvaCDNService }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaCDNCountryService, deps: [{ token: OnemRvaCDNService }, { token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaCDNCountryService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemRvaCDNCountryService, decorators: [{
@@ -1191,7 +1151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: OnemRvaCDNService }, { type: i1.TranslateService }] });
+        }], ctorParameters: () => [{ type: OnemRvaCDNService }, { type: i1$4.TranslateService }] });
 
 class OnemRvaCDNMimeService {
     static { this.mimetypeFile = '/json/mimetypes.json'; }
@@ -1378,37 +1338,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                 }]
         }] });
 
-function translateDatepicker(translateService, adapter) {
-    return () => {
-        // For some cosmic reason, return translateService.onLangChange().asObservable()) + pipe(tap()) does not work
-        translateService.onLangChange.subscribe(event => {
-            adapter.setLocale(event.lang);
+class OnemrvaDatepickerLuxonSharedModule {
+    constructor(translateService) {
+        this._adapter = inject(DateAdapter);
+        translateService.onLangChange
+            .pipe(takeUntilDestroyed())
+            .subscribe(value => {
+            this._adapter.setLocale(value.lang);
         });
-        // But this works fine...
-        return of('sin (a +- b) = sin a . cos b +- cos a . sin b');
-    };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerLuxonSharedModule, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerLuxonSharedModule, imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerLuxonSharedModule, providers: [
+            {
+                provide: MAT_DATE_LOCALE,
+                useFactory: (translateService) => translateService.currentLang,
+                deps: [TranslateService],
+            },
+            provideLuxonDateAdapter(ONEMRVA_MAT_LUXON_DATE_FORMATS),
+        ], imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerLuxonSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule],
+                    exports: [],
+                    providers: [
+                        {
+                            provide: MAT_DATE_LOCALE,
+                            useFactory: (translateService) => translateService.currentLang,
+                            deps: [TranslateService],
+                        },
+                        provideLuxonDateAdapter(ONEMRVA_MAT_LUXON_DATE_FORMATS),
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i1$4.TranslateService }] });
+
 class OnemrvaDatepickerSharedModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    constructor(translateService) {
+        this._adapter = inject(DateAdapter);
+        translateService.onLangChange
+            .pipe(takeUntilDestroyed())
+            .subscribe(value => {
+            this._adapter.setLocale(value.lang);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerSharedModule, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerSharedModule, imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerSharedModule, providers: [
             {
                 provide: MAT_DATE_LOCALE,
-                useValue: 'fr',
-            },
-            {
-                provide: DateAdapter,
-                useClass: OnemrvaDateAdapter,
+                useFactory: (translateService) => translateService.currentLang,
+                deps: [TranslateService],
             },
             {
                 provide: MAT_DATE_FORMATS,
-                useValue: ONEMRVA_FORMAT,
-            },
-            {
-                provide: APP_INITIALIZER,
-                useFactory: translateDatepicker,
-                deps: [TranslateService, (DateAdapter)],
-                multi: true,
+                useValue: ONEMRVA_MAT_NATIVE_DATE_FORMAT,
             },
         ], imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule] }); }
 }
@@ -1421,25 +1407,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                     providers: [
                         {
                             provide: MAT_DATE_LOCALE,
-                            useValue: 'fr',
+                            useFactory: (translateService) => translateService.currentLang,
+                            deps: [TranslateService],
                         },
                         {
-                            provide: DateAdapter,
-                            useClass: OnemrvaDateAdapter,
+                            provide: MAT_DATE_FORMATS,
+                            useValue: ONEMRVA_MAT_NATIVE_DATE_FORMAT,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i1$4.TranslateService }] });
+
+class OnemrvaDatepickerYearMonthSharedModule {
+    constructor(translateService) {
+        this._adapter = inject(DateAdapter);
+        translateService.onLangChange
+            .pipe(takeUntilDestroyed())
+            .subscribe(value => {
+            this._adapter.setLocale(value.lang);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerYearMonthSharedModule, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerYearMonthSharedModule, imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerYearMonthSharedModule, providers: [
+            {
+                provide: MAT_DATE_LOCALE,
+                useFactory: (translateService) => translateService.currentLang,
+                deps: [TranslateService],
+            },
+            {
+                provide: MAT_DATE_FORMATS,
+                useValue: ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT,
+            },
+        ], imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerYearMonthSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule],
+                    exports: [],
+                    providers: [
+                        {
+                            provide: MAT_DATE_LOCALE,
+                            useFactory: (translateService) => translateService.currentLang,
+                            deps: [TranslateService],
                         },
                         {
                             provide: MAT_DATE_FORMATS,
-                            useValue: ONEMRVA_FORMAT,
+                            useValue: ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT,
                         },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i1$4.TranslateService }] });
+
+class OnemrvaDatepickerLuxonYearMonthSharedModule {
+    constructor(translateService) {
+        this._adapter = inject(DateAdapter);
+        translateService.onLangChange
+            .pipe(takeUntilDestroyed())
+            .subscribe(value => {
+            this._adapter.setLocale(value.lang);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerLuxonYearMonthSharedModule, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerLuxonYearMonthSharedModule, imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerLuxonYearMonthSharedModule, providers: [
+            {
+                provide: MAT_DATE_LOCALE,
+                useFactory: (translateService) => translateService.currentLang,
+                deps: [TranslateService],
+            },
+            provideLuxonDateAdapter(ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS),
+        ], imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaDatepickerLuxonYearMonthSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [MatDatepickerModule, TranslateModule, MatNativeDateModule],
+                    exports: [],
+                    providers: [
                         {
-                            provide: APP_INITIALIZER,
-                            useFactory: translateDatepicker,
-                            deps: [TranslateService, (DateAdapter)],
-                            multi: true,
+                            provide: MAT_DATE_LOCALE,
+                            useFactory: (translateService) => translateService.currentLang,
+                            deps: [TranslateService],
                         },
+                        provideLuxonDateAdapter(ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS),
                     ],
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: i1$4.TranslateService }] });
 
 /*
  * Public API Surface of shared
@@ -1449,5 +1506,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, ClipboardIconComponent, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, MatRowClickableDirective, NISS_MASK, ONEMRVA_FORMAT, ONEMRVA_YEAR_MONTH_FORMAT, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemrvaBcePipe, OnemrvaDateAdapter, OnemrvaDatepickerSharedModule, OnemrvaMaskDirective, OnemrvaNissPipe, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, OnemrvaYearMonthAdapter, RequestTimes, WebComponentOverlayContainer, bankAccountValidator, directives, setTranslationLanguage, setTranslationLanguageFromWO };
+export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, ClipboardIconComponent, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, MatRowClickableDirective, NISS_MASK, ONEMRVA_MAT_LUXON_DATE_FORMATS, ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS, ONEMRVA_MAT_NATIVE_DATE_FORMAT, ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemrvaBcePipe, OnemrvaDatepickerLuxonSharedModule, OnemrvaDatepickerLuxonYearMonthSharedModule, OnemrvaDatepickerSharedModule, OnemrvaDatepickerYearMonthSharedModule, OnemrvaMaskDirective, OnemrvaNissPipe, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, RequestTimes, WebComponentOverlayContainer, bankAccountValidator, directives, setTranslationLanguage, setTranslationLanguageFromWO };
 //# sourceMappingURL=onemrvapublic-design-system-shared.mjs.map