@onemrvapublic/design-system 20.2.1-develop.4 → 20.3.0-develop.1

package/index.d.ts

@@ -9,9 +9,9 @@ import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import * as i19 from '@angular/material/sidenav';
 import { MatDrawer } from '@angular/material/sidenav';
 import { OnemrvaMatSize, OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
-import { NavItem as NavItem$1 } from '@onemrvapublic/design-system/mat-navigation';
 import * as i26 from '@ngx-translate/core';
 import { TranslateService, MissingTranslationHandler, MissingTranslationHandlerParams, TranslateLoader } from '@ngx-translate/core';
+import { NavItem as NavItem$1 } from '@onemrvapublic/design-system/mat-navigation';
 import * as i14 from '@angular/common';
 import { Location } from '@angular/common';
 import * as i17 from '@angular/material/toolbar';
@@ -34,6 +34,7 @@ import { OnemRvaCDNMimeService as OnemRvaCDNMimeService$1, OSMResult as OSMResul
 import * as i5 from '@angular/forms';
 import { FormControl, ControlValueAccessor, FormGroup, NgControl, ValidationErrors, AbstractControl, ValidatorFn } from '@angular/forms';
 import * as i11 from '@angular/material/input';
+import { MatInput } from '@angular/material/input';
 import { ComponentStore } from '@ngrx/component-store';
 import { HttpEvent, HttpClient } from '@angular/common/http';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
@@ -230,16 +231,16 @@ declare class LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "onemrva-layout", never, { "logo": { "alias": "logo"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; "environment": { "alias": "environment"; "required": false; }; "logoRedictionUrl": { "alias": "logoRedictionUrl"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; "showThemeSwitcher": { "alias": "showThemeSwitcher"; "required": false; }; }, { "login": "login"; "logout": "logout"; }, ["title", "loginMenu", "content", "afterNav", "footer", "routes"], never, true, never>;
 }
 
-declare class LayoutLeftSidenavComponent {
-    items: NavItem$1[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutLeftSidenavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutLeftSidenavComponent, "onemrva-layout-left-sidenav", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class LayoutSidenavTitleComponent {
-    template?: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavTitleComponent, "onemrva-layout-sidenav-title", never, {}, {}, never, ["*"], true, never>;
+declare class OnemrvaLeftSidenavService {
+    private originalItems;
+    readonly items: WritableSignal<NavItem$1[]>;
+    private router;
+    constructor();
+    setOriginal(items: NavItem$1[]): void;
+    updateItems(items: NavItem$1[]): void;
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaLeftSidenavService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OnemrvaLeftSidenavService>;
 }
 
 declare class LayoutSidenavComponent implements OnInit {
@@ -261,6 +262,21 @@ declare class LayoutSidenavComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavComponent, "onemrva-layout-sidenav", never, { "isSmall": { "alias": "isSmall"; "required": false; }; "routes": { "alias": "routes"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class LayoutLeftSidenavComponent {
+    private _items;
+    set items(value: NavItem$1[]);
+    get items(): NavItem$1[];
+    leftSidenavService: OnemrvaLeftSidenavService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutLeftSidenavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutLeftSidenavComponent, "onemrva-layout-left-sidenav", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutSidenavTitleComponent {
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavTitleComponent, "onemrva-layout-sidenav-title", never, {}, {}, never, ["*"], true, never>;
+}
+
 declare class LayoutDrawerActionsComponent {
     drawerService: OnemrvaDrawerService;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDrawerActionsComponent, never>;
@@ -280,7 +296,7 @@ declare class LayoutDrawerTitleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDrawerTitleComponent, "onemrva-drawer-title", never, { "showClose": { "alias": "showClose"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutComponent | typeof LayoutLeftSidenavComponent)[];
+declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutSidenavComponent | typeof LayoutComponent | typeof LayoutLeftSidenavComponent)[];
 
 declare class StripHtmlPipe implements PipeTransform {
     transform(value: string): any;
@@ -2765,6 +2781,14 @@ declare class OnemRvaSizeDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaSizeDirective, "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class ReadOnlyFormDirective implements AfterViewInit {
+    matInputs: QueryList<MatInput>;
+    isReadOnly: boolean;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReadOnlyFormDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ReadOnlyFormDirective, "form[onemrva-readonly], mat-form-field[onemrva-readonly]", never, {}, {}, ["matInputs"], never, true, never>;
+}
+
 declare const directives: any[];
 
 /**
@@ -2994,7 +3018,7 @@ declare const bankAccountValidator: (allowEmptyCountry?: boolean) => ValidatorFn
 
 declare class OnemrvaSharedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaSharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaSharedModule, never, [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective], [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaSharedModule, never, [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective, typeof ReadOnlyFormDirective], [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective, typeof ReadOnlyFormDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaSharedModule>;
 }
 
@@ -3071,5 +3095,5 @@ declare function onemrvaThemeProvider(): Provider[];
 declare const LOOKUP_COUNTRY_SERVICE_URL: InjectionToken<string>;
 declare const ONEMRVA_THEME_CLASS: InjectionToken<string>;
 
-export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CUSTOM_VALIDATION_FN, CacheService, ClipboardIconComponent, ClockComponent, CoerceBooleanInput, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, DndDirective, DrawerHostDirective, Environment, FlagIconComponent, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLeftSidenavComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, MatRowClickableDirective, MatSelectNoEntriesFoundDirective, MatSelectSearchClearDirective, MatSelectSearchComponent, MatSelectSearchModule, MatTimePickerToggle, MatTimepickerComponentDialogComponent, MatTimepickerDirective, MatTimepickerToggleIconDirective, 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, ObservableContent, OnemRvaAddress, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaProfile, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMatAvatarComponent, OnemrvaMatAvatarModule, OnemrvaMatBreadcrumbComponent, OnemrvaMatBreadcrumbModule, OnemrvaMatBreadcrumbService, OnemrvaMatCarouselComponent, OnemrvaMatCarouselItemComponent, OnemrvaMatChoiceChipComponent, OnemrvaMatDatepickerHeaderComponent, OnemrvaMatEmptyRowComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, OnemrvaMatInputAddressComponent, OnemrvaMatInputBirthPlaceComponent, OnemrvaMatInputCountryComponent, OnemrvaMatInputEnterpriseNumberComponent, OnemrvaMatInputIbanComponent, OnemrvaMatInputPhoneComponent, OnemrvaMatLoadingDirective, OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule, OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule, OnemrvaMatNavigationComponent, OnemrvaMatNavigationItemComponent, OnemrvaMatNotificationComponent, OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent, OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent, OnemrvaMatProgressBarComponent, OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule, OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule, OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule, OnemrvaMatSpinnerComponent, OnemrvaMatSpinnerModule, OnemrvaMatStepperComponent, OnemrvaMatStepperModule, OnemrvaMatStickerComponent, OnemrvaMatStickerModule, OnemrvaMatTableOfContentComponent, OnemrvaMatTableOfContentDirective, OnemrvaMatTableOfContentService, OnemrvaMatTaskComponent, OnemrvaMatTaskContentComponent, OnemrvaMatTaskListComponent, OnemrvaMatTaskListModule, OnemrvaMatTaskTitleComponent, OnemrvaMatTimepickerComponent, OnemrvaMatTimepickerModule, OnemrvaMatToastComponent, OnemrvaMatToastModule, OnemrvaMatTocAnchorLevel, OnemrvaMatTocAnchorStatus, OnemrvaMatTooltipComponent, OnemrvaMatTooltipDirective, OnemrvaMatTooltipModule, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaPageNotFoundModule, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent, PhoneNumberDirective, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, StripHtmlPipe, ToastType, WebComponentOverlayContainer, bankAccountValidator, components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, directives, formatBytes, formattedSize, layoutComponents, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
+export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CUSTOM_VALIDATION_FN, CacheService, ClipboardIconComponent, ClockComponent, CoerceBooleanInput, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, DndDirective, DrawerHostDirective, Environment, FlagIconComponent, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLeftSidenavComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, MatRowClickableDirective, MatSelectNoEntriesFoundDirective, MatSelectSearchClearDirective, MatSelectSearchComponent, MatSelectSearchModule, MatTimePickerToggle, MatTimepickerComponentDialogComponent, MatTimepickerDirective, MatTimepickerToggleIconDirective, 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, ObservableContent, OnemRvaAddress, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaProfile, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, OnemrvaLeftSidenavService, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMatAvatarComponent, OnemrvaMatAvatarModule, OnemrvaMatBreadcrumbComponent, OnemrvaMatBreadcrumbModule, OnemrvaMatBreadcrumbService, OnemrvaMatCarouselComponent, OnemrvaMatCarouselItemComponent, OnemrvaMatChoiceChipComponent, OnemrvaMatDatepickerHeaderComponent, OnemrvaMatEmptyRowComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, OnemrvaMatInputAddressComponent, OnemrvaMatInputBirthPlaceComponent, OnemrvaMatInputCountryComponent, OnemrvaMatInputEnterpriseNumberComponent, OnemrvaMatInputIbanComponent, OnemrvaMatInputPhoneComponent, OnemrvaMatLoadingDirective, OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule, OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule, OnemrvaMatNavigationComponent, OnemrvaMatNavigationItemComponent, OnemrvaMatNotificationComponent, OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent, OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent, OnemrvaMatProgressBarComponent, OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule, OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule, OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule, OnemrvaMatSpinnerComponent, OnemrvaMatSpinnerModule, OnemrvaMatStepperComponent, OnemrvaMatStepperModule, OnemrvaMatStickerComponent, OnemrvaMatStickerModule, OnemrvaMatTableOfContentComponent, OnemrvaMatTableOfContentDirective, OnemrvaMatTableOfContentService, OnemrvaMatTaskComponent, OnemrvaMatTaskContentComponent, OnemrvaMatTaskListComponent, OnemrvaMatTaskListModule, OnemrvaMatTaskTitleComponent, OnemrvaMatTimepickerComponent, OnemrvaMatTimepickerModule, OnemrvaMatToastComponent, OnemrvaMatToastModule, OnemrvaMatTocAnchorLevel, OnemrvaMatTocAnchorStatus, OnemrvaMatTooltipComponent, OnemrvaMatTooltipDirective, OnemrvaMatTooltipModule, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaPageNotFoundModule, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent, PhoneNumberDirective, ReadOnlyFormDirective, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, StripHtmlPipe, ToastType, WebComponentOverlayContainer, bankAccountValidator, components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, directives, formatBytes, formattedSize, layoutComponents, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
 export type { ActionConfig, ConfigurableDefaultOptions, CustomValidationFn, FileUploadStoreEvent, HttpCacheOptions, HttpCacheStorage, MatSelectSearchOptions, MimeDefinition, NavItem, OSMAddress, OSMResult, OnemRvaCommonCountry, OnemRvaLanguage, OnemrvaMatFileUploadInterface, OnemrvaMatFileUploadStoreItf, OnemrvaMatToc, OnemrvaMatTocAnchor, OnemrvaMaterialCountry, OnemrvaMenu, OnemrvaSkeletonLoaderConfigTheme, ProgressFile, ReferencedProgressFile, UploadState };

package/layout/index.d.ts

@@ -8,9 +8,9 @@ import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i19 from '@angular/material/sidenav';
 import { MatDrawer } from '@angular/material/sidenav';
 import { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
-import { NavItem } from '@onemrvapublic/design-system/mat-navigation';
 import * as i26 from '@ngx-translate/core';
 import { TranslateService } from '@ngx-translate/core';
+import { NavItem } from '@onemrvapublic/design-system/mat-navigation';
 import * as i14 from '@angular/common';
 import * as i17 from '@angular/material/toolbar';
 import * as i18 from '@angular/material/divider';
@@ -202,16 +202,16 @@ declare class LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "onemrva-layout", never, { "logo": { "alias": "logo"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; "environment": { "alias": "environment"; "required": false; }; "logoRedictionUrl": { "alias": "logoRedictionUrl"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; "showThemeSwitcher": { "alias": "showThemeSwitcher"; "required": false; }; }, { "login": "login"; "logout": "logout"; }, ["title", "loginMenu", "content", "afterNav", "footer", "routes"], never, true, never>;
 }
 
-declare class LayoutLeftSidenavComponent {
-    items: NavItem[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutLeftSidenavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutLeftSidenavComponent, "onemrva-layout-left-sidenav", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class LayoutSidenavTitleComponent {
-    template?: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavTitleComponent, "onemrva-layout-sidenav-title", never, {}, {}, never, ["*"], true, never>;
+declare class OnemrvaLeftSidenavService {
+    private originalItems;
+    readonly items: WritableSignal<NavItem[]>;
+    private router;
+    constructor();
+    setOriginal(items: NavItem[]): void;
+    updateItems(items: NavItem[]): void;
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaLeftSidenavService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OnemrvaLeftSidenavService>;
 }
 
 declare class LayoutSidenavComponent implements OnInit {
@@ -233,6 +233,21 @@ declare class LayoutSidenavComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavComponent, "onemrva-layout-sidenav", never, { "isSmall": { "alias": "isSmall"; "required": false; }; "routes": { "alias": "routes"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class LayoutLeftSidenavComponent {
+    private _items;
+    set items(value: NavItem[]);
+    get items(): NavItem[];
+    leftSidenavService: OnemrvaLeftSidenavService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutLeftSidenavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutLeftSidenavComponent, "onemrva-layout-left-sidenav", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutSidenavTitleComponent {
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavTitleComponent, "onemrva-layout-sidenav-title", never, {}, {}, never, ["*"], true, never>;
+}
+
 declare class LayoutDrawerActionsComponent {
     drawerService: OnemrvaDrawerService;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDrawerActionsComponent, never>;
@@ -252,7 +267,7 @@ declare class LayoutDrawerTitleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDrawerTitleComponent, "onemrva-drawer-title", never, { "showClose": { "alias": "showClose"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutComponent | typeof LayoutLeftSidenavComponent)[];
+declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutSidenavComponent | typeof LayoutComponent | typeof LayoutLeftSidenavComponent)[];
 
 declare class StripHtmlPipe implements PipeTransform {
     transform(value: string): any;
@@ -270,5 +285,5 @@ declare class OnemrvaLayoutModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaLayoutModule>;
 }
 
-export { CoerceBooleanInput, DrawerHostDirective, Environment, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLeftSidenavComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, ObservableContent, OnemRvaProfile, OnemrvaDrawerService, OnemrvaLayoutModule, StripHtmlPipe, layoutComponents };
+export { CoerceBooleanInput, DrawerHostDirective, Environment, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLeftSidenavComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, ObservableContent, OnemRvaProfile, OnemrvaDrawerService, OnemrvaLayoutModule, OnemrvaLeftSidenavService, StripHtmlPipe, layoutComponents };
 export type { OnemRvaLanguage };

package/mat-navigation/src/mat-navigation-item/onemrva-mat-navigation-item.component.scss

@@ -1,15 +1,11 @@
 :host {
   &.highlighted2 {
-    transition: border-left 0.4s ease;
-    border-left: 0.5rem solid var(--mat-sys-tertiary-container);
     .mobile-menu-item {
       transition: border-left 0.4s ease;
       border-left: 0.5rem solid var(--mat-sys-tertiary-container);
     }
   }
   &.highlighted {
-    transition: border-left 0.4s ease;
-    border-left: 0.5rem solid var(--mat-sys-tertiary);
     .mobile-menu-item {
       transition: border-left 0.4s ease;
       border-left: 0.5rem solid var(--mat-sys-tertiary);
@@ -30,19 +26,19 @@
     color: var(--mat-sys-on-surface);
     border-left: 0.5rem solid transparent;
 
-    &:active {
-    }
     &.active {
-      border-left: 0.5rem solid var(--mat-sys-tertiary);
-      font-weight: 600;
-      mat-icon {
-        font-variation-settings:
-          'FILL' 1,
-          'wght' 600,
-          'GRAD' 0,
-          'opsz' 24;
+      button {
+        border-left: 0.5rem solid var(--mat-sys-tertiary);
+        font-weight: 600;
+        mat-icon {
+          font-variation-settings:
+            'FILL' 1,
+            'wght' 600,
+            'GRAD' 0,
+            'opsz' 24;
+        }
+        background: var(--mat-sys-surface-container-low);
       }
-      background: var(--mat-sys-surface-container-low);
     }
     &:hover,
     &:focus {

package/mat-navigation/src/onemrva-mat-navigation.component.scss

@@ -15,7 +15,9 @@ onemrva-mat-navigation {
     font: var(--mat-sys-body-medium);
     &:active,
     &.active {
-      border-left: 4px solid var(--mat-sys-tertiary);
+      button {
+        border-left: 4px solid var(--mat-sys-tertiary);
+      }
     }
     &:hover,
     &:focus {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onemrvapublic/design-system",
-  "version": "20.2.1-develop.4",
+  "version": "20.3.0-develop.1",
   "description": "Design System Onem/Rva without theme included",
   "publishConfig": {
     "access": "public"

package/shared/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ElementRef, InjectionToken, OnDestroy, EventEmitter, OnInit, ErrorHandler, PipeTransform, Provider } from '@angular/core';
+import { ElementRef, InjectionToken, OnDestroy, EventEmitter, OnInit, AfterViewInit, QueryList, ErrorHandler, PipeTransform, Provider } from '@angular/core';
 import { MatDateFormats, NativeDateAdapter, DateAdapter } from '@angular/material/core';
 import * as rxjs from 'rxjs';
 import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
@@ -8,6 +8,7 @@ import { HttpClient } from '@angular/common/http';
 import { ValidatorFn } from '@angular/forms';
 import { OnemrvaMatColor, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
+import { MatInput } from '@angular/material/input';
 import { DateTime } from 'luxon';
 
 declare class ClipboardIconComponent {
@@ -223,6 +224,14 @@ declare class OnemRvaSizeDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaSizeDirective, "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class ReadOnlyFormDirective implements AfterViewInit {
+    matInputs: QueryList<MatInput>;
+    isReadOnly: boolean;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReadOnlyFormDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ReadOnlyFormDirective, "form[onemrva-readonly], mat-form-field[onemrva-readonly]", never, {}, {}, ["matInputs"], never, true, never>;
+}
+
 declare const directives: any[];
 
 /**
@@ -452,7 +461,7 @@ declare const bankAccountValidator: (allowEmptyCountry?: boolean) => ValidatorFn
 
 declare class OnemrvaSharedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaSharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaSharedModule, never, [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective], [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaSharedModule, never, [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective, typeof ReadOnlyFormDirective], [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective, typeof ReadOnlyFormDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaSharedModule>;
 }
 
@@ -529,5 +538,5 @@ declare function onemrvaThemeProvider(): Provider[];
 declare const LOOKUP_COUNTRY_SERVICE_URL: InjectionToken<string>;
 declare const ONEMRVA_THEME_CLASS: InjectionToken<string>;
 
-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 };
+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, ReadOnlyFormDirective, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, WebComponentOverlayContainer, bankAccountValidator, directives, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
 export type { HttpCacheOptions, HttpCacheStorage, MimeDefinition, OSMAddress, OSMResult, OnemRvaCommonCountry, OnemrvaMaterialCountry };