@mediusinc/mng-commons-layout 5.2.0 → 5.3.0-rc.0

package/lib/components/topbar-user.component.d.ts

@@ -1,11 +1,14 @@
 import { IUser } from '@mediusinc/mng-commons/core';
 import * as i0 from "@angular/core";
 export declare class TopbarUserComponent {
+    private readonly injector;
+    private readonly dialogService;
     private readonly commons;
     hrefJsVoid: import("@angular/platform-browser").SafeUrl;
     user: import("@angular/core").Signal<IUser | undefined>;
     userRoles: import("@angular/core").Signal<string[]>;
     logout(user: IUser | undefined, event: Event): void;
+    openSettings(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TopbarUserComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TopbarUserComponent, "mng-topbar-user-component", never, {}, {}, never, never, true, never>;
 }

package/lib/helpers/menu-items.d.ts

@@ -0,0 +1,2 @@
+import { CommonsMenuItem, InternalCommonsMenuItem } from '@mediusinc/mng-commons/core';
+export declare function prepareMenuItemsToInternal(menuItems: CommonsMenuItem[], parentKey?: string): InternalCommonsMenuItem[];

package/lib/models/menu.model.d.ts

@@ -1,4 +1,4 @@
 export interface MenuChangeEvent {
-    key: string;
-    routeEvent?: boolean;
+    key?: string;
+    eventType?: 'routeChange' | 'reset';
 }

package/lib/services/layout-feature-config.token.d.ts

@@ -3,6 +3,7 @@ import { MenuItem } from 'primeng/api';
 export type LayoutMenuMode = 'static' | 'overlay' | 'reveal' | 'drawer' | 'slim' | 'slim-plus';
 export interface LayoutFeatureConfig {
     menuMode?: LayoutMenuMode;
+    menuModes?: LayoutMenuMode[];
     menuItems?: MenuItem[];
     ripple?: boolean;
     disableNotificationWrapper?: boolean;

package/lib/services/main-layout.component.service.d.ts

@@ -1,17 +1,26 @@
 import { LayoutState } from '../models/layout-state.model';
+import { LayoutMenuMode } from './layout-feature-config.token';
 import * as i0 from "@angular/core";
 export declare class MainLayoutComponentService {
-    private config;
+    private readonly typeName;
+    private readonly storageMenuModeKey;
+    private readonly config;
+    private readonly storageService;
     state: import("@angular/core").WritableSignal<LayoutState>;
     private overlayOpen;
     overlayOpen$: import("rxjs").Observable<any>;
+    readonly menuModes: LayoutMenuMode[];
+    private _menuMode;
+    menuMode: import("@angular/core").Signal<LayoutMenuMode>;
+    isOverlay: import("@angular/core").Signal<boolean>;
+    isSlim: import("@angular/core").Signal<boolean>;
+    isSlimPlus: import("@angular/core").Signal<boolean>;
+    onMenuModeChange(mode: LayoutMenuMode): void;
     onMenuToggle(): void;
     onOverlaySubmenuOpen(): void;
-    isOverlay(): boolean;
-    isSlim(): boolean;
-    isSlimPlus(): boolean;
     isDesktop(): boolean;
     isMobile(): boolean;
+    private initMenuMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainLayoutComponentService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MainLayoutComponentService>;
 }

package/lib/services/menu.service.d.ts

@@ -1,4 +1,4 @@
-import { CommonsMenuItem } from '@mediusinc/mng-commons/core';
+import { CommonsMenuItem, InternalCommonsMenuItem } from '@mediusinc/mng-commons/core';
 import { MenuChangeEvent } from '../models/menu.model';
 import * as i0 from "@angular/core";
 export declare class MenuService {
@@ -6,14 +6,13 @@ export declare class MenuService {
     private readonly logger;
     private readonly router;
     private readonly commonsRouter;
-    private readonly menuSource;
-    private readonly resetSource;
-    menuSource$: import("rxjs").Observable<MenuChangeEvent>;
-    resetSource$: import("rxjs").Observable<unknown>;
-    private menuItems;
+    private _menuItems;
+    menuItems: import("@angular/core").Signal<InternalCommonsMenuItem[]>;
+    private readonly menuChangeSubject;
+    menuChange$: import("rxjs").Observable<MenuChangeEvent>;
     private routeLoadedChildrenSubscriptions;
-    initialize(menuItems: Array<CommonsMenuItem>): void;
-    private generateMenuItemKeys;
+    setItems(menuItems: Array<CommonsMenuItem>): void;
+    private appendListenersToLazyChildren;
     private findAndSetActiveMenuItem;
     private listenToMenuItemLazyChildrenLoad;
     private findActiveRouteMatches;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons-layout",
-  "version": "5.2.0",
+  "version": "5.3.0-rc.0",
   "peerDependencies": {
     "@angular/animations": "^17.3.0 || ^18.0.0",
     "@angular/common": "^17.3.0 || ^18.0.0",
@@ -10,7 +10,7 @@
     "@angular/router": "^17.3.0 || ^18.0.0",
     "@ngx-translate/core": "^15.0.0",
     "primeng": "^17.18.0",
-    "@mediusinc/mng-commons": "~5.2.0"
+    "@mediusinc/mng-commons": "~5.3.0-rc.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/scss/layout/mng/_mng_layout_styles.scss

@@ -1,3 +1,4 @@
 @import 'mng_layout_menu';
 @import 'mng_layout_topbar';
 @import 'mng_layout_footer';
+@import 'mng_sidebar_vertical';

package/scss/layout/mng/_mng_sidebar_vertical.scss

@@ -0,0 +1,8 @@
+.layout-sidebar {
+    .layout-menu {
+        a.active-route {
+            border-left-color: var(--primary-color);
+            background-color: var(--root-menu-item-hover-bg);
+        }
+    }
+}

package/version-info.json

@@ -1,11 +1,11 @@
 {
     "name": "@mediusinc/mng-commons-layout",
-    "version": "5.2.0",
-    "tag": "v5.2.0",
-    "distance": 0,
-    "hash": "bb36bdae",
+    "version": "5.3.0-rc.0",
+    "tag": "v5.2.0-rc.2",
+    "distance": 15,
+    "hash": "9b56542d",
     "dirty": true,
-    "semver": "5.2.0+0.gbb36bdae.dirty",
+    "semver": "5.2.0-rc.2+15.g9b56542d.dirty",
     "buildTimestamp": null,
-    "raw": "v5.2.0-bb36bdae-dirty"
+    "raw": "v5.2.0-rc.2-15-9b56542d-dirty"
 }