@tilde-nlp/ngx-menu 8.1.0 → 8.1.2

package/index.d.ts

@@ -1,25 +1,26 @@
+import * as _tilde_nlp_strapi_models from '@tilde-nlp/strapi-models';
+import { MenuItem, Media } from '@tilde-nlp/strapi-models';
 import * as i0 from '@angular/core';
 import { OnInit, OnDestroy, EventEmitter, ModuleWithProviders } from '@angular/core';
-import * as i20 from '@tilde-nlp/ngx-common';
+import * as i21 from '@tilde-nlp/ngx-common';
 import { PlausibleEvent, IconService, DOMService } from '@tilde-nlp/ngx-common';
 import { StrapiSubscriptionService, StrapiApiConfig, StrapiLinkService, PlaceholderComponentBase, StrapiVariablesService } from '@tilde-nlp/ngx-strapi';
 import * as rxjs from 'rxjs';
 import { Observable, Subscription } from 'rxjs';
-import * as i11 from '@angular/router';
+import * as i12 from '@angular/router';
 import { IsActiveMatchOptions, Router } from '@angular/router';
 import * as _tilde_nlp_ngx_menu from '@tilde-nlp/ngx-menu';
-import { Media } from '@tilde-nlp/strapi-models';
-import * as i10 from '@ngbracket/ngx-layout';
-import * as i12 from '@angular/common';
-import * as i13 from '@angular/material/tooltip';
-import * as i14 from '@angular/material/dialog';
+import * as i11 from '@ngbracket/ngx-layout';
+import * as i13 from '@angular/common';
+import * as i14 from '@angular/material/tooltip';
+import * as i15 from '@angular/material/dialog';
 import { MatDialog } from '@angular/material/dialog';
-import * as i15 from '@angular/material/icon';
-import * as i16 from '@angular/material/button';
-import * as i17 from '@angular/material/list';
-import * as i18 from '@angular/material/menu';
-import * as i19 from '@ngx-translate/core';
-import * as i21 from '@angular/material/progress-spinner';
+import * as i16 from '@angular/material/icon';
+import * as i17 from '@angular/material/button';
+import * as i18 from '@angular/material/list';
+import * as i19 from '@angular/material/menu';
+import * as i20 from '@ngx-translate/core';
+import * as i22 from '@angular/material/progress-spinner';
 
 interface UserMenuOptionIcon {
     name?: string;
@@ -53,6 +54,9 @@ interface SideNavSettings {
     disableStrapi?: boolean;
     userOptions: UserMenuOption[];
     disableLogoNavigation?: boolean;
+    expandableMenuChildren?: boolean;
+    useLargeLoginButton?: boolean;
+    useCompactMenuVersion?: boolean;
 }
 
 declare enum MenuLayoutDirection {
@@ -80,14 +84,16 @@ interface CustomMenuItem {
     /** If has children, this property is responsible for child element collapsing */
     expanded?: boolean;
     /** Sub menu is used to show a list of options, every option has title and click action */
-    subMenu?: Array<{
+    subMenu?: {
         title: string;
         onOptionClick: (param?: unknown) => void;
-    }>;
+    }[];
     /** Action to be executed on clicking an item */
     clickAction?: (param?: unknown) => void;
     /** Function to check if item is active. This one replace active button highlight by router*/
     isItemActive?: (param?: unknown) => boolean;
+    /** Permission name needed to display the menu item */
+    permission?: string;
 }
 
 interface MenuTitleNavigation {
@@ -140,6 +146,8 @@ interface MenuSharedConfig {
     hideSelectedCustomId?: boolean;
     /** Where strapi data should be placed */
     strapiDataLocation?: StrapiDataLocation;
+    /** User permissions */
+    permissions?: string[];
 }
 
 declare class StarpiMenuService {
@@ -148,9 +156,11 @@ declare class StarpiMenuService {
     private readonly iconService;
     readonly svgIconNamePrefix = "strapi-menu-icon-";
     imgBaseUrl: string;
+    footerItems: MenuItem[];
     constructor(strapiSubscription: StrapiSubscriptionService, menuConfig: MenuSharedConfig, strapiConfig: StrapiApiConfig, iconService: IconService);
     getMenuItems(): Observable<CustomMenuItem[]>;
     unsubscribe(): void;
+    private filterMenuItems;
     private addBaseUrlIfNecessary;
     private convertToCustomMenuItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<StarpiMenuService, [null, { optional: true; }, { optional: true; }, null]>;
@@ -183,6 +193,7 @@ declare class MenuItemsService {
     private _mergedGroups;
     get mergedGroups(): MenuItemGroup[];
     private get menuItemGroups();
+    get footerItems(): _tilde_nlp_strapi_models.MenuItem[];
     constructor(router: Router, config: MenuSharedConfig, strapiService: StarpiMenuService);
     setMenuItems(config: MenuSharedConfig): void;
     private subscribeToRouteChanges;
@@ -230,6 +241,7 @@ declare class SideNavMenuComponent extends NavBaseComponent implements OnInit, O
     supportedLanguages: string[];
     useDefaultLanguageSwitcher: boolean;
     changeLanguageEvent: EventEmitter<string>;
+    loginEvent: EventEmitter<any>;
     userInitials: string;
     collapsed: boolean;
     readonly COLLAPSED_LOCAL_STORAGE_KEY = "TLD_MENU_SIDE_NAV_COLLAPSED";
@@ -242,8 +254,10 @@ declare class SideNavMenuComponent extends NavBaseComponent implements OnInit, O
     readonly baseUrl: string | undefined;
     get menuLogoImage(): string;
     get sideNavWidth(): string | undefined;
+    get footerItems(): _tilde_nlp_strapi_models.MenuItem[];
     constructor(strapiLinkService: StrapiLinkService, domService: DOMService, menuItems: MenuItemsService);
     ngOnInit(): void;
+    login(): void;
     logoClick(event: MouseEvent): void;
     toggleCollapse(): void;
     linkCallback(link: UserMenuOptionLink): void;
@@ -251,7 +265,7 @@ declare class SideNavMenuComponent extends NavBaseComponent implements OnInit, O
     private getColapsedFromLocalStorage;
     private setColapsedFromLocalStorage;
     static ɵfac: i0.ɵɵFactoryDeclaration<SideNavMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavMenuComponent, "lib-side-nav-menu", never, { "username": { "alias": "username"; "required": false; }; "menuSettings": { "alias": "menuSettings"; "required": false; }; "productName": { "alias": "productName"; "required": false; }; "supportedLanguages": { "alias": "supportedLanguages"; "required": false; }; "useDefaultLanguageSwitcher": { "alias": "useDefaultLanguageSwitcher"; "required": false; }; }, { "changeLanguageEvent": "changeLanguageEvent"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavMenuComponent, "lib-side-nav-menu", never, { "username": { "alias": "username"; "required": false; }; "menuSettings": { "alias": "menuSettings"; "required": false; }; "productName": { "alias": "productName"; "required": false; }; "supportedLanguages": { "alias": "supportedLanguages"; "required": false; }; "useDefaultLanguageSwitcher": { "alias": "useDefaultLanguageSwitcher"; "required": false; }; }, { "changeLanguageEvent": "changeLanguageEvent"; "loginEvent": "loginEvent"; }, never, ["*"], false, never>;
 }
 
 declare const MENU_SHARED_CONFIG = "menu-shared-config";
@@ -261,16 +275,19 @@ declare class MenuItemListComponent {
     labelsVisible: boolean;
     activeItem: CustomMenuItem | undefined;
     showIcons: boolean;
+    expandableMenuChildren: boolean;
     items: CustomMenuItem[];
     menuItemGroup: MenuItemGroupBase;
+    openMenuTrigger: EventEmitter<void>;
     toggleExpand: EventEmitter<CustomMenuItem>;
     get titleKey(): string | undefined;
     get showTitle(): boolean | undefined;
     get menuLayoutDirection(): string;
     get menuItemLayout(): string;
-    toggleItemExpand(event: MouseEvent, menuItem: CustomMenuItem): void;
+    toggleExpandEvent(item: CustomMenuItem): void;
+    openMenu(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemListComponent, "menu-item-list", never, { "direction": { "alias": "direction"; "required": false; }; "labelsVisible": { "alias": "labelsVisible"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuItemGroup": { "alias": "menuItemGroup"; "required": false; }; }, { "toggleExpand": "toggleExpand"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemListComponent, "menu-item-list", never, { "direction": { "alias": "direction"; "required": false; }; "labelsVisible": { "alias": "labelsVisible"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "expandableMenuChildren": { "alias": "expandableMenuChildren"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuItemGroup": { "alias": "menuItemGroup"; "required": false; }; }, { "openMenuTrigger": "openMenuTrigger"; "toggleExpand": "toggleExpand"; }, never, never, false, never>;
 }
 
 declare class MenuColumnsComponent implements OnInit {
@@ -279,6 +296,7 @@ declare class MenuColumnsComponent implements OnInit {
     private readonly menuItemsService;
     direction: MenuLayoutDirection;
     isOpen: boolean;
+    expandableMenuChildren: boolean | undefined;
     toggleCollapseEvent: EventEmitter<any>;
     private _active;
     get active(): ActiveMenuItems;
@@ -288,9 +306,10 @@ declare class MenuColumnsComponent implements OnInit {
     constructor(router: Router, menuSharedConfig: MenuSharedConfig, menuItemsService: MenuItemsService);
     ngOnInit(): void;
     elementExpanded(element?: CustomMenuItem): void;
+    openMenu(): void;
     private toggleOnMobileSelect;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuColumnsComponent, [null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuColumnsComponent, "menu-columns", never, { "direction": { "alias": "direction"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "toggleCollapseEvent": "toggleCollapseEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuColumnsComponent, "menu-columns", never, { "direction": { "alias": "direction"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "expandableMenuChildren": { "alias": "expandableMenuChildren"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "toggleCollapseEvent": "toggleCollapseEvent"; }, never, never, false, never>;
 }
 
 declare class MenuIconComponent {
@@ -334,14 +353,17 @@ declare class MenuItemBtnComponent {
 declare class MenuProfileComponent implements OnInit {
     collapsed: i0.InputSignal<boolean | undefined>;
     username: i0.InputSignal<string | undefined>;
+    useLargeLoginButton: i0.InputSignal<boolean | undefined>;
     userOptions: i0.InputSignal<UserMenuOption[] | undefined>;
     linkCallbackEvent: i0.OutputEmitterRef<UserMenuOptionLink>;
+    loginEvent: i0.OutputEmitterRef<void>;
     userInitials: string;
     ngOnInit(): void;
     linkCallback(link: UserMenuOptionLink): void;
+    login(): void;
     private setUserInitials;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuProfileComponent, "lib-menu-profile", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "username": { "alias": "username"; "required": false; "isSignal": true; }; "userOptions": { "alias": "userOptions"; "required": false; "isSignal": true; }; }, { "linkCallbackEvent": "linkCallbackEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuProfileComponent, "lib-menu-profile", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "username": { "alias": "username"; "required": false; "isSignal": true; }; "useLargeLoginButton": { "alias": "useLargeLoginButton"; "required": false; "isSignal": true; }; "userOptions": { "alias": "userOptions"; "required": false; "isSignal": true; }; }, { "linkCallbackEvent": "linkCallbackEvent"; "loginEvent": "loginEvent"; }, never, never, false, never>;
 }
 
 declare class MenuLangSwitcherComponent implements OnInit {
@@ -359,10 +381,27 @@ declare class MenuLangSwitcherComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<MenuLangSwitcherComponent, "lib-menu-lang-switcher", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; }, { "changeLanguageEvent": "changeLanguageEvent"; }, never, never, false, never>;
 }
 
+declare class MenuItemWithChildrenComponent {
+    menuItem: CustomMenuItem;
+    labelsVisible: boolean;
+    showIcons: boolean;
+    menuLayoutDirection: string;
+    menuItemLayout: string;
+    activeItem: CustomMenuItem | undefined;
+    direction: MenuLayoutDirection;
+    expandableMenuChildren: boolean;
+    openMenu: EventEmitter<void>;
+    toggleExpand: EventEmitter<CustomMenuItem>;
+    toggleMenuExpand(event: MouseEvent, menuItem: CustomMenuItem): void;
+    toggleItemExpand(menuItem: CustomMenuItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemWithChildrenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemWithChildrenComponent, "lib-menu-item-with-children", never, { "menuItem": { "alias": "menuItem"; "required": false; }; "labelsVisible": { "alias": "labelsVisible"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "menuLayoutDirection": { "alias": "menuLayoutDirection"; "required": false; }; "menuItemLayout": { "alias": "menuItemLayout"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "expandableMenuChildren": { "alias": "expandableMenuChildren"; "required": false; }; }, { "openMenu": "openMenu"; "toggleExpand": "toggleExpand"; }, never, never, false, never>;
+}
+
 declare class MenuModule {
     static forRoot(config: MenuSharedConfig): ModuleWithProviders<MenuModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MenuModule, [typeof SideNavMenuComponent, typeof NavBaseComponent, typeof MenuItemListComponent, typeof MenuColumnsComponent, typeof MenuIconComponent, typeof MenuItemLinkComponent, typeof MenuItemBtnComponent, typeof MenuProfileComponent, typeof MenuLangSwitcherComponent], [typeof i10.FlexLayoutModule, typeof i11.RouterModule, typeof i12.CommonModule, typeof i13.MatTooltipModule, typeof i14.MatDialogModule, typeof i15.MatIconModule, typeof i16.MatButtonModule, typeof i17.MatListModule, typeof i18.MatMenuModule, typeof i15.MatIconModule, typeof i19.TranslateModule, typeof i20.PlausibleModule, typeof i21.MatProgressSpinnerModule], [typeof SideNavMenuComponent, typeof MenuColumnsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MenuModule, [typeof SideNavMenuComponent, typeof NavBaseComponent, typeof MenuItemListComponent, typeof MenuColumnsComponent, typeof MenuIconComponent, typeof MenuItemLinkComponent, typeof MenuItemBtnComponent, typeof MenuProfileComponent, typeof MenuLangSwitcherComponent, typeof MenuItemWithChildrenComponent], [typeof i11.FlexLayoutModule, typeof i12.RouterModule, typeof i13.CommonModule, typeof i14.MatTooltipModule, typeof i15.MatDialogModule, typeof i16.MatIconModule, typeof i17.MatButtonModule, typeof i18.MatListModule, typeof i19.MatMenuModule, typeof i16.MatIconModule, typeof i20.TranslateModule, typeof i21.PlausibleModule, typeof i22.MatProgressSpinnerModule], [typeof SideNavMenuComponent, typeof MenuColumnsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MenuModule>;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tilde-nlp/ngx-menu",
-  "version": "8.1.0",
+  "version": "8.1.2",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",