@onemrvapublic/design-system 20.3.0 → 20.3.2-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';
@@ -186,6 +186,18 @@ interface OnemRvaLanguage {
     label: string;
 }
 
+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 LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     routes?: QueryList<LayoutRouteComponent>;
     title?: LayoutTitleComponent;
@@ -217,6 +229,7 @@ declare class LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     readonly breakpointObserver: BreakpointObserver;
     private readonly document;
     readonly drawerService: OnemrvaDrawerService;
+    readonly leftSidenavService: OnemrvaLeftSidenavService;
     constructor();
     ngOnInit(): void;
     get currentLanguage(): string;
@@ -230,18 +243,6 @@ 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 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 {
     isSmall: boolean;
     routes?: QueryList<LayoutRouteComponent>;
@@ -265,6 +266,8 @@ declare class LayoutLeftSidenavComponent {
     private _items;
     set items(value: NavItem$1[]);
     get items(): NavItem$1[];
+    _isHidden: boolean;
+    constructor();
     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>;
@@ -295,7 +298,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 LayoutSidenavComponent | typeof LayoutComponent | typeof LayoutLeftSidenavComponent)[];
+declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutSidenavComponent | typeof LayoutLeftSidenavComponent | typeof LayoutComponent)[];
 
 declare class StripHtmlPipe implements PipeTransform {
     transform(value: string): any;
@@ -330,6 +333,7 @@ declare class FlagIconComponent {
 
 declare const MatAvatarType: {
     INITIALS: "initials";
+    TEXT: "text";
     IMAGE: "image";
     ICON: "icon";
     CUSTOM: "custom";
@@ -426,6 +430,15 @@ declare class OnemrvaMatAvatarComponent implements OnInit {
      * ```
      */
     initials: string;
+    /**
+     * Sets text to the avatar.
+     *
+     * @example
+     * ```html
+     * <onemrva-mat-avatar text="100%"></onemrva-mat-avatar>
+     * ```
+     */
+    text: string;
     /**
      * Sets an icon to the avatar. All icons from the material icon set are supported.
      *
@@ -452,6 +465,8 @@ declare class OnemrvaMatAvatarComponent implements OnInit {
     /** @hidden @internal */
     protected initialsTemplate: TemplateRef<any> | null;
     /** @hidden @internal */
+    protected textTemplate: TemplateRef<any> | null;
+    /** @hidden @internal */
     protected iconTemplate: TemplateRef<any> | null;
     /**
      * Returns the type of the avatar.
@@ -468,6 +483,8 @@ declare class OnemrvaMatAvatarComponent implements OnInit {
     get _isIconType(): boolean;
     /** @hidden @internal */
     get _isInitialsType(): boolean;
+    /** @hidden @internal */
+    get _isTextType(): boolean;
     /**
      * Returns the template of the avatar.
      *
@@ -488,7 +505,7 @@ declare class OnemrvaMatAvatarComponent implements OnInit {
     /** @hidden @internal */
     private getRole;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatAvatarComponent, "onemrva-mat-avatar", never, { "id": { "alias": "id"; "required": false; }; "roundShape": { "alias": "roundShape"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatAvatarComponent, "onemrva-mat-avatar", never, { "id": { "alias": "id"; "required": false; }; "roundShape": { "alias": "roundShape"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class OnemrvaMatAvatarModule {

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';
@@ -158,6 +158,18 @@ interface OnemRvaLanguage {
     label: string;
 }
 
+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 LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     routes?: QueryList<LayoutRouteComponent>;
     title?: LayoutTitleComponent;
@@ -189,6 +201,7 @@ declare class LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     readonly breakpointObserver: BreakpointObserver;
     private readonly document;
     readonly drawerService: OnemrvaDrawerService;
+    readonly leftSidenavService: OnemrvaLeftSidenavService;
     constructor();
     ngOnInit(): void;
     get currentLanguage(): string;
@@ -202,18 +215,6 @@ 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 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 {
     isSmall: boolean;
     routes?: QueryList<LayoutRouteComponent>;
@@ -237,6 +238,8 @@ declare class LayoutLeftSidenavComponent {
     private _items;
     set items(value: NavItem[]);
     get items(): NavItem[];
+    _isHidden: boolean;
+    constructor();
     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>;
@@ -267,7 +270,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 LayoutSidenavComponent | typeof LayoutComponent | typeof LayoutLeftSidenavComponent)[];
+declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutSidenavComponent | typeof LayoutLeftSidenavComponent | typeof LayoutComponent)[];
 
 declare class StripHtmlPipe implements PipeTransform {
     transform(value: string): any;

package/layout/src/components/layout/layout.component.scss

@@ -49,6 +49,9 @@
   .onemrva-layout-content {
     padding-top: var(--layout-content-padding-top);
     min-height: calc(100vh - 48px);
+    .left-side-nav {
+      display: flex;
+    }
   }
   .mat-drawer-content {
     min-height: 100vh;

package/mat-avatar/index.d.ts

@@ -3,6 +3,7 @@ import { OnInit, TemplateRef, ElementRef } from '@angular/core';
 
 declare const MatAvatarType: {
     INITIALS: "initials";
+    TEXT: "text";
     IMAGE: "image";
     ICON: "icon";
     CUSTOM: "custom";
@@ -99,6 +100,15 @@ declare class OnemrvaMatAvatarComponent implements OnInit {
      * ```
      */
     initials: string;
+    /**
+     * Sets text to the avatar.
+     *
+     * @example
+     * ```html
+     * <onemrva-mat-avatar text="100%"></onemrva-mat-avatar>
+     * ```
+     */
+    text: string;
     /**
      * Sets an icon to the avatar. All icons from the material icon set are supported.
      *
@@ -125,6 +135,8 @@ declare class OnemrvaMatAvatarComponent implements OnInit {
     /** @hidden @internal */
     protected initialsTemplate: TemplateRef<any> | null;
     /** @hidden @internal */
+    protected textTemplate: TemplateRef<any> | null;
+    /** @hidden @internal */
     protected iconTemplate: TemplateRef<any> | null;
     /**
      * Returns the type of the avatar.
@@ -141,6 +153,8 @@ declare class OnemrvaMatAvatarComponent implements OnInit {
     get _isIconType(): boolean;
     /** @hidden @internal */
     get _isInitialsType(): boolean;
+    /** @hidden @internal */
+    get _isTextType(): boolean;
     /**
      * Returns the template of the avatar.
      *
@@ -161,7 +175,7 @@ declare class OnemrvaMatAvatarComponent implements OnInit {
     /** @hidden @internal */
     private getRole;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatAvatarComponent, "onemrva-mat-avatar", never, { "id": { "alias": "id"; "required": false; }; "roundShape": { "alias": "roundShape"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatAvatarComponent, "onemrva-mat-avatar", never, { "id": { "alias": "id"; "required": false; }; "roundShape": { "alias": "roundShape"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class OnemrvaMatAvatarModule {

package/package.json

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