@onemrvapublic/design-system 20.11.3 → 21.0.0-develop.2

package/{mat-file-upload/index.d.ts → types/onemrvapublic-design-system-mat-file-upload.d.ts}

@@ -1,10 +1,10 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { OnInit, TemplateRef, EventEmitter, ElementRef, InjectionToken } from '@angular/core';
-import * as rxjs from 'rxjs';
-import { Observable, Subscription, BehaviorSubject } from 'rxjs';
 import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
 import * as i8 from '@angular/material/dialog';
 import { MatDialog } from '@angular/material/dialog';
+import * as rxjs from 'rxjs';
+import { Observable, Subscription, BehaviorSubject } from 'rxjs';
 import { OnemRvaCDNMimeService } from '@onemrvapublic/design-system/shared';
 import * as i4 from '@angular/common';
 import * as i5 from '@angular/forms';
@@ -54,46 +54,40 @@ interface ActionConfig {
 }
 
 declare class OnemrvaFilePanelComponent {
-    id: string;
-    dataCy: string;
-    file: ReferencedProgressFile;
-    actions: ActionConfig[];
-    showProgress: boolean;
-    displayDate: string;
-    maxFileSize: number;
-    get progress$(): rxjs.Observable<number>;
-    get size(): string;
-    get color(): OnemrvaMatColor;
-    /** @hidden @internal */
-    get _colorAccent(): boolean;
-    /** @hidden @internal */
-    get _isError(): boolean;
-    /** @hidden @internal */
-    get _isWarn(): boolean;
-    /** @hidden @internal */
-    get _isSuccess(): boolean;
-    /** @hidden @internal */
-    get _isPrimary(): boolean;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    readonly file: _angular_core.InputSignal<ReferencedProgressFile>;
+    readonly actions: _angular_core.InputSignal<ActionConfig[]>;
+    readonly showProgress: _angular_core.InputSignal<boolean>;
+    readonly displayDate: _angular_core.InputSignal<string>;
+    readonly maxFileSize: _angular_core.InputSignal<number>;
+    readonly progress: _angular_core.Signal<number>;
+    readonly size: _angular_core.Signal<string>;
+    readonly color: _angular_core.Signal<OnemrvaMatColor>;
+    protected readonly colorAccent: _angular_core.Signal<"" | null>;
+    protected readonly isError: _angular_core.Signal<boolean>;
+    protected readonly isWarn: _angular_core.Signal<boolean>;
+    protected readonly isSuccess: _angular_core.Signal<boolean>;
+    protected readonly isPrimary: _angular_core.Signal<boolean>;
     protected readonly formattedSize: typeof formattedSize;
-    ariaLabel: any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaFilePanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaFilePanelComponent, "file-panel", never, { "id": { "alias": "id"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "file": { "alias": "file"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "showProgress": { "alias": "showProgress"; "required": false; }; "displayDate": { "alias": "displayDate"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaFilePanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaFilePanelComponent, "file-panel", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "displayDate": { "alias": "displayDate"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class OnemrvaMatFileUploadComponent implements OnInit {
-    accept: string[];
+    readonly accept: _angular_core.InputSignal<string[]>;
     acceptString$?: Observable<any>;
-    maxFileSize: number;
-    numberOfFiles: number;
-    maxTotalFileSize: number;
-    uploadOnDrop: boolean;
-    initialFiles: ProgressFile[];
-    errorMessage: string;
-    hideExtensions: string[];
-    dropFilesHereTextTranslationKey: string;
+    readonly maxFileSize: _angular_core.InputSignal<number>;
+    readonly numberOfFiles: _angular_core.InputSignal<number>;
+    readonly maxTotalFileSize: _angular_core.InputSignal<number>;
+    readonly uploadOnDrop: _angular_core.InputSignal<boolean>;
+    readonly initialFiles: _angular_core.InputSignal<ProgressFile[]>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly hideExtensions: _angular_core.InputSignal<string[]>;
+    readonly dropFilesHereTextTranslationKey: _angular_core.InputSignal<string>;
     fileUploadErrorMessage$: Observable<string>;
     files$: Observable<ReferencedProgressFile[]>;
-    filePanelTemplate: TemplateRef<any>;
+    readonly filePanelTemplate: _angular_core.InputSignal<TemplateRef<any>>;
     retryFile: EventEmitter<{
         index: number;
         cmpRef: symbol;
@@ -106,8 +100,16 @@ declare class OnemrvaMatFileUploadComponent implements OnInit {
      * <onemrva-mat-multi-select id="my-first-multi-select"></onemrva-mat-multi-select>
      * ```
      */
-    dataCy: string;
-    fileDropRef: ElementRef;
+    /**
+     * Sets the `data-cy` of the element. If not set, the first component instance will have `data-cy` = `"onemrva-mat-multi-select-0"`.
+     *
+     * @example
+     * ```html
+     * <onemrva-mat-multi-select id="my-first-multi-select"></onemrva-mat-multi-select>
+     * ```
+     */
+    readonly dataCy: _angular_core.InputSignal<string>;
+    readonly fileDropRef: _angular_core.Signal<ElementRef<any>>;
     inputId: string;
     maxFileSizeFormatted: string;
     private error$;
@@ -130,26 +132,26 @@ declare class OnemrvaMatFileUploadComponent implements OnInit {
      */
     prepareFilesList(files: FileList): void;
     protected readonly formattedSize: typeof formattedSize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatFileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatFileUploadComponent, "onemrva-mat-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "numberOfFiles": { "alias": "numberOfFiles"; "required": false; }; "maxTotalFileSize": { "alias": "maxTotalFileSize"; "required": false; }; "uploadOnDrop": { "alias": "uploadOnDrop"; "required": false; }; "initialFiles": { "alias": "initialFiles"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "hideExtensions": { "alias": "hideExtensions"; "required": false; }; "dropFilesHereTextTranslationKey": { "alias": "dropFilesHereTextTranslationKey"; "required": false; }; "filePanelTemplate": { "alias": "filePanelTemplate"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatFileUploadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatFileUploadComponent, "onemrva-mat-file-upload", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "numberOfFiles": { "alias": "numberOfFiles"; "required": false; "isSignal": true; }; "maxTotalFileSize": { "alias": "maxTotalFileSize"; "required": false; "isSignal": true; }; "uploadOnDrop": { "alias": "uploadOnDrop"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hideExtensions": { "alias": "hideExtensions"; "required": false; "isSignal": true; }; "dropFilesHereTextTranslationKey": { "alias": "dropFilesHereTextTranslationKey"; "required": false; "isSignal": true; }; "filePanelTemplate": { "alias": "filePanelTemplate"; "required": true; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const components: any[];
 
 declare class DndDirective {
-    fileOver: boolean;
-    fileDropped: EventEmitter<any>;
+    readonly fileOver: _angular_core.WritableSignal<boolean>;
+    readonly fileDropped: _angular_core.OutputEmitterRef<any>;
     onDragOver(evt: Event): void;
     onDragLeave(evt: Event): void;
     ondrop(evt: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DndDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DndDirective, "[appDnd]", never, {}, { "fileDropped": "fileDropped"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DndDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DndDirective, "[appDnd]", never, {}, { "fileDropped": "fileDropped"; }, never, never, true, never>;
 }
 
 declare class OnemrvaMatFileUploadModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatFileUploadModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatFileUploadModule, never, [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective, typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.MatButtonModule, typeof i7.MatTooltipModule, typeof i8.MatDialogModule, typeof i9.TranslateModule, typeof i10.MatIconModule, typeof i11.MatInputModule], [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatFileUploadModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatFileUploadModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatFileUploadModule, never, [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective, typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.MatButtonModule, typeof i7.MatTooltipModule, typeof i8.MatDialogModule, typeof i9.TranslateModule, typeof i10.MatIconModule, typeof i11.MatInputModule], [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OnemrvaMatFileUploadModule>;
 }
 
 interface OnemrvaMatFileUploadStoreItf {
@@ -274,8 +276,8 @@ declare class OnemrvaMatFileUploadStore extends ComponentStore<UploadState> impl
      * For adding several file panels (creation of file panels reference skipped if already created) then uploading them
      */
     readonly uploadFiles: (observableOrValue: ProgressFile[] | Observable<ProgressFile[]>) => rxjs.Subscription;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatFileUploadStore, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<OnemrvaMatFileUploadStore>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatFileUploadStore, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<OnemrvaMatFileUploadStore>;
 }
 
 interface OnemrvaMatFileUploadInterface {
@@ -294,8 +296,8 @@ declare class OnemrvaMatFileUploadService implements OnemrvaMatFileUploadInterfa
     deleteFile(_id: any): Observable<any>;
     retry(file: any): Observable<any>;
     downloadFile(id: any): Observable<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatFileUploadService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<OnemrvaMatFileUploadService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatFileUploadService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<OnemrvaMatFileUploadService>;
 }
 
 export { CUSTOM_VALIDATION_FN, DndDirective, OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, components, convertToProgressFile, convertToReferencedProgressFile, formatBytes, formattedSize };

package/types/onemrvapublic-design-system-mat-input-address.d.ts

@@ -0,0 +1,32 @@
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { OSMResult } from '@onemrvapublic/design-system/shared';
+
+declare class OnemrvaMatInputAddressComponent implements OnInit {
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly address: _angular_core.InputSignal<FormControl<any>>;
+    readonly mode: _angular_core.InputSignal<"road-only" | "full">;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly noEntriesFoundLabel: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly countryCodes: _angular_core.InputSignal<string[]>;
+    readonly getAddress: _angular_core.OutputEmitterRef<OSMResult>;
+    readonly autocompleteTrigger: _angular_core.Signal<MatAutocompleteTrigger>;
+    results$: Observable<OSMResult[]>;
+    private readonly osm;
+    isLoading: boolean;
+    firstResult: null | OSMResult;
+    showNoResult: boolean;
+    ngOnInit(): void;
+    selectAddress(address: OSMResult, emit?: boolean): void;
+    clear(): void;
+    handleEnter(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatInputAddressComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatInputAddressComponent, "onemrva-mat-input-address", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "address": { "alias": "address"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "countryCodes": { "alias": "countryCodes"; "required": false; "isSignal": true; }; }, { "getAddress": "getAddress"; }, never, never, true, never>;
+}
+
+export { OnemrvaMatInputAddressComponent };

package/{mat-input-birthplace/index.d.ts → types/onemrvapublic-design-system-mat-input-birthplace.d.ts}

@@ -1,19 +1,19 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { Subject, Observable } from 'rxjs';
 import { OnemRvaCommonCountry } from '@onemrvapublic/design-system/shared';
 
 declare class OnemrvaMatInputBirthPlaceComponent implements OnInit, OnDestroy {
-    readonly: _angular_core.InputSignal<boolean>;
-    countryCode: _angular_core.InputSignal<FormControl<OnemRvaCommonCountry | null>>;
-    label: _angular_core.InputSignal<string>;
-    noEntriesFoundLabel: _angular_core.InputSignal<string>;
-    hint: _angular_core.InputSignal<string>;
-    placeholderLabel: _angular_core.InputSignal<string>;
-    searchAriaLabel: _angular_core.InputSignal<string>;
-    returnValue: _angular_core.InputSignal<string>;
-    getCountry: EventEmitter<any>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly countryCode: _angular_core.InputSignal<FormControl<OnemRvaCommonCountry | null>>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly noEntriesFoundLabel: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly placeholderLabel: _angular_core.InputSignal<string>;
+    readonly searchAriaLabel: _angular_core.InputSignal<string>;
+    readonly returnValue: _angular_core.InputSignal<string>;
+    readonly getCountry: _angular_core.OutputEmitterRef<any>;
     selectedCountryName: _angular_core.WritableSignal<string | null>;
     selectedCountryCode: _angular_core.WritableSignal<string | null>;
     filterCtrl: FormControl<string | null>;

package/{mat-input-country/index.d.ts → types/onemrvapublic-design-system-mat-input-country.d.ts}

@@ -1,11 +1,11 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { OnemrvaMaterialCountry } from '@onemrvapublic/design-system/shared';
 
 declare class OnemrvaMatInputCountryComponent implements OnInit {
-    getCountry: EventEmitter<any>;
+    readonly getCountry: _angular_core.OutputEmitterRef<any>;
     country: _angular_core.InputSignal<FormControl<string | null>>;
     readonly: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;

package/types/onemrvapublic-design-system-mat-input-enterprise-number.d.ts

@@ -0,0 +1,37 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Subject, Observable } from 'rxjs';
+import { OnemrvaMaterialCountry } from '@onemrvapublic/design-system/shared';
+
+declare class OnemrvaMatInputEnterpriseNumberComponent implements OnInit, OnDestroy {
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly enterpriseNumber: _angular_core.InputSignal<FormControl<any>>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly noEntriesFoundLabel: _angular_core.InputSignal<string>;
+    readonly placeholderLabel: _angular_core.InputSignal<string>;
+    readonly defaultCountry: _angular_core.InputSignal<string>;
+    readonly searchAriaLabel: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly getCountry: _angular_core.OutputEmitterRef<any>;
+    readonly numberInput: _angular_core.Signal<ElementRef<any>>;
+    countryCode: FormControl;
+    filterCtrl: FormControl<string | null>;
+    destroyNotifier$: Subject<void>;
+    private readonly cdn;
+    countries$: Observable<OnemrvaMaterialCountry[]>;
+    filteredCountries$: Observable<OnemrvaMaterialCountry[]>;
+    constructor();
+    get number(): FormControl;
+    setCode(country: OnemrvaMaterialCountry | null): void;
+    ngOnInit(): void;
+    clearValidators(): void;
+    formatEnterpriseNumber(country: OnemrvaMaterialCountry | undefined): void;
+    ngOnDestroy(): void;
+    handleClick(e: any): void;
+    errors(): "input.vies.required" | "input.vies.invalid" | "input.vies.unknown.error";
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatInputEnterpriseNumberComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatInputEnterpriseNumberComponent, "onemrva-mat-input-enterprise-number", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "enterpriseNumber": { "alias": "enterpriseNumber"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; "isSignal": true; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; "isSignal": true; }; "defaultCountry": { "alias": "defaultCountry"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
+}
+
+export { OnemrvaMatInputEnterpriseNumberComponent };

package/{mat-input-iban/index.d.ts → types/onemrvapublic-design-system-mat-input-iban.d.ts}

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup, NgControl, ValidationErrors, AbstractControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Observable, Subject } from 'rxjs';
@@ -9,13 +9,13 @@ declare class OnemrvaMatInputIbanComponent implements ControlValueAccessor, MatF
     countryCode: HTMLInputElement;
     bban: HTMLInputElement;
     static nextId: number;
-    noEntriesFoundLabel: string;
-    placeholderLabel: string;
-    searchAriaLabel: string;
-    label: string;
-    prioritizedCountries: string[];
-    onlySEPA: boolean;
-    getCountry: EventEmitter<any>;
+    readonly noEntriesFoundLabel: _angular_core.InputSignal<string>;
+    readonly placeholderLabel: _angular_core.InputSignal<string>;
+    readonly searchAriaLabel: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly prioritizedCountries: _angular_core.InputSignal<string[]>;
+    readonly onlySEPA: _angular_core.InputSignal<boolean>;
+    readonly getCountry: _angular_core.OutputEmitterRef<any>;
     filteredCountries$: Observable<string[]>;
     filterCtrl: FormControl<string | null>;
     destroyNotifier$: Subject<void>;
@@ -33,7 +33,6 @@ declare class OnemrvaMatInputIbanComponent implements ControlValueAccessor, MatF
     get countryCodeField(): FormControl;
     private readonly focusMonitor;
     readonly elementRef: ElementRef<any>;
-    private readonly cd;
     private readonly formBuilder;
     readonly ngControl: NgControl | null;
     constructor();
@@ -45,7 +44,7 @@ declare class OnemrvaMatInputIbanComponent implements ControlValueAccessor, MatF
     get empty(): boolean;
     get value(): string;
     set value(iban: string | null);
-    readonly: boolean;
+    readonly readonly: _angular_core.InputSignal<boolean>;
     get disabled(): boolean;
     set disabled(value: BooleanInput);
     private _disabled;
@@ -72,8 +71,8 @@ declare class OnemrvaMatInputIbanComponent implements ControlValueAccessor, MatF
     firstTwoCharsAreLetters(input: string): boolean;
     generatePlaceholder(chars: number): string;
     onKeyup(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputIbanComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputIbanComponent, "onemrva-mat-input-iban", never, { "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "prioritizedCountries": { "alias": "prioritizedCountries"; "required": false; }; "onlySEPA": { "alias": "onlySEPA"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatInputIbanComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatInputIbanComponent, "onemrva-mat-input-iban", never, { "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; "isSignal": true; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "prioritizedCountries": { "alias": "prioritizedCountries"; "required": false; "isSignal": true; }; "onlySEPA": { "alias": "onlySEPA"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
 }
 
 export { OnemrvaMatInputIbanComponent };

package/{mat-input-phone/index.d.ts → types/onemrvapublic-design-system-mat-input-phone.d.ts}

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, ElementRef, EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup, NgControl, ValidationErrors, AbstractControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Observable, Subject } from 'rxjs';
@@ -12,11 +12,11 @@ declare class OnemrvaMatInputPhoneComponent implements ControlValueAccessor, Mat
     private readonly cdn;
     countries$: Observable<OnemrvaMaterialCountry[]>;
     static nextId: number;
-    noEntriesFoundLabel: string;
-    placeholderLabel: string;
-    searchAriaLabel: string;
-    defaultPrefix: string;
-    getCountry: EventEmitter<any>;
+    readonly noEntriesFoundLabel: _angular_core.InputSignal<string>;
+    readonly placeholderLabel: _angular_core.InputSignal<string>;
+    readonly searchAriaLabel: _angular_core.InputSignal<string>;
+    readonly defaultPrefix: _angular_core.InputSignal<string>;
+    readonly getCountry: _angular_core.OutputEmitterRef<any>;
     filterCtrl: FormControl<string | null>;
     destroyNotifier$: Subject<void>;
     controlType: string;
@@ -44,7 +44,7 @@ declare class OnemrvaMatInputPhoneComponent implements ControlValueAccessor, Mat
     get empty(): boolean;
     get value(): string;
     set value(phoneNumber: string | null);
-    readonly: boolean;
+    readonly readonly: _angular_core.InputSignal<boolean>;
     get disabled(): boolean;
     set disabled(value: BooleanInput);
     private _disabled;
@@ -67,14 +67,14 @@ declare class OnemrvaMatInputPhoneComponent implements ControlValueAccessor, Mat
     _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void;
     private formatPhoneNumber;
     onKeyup(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputPhoneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputPhoneComponent, "onemrva-mat-input-phone", never, { "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "defaultPrefix": { "alias": "defaultPrefix"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatInputPhoneComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatInputPhoneComponent, "onemrva-mat-input-phone", never, { "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; "isSignal": true; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "defaultPrefix": { "alias": "defaultPrefix"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
 }
 
 declare class PhoneNumberDirective {
     onKeyDown(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PhoneNumberDirective, "[phoneNumber]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PhoneNumberDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PhoneNumberDirective, "[phoneNumber]", never, {}, {}, never, never, true, never>;
 }
 
 export { OnemrvaMatInputPhoneComponent, PhoneNumberDirective };

package/types/onemrvapublic-design-system-mat-message-box.d.ts

@@ -0,0 +1,29 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
+
+declare class OnemrvaMatMessageBoxComponent implements AfterViewInit {
+    readonly label: _angular_core.InputSignal<string | false>;
+    readonly messageCode: _angular_core.InputSignal<string>;
+    readonly mbcontent: _angular_core.Signal<ElementRef<any>>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<OnemrvaMatColor>;
+    protected readonly isError: _angular_core.Signal<boolean>;
+    protected readonly isWarn: _angular_core.Signal<boolean>;
+    protected readonly isSuccess: _angular_core.Signal<boolean>;
+    protected readonly isPrimary: _angular_core.Signal<boolean>;
+    protected readonly isGrayscale: _angular_core.Signal<boolean>;
+    protected readonly isInfo: _angular_core.Signal<boolean>;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatMessageBoxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatMessageBoxComponent, "onemrva-mat-message-box", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageCode": { "alias": "messageCode"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatMessageBoxModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatMessageBoxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatMessageBoxModule, never, [typeof OnemrvaMatMessageBoxComponent], never>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OnemrvaMatMessageBoxModule>;
+}
+
+export { OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule };

package/types/onemrvapublic-design-system-mat-multi-select.d.ts

@@ -0,0 +1,57 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, AfterContentChecked, ChangeDetectorRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { TranslateService } from '@ngx-translate/core';
+import { MatOption } from '@angular/material/core';
+import { Subject, Observable } from 'rxjs';
+
+declare class OnemrvaMatMultiSelectComponent extends MatFormFieldControl<any> implements OnInit, OnDestroy, AfterContentChecked {
+    counter: number;
+    _values: any[];
+    stateChanges: Subject<void>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly formControl: _angular_core.InputSignal<FormControl<any>>;
+    readonly role: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly showFilter: _angular_core.InputSignal<boolean>;
+    readonly selectionToggle: _angular_core.InputSignal<boolean>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    searchFilter: FormControl;
+    readonly matOptions: _angular_core.Signal<readonly MatOption<any>[]>;
+    matOptions$?: Observable<MatOption<any>[]>;
+    onDestroy$: Subject<any>;
+    readonly _opacity: _angular_core.Signal<0.4 | 1>;
+    focused: boolean;
+    onFocus(): void;
+    onBlur(): void;
+    translate: TranslateService;
+    cd: ChangeDetectorRef;
+    constructor();
+    onChange: (_values: any[]) => void;
+    onTouched: () => void;
+    writeValue(values: any[] | any | undefined | null): void;
+    registerOnChange(fn: (value: any[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    isAllSelected(): boolean;
+    selectAll(): void;
+    isNoneSelected(): boolean;
+    deselectAll(_$event: MouseEvent): void;
+    onContainerClick(_event: MouseEvent): void;
+    setDescribedByIds(_ids: string[]): void;
+    ngOnDestroy(): void;
+    optionSize: number;
+    ngOnInit(): void;
+    ngAfterContentChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatMultiSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatMultiSelectComponent, "onemrva-mat-multi-select", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": true; "isSignal": true; }; "role": { "alias": "attr.role"; "required": false; "isSignal": true; }; "label": { "alias": "attr.aria-label"; "required": false; "isSignal": true; }; "invalid": { "alias": "attr.aria-invalid"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "selectionToggle": { "alias": "selectionToggle"; "required": false; "isSignal": true; }; "dataCy": { "alias": "attr.data-cy"; "required": false; "isSignal": true; }; }, {}, ["matOptions"], never, true, never>;
+}
+
+declare class OnemrvaMatMultiSelectModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatMultiSelectModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatMultiSelectModule, never, [typeof OnemrvaMatMultiSelectComponent], never>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OnemrvaMatMultiSelectModule>;
+}
+
+export { OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule };

package/types/onemrvapublic-design-system-mat-navigation.d.ts

@@ -0,0 +1,55 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { Router } from '@angular/router';
+import { MatExpansionPanel } from '@angular/material/expansion';
+
+interface NavItem {
+    label: string;
+    icon?: string;
+    dataCy?: string;
+    routerLink?: string;
+    children?: NavItem[];
+    highlighted?: boolean;
+    opened?: boolean;
+}
+
+declare class OnemrvaMatNavigationComponent {
+    items: _angular_core.InputSignal<NavItem[]>;
+    level: _angular_core.InputSignal<number>;
+    translate: _angular_core.InputSignal<boolean>;
+    router: Router;
+    constructor();
+    private updateNavigationState;
+    private resetNavigationStates;
+    private findActiveItemPath;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatNavigationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatNavigationComponent, "onemrva-mat-navigation", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "translate": { "alias": "translate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class OnemrvaMatNavigationItemComponent implements AfterViewInit {
+    readonly routerLink: _angular_core.InputSignal<string | undefined>;
+    readonly routerLinkActiveOptions: _angular_core.InputSignal<any>;
+    readonly dataCy: _angular_core.InputSignal<string | undefined>;
+    readonly baseRouteForActiveMenu: _angular_core.InputSignal<string | undefined>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    readonly level: _angular_core.InputSignal<number>;
+    readonly highlighted: _angular_core.InputSignal<boolean | undefined>;
+    readonly opened: _angular_core.InputSignal<boolean | undefined>;
+    readonly children: _angular_core.InputSignal<NavItem[] | undefined>;
+    readonly customNgClass: _angular_core.InputSignal<any>;
+    readonly translate: _angular_core.InputSignal<boolean>;
+    _highlighted: boolean | undefined;
+    readonly matExpansionPanel: _angular_core.Signal<MatExpansionPanel | undefined>;
+    readonly _isExpanded: _angular_core.WritableSignal<boolean>;
+    readonly _isHighlighted: _angular_core.Signal<boolean | undefined>;
+    readonly _isHighlighted2: _angular_core.Signal<boolean>;
+    get indentArray(): number[];
+    cd: ChangeDetectorRef;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatNavigationItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatNavigationItemComponent, "onemrva-mat-navigation-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; "baseRouteForActiveMenu": { "alias": "baseRouteForActiveMenu"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "highlighted": { "alias": "highlighted"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; "customNgClass": { "alias": "customNgClass"; "required": false; "isSignal": true; }; "translate": { "alias": "translate"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { OnemrvaMatNavigationComponent, OnemrvaMatNavigationItemComponent };
+export type { NavItem };

package/types/onemrvapublic-design-system-mat-notification.d.ts

@@ -0,0 +1,23 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { BreakpointObserver } from '@angular/cdk/layout';
+
+declare class OnemrvaMatNotificationComponent implements OnDestroy {
+    readonly message: _angular_core.InputSignal<string>;
+    readonly closable: _angular_core.InputSignal<boolean>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    _isOpen: boolean;
+    readonly notificationClose: _angular_core.OutputEmitterRef<void>;
+    protected readonly _closed: _angular_core.Signal<boolean>;
+    private destroyNotifier$;
+    isSmall: boolean;
+    breakpointObserver: BreakpointObserver;
+    constructor();
+    ngOnDestroy(): void;
+    closeNotification(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatNotificationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatNotificationComponent, "onemrva-mat-notification", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; }, { "notificationClose": "notificationClose"; }, never, ["*"], true, never>;
+}
+
+export { OnemrvaMatNotificationComponent };