@onemrvapublic/design-system 19.4.0-alpha.9 → 20.0.0-develop.1

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

@@ -1,22 +1,19 @@
 import * as i0 from '@angular/core';
-import { Component, InjectionToken, Inject, Injectable, HostListener, Directive, HostBinding, Input, EventEmitter, Output, Pipe, Optional, NgModule, inject, ErrorHandler } from '@angular/core';
-import * as i2 from '@angular/material/icon';
+import { inject, ElementRef, Component, InjectionToken, Injectable, HostListener, Directive, HostBinding, Input, EventEmitter, Output, TemplateRef, ViewContainerRef, Renderer2, ComponentFactoryResolver, Pipe, RendererFactory2, NgModule, ErrorHandler } from '@angular/core';
+import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i3 from '@angular/material/tooltip';
+import * as i2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i1 from '@angular/cdk/clipboard';
+import { Clipboard } from '@angular/cdk/clipboard';
 import { DOCUMENT } from '@angular/common';
-import * as i1$1 from '@angular/cdk/platform';
-import { _isTestEnvironment } from '@angular/cdk/platform';
+import { Platform, _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, takeUntil } from 'rxjs';
 import { OnemrvaMatColor, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
-import * as i1$2 from '@angular/cdk/layout';
+import { BreakpointObserver } from '@angular/cdk/layout';
 import { catchError as catchError$1, map, startWith as startWith$1 } from 'rxjs/operators';
-import * as i1$3 from '@angular/common/http';
-import { HttpParams } from '@angular/common/http';
+import { HttpClient, HttpParams } from '@angular/common/http';
 import { __decorate } from 'tslib';
-import * as i1$4 from '@ngx-translate/core';
-import * as i1$5 from '@angular/material/snack-bar';
+import { TranslateService } from '@ngx-translate/core';
 import { countrySpecs, validateIBAN, electronicFormatIBAN, ValidationErrorsIBAN } from 'ibantools';
 import { NativeDateAdapter, DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
 import { DateTime, Info } from 'luxon';
@@ -25,17 +22,17 @@ import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 import { OverlayContainer } from '@angular/cdk/overlay';
 
 class ClipboardIconComponent {
-    constructor(_elementRef, clipboardService) {
-        this._elementRef = _elementRef;
-        this.clipboardService = clipboardService;
+    constructor() {
+        this._elementRef = inject(ElementRef);
+        this.clipboardService = inject(Clipboard);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", 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: "19.2.10", 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ClipboardIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ClipboardIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", 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.Clipboard }] });
+        }] });
 
 var CDNUrlModeOptions;
 (function (CDNUrlModeOptions) {
@@ -48,7 +45,8 @@ const CDN_URLS = {
     val: 'https://cdn.servicesval.rvaonem.fgov.be',
 };
 const NISS_MASK = '000000/000-00';
-const LOOKUP_COUNTRY_URL = 'https://services/lookupwpptservice/rest/lookup/getLookups?class=be.fgov.onerva.lookup.wppt.persistence.model.common.Country';
+const LOOKUP_COUNTRY_URL = 'http://services/lookupwpptservice/rest/lookup/getLookups?class=be.fgov.onerva.lookup.wppt.persistence.model.common.Country';
+const ONEMRVA_THEME = 'onemrva-theme';
 // export const LOOKUP_POSTAL_CODE_URL =
 //   'https://services/lookupwpptservice/rest/lookup/getBelgianCommunityByPostalCode?postalCode=';
 
@@ -149,22 +147,34 @@ const ONEMRVA_MAT_LUXON_DATE_FORMATS = {
 
 const CDN_URL_MODE = new InjectionToken('This is cdn url that will be used (val/prod)');
 
+const LOOKUP_COUNTRY_SERVICE_URL = new InjectionToken('LOOKUP_COUNTRY_SERVICE_URL', {
+    providedIn: 'root',
+    factory: () => LOOKUP_COUNTRY_URL,
+});
+const ONEMRVA_THEME_CLASS = new InjectionToken('ONEMRVA_THEME_CLASS', {
+    providedIn: 'root',
+    factory: () => ONEMRVA_THEME,
+});
+
 /**
  * @license
- * Copyright Google LLC All Rights Reserved.
+ * Copyright 2025 OneMRVA
  *
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
 /** Container inside which all overlays will render. */
 class WebComponentOverlayContainer {
-    constructor(document, _platform) {
-        this._platform = _platform;
+    constructor() {
         this._containerElement = null;
-        this._document = document;
+        this._themeObserver = null;
+        this.platform = inject(Platform);
+        this._document = inject(DOCUMENT);
+        this.themeClass = inject(ONEMRVA_THEME_CLASS);
     }
     ngOnDestroy() {
         this._containerElement?.remove();
+        this._themeObserver?.disconnect();
     }
     /**
      * This method returns the overlay container element. It will lazily
@@ -184,49 +194,68 @@ class WebComponentOverlayContainer {
      */
     _createContainer() {
         const containerClass = 'cdk-overlay-container';
-        // module or Angular starts tearing down the testing `NgModule`. See:
-        // https://github.com/angular/angular/issues/18831
-        if (this._platform.isBrowser || _isTestEnvironment()) {
+        if (this.platform.isBrowser || _isTestEnvironment()) {
             const oppositePlatformContainers = this._document.querySelectorAll(`.${containerClass}[platform="server"], ` +
                 `.${containerClass}[platform="test"]`);
-            // Remove any old containers from the opposite platform.
-            // This can happen when transitioning from the server to the client.
             oppositePlatformContainers.forEach(platform => {
                 platform.remove();
             });
         }
         const containerwrap = this._document.createElement('div');
-        containerwrap.classList.add('onemrva-theme');
+        containerwrap.classList.add(this.themeClass);
+        const themeElements = this._document.querySelectorAll(`.${this.themeClass}`);
+        const existingThemeElement = Array.from(themeElements).find(el => el !== containerwrap);
+        if (existingThemeElement) {
+            if (existingThemeElement.classList.contains('dark-theme')) {
+                containerwrap.classList.add('dark-theme');
+            }
+            else if (existingThemeElement.classList.contains('light-theme')) {
+                containerwrap.classList.add('light-theme');
+            }
+        }
+        this._themeObserver = new MutationObserver(mutations => {
+            mutations.forEach(mutation => {
+                if (mutation.type === 'attributes' &&
+                    mutation.attributeName === 'class') {
+                    const target = mutation.target;
+                    if (target.classList.contains(this.themeClass) &&
+                        target !== containerwrap) {
+                        containerwrap.classList.remove('dark-theme', 'light-theme');
+                        if (target.classList.contains('dark-theme')) {
+                            containerwrap.classList.add('dark-theme');
+                        }
+                        else if (target.classList.contains('light-theme')) {
+                            containerwrap.classList.add('light-theme');
+                        }
+                    }
+                }
+            });
+        });
+        if (existingThemeElement) {
+            this._themeObserver.observe(existingThemeElement, {
+                attributes: true,
+                attributeFilter: ['class'],
+            });
+        }
         const container = this._document.createElement('div');
         container.classList.add(containerClass);
-        // A long time ago we kept adding new overlay containers whenever a new app was instantiated,
-        // but at some point we added logic which clears the duplicate ones in order to avoid leaks.
-        // The new logic was a little too aggressive since it was breaking some legitimate use cases.
-        // To mitigate the problem we made it so that only containers from a different platform are
-        // cleared, but the side-effect was that people started depending on the overly-aggressive
-        // logic to clean up their tests for them. Until we can introduce an overlay-specific testing
-        // module which does the cleanup, we try to detect that we're in a test environment and we
-        // always clear the container. See #17006.
         if (_isTestEnvironment()) {
             container.setAttribute('platform', 'test');
         }
-        else if (!this._platform.isBrowser) {
+        else if (!this.platform.isBrowser) {
             container.setAttribute('platform', 'server');
         }
         containerwrap.appendChild(container);
         this._document.body.appendChild(containerwrap);
         this._containerElement = container;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", 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: "19.2.10", ngImport: i0, type: WebComponentOverlayContainer, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: WebComponentOverlayContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: WebComponentOverlayContainer, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: WebComponentOverlayContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: WebComponentOverlayContainer, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i1$1.Platform }] });
+        }] });
 
 class DefaultStorage {
     constructor() {
@@ -387,10 +416,10 @@ class DigitOnlyDirective {
             return;
         e.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: DigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: DigitOnlyDirective, isStandalone: true, selector: "[digitOnly]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: DigitOnlyDirective, isStandalone: true, selector: "[digitOnly]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: DigitOnlyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DigitOnlyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[digitOnly]',
@@ -436,14 +465,15 @@ class OnemRvaColorDirective {
     get _isNeutral() {
         return this.color === OnemrvaMatColor.NEUTRAL;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: OnemRvaColorDirective, isStandalone: true, selector: "onemrva-mat-selectable-box[color],div[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: { color: "color" }, host: { properties: { "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-neutral": "this._isNeutral" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: OnemRvaColorDirective, isStandalone: true, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: { color: "color" }, host: { properties: { "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-neutral": "this._isNeutral" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaColorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaColorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'onemrva-mat-selectable-box[color],' +
                         'div[color],' +
+                        'onemrva-mat-avatar[color],' +
                         'mat-card[color],' +
                         'mat-toolbar[color],' +
                         'onemrva-mat-spinner[color],' +
@@ -451,6 +481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         'onemrva-mat-sticker[color],' +
                         'onemrva-mat-panel[color],' +
                         'onemrva-mat-task[color],' +
+                        'onemrva-mat-choice-chip[color],' +
                         'button[color],' +
                         'mat-icon[color],' +
                         'mat-chip[color],' +
@@ -495,10 +526,10 @@ class MatRowClickableDirective extends OnemRvaColorDirective {
     get _isClickable() {
         return this.matRowClickable.observed;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatRowClickableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: MatRowClickableDirective, isStandalone: true, selector: "tr[matRowClickable]", outputs: { matRowClickable: "matRowClickable" }, host: { listeners: { "click": "click($event)" }, properties: { "class.clickable": "this._isClickable", "class.onemrva-clickable-row": "this.cssClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatRowClickableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: MatRowClickableDirective, isStandalone: true, selector: "tr[matRowClickable]", outputs: { matRowClickable: "matRowClickable" }, host: { listeners: { "click": "click($event)" }, properties: { "class.clickable": "this._isClickable", "class.onemrva-clickable-row": "this.cssClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatRowClickableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatRowClickableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tr[matRowClickable]',
@@ -521,10 +552,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
  * Conditionally adds component to the tree if screen width matches at least one size in input
  */
 class IfWidthIsDirective {
-    constructor(breakpointObserver, _templateRef, _viewContainer) {
-        this.breakpointObserver = breakpointObserver;
-        this._templateRef = _templateRef;
-        this._viewContainer = _viewContainer;
+    constructor() {
+        this.breakpointObserver = inject(BreakpointObserver);
+        this._templateRef = inject(TemplateRef);
+        this._viewContainer = inject(ViewContainerRef);
     }
     ngOnInit() {
         this.breakpointObserver
@@ -536,16 +567,16 @@ class IfWidthIsDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", 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: "19.2.10", type: IfWidthIsDirective, isStandalone: true, selector: "[ifWidthIs]", inputs: { ifWidthIs: "ifWidthIs" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: IfWidthIsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: IfWidthIsDirective, isStandalone: true, selector: "[ifWidthIs]", inputs: { ifWidthIs: "ifWidthIs" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: IfWidthIsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: IfWidthIsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ifWidthIs]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i1$2.BreakpointObserver }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { ifWidthIs: [{
+        }], propDecorators: { ifWidthIs: [{
                 type: Input
             }] } });
 
@@ -558,6 +589,12 @@ const UNDO_STACK_MAX_LENGTH = 50;
  * L: only letters lowercase
  */
 class OnemrvaMaskDirective {
+    constructor() {
+        this.el = inject(ElementRef);
+        this.inputStack = ['']; // Stack for undo/redo
+        this.stackIdx = 0; // Current index in undo/redo stack
+        this.markForDelete = false;
+    }
     onKeyDown(event) {
         // Allow functional keystrokes
         const e = event;
@@ -695,22 +732,16 @@ class OnemrvaMaskDirective {
         }
         this.markForDelete = false;
     }
-    constructor(el) {
-        this.el = el;
-        this.inputStack = ['']; // Stack for undo/redo
-        this.stackIdx = 0; // Current index in undo/redo stack
-        this.markForDelete = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMaskDirective, isStandalone: true, selector: "[onemrvamask]", inputs: { onemrvamask: "onemrvamask" }, host: { listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMaskDirective, isStandalone: true, selector: "[onemrvamask]", inputs: { onemrvamask: "onemrvamask" }, host: { listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onemrvamask]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onemrvamask: [{
+        }], propDecorators: { onemrvamask: [{
                 type: Input
             }], onKeyDown: [{
                 type: HostListener,
@@ -750,12 +781,12 @@ function isAllowed(rule, character) {
  * Conditionally adds component to the tree if screen width matches at least one size in input
  */
 class OnemRvaClipboardDirective {
-    constructor(elementRef, renderer, factory, vcRef, clipboardService) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.factory = factory;
-        this.vcRef = vcRef;
-        this.clipboardService = clipboardService;
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.renderer = inject(Renderer2);
+        this.factory = inject(ComponentFactoryResolver);
+        this.vcRef = inject(ViewContainerRef);
+        this.clipboardService = inject(Clipboard);
         this.class = '';
         this.clipboard = '';
         const miFactory = this.factory.resolveComponentFactory(ClipboardIconComponent);
@@ -766,16 +797,16 @@ class OnemRvaClipboardDirective {
         this.vcRef.clear();
         this.renderer.appendChild(this.elementRef.nativeElement, this.iconEl);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", 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: "19.2.10", type: OnemRvaClipboardDirective, isStandalone: true, selector: "span[clipboard]", inputs: { clipboard: "clipboard" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: OnemRvaClipboardDirective, isStandalone: true, selector: "span[clipboard]", inputs: { clipboard: "clipboard" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaClipboardDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaClipboardDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'span[clipboard]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: i1.Clipboard }], propDecorators: { class: [{
+        }], ctorParameters: () => [], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class']
             }], clipboard: [{
@@ -789,10 +820,10 @@ class OnemRvaIconRightDirective {
     constructor() {
         this.class = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaIconRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: OnemRvaIconRightDirective, isStandalone: true, selector: "button[iconRight]", host: { properties: { "class.onemrva-icon-right": "this.class" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaIconRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: OnemRvaIconRightDirective, isStandalone: true, selector: "button[iconRight]", host: { properties: { "class.onemrva-icon-right": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaIconRightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaIconRightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[iconRight]',
@@ -804,8 +835,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaDateFormatDirective {
-    constructor(el) {
-        this.el = el;
+    constructor() {
+        this.el = inject(ElementRef);
         this.template = '__/__/____';
     }
     onPaste(event) {
@@ -1012,16 +1043,16 @@ class OnemrvaDateFormatDirective {
             .replace(/[^0-9/]/g, '')
             .replace('//', ''); // Remove everything except digits and slash
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaDateFormatDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaDateFormatDirective, isStandalone: true, selector: "[onemrvaDateFormat]", host: { listeners: { "paste": "onPaste($event)", "cut": "onCut($event)", "focus": "onFocus()", "click": "onClick()", "keydown": "onKeyDown($event)", "blur": "onBlur()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaDateFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaDateFormatDirective, isStandalone: true, selector: "[onemrvaDateFormat]", host: { listeners: { "paste": "onPaste($event)", "cut": "onCut($event)", "focus": "onFocus()", "click": "onClick()", "keydown": "onKeyDown($event)", "blur": "onBlur()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaDateFormatDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaDateFormatDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onemrvaDateFormat]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onPaste: [{
+        }], propDecorators: { onPaste: [{
                 type: HostListener,
                 args: ['paste', ['$event']]
             }], onCut: [{
@@ -1068,10 +1099,10 @@ class OnemRvaSizeDirective {
     get _isXXLarge() {
         return this.size === OnemrvaMatSize.XXLARGE;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: OnemRvaSizeDirective, isStandalone: true, selector: "mat-icon[size], onemrva-mat-skeleton[size]", inputs: { size: "size" }, host: { properties: { "class.xsmall": "this._isXSmall", "class.small": "this._isSmall", "class.large": "this._isLarge", "class.xlarge": "this._isXLarge", "class.xxlarge": "this._isXXLarge" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: OnemRvaSizeDirective, isStandalone: true, selector: "mat-icon[size], onemrva-mat-skeleton[size]", inputs: { size: "size" }, host: { properties: { "class.xsmall": "this._isXSmall", "class.small": "this._isSmall", "class.large": "this._isLarge", "class.xlarge": "this._isXLarge", "class.xxlarge": "this._isXXLarge" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaSizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaSizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mat-icon[size], onemrva-mat-skeleton[size]',
@@ -1215,10 +1246,10 @@ class OnemrvaBcePipe {
             return '?01?.???.???';
         return `${strOut.substring(0, 4)}.${strOut.substring(4, 7)}.${strOut.substring(7, 10)}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaBcePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaBcePipe, isStandalone: true, name: "onemrvaBce" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaBcePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaBcePipe, isStandalone: true, name: "onemrvaBce" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaBcePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaBcePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'onemrvaBce',
@@ -1233,10 +1264,10 @@ class OnemrvaNissPipe {
             return '??01??/???-??';
         return `${strOut.substring(0, 6)}/${strOut.substring(6, 9)}-${strOut.substring(9, 11)}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaNissPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaNissPipe, isStandalone: true, name: "onemrvaNiss" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaNissPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaNissPipe, isStandalone: true, name: "onemrvaNiss" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaNissPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaNissPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'onemrvaNiss',
@@ -1244,18 +1275,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                 }]
         }] });
 
-const LOOKUP_COUNTRY_SERVICE_URL = new InjectionToken('LOOKUP_COUNTRY_SERVICE_URL', {
-    providedIn: 'root',
-    factory: () => LOOKUP_COUNTRY_URL,
-});
-
 class CommonCountryLookupService {
-    constructor(http, commonCountryServiceURL) {
-        this.http = http;
-        this.commonCountryServiceURL = commonCountryServiceURL;
+    constructor() {
         this._countries$ = new ReplaySubject(1);
         this._customersInitialized = false;
-        //console.log(this.commonCountryServiceURL);
+        this.http = inject(HttpClient);
+        this.commonCountryServiceURL = inject(LOOKUP_COUNTRY_SERVICE_URL);
     }
     getCountries(refresh = false) {
         if (refresh || !this._customersInitialized) {
@@ -1274,18 +1299,15 @@ class CommonCountryLookupService {
             return country || null;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CommonCountryLookupService, deps: [{ token: i1$3.HttpClient }, { token: LOOKUP_COUNTRY_SERVICE_URL }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CommonCountryLookupService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CommonCountryLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CommonCountryLookupService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CommonCountryLookupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CommonCountryLookupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LOOKUP_COUNTRY_SERVICE_URL]
-                }] }] });
+        }] });
 
 class CacheService {
     setItem(key, item) {
@@ -1305,10 +1327,10 @@ class CacheService {
         //console.log("DELETE " + key);
         localStorage.removeItem(key);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CacheService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CacheService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CacheService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CacheService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1316,11 +1338,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
         }] });
 
 class OnemRvaCDNService {
-    constructor(rendererFactory, cacheService, http, cdnUrlMode) {
-        this.rendererFactory = rendererFactory;
-        this.cacheService = cacheService;
-        this.http = http;
+    constructor() {
+        this.rendererFactory = inject(RendererFactory2);
+        this.cacheService = inject(CacheService);
+        this.http = inject(HttpClient);
         this.refresh$ = new Subject();
+        const cdnUrlMode = inject(CDN_URL_MODE, {
+            optional: true,
+        });
         this.renderer = this.rendererFactory.createRenderer(null, null);
         switch (cdnUrlMode) {
             case CDNUrlModeOptions.PROD:
@@ -1393,8 +1418,8 @@ class OnemRvaCDNService {
             this.renderer.appendChild(document.head, link);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaCDNService, deps: [{ token: i0.RendererFactory2 }, { 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: "19.2.10", ngImport: i0, type: OnemRvaCDNService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaCDNService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaCDNService, providedIn: 'root' }); }
 }
 __decorate([
     HttpRequestCache(cdnService => ({
@@ -1403,26 +1428,23 @@ __decorate([
         ttl: 3600000,
     }))
 ], OnemRvaCDNService.prototype, "fetch", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaCDNService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaCDNService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i0.RendererFactory2 }, { type: CacheService }, { type: i1$3.HttpClient }, { type: CDNUrlModeOptions, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [CDN_URL_MODE]
-                }] }], propDecorators: { fetch: [] } });
+        }], ctorParameters: () => [], propDecorators: { fetch: [] } });
 
 class OnemRvaCDNCountryService {
-    constructor(cdnService, translateService) {
-        this.cdnService = cdnService;
-        this.translateService = translateService;
+    constructor() {
+        this.cdnService = inject(OnemRvaCDNService);
+        this.translateService = inject(TranslateService);
     }
     getCountries() {
         return this.cdnService.fetch('/json/countries.json').pipe(map(response => response), // ✅ Explicitly cast response
-        combineLatestWith(from(this.translateService.onLangChange).pipe(startWith$1(this.translateService.currentLang), map(event => (typeof event === 'string' ? event : event.lang)))), map(([response, currentLang]) => {
+        combineLatestWith(from(this.translateService.onLangChange).pipe(startWith$1(this.translateService.currentLang ?? 'fr'), map(event => {
+            return typeof event === 'string' ? event : event.lang;
+        }))), map(([response, currentLang]) => {
             // ✅ Explicit type definition
             return response
                 .map((country) => ({
@@ -1463,21 +1485,21 @@ class OnemRvaCDNCountryService {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", 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: "19.2.10", ngImport: i0, type: OnemRvaCDNCountryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaCDNCountryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaCDNCountryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaCDNCountryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaCDNCountryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: OnemRvaCDNService }, { type: i1$4.TranslateService }] });
+        }] });
 
 class OnemRvaCDNMimeService {
-    static { this.mimetypeFile = '/json/mimetypes.json'; }
-    constructor(cdnService) {
-        this.cdnService = cdnService;
+    constructor() {
+        this.cdnService = inject(OnemRvaCDNService);
     }
+    static { this.mimetypeFile = '/json/mimetypes.json'; }
     getMimesForExtension(extensions) {
         return this.cdnService.fetch(OnemRvaCDNMimeService.mimetypeFile).pipe(catchError(() => {
             return [];
@@ -1504,61 +1526,57 @@ class OnemRvaCDNMimeService {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaCDNMimeService, deps: [{ token: OnemRvaCDNService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaCDNMimeService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaCDNMimeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaCDNMimeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaCDNMimeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaCDNMimeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: OnemRvaCDNService }] });
+        }] });
 
 class OnemRvaOSMService {
-    constructor(http) {
-        this.http = http;
+    constructor() {
+        this.http = inject(HttpClient);
         this.nominatimUrl = 'https://nominatim.openstreetmap.org/search';
     }
-    searchAddress(query, format = 'json', addressdetails = 1, limit = 10) {
+    searchAddress(query, countryCodes = ['be'], format = 'json', addressdetails = 1, limit = 10) {
         const params = new HttpParams()
             .set('q', query)
             .set('format', format)
+            .set('countrycodes', countryCodes.join(','))
             .set('addressdetails', addressdetails)
             .set('limit', limit);
         return this.http.get(this.nominatimUrl, { params });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaOSMService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaOSMService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaOSMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaOSMService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemRvaOSMService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaOSMService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$3.HttpClient }] });
+        }] });
 
 class OnemrvaErrorHandler {
-    constructor(_snackBar) {
-        this._snackBar = _snackBar;
-        this.horizontalPosition = 'end';
-        this.verticalPosition = 'bottom';
-    }
     handleError(error) {
         console.error(error);
         //alert("Error: " + error.message);
-        this._snackBar.open(`Error: ${error.message}`, '', {
-            duration: 5000,
-            panelClass: 'mat-primary',
-            horizontalPosition: this.horizontalPosition,
-            verticalPosition: this.verticalPosition,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaErrorHandler, deps: [{ token: i1$5.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaErrorHandler }); }
+        // this._snackBar.open(`Error: ${error.message}`, '', {
+        //   duration: 5000,
+        //   panelClass: 'mat-primary',
+        //   horizontalPosition: this.horizontalPosition,
+        //   verticalPosition: this.verticalPosition,
+        // });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaErrorHandler }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaErrorHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaErrorHandler, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$5.MatSnackBar }] });
+        }] });
 
 class OnemrvaMissingTranslationHandler {
     handle(params) {
@@ -1710,11 +1728,11 @@ const bankAccountValidator = (allowEmptyCountry = true) => {
 };
 
 class OnemrvaSharedModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaSharedModule, imports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, OnemrvaDateFormatDirective], exports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, OnemrvaDateFormatDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaSharedModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaSharedModule, imports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, OnemrvaDateFormatDirective], exports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, OnemrvaDateFormatDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaSharedModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaSharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaSharedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...directives],
@@ -1723,9 +1741,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
         }] });
 
 class OnemrvaNativeDateAdapter extends NativeDateAdapter {
-    constructor(translateService) {
+    constructor() {
         super();
-        this.translateService = translateService;
+        this.translateService = inject(TranslateService);
         this.destroyNotifier$ = new Subject();
         this.localeChanges = new Subject();
         this.setLocale(this.translateService.currentLang);
@@ -1774,12 +1792,12 @@ class OnemrvaNativeDateAdapter extends NativeDateAdapter {
         this.destroyNotifier$.next();
         this.destroyNotifier$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaNativeDateAdapter, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaNativeDateAdapter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaNativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaNativeDateAdapter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaNativeDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaNativeDateAdapter, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.TranslateService }] });
+        }], ctorParameters: () => [] });
 
 /** InjectionToken for LuxonDateAdapter to configure options. */
 const MAT_LUXON_DATE_ADAPTER_OPTIONS = new InjectionToken('MAT_LUXON_DATE_ADAPTER_OPTIONS', {
@@ -1812,9 +1830,9 @@ function luxonRange(length, valueFunction) {
  */
 /** Adapts Luxon Dates for use with Angular Material. */
 class OnemrvaLuxonDateAdapter extends DateAdapter {
-    constructor(translateService) {
+    constructor() {
         super();
-        this.translateService = translateService;
+        this.translateService = inject(TranslateService);
         const dateLocale = inject(MAT_DATE_LOCALE, { optional: true });
         const options = inject(MAT_LUXON_DATE_ADAPTER_OPTIONS, {
             optional: true,
@@ -2040,12 +2058,12 @@ class OnemrvaLuxonDateAdapter extends DateAdapter {
             outputCalendar: this._defaultOutputCalendar,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaLuxonDateAdapter, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaLuxonDateAdapter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaLuxonDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaLuxonDateAdapter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaLuxonDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaLuxonDateAdapter, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.TranslateService }] });
+        }], ctorParameters: () => [] });
 
 function onemrvaDateNativeYearMonthProvider() {
     return [
@@ -2099,6 +2117,8 @@ function onemrvaDateLuxonYearMonthProvider() {
     ];
 }
 
+// import { MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
+// import { ONEMRVA_THEME_CLASS } from '@onemrvapublic/design-system/shared';
 function onemrvaThemeProvider() {
     return [
         {
@@ -2127,5 +2147,5 @@ function onemrvaThemeProvider() {
  * Generated bundle index. Do not edit.
  */
 
-export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CacheService, ClipboardIconComponent, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, 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, OnemRvaOSMService, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaDateFormatDirective, OnemrvaErrorHandler, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, WebComponentOverlayContainer, bankAccountValidator, directives, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
+export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CacheService, ClipboardIconComponent, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, 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, ONEMRVA_THEME, ONEMRVA_THEME_CLASS, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaDateFormatDirective, OnemrvaErrorHandler, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, WebComponentOverlayContainer, bankAccountValidator, directives, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
 //# sourceMappingURL=onemrvapublic-design-system-shared.mjs.map