@tilde-nlp/ngx-menu 8.1.56 → 8.1.58

package/fesm2022/tilde-nlp-ngx-menu.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Optional, Inject, Component, Input, EventEmitter, computed, Output, inject, input, output, NgModule } from '@angular/core';
+import { signal, Injectable, Optional, Inject, Component, Input, EventEmitter, computed, Output, inject, input, output, NgModule } from '@angular/core';
 import * as i2 from '@tilde-nlp/ngx-common';
 import { AccessibilityContrasts, ResolutionHelper, UILanguageService, AccessibilityDialogComponent, PlausibleModule, SelectLanguageDialogComponent } from '@tilde-nlp/ngx-common';
 import * as i1$1 from '@angular/router';
@@ -52,15 +52,16 @@ class StarpiMenuService {
         this.menuConfig = menuConfig;
         this.iconService = iconService;
         this.svgIconNamePrefix = "strapi-menu-icon-";
-        this.imgBaseUrl = '';
-        this.footerItems = [];
-        this.imgBaseUrl = strapiConfig?.apiUrl;
+        this.apiUrl = '';
+        this.strapiMenu = signal(null, ...(ngDevMode ? [{ debugName: "strapiMenu" }] : []));
+        this.apiUrl = strapiConfig?.apiUrl;
         this.appId = menuConfig.appId;
     }
     getMenuItems() {
         const responseObs = this.strapiSubscription.subscribeSingleType(SingleTypes.MENU)
             .pipe(map((menu) => {
-            this.footerItems = menu?.footerItems ?? [];
+            this.strapiMenu.set(menu);
+            menu?.profileItems?.forEach((item) => this.registerSvgIcon(item.icon));
             let items = menu?.items;
             const convertedItems = [];
             if (!items || items.length === 0) {
@@ -69,15 +70,7 @@ class StarpiMenuService {
             items = this.filterMenuItems(items);
             items.forEach((menu) => {
                 menu.link = this.addBaseUrlIfNecessary(menu.link);
-                const originalMenuIcon = menu.icon;
-                if (originalMenuIcon?.url.startsWith('/')) {
-                    originalMenuIcon.url = this.imgBaseUrl + originalMenuIcon.url;
-                }
-                if (originalMenuIcon?.ext === MENU_ICON_STRAPI_EXTENSION) {
-                    // add custom prefix so that it is not easy to mix with other icons in registry
-                    menu.icon.name = this.svgIconNamePrefix + originalMenuIcon.name;
-                    this.iconService.registerIconFromUrl(originalMenuIcon.name, originalMenuIcon.url);
-                }
+                this.registerSvgIcon(menu.icon);
                 convertedItems.push(this.convertToCustomMenuItem(menu));
             });
             return convertedItems;
@@ -87,6 +80,19 @@ class StarpiMenuService {
     unsubscribe() {
         this.strapiSubscription.unsubscribe(SingleTypes.MENU);
     }
+    registerSvgIcon(icon) {
+        if (!icon) {
+            return;
+        }
+        if (icon.url?.startsWith('/')) {
+            icon.url = this.apiUrl + icon.url;
+        }
+        if (icon.ext === MENU_ICON_STRAPI_EXTENSION) {
+            // add custom prefix so that it is not easy to mix with other icons in registry
+            icon.name = this.svgIconNamePrefix + icon.name;
+            this.iconService.registerIconFromUrl(icon.name, icon.url);
+        }
+    }
     filterMenuItems(items) {
         return items.filter((item) => {
             const isDisabled = item?.disabled;
@@ -180,8 +186,11 @@ class MenuItemsService {
     get strapiDataLocation() { return this.menuSharedConfig?.strapiDataLocation ?? StrapiDataLocation.END; }
     get mergedGroups() { return this._mergedGroups; }
     get menuItemGroups() { return this.menuSharedConfig.itemGroups; }
-    get footerItems() {
-        return this.strapiService.footerItems;
+    get strapiMenu() {
+        return this.strapiService.strapiMenu;
+    }
+    get strapiApiUrl() {
+        return this.strapiService.apiUrl;
     }
     constructor(router, config, strapiService) {
         this.router = router;
@@ -331,11 +340,11 @@ class NavBaseComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavBaseComponent, { className: "NavBaseComponent", filePath: "lib/components/nav-base/nav-base.component.ts", lineNumber: 14 }); })();
 
 const _c0$3 = ["*"];
-function SideNavMenuComponent_a_13_Template(rf, ctx) { if (rf & 1) {
+function SideNavMenuComponent_a_15_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 1);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function SideNavMenuComponent_a_13_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.logoClick($event)); });
+    i0.ɵɵlistener("click", function SideNavMenuComponent_a_15_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.logoClick($event)); });
     i0.ɵɵelement(2, "img", 2);
     i0.ɵɵelementStart(3, "span", 3);
     i0.ɵɵtext(4);
@@ -348,50 +357,50 @@ function SideNavMenuComponent_a_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("src", ctx_r1.logoImageSource(), i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.productName, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.strapiMenuTitle() ?? ctx_r1.productName, " ");
 } }
-function SideNavMenuComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+function SideNavMenuComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "lib-menu-accessibility", 15);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("isCollapsed", ctx_r1.collapsed)("baseUrl", ctx_r1.baseUrl);
 } }
-function SideNavMenuComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+function SideNavMenuComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "lib-menu-lang-switcher", 20);
-    i0.ɵɵlistener("changeLanguageEvent", function SideNavMenuComponent_Conditional_25_Template_lib_menu_lang_switcher_changeLanguageEvent_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeLanguage($event)); });
+    i0.ɵɵlistener("changeLanguageEvent", function SideNavMenuComponent_Conditional_27_Template_lib_menu_lang_switcher_changeLanguageEvent_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeLanguage($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("isCollapsed", ctx_r1.collapsed)("languages", ctx_r1.supportedLanguages);
 } }
-function SideNavMenuComponent_Conditional_29_Conditional_1_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SideNavMenuComponent_Conditional_31_Conditional_1_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u00A0\u00A0|\u00A0\u00A0 ");
 } }
-function SideNavMenuComponent_Conditional_29_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
+function SideNavMenuComponent_Conditional_31_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 21);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, SideNavMenuComponent_Conditional_29_Conditional_1_For_1_Conditional_2_Template, 1, 0);
+    i0.ɵɵconditionalCreate(2, SideNavMenuComponent_Conditional_31_Conditional_1_For_1_Conditional_2_Template, 1, 0);
 } if (rf & 2) {
     const item_r4 = ctx.$implicit;
-    const ɵ$index_64_r5 = ctx.$index;
+    const ɵ$index_67_r5 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("href", item_r4.link, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(item_r4.title);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ɵ$index_64_r5 !== ctx_r1.footerItems.length - 1 ? 2 : -1);
+    i0.ɵɵconditional(ɵ$index_67_r5 !== ctx_r1.footerItems.length - 1 ? 2 : -1);
 } }
-function SideNavMenuComponent_Conditional_29_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, SideNavMenuComponent_Conditional_29_Conditional_1_For_1_Template, 3, 3, null, null, i0.ɵɵrepeaterTrackByIndex);
+function SideNavMenuComponent_Conditional_31_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SideNavMenuComponent_Conditional_31_Conditional_1_For_1_Template, 3, 3, null, null, i0.ɵɵrepeaterTrackByIndex);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵrepeater(ctx_r1.footerItems);
 } }
-function SideNavMenuComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+function SideNavMenuComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵconditionalCreate(1, SideNavMenuComponent_Conditional_29_Conditional_1_Template, 2, 0);
+    i0.ɵɵconditionalCreate(1, SideNavMenuComponent_Conditional_31_Conditional_1_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -400,7 +409,9 @@ function SideNavMenuComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
 } }
 class SideNavMenuComponent extends NavBaseComponent {
     #username;
-    get username() { return this.#username; }
+    get username() {
+        return this.#username;
+    }
     set username(value) {
         // if username is passed whith whitespace in begginining, it breaks UI, so trim it for safety.
         this.#username = value?.trim();
@@ -409,7 +420,7 @@ class SideNavMenuComponent extends NavBaseComponent {
         return this.collapsed ? this.menuSettings.collapsedWidth : this.menuSettings.expandedWidth;
     }
     get footerItems() {
-        return this.menuItemsService.footerItems;
+        return this.menuItemsService.strapiMenu()?.footerItems;
     }
     constructor(strapiLinkService, domService, menuItems, accessibility) {
         super(menuItems);
@@ -428,30 +439,56 @@ class SideNavMenuComponent extends NavBaseComponent {
             openExternalLinksInSameTab: false,
             useLargeLoginButton: false,
             showAccessibility: true,
-            userOptions: []
+            userOptions: [],
+            customIcons: {
+                customOpenIcon: 'keyboard_double_arrow_right',
+                customCloseIcon: 'keyboard_double_arrow_left',
+                customMobileCloseIcon: 'close',
+                customMobileOpenIcon: 'menu',
+            },
         };
         this.useDefaultLanguageSwitcher = true;
         this.changeLanguageEvent = new EventEmitter();
         this.loginEvent = new EventEmitter();
         this.collapsed = false;
-        this.COLLAPSED_LOCAL_STORAGE_KEY = "TLD_MENU_SIDE_NAV_COLLAPSED";
+        this.COLLAPSED_LOCAL_STORAGE_KEY = 'TLD_MENU_SIDE_NAV_COLLAPSED';
         //#region Plausible event variables for collapse button
-        this.COLLAPSE_PLAUSIBLE_EVENT_ID = "collapseMenu";
-        this.COLLAPSE_PLAUSIBLE_ACTION_KEY = "action";
-        this.LOGOCLICK_PLAUSIBLE_ACTION_ID = "tilde_logo_click";
+        this.COLLAPSE_PLAUSIBLE_EVENT_ID = 'collapseMenu';
+        this.COLLAPSE_PLAUSIBLE_ACTION_KEY = 'action';
+        this.LOGOCLICK_PLAUSIBLE_ACTION_ID = 'tilde_logo_click';
         this.LOGOCLICK_PLAUSIBLE_EVENT = {
             eventId: this.LOGOCLICK_PLAUSIBLE_ACTION_ID,
-            properties: []
+            properties: [],
         };
         this.EXPAND_PLAUSIBLE_EVENT = {
             eventId: this.COLLAPSE_PLAUSIBLE_EVENT_ID,
-            properties: [{ key: this.COLLAPSE_PLAUSIBLE_ACTION_KEY, value: "expand" }]
+            properties: [{ key: this.COLLAPSE_PLAUSIBLE_ACTION_KEY, value: 'expand' }],
         };
         this.COLLAPSE_PLAUSIBLE_EVENT = {
             eventId: this.COLLAPSE_PLAUSIBLE_EVENT_ID,
-            properties: [{ key: this.COLLAPSE_PLAUSIBLE_ACTION_KEY, value: "collapse" }]
+            properties: [{ key: this.COLLAPSE_PLAUSIBLE_ACTION_KEY, value: 'collapse' }],
         };
+        this.userOptions = computed(() => {
+            const strapiItems = this.menuItemsService.strapiMenu()?.profileItems ?? [];
+            const mappedStrapiItems = strapiItems.map((item) => ({
+                label: item.title,
+                permission: item.permission,
+                icon: {
+                    name: item.icon?.name,
+                    isCustom: true,
+                },
+                link: {
+                    href: item.link,
+                    isExternal: item.externalLink,
+                },
+            }));
+            return [...mappedStrapiItems, ...this.menuSettings.userOptions].filter((option) => this.hasPermission(option.permission));
+        }, ...(ngDevMode ? [{ debugName: "userOptions" }] : []));
         this.logoImageSource = computed(() => {
+            const strapiLogo = this.menuItemsService.strapiMenu()?.logo;
+            if (strapiLogo) {
+                return `${this.menuItems.strapiApiUrl}${strapiLogo.url}`;
+            }
             const preferences = this.accessibility.preferences();
             if (preferences.contrast !== AccessibilityContrasts.BASE) {
                 return this.menuSettings.menuLogo.replace('logo', `logo-${preferences.contrast}`);
@@ -460,6 +497,9 @@ class SideNavMenuComponent extends NavBaseComponent {
                 return this.collapsed ? (this.menuSettings.menuLogoCollapsed ?? this.menuSettings.menuLogo) : this.menuSettings.menuLogo;
             }
         }, ...(ngDevMode ? [{ debugName: "logoImageSource" }] : []));
+        this.strapiMenuTitle = computed(() => {
+            return this.menuItemsService.strapiMenu()?.title;
+        }, ...(ngDevMode ? [{ debugName: "strapiMenuTitle" }] : []));
         this.isMobileRes = ResolutionHelper.isMobileRes();
         this.isViewIncreased = computed(() => {
             const isIncreased = this.accessibility.preferences().fontSizeIndex > 0;
@@ -473,6 +513,7 @@ class SideNavMenuComponent extends NavBaseComponent {
     ngOnInit() {
         super.ngOnInit();
         this.getColapsedFromLocalStorage();
+        this.setIcons();
     }
     login() {
         this.loginEvent.emit();
@@ -496,7 +537,8 @@ class SideNavMenuComponent extends NavBaseComponent {
         if (!this.domService.localStorage) {
             return;
         }
-        this.collapsed = (this.domService.localStorage.getItem(this.COLLAPSED_LOCAL_STORAGE_KEY) == 'true' || ResolutionHelper.isMobileRes()) ? true : false;
+        this.collapsed =
+            this.domService.localStorage.getItem(this.COLLAPSED_LOCAL_STORAGE_KEY) == 'true' || ResolutionHelper.isMobileRes() ? true : false;
     }
     setColapsedFromLocalStorage() {
         if (!this.domService.localStorage) {
@@ -504,8 +546,23 @@ class SideNavMenuComponent extends NavBaseComponent {
         }
         this.domService.localStorage.setItem(this.COLLAPSED_LOCAL_STORAGE_KEY, this.collapsed.toString());
     }
+    setIcons() {
+        const { customOpenIcon, customCloseIcon, customMobileCloseIcon, customMobileOpenIcon } = this.menuSettings.customIcons || {};
+        this.customIcons = {
+            customOpenIcon: customOpenIcon ?? 'keyboard_double_arrow_right',
+            customCloseIcon: customCloseIcon ?? 'keyboard_double_arrow_left',
+            customMobileCloseIcon: customMobileCloseIcon ?? 'close',
+            customMobileOpenIcon: customMobileOpenIcon ?? 'menu',
+        };
+    }
+    hasPermission(permission) {
+        if (permission === undefined || permission === null) {
+            return true;
+        }
+        return this.menuItems.menuSharedConfig.permissions?.includes(permission) ?? false;
+    }
     static { this.ɵfac = function SideNavMenuComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SideNavMenuComponent)(i0.ɵɵdirectiveInject(i1.StrapiLinkService), i0.ɵɵdirectiveInject(i2.DOMService), i0.ɵɵdirectiveInject(MenuItemsService), i0.ɵɵdirectiveInject(i2.AccessibilityService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SideNavMenuComponent, selectors: [["lib-side-nav-menu"]], inputs: { username: "username", menuSettings: "menuSettings", productName: "productName", supportedLanguages: "supportedLanguages", useDefaultLanguageSwitcher: "useDefaultLanguageSwitcher" }, outputs: { changeLanguageEvent: "changeLanguageEvent", loginEvent: "loginEvent" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$3, decls: 30, vars: 46, consts: [[1, "mobile-header", 3, "fxHide", "ngClass"], ["fxFlex", "3.125em", "fxLayoutAlign", "start center", 3, "click", "libPlausibleEvent", "href"], ["height", "40", "width", "40", "alt", "logo", 1, "menu-logo", 3, "src"], [1, "menu-product-name"], ["mat-icon-button", "", 1, "toggler", 3, "click", "libPlausibleEvent"], ["fxLayout", "column", 1, "menu-container", 3, "ngClass.lt-sm", "ngClass"], ["fxLayout", "column", "fxFlexFill", "", 1, "content"], ["fxLayout", "row", 1, "menu-container-header", 3, "fxLayoutAlign"], ["fxFlex", "3.125em", "fxLayoutAlign", "start center", 3, "libPlausibleEvent", "no-click", "href", "click", 4, "ngIf"], ["mat-icon-button", "", 1, "toggler", 3, "click", "libPlausibleEvent", "matTooltip"], ["fxHide.gt-xs", "", 3, "ngClass.lt-sm"], ["fxHide.lt-sm", ""], ["fxLayout", "column", 1, "menu-wrapper"], ["role", "navigation", 3, "toggleCollapseEvent", "direction", "isOpen", "active", "expandableMenuChildren", "openExternalLinksInSameTab"], ["fxHide.gt-xs", "", 1, "menu-divider"], [3, "isCollapsed", "baseUrl"], [3, "isCollapsed", "languages"], ["fxFlex", "", "fxLayout", "column"], [3, "linkCallbackEvent", "loginEvent", "userOptions", "username", "collapsed", "useLargeLoginButton"], [1, "menu-footer"], [3, "changeLanguageEvent", "isCollapsed", "languages"], ["target", "_blank", 3, "href"]], template: function SideNavMenuComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SideNavMenuComponent, selectors: [["lib-side-nav-menu"]], inputs: { username: "username", menuSettings: "menuSettings", productName: "productName", supportedLanguages: "supportedLanguages", useDefaultLanguageSwitcher: "useDefaultLanguageSwitcher" }, outputs: { changeLanguageEvent: "changeLanguageEvent", loginEvent: "loginEvent" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$3, decls: 32, vars: 50, consts: [[1, "mobile-header", 3, "fxHide", "ngClass"], ["fxFlex", "3.125em", "fxLayoutAlign", "start center", 3, "click", "libPlausibleEvent", "href"], ["height", "40", "width", "40", "alt", "logo", 1, "menu-logo", 3, "src"], [1, "menu-product-name"], ["mat-icon-button", "", 1, "toggler", 3, "click", "libPlausibleEvent"], ["fxHide.gt-xs", "", 3, "ngClass.lt-sm"], ["fxHide.lt-sm", ""], ["fxLayout", "column", 1, "menu-container", 3, "ngClass.lt-sm", "ngClass"], ["fxLayout", "column", "fxFlexFill", "", 1, "content"], ["fxLayout", "row", 1, "menu-container-header", 3, "fxLayoutAlign"], ["fxFlex", "3.125em", "fxLayoutAlign", "start center", 3, "libPlausibleEvent", "no-click", "href", "click", 4, "ngIf"], ["mat-icon-button", "", 1, "toggler", 3, "click", "libPlausibleEvent", "matTooltip"], ["fxLayout", "column", 1, "menu-wrapper"], ["role", "navigation", 3, "toggleCollapseEvent", "direction", "isOpen", "active", "expandableMenuChildren", "openExternalLinksInSameTab"], ["fxHide.gt-xs", "", 1, "menu-divider"], [3, "isCollapsed", "baseUrl"], [3, "isCollapsed", "languages"], ["fxFlex", "", "fxLayout", "column"], [3, "linkCallbackEvent", "loginEvent", "userOptions", "username", "collapsed", "useLargeLoginButton"], [1, "menu-footer"], [3, "changeLanguageEvent", "isCollapsed", "languages"], ["target", "_blank", 3, "href"]], template: function SideNavMenuComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "a", 1);
             i0.ɵɵpipe(2, "translate");
@@ -517,50 +574,59 @@ class SideNavMenuComponent extends NavBaseComponent {
             i0.ɵɵelementStart(6, "button", 4);
             i0.ɵɵpipe(7, "translate");
             i0.ɵɵlistener("click", function SideNavMenuComponent_Template_button_click_6_listener() { return ctx.toggleCollapse(); });
-            i0.ɵɵelementStart(8, "mat-icon");
-            i0.ɵɵtext(9, "menu");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(10, "div", 5)(11, "div", 6)(12, "div", 7);
-            i0.ɵɵtemplate(13, SideNavMenuComponent_a_13_Template, 5, 9, "a", 8);
-            i0.ɵɵelementStart(14, "button", 9);
-            i0.ɵɵpipe(15, "translate");
-            i0.ɵɵpipe(16, "translate");
-            i0.ɵɵlistener("click", function SideNavMenuComponent_Template_button_click_14_listener() { return ctx.toggleCollapse(); });
-            i0.ɵɵelementStart(17, "mat-icon", 10);
-            i0.ɵɵtext(18, "close");
+            i0.ɵɵelementStart(8, "mat-icon", 5);
+            i0.ɵɵtext(9);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(19, "mat-icon", 11);
+            i0.ɵɵelementStart(10, "mat-icon", 6);
+            i0.ɵɵtext(11);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(12, "div", 7)(13, "div", 8)(14, "div", 9);
+            i0.ɵɵtemplate(15, SideNavMenuComponent_a_15_Template, 5, 9, "a", 10);
+            i0.ɵɵelementStart(16, "button", 11);
+            i0.ɵɵpipe(17, "translate");
+            i0.ɵɵpipe(18, "translate");
+            i0.ɵɵlistener("click", function SideNavMenuComponent_Template_button_click_16_listener() { return ctx.toggleCollapse(); });
+            i0.ɵɵelementStart(19, "mat-icon", 5);
             i0.ɵɵtext(20);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "mat-icon", 6);
+            i0.ɵɵtext(22);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(21, "div", 12)(22, "menu-columns", 13);
-            i0.ɵɵlistener("toggleCollapseEvent", function SideNavMenuComponent_Template_menu_columns_toggleCollapseEvent_22_listener() { return ctx.toggleCollapse(); });
+            i0.ɵɵelementStart(23, "div", 12)(24, "menu-columns", 13);
+            i0.ɵɵlistener("toggleCollapseEvent", function SideNavMenuComponent_Template_menu_columns_toggleCollapseEvent_24_listener() { return ctx.toggleCollapse(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(23, "div", 14);
-            i0.ɵɵconditionalCreate(24, SideNavMenuComponent_Conditional_24_Template, 1, 2, "lib-menu-accessibility", 15);
-            i0.ɵɵconditionalCreate(25, SideNavMenuComponent_Conditional_25_Template, 1, 2, "lib-menu-lang-switcher", 16);
+            i0.ɵɵelement(25, "div", 14);
+            i0.ɵɵconditionalCreate(26, SideNavMenuComponent_Conditional_26_Template, 1, 2, "lib-menu-accessibility", 15);
+            i0.ɵɵconditionalCreate(27, SideNavMenuComponent_Conditional_27_Template, 1, 2, "lib-menu-lang-switcher", 16);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "div", 17);
-            i0.ɵɵprojection(27);
+            i0.ɵɵelementStart(28, "div", 17);
+            i0.ɵɵprojection(29);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "lib-menu-profile", 18);
-            i0.ɵɵlistener("linkCallbackEvent", function SideNavMenuComponent_Template_lib_menu_profile_linkCallbackEvent_28_listener($event) { return ctx.linkCallback($event); })("loginEvent", function SideNavMenuComponent_Template_lib_menu_profile_loginEvent_28_listener() { return ctx.login(); });
+            i0.ɵɵelementStart(30, "lib-menu-profile", 18);
+            i0.ɵɵlistener("linkCallbackEvent", function SideNavMenuComponent_Template_lib_menu_profile_linkCallbackEvent_30_listener($event) { return ctx.linkCallback($event); })("loginEvent", function SideNavMenuComponent_Template_lib_menu_profile_loginEvent_30_listener() { return ctx.login(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(29, SideNavMenuComponent_Conditional_29_Template, 2, 1, "div", 19);
+            i0.ɵɵconditionalCreate(31, SideNavMenuComponent_Conditional_31_Template, 2, 1, "div", 19);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("fxHide", !ctx.collapsed || ctx.collapsed && !ctx.isMobileRes && !ctx.isViewIncreased())("ngClass", ctx.menuSettings.menuVersion);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("no-click", ctx.menuSettings == null ? null : ctx.menuSettings.disableLogoNavigation);
             i0.ɵɵproperty("libPlausibleEvent", ctx.LOGOCLICK_PLAUSIBLE_EVENT)("href", ctx.baseUrl, i0.ɵɵsanitizeUrl);
-            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 38, "ARIA_LABELS.LOGO"));
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 42, "ARIA_LABELS.LOGO"));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("src", ctx.logoImageSource(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", ctx.productName, " ");
+            i0.ɵɵtextInterpolate1(" ", ctx.strapiMenuTitle() ?? ctx.productName, " ");
             i0.ɵɵadvance();
             i0.ɵɵproperty("libPlausibleEvent", ctx.collapsed ? ctx.EXPAND_PLAUSIBLE_EVENT : ctx.COLLAPSE_PLAUSIBLE_EVENT);
-            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(7, 40, "ARIA_LABELS.MENU_TOGGLER"));
-            i0.ɵɵadvance(4);
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(7, 44, "ARIA_LABELS.MENU_TOGGLER"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass.lt-sm", "mob-close-icon");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.collapsed ? ctx.customIcons.customMobileOpenIcon : ctx.customIcons.customMobileCloseIcon);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.collapsed ? ctx.customIcons.customOpenIcon : ctx.customIcons.customCloseIcon);
+            i0.ɵɵadvance();
             i0.ɵɵstyleProp("width", ctx.sideNavWidth);
             i0.ɵɵclassProp("accessibility-view", ctx.isViewIncreased())("collapsed", ctx.collapsed);
             i0.ɵɵproperty("ngClass.lt-sm", "mobile")("ngClass", ctx.menuSettings.menuVersion);
@@ -569,27 +635,29 @@ class SideNavMenuComponent extends NavBaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.collapsed);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("libPlausibleEvent", ctx.collapsed ? ctx.EXPAND_PLAUSIBLE_EVENT : ctx.COLLAPSE_PLAUSIBLE_EVENT)("matTooltip", i0.ɵɵpipeBind1(15, 42, ctx.collapsed ? "MENU.EXPAND" : "MENU.COLLAPSE"));
-            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(16, 44, "ARIA_LABELS.MENU_TOGGLER"));
+            i0.ɵɵproperty("libPlausibleEvent", ctx.collapsed ? ctx.EXPAND_PLAUSIBLE_EVENT : ctx.COLLAPSE_PLAUSIBLE_EVENT)("matTooltip", i0.ɵɵpipeBind1(17, 46, ctx.collapsed ? "MENU.EXPAND" : "MENU.COLLAPSE"));
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(18, 48, "ARIA_LABELS.MENU_TOGGLER"));
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass.lt-sm", "mob-close-icon");
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(ctx.collapsed ? "keyboard_double_arrow_right" : "keyboard_double_arrow_left");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.customIcons.customMobileCloseIcon);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.collapsed ? ctx.customIcons.customOpenIcon : ctx.customIcons.customCloseIcon);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("direction", ctx.direction)("isOpen", !ctx.collapsed)("active", ctx.active)("expandableMenuChildren", ctx.menuSettings == null ? null : ctx.menuSettings.expandableMenuChildren)("openExternalLinksInSameTab", ctx.menuSettings == null ? null : ctx.menuSettings.openExternalLinksInSameTab);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional((ctx.menuSettings == null ? null : ctx.menuSettings.showAccessibility) ? 24 : -1);
+            i0.ɵɵconditional((ctx.menuSettings == null ? null : ctx.menuSettings.showAccessibility) ? 26 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.useDefaultLanguageSwitcher && ctx.supportedLanguages.length > 1 ? 25 : -1);
+            i0.ɵɵconditional(ctx.useDefaultLanguageSwitcher && ctx.supportedLanguages && ctx.supportedLanguages.length > 1 ? 27 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("userOptions", ctx.menuSettings.userOptions)("username", ctx.username)("collapsed", ctx.collapsed)("useLargeLoginButton", ctx.menuSettings == null ? null : ctx.menuSettings.useLargeLoginButton);
+            i0.ɵɵproperty("userOptions", ctx.userOptions())("username", ctx.username)("collapsed", ctx.collapsed)("useLargeLoginButton", ctx.menuSettings == null ? null : ctx.menuSettings.useLargeLoginButton);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.footerItems.length ? 29 : -1);
+            i0.ɵɵconditional((ctx.footerItems == null ? null : ctx.footerItems.length) ? 31 : -1);
         } }, styles: ["a[_ngcontent-%COMP%]{text-decoration:none}.menu-container[_ngcontent-%COMP%]:not(.collapsed)   menu-columns[_ngcontent-%COMP%]{margin-right:-12px;padding-right:8px;max-height:fit-content;overflow-y:scroll}.no-click[_ngcontent-%COMP%]{pointer-events:none!important}.mobile-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;padding:23px 27px;background-color:var(--base-100);border:1px solid var(--base-70)}.accessibility-view.menu-container[_ngcontent-%COMP%]:not(.collapsed), .mobile.menu-container[_ngcontent-%COMP%]:not(.collapsed){display:block!important;position:fixed;min-width:100vw;max-width:100vw;min-height:100dvh;z-index:1000}  .mobile.menu-container.collapsed,   .accessibility-view.menu-container.collapsed{display:none!important}button[_ngcontent-%COMP%]:has(.mob-close-icon){margin-right:10px}.menu-container[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::-webkit-scrollbar{width:5px}.menu-container[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--base-95);background-clip:padding-box}.menu-container[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::-webkit-scrollbar-track{background:var(--base-100)}.menu-product-name[_ngcontent-%COMP%]{white-space:nowrap;margin-left:12px;font-weight:600;color:var(--base-10)}.menu-container[_ngcontent-%COMP%]{max-height:100dvh;white-space:nowrap;height:100%;transition:width .2s ease;min-height:100dvh;overflow:auto;background:var(--base-100);border-right:2px solid var(--base-95)}.menu-container[_ngcontent-%COMP%]   .menu-container-header[_ngcontent-%COMP%]{margin:24px 0;max-height:40px}.menu-container.collapsed[_ngcontent-%COMP%]   .menu-container-header[_ngcontent-%COMP%]{margin:24px 0 32px!important}.menu-container[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]:not(.collapsed){overflow-x:hidden;padding:0 12px}.menu-container[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]:not(.collapsed)   .menu-logo[_ngcontent-%COMP%]{margin-left:16px;max-width:100%}.menu-container[_ngcontent-%COMP%]   .divider[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]     .collapsed .profile-wrapper{margin:36px 0!important}[_nghost-%COMP%]     .mobile .profile-name{max-width:60vw}[_nghost-%COMP%]     .menu-item, [_nghost-%COMP%]     .accessibility-btn, [_nghost-%COMP%]     .lang-switcher{touch-action:pan-y!important}[_nghost-%COMP%]     .menu-item{display:flex;padding:16px!important;border-radius:4px!important}[_nghost-%COMP%]     .collapsed .menu-item{padding:0!important;width:40px;height:40px;border-radius:50%!important}[_nghost-%COMP%]     .active-menu-item{background-color:var(--base-95)!important}[_nghost-%COMP%]     .menu-item-title{margin-left:12px}[_nghost-%COMP%]     .child-list .mob-menu-item .menu-item-title{margin-left:36px!important}tld-menu-icon[_ngcontent-%COMP%]{margin-right:10px}[_nghost-%COMP%]  button.collapse-btn .mat-mdc-button-persistent-ripple, [_nghost-%COMP%]  button.toggler .mat-mdc-button-persistent-ripple{display:none}  .cdk-overlay-container .child-menu,   .cdk-overlay-container .profile-menu,   .cdk-overlay-container .lang-menu{min-width:250px;margin:10px 0}@media (max-width: 600px){  .cdk-overlay-container .child-menu,   .cdk-overlay-container .profile-menu,   .cdk-overlay-container .lang-menu{min-width:calc(100vw - 32px)!important}}  .mat-mdc-menu-item .mat-icon{margin-right:5px!important}  .collapsed .profile-wrapper{justify-content:center!important}.menu-divider[_ngcontent-%COMP%]{border:1px solid var(--base-70)}.menu-footer[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-bottom:20px;color:var(--base-40);font-size:.8125rem}.mobile[_ngcontent-%COMP%]   .menu-footer[_ngcontent-%COMP%]{font-size:.875rem;justify-content:space-between;margin-right:16px;margin-left:16px}", ".compact-menu menu-columns{margin-bottom:86px}  .compact-menu .profile{margin-top:80px!important}  .compact-menu .profile-icon{margin-left:10px!important;min-width:28px!important;height:28px!important;font-size:12px!important}  .compact-menu .profile-arrow{margin-right:5px!important}  .compact-menu .profile-name{margin-left:10px!important;font-size:.875rem!important;font-weight:600!important}  .compact-menu .profile-wrapper{padding:6px 0!important;border-radius:16px!important;border:2px solid var(--base-70)}  .compact-menu .menu-wrapper{position:relative;height:100%}  .compact-menu .lang-switcher{position:absolute;bottom:0}  .compact-menu .accessibility-btn{position:absolute;bottom:46px}  .compact-menu .menu-item,   .compact-menu .lang-switcher,   .compact-menu .accessibility-btn{margin:0 2px;padding:8px 12px!important;border-radius:16px!important}  .compact-menu .lang-switcher .menu-arrow{margin-right:-8px}  .compact-menu .child-list{margin-left:24px;padding:3px 6px 3px 0}  .compact-menu.collapsed .child-list{margin-left:0}  .compact-menu.collapsed .accessibility-btn,   .compact-menu.collapsed .lang-switcher{padding:0!important;border-radius:50%!important}  .compact-menu tld-menu-item-link:not(:first-child){margin-top:0!important;margin-bottom:5px}  .compact-menu tld-menu-item-link .title-content{font-weight:400!important}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SideNavMenuComponent, [{
         type: Component,
-        args: [{ selector: 'lib-side-nav-menu', standalone: false, template: "\t<div [fxHide]=\"!collapsed || collapsed && !isMobileRes && !isViewIncreased()\"  class=\"mobile-header\" [ngClass]=\"menuSettings.menuVersion\">\r\n\t\t<a\r\n\t\t\t[libPlausibleEvent]=\"LOGOCLICK_PLAUSIBLE_EVENT\"\r\n\t\t\tfxFlex=\"3.125em\"\r\n\t\t\t[href]=\"baseUrl\"\r\n\t\t\t[class.no-click]=\"menuSettings?.disableLogoNavigation\"\r\n\t\t\t[attr.aria-label]=\"'ARIA_LABELS.LOGO' | translate\"\r\n\t\t\t(click)=\"logoClick($event)\"\r\n\t\t\tfxLayoutAlign=\"start center\"\r\n\t\t>\r\n\t\t\t<img height=\"40\" width=\"40\" class=\"menu-logo\" [src]=\"logoImageSource()\" alt=\"logo\" />\r\n\t\t\t<span class=\"menu-product-name\">\r\n\t\t\t\t{{ productName }}\r\n\t\t\t</span>\r\n\t\t</a>\r\n\r\n\t\t<button\r\n\t\t\tmat-icon-button\r\n\t\t\tclass=\"toggler\"\r\n\t\t\t[attr.aria-label]=\"'ARIA_LABELS.MENU_TOGGLER' | translate\"\r\n\t\t\t[libPlausibleEvent]=\"collapsed ? EXPAND_PLAUSIBLE_EVENT : COLLAPSE_PLAUSIBLE_EVENT\"\r\n\t\t\t(click)=\"toggleCollapse()\"\r\n\t\t>\r\n\t\t\t<mat-icon>menu</mat-icon>\r\n\t\t</button>\r\n\t</div>\r\n\r\n<div \r\n\tclass=\"menu-container\"\r\n\tfxLayout=\"column\" \r\n\t[ngClass.lt-sm]=\"'mobile'\"\r\n\t[class.accessibility-view]=\"isViewIncreased()\"\r\n\t[style.width]=\"sideNavWidth\" \r\n\t[class.collapsed]=\"collapsed\"  \r\n\t[ngClass]=\"menuSettings.menuVersion\"\r\n>\r\n\t<div class=\"content\" fxLayout=\"column\" fxFlexFill>\r\n\t\t<div class=\"menu-container-header\" fxLayout=\"row\" [fxLayoutAlign]=\"collapsed ? 'center center' : 'space-between center'\">\r\n\t\t\t<a\r\n\t\t\t\t*ngIf=\"!collapsed\"\r\n\t\t\t\t[libPlausibleEvent]=\"LOGOCLICK_PLAUSIBLE_EVENT\"\r\n\t\t\t\tfxFlex=\"3.125em\"\r\n\t\t\t\t[class.no-click]=\"menuSettings?.disableLogoNavigation\"\r\n\t\t\t\t[href]=\"baseUrl\"\r\n\t\t\t\t[attr.aria-label]=\"'ARIA_LABELS.LOGO' | translate\"\r\n\t\t\t\t(click)=\"logoClick($event)\"\r\n\t\t\t\tfxLayoutAlign=\"start center\"\r\n\t\t\t>\r\n\t\t\t\t<img height=\"40\" width=\"40\" class=\"menu-logo\" [src]=\"logoImageSource()\" alt=\"logo\" />\r\n\t\t\t\t<span class=\"menu-product-name\">\r\n\t\t\t\t\t{{ productName }}\r\n\t\t\t\t</span>\r\n\t\t\t</a>\r\n\r\n\t\t\t<button\r\n\t\t\t\tmat-icon-button\r\n\t\t\t\tclass=\"toggler\"\r\n\t\t\t\t[attr.aria-label]=\"'ARIA_LABELS.MENU_TOGGLER' | translate\"\r\n\t\t\t\t[libPlausibleEvent]=\"collapsed ? EXPAND_PLAUSIBLE_EVENT : COLLAPSE_PLAUSIBLE_EVENT\"\r\n\t\t\t\t[matTooltip]=\"(collapsed ? 'MENU.EXPAND' : 'MENU.COLLAPSE') | translate\"\r\n\t\t\t\t(click)=\"toggleCollapse()\"\r\n\t\t\t>\r\n\t\t\t\t<mat-icon fxHide.gt-xs [ngClass.lt-sm]=\"'mob-close-icon'\">close</mat-icon>\r\n\t\t\t\t<mat-icon fxHide.lt-sm>{{ collapsed ? \"keyboard_double_arrow_right\" : \"keyboard_double_arrow_left\" }}</mat-icon>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"menu-wrapper\" fxLayout=\"column\">\r\n\t\t\t<menu-columns\r\n\t\t\t\t(toggleCollapseEvent)=\"toggleCollapse()\"\r\n\t\t\t\t[direction]=\"direction\"\r\n\t\t\t\trole=\"navigation\"\r\n\t\t\t\t[isOpen]=\"!collapsed\"\r\n\t\t\t\t[active]=\"active\"\r\n\t\t\t\t[expandableMenuChildren]=\"menuSettings?.expandableMenuChildren\"\r\n\t\t\t\t[openExternalLinksInSameTab]=\"menuSettings?.openExternalLinksInSameTab\"\r\n\t\t\t></menu-columns>\r\n\r\n\t\t\t<div fxHide.gt-xs class=\"menu-divider\"></div>\r\n\r\n\t\t\t@if (menuSettings?.showAccessibility) {\r\n\t\t\t\t<lib-menu-accessibility [isCollapsed]=\"collapsed\" [baseUrl]=\"baseUrl\"></lib-menu-accessibility>\r\n\t\t\t}\r\n\r\n\t\t\t@if (useDefaultLanguageSwitcher && supportedLanguages.length > 1) {\r\n\t\t\t<lib-menu-lang-switcher [isCollapsed]=\"collapsed\" [languages]=\"supportedLanguages\" (changeLanguageEvent)=\"changeLanguage($event)\"></lib-menu-lang-switcher>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t<div fxFlex fxLayout=\"column\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\r\n\t\t<lib-menu-profile \r\n\t\t\t[userOptions]=\"menuSettings.userOptions\" \r\n\t\t\t[username]=\"username\" \r\n\t\t\t[collapsed]=\"collapsed\" \r\n\t\t\t[useLargeLoginButton]=\"menuSettings?.useLargeLoginButton\"\r\n\t\t\t(linkCallbackEvent)=\"linkCallback($event)\"\r\n\t\t\t(loginEvent)=\"login()\"\t\r\n\t\t>\r\n\t\t</lib-menu-profile>\r\n\r\n    @if (footerItems.length) {\r\n      <div class=\"menu-footer\">\r\n        @if (!collapsed) {\r\n          @for (item of footerItems; let i = $index; track i) {\r\n            <a [href]=\"item.link\" target=\"_blank\">{{ item.title }}</a>\r\n            \r\n            @if (i !== footerItems.length - 1) { \r\n              &nbsp;&nbsp;|&nbsp;&nbsp; \r\n            } \r\n          }\r\n        }\r\n      </div>\r\n    }\r\n\t</div>\r\n</div>\r\n", styles: ["a{text-decoration:none}.menu-container:not(.collapsed) menu-columns{margin-right:-12px;padding-right:8px;max-height:fit-content;overflow-y:scroll}.no-click{pointer-events:none!important}.mobile-header{display:flex;justify-content:space-between;padding:23px 27px;background-color:var(--base-100);border:1px solid var(--base-70)}.accessibility-view.menu-container:not(.collapsed),.mobile.menu-container:not(.collapsed){display:block!important;position:fixed;min-width:100vw;max-width:100vw;min-height:100dvh;z-index:1000}::ng-deep .mobile.menu-container.collapsed,::ng-deep .accessibility-view.menu-container.collapsed{display:none!important}button:has(.mob-close-icon){margin-right:10px}.menu-container ::-webkit-scrollbar{width:5px}.menu-container ::-webkit-scrollbar-thumb{background:var(--base-95);background-clip:padding-box}.menu-container ::-webkit-scrollbar-track{background:var(--base-100)}.menu-product-name{white-space:nowrap;margin-left:12px;font-weight:600;color:var(--base-10)}.menu-container{max-height:100dvh;white-space:nowrap;height:100%;transition:width .2s ease;min-height:100dvh;overflow:auto;background:var(--base-100);border-right:2px solid var(--base-95)}.menu-container .menu-container-header{margin:24px 0;max-height:40px}.menu-container.collapsed .menu-container-header{margin:24px 0 32px!important}.menu-container .content:not(.collapsed){overflow-x:hidden;padding:0 12px}.menu-container .content:not(.collapsed) .menu-logo{margin-left:16px;max-width:100%}.menu-container .divider{width:100%}:host ::ng-deep .collapsed .profile-wrapper{margin:36px 0!important}:host ::ng-deep .mobile .profile-name{max-width:60vw}:host ::ng-deep .menu-item,:host ::ng-deep .accessibility-btn,:host ::ng-deep .lang-switcher{touch-action:pan-y!important}:host ::ng-deep .menu-item{display:flex;padding:16px!important;border-radius:4px!important}:host ::ng-deep .collapsed .menu-item{padding:0!important;width:40px;height:40px;border-radius:50%!important}:host ::ng-deep .active-menu-item{background-color:var(--base-95)!important}:host ::ng-deep .menu-item-title{margin-left:12px}:host ::ng-deep .child-list .mob-menu-item .menu-item-title{margin-left:36px!important}tld-menu-icon{margin-right:10px}:host::ng-deep button.collapse-btn .mat-mdc-button-persistent-ripple,:host::ng-deep button.toggler .mat-mdc-button-persistent-ripple{display:none}::ng-deep .cdk-overlay-container .child-menu,::ng-deep .cdk-overlay-container .profile-menu,::ng-deep .cdk-overlay-container .lang-menu{min-width:250px;margin:10px 0}@media (max-width: 600px){::ng-deep .cdk-overlay-container .child-menu,::ng-deep .cdk-overlay-container .profile-menu,::ng-deep .cdk-overlay-container .lang-menu{min-width:calc(100vw - 32px)!important}}::ng-deep .mat-mdc-menu-item .mat-icon{margin-right:5px!important}::ng-deep .collapsed .profile-wrapper{justify-content:center!important}.menu-divider{border:1px solid var(--base-70)}.menu-footer{display:flex;justify-content:center;margin-bottom:20px;color:var(--base-40);font-size:.8125rem}.mobile .menu-footer{font-size:.875rem;justify-content:space-between;margin-right:16px;margin-left:16px}\n", "::ng-deep .compact-menu menu-columns{margin-bottom:86px}::ng-deep .compact-menu .profile{margin-top:80px!important}::ng-deep .compact-menu .profile-icon{margin-left:10px!important;min-width:28px!important;height:28px!important;font-size:12px!important}::ng-deep .compact-menu .profile-arrow{margin-right:5px!important}::ng-deep .compact-menu .profile-name{margin-left:10px!important;font-size:.875rem!important;font-weight:600!important}::ng-deep .compact-menu .profile-wrapper{padding:6px 0!important;border-radius:16px!important;border:2px solid var(--base-70)}::ng-deep .compact-menu .menu-wrapper{position:relative;height:100%}::ng-deep .compact-menu .lang-switcher{position:absolute;bottom:0}::ng-deep .compact-menu .accessibility-btn{position:absolute;bottom:46px}::ng-deep .compact-menu .menu-item,::ng-deep .compact-menu .lang-switcher,::ng-deep .compact-menu .accessibility-btn{margin:0 2px;padding:8px 12px!important;border-radius:16px!important}::ng-deep .compact-menu .lang-switcher .menu-arrow{margin-right:-8px}::ng-deep .compact-menu .child-list{margin-left:24px;padding:3px 6px 3px 0}::ng-deep .compact-menu.collapsed .child-list{margin-left:0}::ng-deep .compact-menu.collapsed .accessibility-btn,::ng-deep .compact-menu.collapsed .lang-switcher{padding:0!important;border-radius:50%!important}::ng-deep .compact-menu tld-menu-item-link:not(:first-child){margin-top:0!important;margin-bottom:5px}::ng-deep .compact-menu tld-menu-item-link .title-content{font-weight:400!important}\n"] }]
+        args: [{ selector: 'lib-side-nav-menu', standalone: false, template: "\t<div [fxHide]=\"!collapsed || collapsed && !isMobileRes && !isViewIncreased()\"  class=\"mobile-header\" [ngClass]=\"menuSettings.menuVersion\">\r\n\t\t<a\r\n\t\t\t[libPlausibleEvent]=\"LOGOCLICK_PLAUSIBLE_EVENT\"\r\n\t\t\tfxFlex=\"3.125em\"\r\n\t\t\t[href]=\"baseUrl\"\r\n\t\t\t[class.no-click]=\"menuSettings?.disableLogoNavigation\"\r\n\t\t\t[attr.aria-label]=\"'ARIA_LABELS.LOGO' | translate\"\r\n\t\t\t(click)=\"logoClick($event)\"\r\n\t\t\tfxLayoutAlign=\"start center\"\r\n\t\t>\r\n\t\t\t<img height=\"40\" width=\"40\" class=\"menu-logo\" [src]=\"logoImageSource()\" alt=\"logo\" />\r\n\t\t\t<span class=\"menu-product-name\">\r\n\t\t\t\t{{ strapiMenuTitle() ?? productName }}\r\n\t\t\t</span>\r\n\t\t</a>\r\n\r\n\t\t<button\r\n\t\t\tmat-icon-button\r\n\t\t\tclass=\"toggler\"\r\n\t\t\t[attr.aria-label]=\"'ARIA_LABELS.MENU_TOGGLER' | translate\"\r\n\t\t\t[libPlausibleEvent]=\"collapsed ? EXPAND_PLAUSIBLE_EVENT : COLLAPSE_PLAUSIBLE_EVENT\"\r\n\t\t\t(click)=\"toggleCollapse()\"\r\n\t\t>\r\n\t\t\t<mat-icon fxHide.gt-xs [ngClass.lt-sm]=\"'mob-close-icon'\">{{collapsed ? customIcons.customMobileOpenIcon : customIcons.customMobileCloseIcon}}</mat-icon>\r\n      <mat-icon fxHide.lt-sm>{{ collapsed ? customIcons.customOpenIcon : customIcons.customCloseIcon }}</mat-icon>\r\n\t\t</button>\r\n\t</div>\r\n\r\n<div \r\n\tclass=\"menu-container\"\r\n\tfxLayout=\"column\" \r\n\t[ngClass.lt-sm]=\"'mobile'\"\r\n\t[class.accessibility-view]=\"isViewIncreased()\"\r\n\t[style.width]=\"sideNavWidth\" \r\n\t[class.collapsed]=\"collapsed\"  \r\n\t[ngClass]=\"menuSettings.menuVersion\"\r\n>\r\n\t<div class=\"content\" fxLayout=\"column\" fxFlexFill>\r\n\t\t<div class=\"menu-container-header\" fxLayout=\"row\" [fxLayoutAlign]=\"collapsed ? 'center center' : 'space-between center'\">\r\n\t\t\t<a\r\n\t\t\t\t*ngIf=\"!collapsed\"\r\n\t\t\t\t[libPlausibleEvent]=\"LOGOCLICK_PLAUSIBLE_EVENT\"\r\n\t\t\t\tfxFlex=\"3.125em\"\r\n\t\t\t\t[class.no-click]=\"menuSettings?.disableLogoNavigation\"\r\n\t\t\t\t[href]=\"baseUrl\"\r\n\t\t\t\t[attr.aria-label]=\"'ARIA_LABELS.LOGO' | translate\"\r\n\t\t\t\t(click)=\"logoClick($event)\"\r\n\t\t\t\tfxLayoutAlign=\"start center\"\r\n\t\t\t>\r\n\t\t\t\t<img height=\"40\" width=\"40\" class=\"menu-logo\" [src]=\"logoImageSource()\" alt=\"logo\" />\r\n\t\t\t\t<span class=\"menu-product-name\">\r\n\t\t\t\t\t{{ strapiMenuTitle() ?? productName }}\r\n\t\t\t\t</span>\r\n\t\t\t</a>\r\n\r\n      <button\r\n        mat-icon-button\r\n        class=\"toggler\"\r\n        [attr.aria-label]=\"'ARIA_LABELS.MENU_TOGGLER' | translate\"\r\n        [libPlausibleEvent]=\"collapsed ? EXPAND_PLAUSIBLE_EVENT : COLLAPSE_PLAUSIBLE_EVENT\"\r\n        [matTooltip]=\"(collapsed ? 'MENU.EXPAND' : 'MENU.COLLAPSE') | translate\"\r\n        (click)=\"toggleCollapse()\"\r\n      >\r\n        <mat-icon fxHide.gt-xs [ngClass.lt-sm]=\"'mob-close-icon'\">{{customIcons.customMobileCloseIcon}}</mat-icon>\r\n        <mat-icon fxHide.lt-sm>{{ collapsed ? customIcons.customOpenIcon : customIcons.customCloseIcon }}</mat-icon>\r\n      </button>\r\n    </div>\r\n\r\n\t\t<div class=\"menu-wrapper\" fxLayout=\"column\">\r\n\t\t\t<menu-columns\r\n\t\t\t\t(toggleCollapseEvent)=\"toggleCollapse()\"\r\n\t\t\t\t[direction]=\"direction\"\r\n\t\t\t\trole=\"navigation\"\r\n\t\t\t\t[isOpen]=\"!collapsed\"\r\n\t\t\t\t[active]=\"active\"\r\n\t\t\t\t[expandableMenuChildren]=\"menuSettings?.expandableMenuChildren\"\r\n\t\t\t\t[openExternalLinksInSameTab]=\"menuSettings?.openExternalLinksInSameTab\"\r\n\t\t\t></menu-columns>\r\n\r\n\t\t\t<div fxHide.gt-xs class=\"menu-divider\"></div>\r\n\r\n\t\t\t@if (menuSettings?.showAccessibility) {\r\n\t\t\t\t<lib-menu-accessibility [isCollapsed]=\"collapsed\" [baseUrl]=\"baseUrl\"></lib-menu-accessibility>\r\n\t\t\t}\r\n\t\t\t@if (useDefaultLanguageSwitcher && supportedLanguages && supportedLanguages.length > 1) {\r\n\t\t\t<lib-menu-lang-switcher [isCollapsed]=\"collapsed\" [languages]=\"supportedLanguages\" (changeLanguageEvent)=\"changeLanguage($event)\"></lib-menu-lang-switcher>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t<div fxFlex fxLayout=\"column\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\r\n\t\t<lib-menu-profile \r\n\t\t\t[userOptions]=\"userOptions()\" \r\n\t\t\t[username]=\"username\" \r\n\t\t\t[collapsed]=\"collapsed\" \r\n\t\t\t[useLargeLoginButton]=\"menuSettings?.useLargeLoginButton\"\r\n\t\t\t(linkCallbackEvent)=\"linkCallback($event)\"\r\n\t\t\t(loginEvent)=\"login()\"\t\r\n\t\t>\r\n\t\t</lib-menu-profile>\r\n\r\n    @if (footerItems?.length) {\r\n      <div class=\"menu-footer\">\r\n        @if (!collapsed) {\r\n          @for (item of footerItems; let i = $index; track i) {\r\n            <a [href]=\"item.link\" target=\"_blank\">{{ item.title }}</a>\r\n            \r\n            @if (i !== footerItems!.length - 1) { \r\n              &nbsp;&nbsp;|&nbsp;&nbsp; \r\n            } \r\n          }\r\n        }\r\n      </div>\r\n    }\r\n\t</div>\r\n</div>\r\n", styles: ["a{text-decoration:none}.menu-container:not(.collapsed) menu-columns{margin-right:-12px;padding-right:8px;max-height:fit-content;overflow-y:scroll}.no-click{pointer-events:none!important}.mobile-header{display:flex;justify-content:space-between;padding:23px 27px;background-color:var(--base-100);border:1px solid var(--base-70)}.accessibility-view.menu-container:not(.collapsed),.mobile.menu-container:not(.collapsed){display:block!important;position:fixed;min-width:100vw;max-width:100vw;min-height:100dvh;z-index:1000}::ng-deep .mobile.menu-container.collapsed,::ng-deep .accessibility-view.menu-container.collapsed{display:none!important}button:has(.mob-close-icon){margin-right:10px}.menu-container ::-webkit-scrollbar{width:5px}.menu-container ::-webkit-scrollbar-thumb{background:var(--base-95);background-clip:padding-box}.menu-container ::-webkit-scrollbar-track{background:var(--base-100)}.menu-product-name{white-space:nowrap;margin-left:12px;font-weight:600;color:var(--base-10)}.menu-container{max-height:100dvh;white-space:nowrap;height:100%;transition:width .2s ease;min-height:100dvh;overflow:auto;background:var(--base-100);border-right:2px solid var(--base-95)}.menu-container .menu-container-header{margin:24px 0;max-height:40px}.menu-container.collapsed .menu-container-header{margin:24px 0 32px!important}.menu-container .content:not(.collapsed){overflow-x:hidden;padding:0 12px}.menu-container .content:not(.collapsed) .menu-logo{margin-left:16px;max-width:100%}.menu-container .divider{width:100%}:host ::ng-deep .collapsed .profile-wrapper{margin:36px 0!important}:host ::ng-deep .mobile .profile-name{max-width:60vw}:host ::ng-deep .menu-item,:host ::ng-deep .accessibility-btn,:host ::ng-deep .lang-switcher{touch-action:pan-y!important}:host ::ng-deep .menu-item{display:flex;padding:16px!important;border-radius:4px!important}:host ::ng-deep .collapsed .menu-item{padding:0!important;width:40px;height:40px;border-radius:50%!important}:host ::ng-deep .active-menu-item{background-color:var(--base-95)!important}:host ::ng-deep .menu-item-title{margin-left:12px}:host ::ng-deep .child-list .mob-menu-item .menu-item-title{margin-left:36px!important}tld-menu-icon{margin-right:10px}:host::ng-deep button.collapse-btn .mat-mdc-button-persistent-ripple,:host::ng-deep button.toggler .mat-mdc-button-persistent-ripple{display:none}::ng-deep .cdk-overlay-container .child-menu,::ng-deep .cdk-overlay-container .profile-menu,::ng-deep .cdk-overlay-container .lang-menu{min-width:250px;margin:10px 0}@media (max-width: 600px){::ng-deep .cdk-overlay-container .child-menu,::ng-deep .cdk-overlay-container .profile-menu,::ng-deep .cdk-overlay-container .lang-menu{min-width:calc(100vw - 32px)!important}}::ng-deep .mat-mdc-menu-item .mat-icon{margin-right:5px!important}::ng-deep .collapsed .profile-wrapper{justify-content:center!important}.menu-divider{border:1px solid var(--base-70)}.menu-footer{display:flex;justify-content:center;margin-bottom:20px;color:var(--base-40);font-size:.8125rem}.mobile .menu-footer{font-size:.875rem;justify-content:space-between;margin-right:16px;margin-left:16px}\n", "::ng-deep .compact-menu menu-columns{margin-bottom:86px}::ng-deep .compact-menu .profile{margin-top:80px!important}::ng-deep .compact-menu .profile-icon{margin-left:10px!important;min-width:28px!important;height:28px!important;font-size:12px!important}::ng-deep .compact-menu .profile-arrow{margin-right:5px!important}::ng-deep .compact-menu .profile-name{margin-left:10px!important;font-size:.875rem!important;font-weight:600!important}::ng-deep .compact-menu .profile-wrapper{padding:6px 0!important;border-radius:16px!important;border:2px solid var(--base-70)}::ng-deep .compact-menu .menu-wrapper{position:relative;height:100%}::ng-deep .compact-menu .lang-switcher{position:absolute;bottom:0}::ng-deep .compact-menu .accessibility-btn{position:absolute;bottom:46px}::ng-deep .compact-menu .menu-item,::ng-deep .compact-menu .lang-switcher,::ng-deep .compact-menu .accessibility-btn{margin:0 2px;padding:8px 12px!important;border-radius:16px!important}::ng-deep .compact-menu .lang-switcher .menu-arrow{margin-right:-8px}::ng-deep .compact-menu .child-list{margin-left:24px;padding:3px 6px 3px 0}::ng-deep .compact-menu.collapsed .child-list{margin-left:0}::ng-deep .compact-menu.collapsed .accessibility-btn,::ng-deep .compact-menu.collapsed .lang-switcher{padding:0!important;border-radius:50%!important}::ng-deep .compact-menu tld-menu-item-link:not(:first-child){margin-top:0!important;margin-bottom:5px}::ng-deep .compact-menu tld-menu-item-link .title-content{font-weight:400!important}\n"] }]
     }], () => [{ type: i1.StrapiLinkService }, { type: i2.DOMService }, { type: MenuItemsService }, { type: i2.AccessibilityService }], { username: [{
             type: Input
         }], menuSettings: [{
@@ -605,7 +673,7 @@ class SideNavMenuComponent extends NavBaseComponent {
         }], loginEvent: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SideNavMenuComponent, { className: "SideNavMenuComponent", filePath: "lib/components/side-nav-menu/side-nav-menu.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SideNavMenuComponent, { className: "SideNavMenuComponent", filePath: "lib/components/side-nav-menu/side-nav-menu.component.ts", lineNumber: 18 }); })();
 
 var MenuLayoutDirection;
 (function (MenuLayoutDirection) {
@@ -1098,7 +1166,7 @@ class MenuItemWithChildrenComponent {
 
 const _c0$1 = a0 => ({ menuItem: a0 });
 function MenuItemListComponent_Conditional_1_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-icon", 10);
+    i0.ɵɵelementStart(0, "mat-icon", 11);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1107,7 +1175,7 @@ function MenuItemListComponent_Conditional_1_mat_icon_1_Template(rf, ctx) { if (
     i0.ɵɵtextInterpolate1(" ", ctx_r0.menuItemGroup.titleIcon, " ");
 } }
 function MenuItemListComponent_Conditional_1_button_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 11);
+    i0.ɵɵelementStart(0, "button", 12);
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3);
@@ -1119,8 +1187,8 @@ function MenuItemListComponent_Conditional_1_button_2_Template(rf, ctx) { if (rf
     i0.ɵɵtextInterpolate(ctx_r0.menuItemGroup.titleNavigation.icon);
 } }
 function MenuItemListComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵtemplate(1, MenuItemListComponent_Conditional_1_mat_icon_1_Template, 2, 1, "mat-icon", 8)(2, MenuItemListComponent_Conditional_1_button_2_Template, 4, 5, "button", 9);
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtemplate(1, MenuItemListComponent_Conditional_1_mat_icon_1_Template, 2, 1, "mat-icon", 9)(2, MenuItemListComponent_Conditional_1_button_2_Template, 4, 5, "button", 10);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
@@ -1137,66 +1205,76 @@ function MenuItemListComponent_Conditional_2_ng_container_0_Template(rf, ctx) {
     i0.ɵɵelementContainer(0);
 } }
 function MenuItemListComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, MenuItemListComponent_Conditional_2_ng_container_0_Template, 1, 0, "ng-container", 12);
+    i0.ɵɵtemplate(0, MenuItemListComponent_Conditional_2_ng_container_0_Template, 1, 0, "ng-container", 13);
 } if (rf & 2) {
     i0.ɵɵnextContext();
-    const itemGroupButton_r2 = i0.ɵɵreference(12);
+    const itemGroupButton_r2 = i0.ɵɵreference(13);
     i0.ɵɵproperty("ngTemplateOutlet", itemGroupButton_r2);
 } }
-function MenuItemListComponent_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function MenuItemListComponent_Conditional_3_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function MenuItemListComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+function MenuItemListComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, MenuItemListComponent_Conditional_3_ng_container_0_Template, 1, 0, "ng-container", 13);
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const itemGroupDescriptionBlock_r3 = i0.ɵɵreference(15);
+    i0.ɵɵproperty("ngTemplateOutlet", itemGroupDescriptionBlock_r3);
+} }
+function MenuItemListComponent_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function MenuItemListComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, MenuItemListComponent_ng_container_4_ng_container_1_Template, 1, 0, "ng-container", 13);
+    i0.ɵɵtemplate(1, MenuItemListComponent_ng_container_5_ng_container_1_Template, 1, 0, "ng-container", 14);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const menuItem_r3 = ctx.$implicit;
+    const menuItem_r4 = ctx.$implicit;
     i0.ɵɵnextContext();
-    const itemWithChildren_r4 = i0.ɵɵreference(6);
-    const menuItemLink_r5 = i0.ɵɵreference(8);
-    const menuItemBtn_r6 = i0.ɵɵreference(10);
+    const itemWithChildren_r5 = i0.ɵɵreference(7);
+    const menuItemLink_r6 = i0.ɵɵreference(9);
+    const menuItemBtn_r7 = i0.ɵɵreference(11);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", !menuItem_r3.showChildren || !menuItem_r3.children || (menuItem_r3 == null ? null : menuItem_r3.children == null ? null : menuItem_r3.children.length) === 0 ? menuItem_r3.clickAction ? menuItemBtn_r6 : menuItemLink_r5 : itemWithChildren_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$1, menuItem_r3));
+    i0.ɵɵproperty("ngTemplateOutlet", !menuItem_r4.showChildren || !menuItem_r4.children || (menuItem_r4 == null ? null : menuItem_r4.children == null ? null : menuItem_r4.children.length) === 0 ? menuItem_r4.clickAction ? menuItemBtn_r7 : menuItemLink_r6 : itemWithChildren_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$1, menuItem_r4));
 } }
-function MenuItemListComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "lib-menu-item-with-children", 14);
-    i0.ɵɵlistener("toggleExpand", function MenuItemListComponent_ng_template_5_Template_lib_menu_item_with_children_toggleExpand_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpandEvent($event)); })("openMenu", function MenuItemListComponent_ng_template_5_Template_lib_menu_item_with_children_openMenu_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openMenu()); });
+function MenuItemListComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "lib-menu-item-with-children", 15);
+    i0.ɵɵlistener("toggleExpand", function MenuItemListComponent_ng_template_6_Template_lib_menu_item_with_children_toggleExpand_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpandEvent($event)); })("openMenu", function MenuItemListComponent_ng_template_6_Template_lib_menu_item_with_children_openMenu_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openMenu()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const menuItem_r8 = ctx.menuItem;
+    const menuItem_r9 = ctx.menuItem;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("active-parent", menuItem_r8.appId === ctx_r0.appId);
-    i0.ɵɵproperty("menuItem", menuItem_r8)("labelsVisible", ctx_r0.labelsVisible)("menuLayoutDirection", ctx_r0.menuLayoutDirection)("menuItemLayout", ctx_r0.menuItemLayout)("activeItem", ctx_r0.activeItem)("showIcons", ctx_r0.showIcons)("direction", ctx_r0.direction)("expandableMenuChildren", ctx_r0.expandableMenuChildren)("openInSameTab", ctx_r0.openExternalLinksInSameTab);
+    i0.ɵɵclassProp("active-parent", menuItem_r9.appId === ctx_r0.appId);
+    i0.ɵɵproperty("menuItem", menuItem_r9)("labelsVisible", ctx_r0.labelsVisible)("menuLayoutDirection", ctx_r0.menuLayoutDirection)("menuItemLayout", ctx_r0.menuItemLayout)("activeItem", ctx_r0.activeItem)("showIcons", ctx_r0.showIcons)("direction", ctx_r0.direction)("expandableMenuChildren", ctx_r0.expandableMenuChildren)("openInSameTab", ctx_r0.openExternalLinksInSameTab);
 } }
-function MenuItemListComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "tld-menu-item-link", 15);
+function MenuItemListComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "tld-menu-item-link", 16);
 } if (rf & 2) {
-    const menuItem_r9 = ctx.menuItem;
+    const menuItem_r10 = ctx.menuItem;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass.lt-md", "mob-menu-item")("menuItem", menuItem_r9)("direction", ctx_r0.direction)("labelsVisible", ctx_r0.labelsVisible)("activeItem", ctx_r0.activeItem)("showIcons", ctx_r0.showIcons)("openInSameTab", ctx_r0.openExternalLinksInSameTab)("allowTabSelection", true);
+    i0.ɵɵproperty("ngClass.lt-md", "mob-menu-item")("menuItem", menuItem_r10)("direction", ctx_r0.direction)("labelsVisible", ctx_r0.labelsVisible)("activeItem", ctx_r0.activeItem)("showIcons", ctx_r0.showIcons)("openInSameTab", ctx_r0.openExternalLinksInSameTab)("allowTabSelection", true);
 } }
-function MenuItemListComponent_ng_template_9_lib_menu_item_btn_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "lib-menu-item-btn", 17);
+function MenuItemListComponent_ng_template_10_lib_menu_item_btn_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "lib-menu-item-btn", 18);
 } if (rf & 2) {
-    const menuItem_r10 = i0.ɵɵnextContext().menuItem;
+    const menuItem_r11 = i0.ɵɵnextContext().menuItem;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass.lt-md", "mob-menu-item")("menuItem", menuItem_r10)("direction", ctx_r0.direction)("activeItem", ctx_r0.activeItem);
+    i0.ɵɵproperty("ngClass.lt-md", "mob-menu-item")("menuItem", menuItem_r11)("direction", ctx_r0.direction)("activeItem", ctx_r0.activeItem);
 } }
-function MenuItemListComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, MenuItemListComponent_ng_template_9_lib_menu_item_btn_0_Template, 1, 4, "lib-menu-item-btn", 16);
+function MenuItemListComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, MenuItemListComponent_ng_template_10_lib_menu_item_btn_0_Template, 1, 4, "lib-menu-item-btn", 17);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngIf", ctx_r0.labelsVisible);
 } }
-function MenuItemListComponent_ng_template_11_button_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-icon", 21);
+function MenuItemListComponent_ng_template_12_button_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 22);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("svgIcon", ctx_r0.menuItemGroup.itemGroupIcon ?? "");
 } }
-function MenuItemListComponent_ng_template_11_button_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function MenuItemListComponent_ng_template_12_button_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1205,8 +1283,8 @@ function MenuItemListComponent_ng_template_11_button_0_Conditional_2_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.menuItemGroup.itemGroupIcon);
 } }
-function MenuItemListComponent_ng_template_11_button_0_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 23);
+function MenuItemListComponent_ng_template_12_button_0_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 24);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1215,12 +1293,12 @@ function MenuItemListComponent_ng_template_11_button_0_span_3_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r0.titleKey), " ");
 } }
-function MenuItemListComponent_ng_template_11_button_0_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function MenuItemListComponent_ng_template_11_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.menuItemGroup == null ? null : ctx_r0.menuItemGroup.itemGroupClick()); });
-    i0.ɵɵconditionalCreate(1, MenuItemListComponent_ng_template_11_button_0_Conditional_1_Template, 1, 1, "mat-icon", 21)(2, MenuItemListComponent_ng_template_11_button_0_Conditional_2_Template, 2, 1, "mat-icon");
-    i0.ɵɵtemplate(3, MenuItemListComponent_ng_template_11_button_0_span_3_Template, 3, 3, "span", 22);
+function MenuItemListComponent_ng_template_12_button_0_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 21);
+    i0.ɵɵlistener("click", function MenuItemListComponent_ng_template_12_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.menuItemGroup == null ? null : ctx_r0.menuItemGroup.itemGroupClick()); });
+    i0.ɵɵconditionalCreate(1, MenuItemListComponent_ng_template_12_button_0_Conditional_1_Template, 1, 1, "mat-icon", 22)(2, MenuItemListComponent_ng_template_12_button_0_Conditional_2_Template, 2, 1, "mat-icon");
+    i0.ɵɵtemplate(3, MenuItemListComponent_ng_template_12_button_0_span_3_Template, 3, 3, "span", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -1230,13 +1308,13 @@ function MenuItemListComponent_ng_template_11_button_0_Template(rf, ctx) { if (r
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r0.titleKey);
 } }
-function MenuItemListComponent_ng_template_11_button_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-icon", 21);
+function MenuItemListComponent_ng_template_12_button_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 22);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("svgIcon", ctx_r0.menuItemGroup.itemGroupIcon ?? "");
 } }
-function MenuItemListComponent_ng_template_11_button_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MenuItemListComponent_ng_template_12_button_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1245,12 +1323,12 @@ function MenuItemListComponent_ng_template_11_button_1_Conditional_3_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.menuItemGroup.itemGroupIcon);
 } }
-function MenuItemListComponent_ng_template_11_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 24);
+function MenuItemListComponent_ng_template_12_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 25);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function MenuItemListComponent_ng_template_11_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.menuItemGroup == null ? null : ctx_r0.menuItemGroup.itemGroupClick()); });
-    i0.ɵɵconditionalCreate(2, MenuItemListComponent_ng_template_11_button_1_Conditional_2_Template, 1, 1, "mat-icon", 21)(3, MenuItemListComponent_ng_template_11_button_1_Conditional_3_Template, 2, 1, "mat-icon");
+    i0.ɵɵlistener("click", function MenuItemListComponent_ng_template_12_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.menuItemGroup == null ? null : ctx_r0.menuItemGroup.itemGroupClick()); });
+    i0.ɵɵconditionalCreate(2, MenuItemListComponent_ng_template_12_button_1_Conditional_2_Template, 1, 1, "mat-icon", 22)(3, MenuItemListComponent_ng_template_12_button_1_Conditional_3_Template, 2, 1, "mat-icon");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -1258,14 +1336,28 @@ function MenuItemListComponent_ng_template_11_button_1_Template(rf, ctx) { if (r
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.menuItemGroup.isCustomItemGroupIcon ? 2 : 3);
 } }
-function MenuItemListComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, MenuItemListComponent_ng_template_11_button_0_Template, 4, 4, "button", 18)(1, MenuItemListComponent_ng_template_11_button_1_Template, 4, 4, "button", 19);
+function MenuItemListComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, MenuItemListComponent_ng_template_12_button_0_Template, 4, 4, "button", 19)(1, MenuItemListComponent_ng_template_12_button_1_Template, 4, 4, "button", 20);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngIf", ctx_r0.menuItemGroup && ctx_r0.labelsVisible);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.menuItemGroup && !ctx_r0.labelsVisible && ctx_r0.titleKey && ctx_r0.menuItemGroup.itemGroupIcon);
 } }
+function MenuItemListComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵelement(1, "span", 27);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelement(3, "p", 28);
+    i0.ɵɵpipe(4, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 2, ctx_r0.menuItemGroup.title || ""), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(4, 4, ctx_r0.menuItemGroup.description || ""), i0.ɵɵsanitizeHtml);
+} }
 class MenuItemListComponent {
     constructor() {
         this.direction = MenuLayoutDirection.column;
@@ -1300,25 +1392,25 @@ class MenuItemListComponent {
         this.openMenuTrigger.emit();
     }
     static { this.ɵfac = function MenuItemListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuItemListComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemListComponent, selectors: [["menu-item-list"]], inputs: { direction: "direction", labelsVisible: "labelsVisible", activeItem: "activeItem", showIcons: "showIcons", openExternalLinksInSameTab: "openExternalLinksInSameTab", expandableMenuChildren: "expandableMenuChildren", items: "items", menuItemGroup: "menuItemGroup" }, outputs: { openMenuTrigger: "openMenuTrigger", toggleExpand: "toggleExpand" }, standalone: false, decls: 13, vars: 3, consts: [["itemWithChildren", ""], ["menuItemLink", ""], ["menuItemBtn", ""], ["itemGroupButton", ""], [1, "menu-list-wrapper"], ["fxLayoutAlign", "start center", 1, "menu-item-list-title"], ["fxLayout", "column", 1, "menu-item-list", 3, "fxLayoutAlign"], [4, "ngFor", "ngForOf"], ["class", "menu-title-btn", 4, "ngIf"], ["mat-icon-button", "", "class", "menu-title-btn", 3, "routerLink", "matTooltip", 4, "ngIf"], [1, "menu-title-btn"], ["mat-icon-button", "", 1, "menu-title-btn", 3, "routerLink", "matTooltip"], [4, "ngTemplateOutlet"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "toggleExpand", "openMenu", "menuItem", "labelsVisible", "menuLayoutDirection", "menuItemLayout", "activeItem", "showIcons", "direction", "expandableMenuChildren", "openInSameTab"], [3, "ngClass.lt-md", "menuItem", "direction", "labelsVisible", "activeItem", "showIcons", "openInSameTab", "allowTabSelection"], [3, "ngClass.lt-md", "menuItem", "direction", "activeItem", 4, "ngIf"], [3, "ngClass.lt-md", "menuItem", "direction", "activeItem"], ["mat-button", "", "class", "menu-title-btn menu-action-button", 3, "active-menu-item-group", "click", 4, "ngIf"], ["mat-icon-button", "", "matTooltipPosition", "after", 3, "matTooltip", "click", 4, "ngIf"], ["mat-button", "", 1, "menu-title-btn", "menu-action-button", 3, "click"], [3, "svgIcon"], ["class", "btn-label", 4, "ngIf"], [1, "btn-label"], ["mat-icon-button", "", "matTooltipPosition", "after", 3, "click", "matTooltip"]], template: function MenuItemListComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 4);
-            i0.ɵɵconditionalCreate(1, MenuItemListComponent_Conditional_1_Template, 5, 5, "div", 5)(2, MenuItemListComponent_Conditional_2_Template, 1, 1, "ng-container");
-            i0.ɵɵelementStart(3, "div", 6);
-            i0.ɵɵtemplate(4, MenuItemListComponent_ng_container_4_Template, 2, 4, "ng-container", 7);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemListComponent, selectors: [["menu-item-list"]], inputs: { direction: "direction", labelsVisible: "labelsVisible", activeItem: "activeItem", showIcons: "showIcons", openExternalLinksInSameTab: "openExternalLinksInSameTab", expandableMenuChildren: "expandableMenuChildren", items: "items", menuItemGroup: "menuItemGroup" }, outputs: { openMenuTrigger: "openMenuTrigger", toggleExpand: "toggleExpand" }, standalone: false, decls: 16, vars: 3, consts: [["itemWithChildren", ""], ["menuItemLink", ""], ["menuItemBtn", ""], ["itemGroupButton", ""], ["itemGroupDescriptionBlock", ""], [1, "menu-list-wrapper"], ["fxLayoutAlign", "start center", 1, "menu-item-list-title"], ["fxLayout", "column", 1, "menu-item-list", 3, "fxLayoutAlign"], [4, "ngFor", "ngForOf"], ["class", "menu-title-btn", 4, "ngIf"], ["mat-icon-button", "", "class", "menu-title-btn", 3, "routerLink", "matTooltip", 4, "ngIf"], [1, "menu-title-btn"], ["mat-icon-button", "", 1, "menu-title-btn", 3, "routerLink", "matTooltip"], [4, "ngTemplateOutlet"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "toggleExpand", "openMenu", "menuItem", "labelsVisible", "menuLayoutDirection", "menuItemLayout", "activeItem", "showIcons", "direction", "expandableMenuChildren", "openInSameTab"], [3, "ngClass.lt-md", "menuItem", "direction", "labelsVisible", "activeItem", "showIcons", "openInSameTab", "allowTabSelection"], [3, "ngClass.lt-md", "menuItem", "direction", "activeItem", 4, "ngIf"], [3, "ngClass.lt-md", "menuItem", "direction", "activeItem"], ["mat-button", "", "class", "menu-title-btn menu-action-button", 3, "active-menu-item-group", "click", 4, "ngIf"], ["mat-icon-button", "", "matTooltipPosition", "after", 3, "matTooltip", "click", 4, "ngIf"], ["mat-button", "", 1, "menu-title-btn", "menu-action-button", 3, "click"], [3, "svgIcon"], ["class", "btn-label", 4, "ngIf"], [1, "btn-label"], ["mat-icon-button", "", "matTooltipPosition", "after", 3, "click", "matTooltip"], [1, "description-block"], [1, "description-block-title", 3, "innerHTML"], [1, "description-block-paragraph", 3, "innerHTML"]], template: function MenuItemListComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 5);
+            i0.ɵɵconditionalCreate(1, MenuItemListComponent_Conditional_1_Template, 5, 5, "div", 6)(2, MenuItemListComponent_Conditional_2_Template, 1, 1, "ng-container")(3, MenuItemListComponent_Conditional_3_Template, 1, 1, "ng-container");
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, MenuItemListComponent_ng_container_5_Template, 2, 4, "ng-container", 8);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(5, MenuItemListComponent_ng_template_5_Template, 1, 11, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(7, MenuItemListComponent_ng_template_7_Template, 1, 8, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(9, MenuItemListComponent_ng_template_9_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(11, MenuItemListComponent_ng_template_11_Template, 2, 2, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(6, MenuItemListComponent_ng_template_6_Template, 1, 11, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(8, MenuItemListComponent_ng_template_8_Template, 1, 8, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(10, MenuItemListComponent_ng_template_10_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(12, MenuItemListComponent_ng_template_12_Template, 2, 2, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(14, MenuItemListComponent_ng_template_14_Template, 5, 6, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.titleKey && ctx.showTitle && ctx.labelsVisible && !ctx.menuItemGroup.itemGroupClick ? 1 : (ctx.menuItemGroup == null ? null : ctx.menuItemGroup.itemGroupClick) ? 2 : -1);
-            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.titleKey && ctx.showTitle && ctx.labelsVisible && !ctx.menuItemGroup.itemGroupClick && !ctx.menuItemGroup.description ? 1 : (ctx.menuItemGroup == null ? null : ctx.menuItemGroup.itemGroupClick) ? 2 : (ctx.menuItemGroup == null ? null : ctx.menuItemGroup.description) && ctx.labelsVisible ? 3 : -1);
+            i0.ɵɵadvance(3);
             i0.ɵɵproperty("fxLayoutAlign", ctx.menuLayoutDirection);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngForOf", ctx.items);
-        } }, dependencies: [i1$2.DefaultLayoutDirective, i1$2.DefaultLayoutAlignDirective, i2$2.DefaultClassDirective, i1$1.RouterLink, i3.NgForOf, i3.NgIf, i3.NgTemplateOutlet, i4.MatTooltip, i2$1.MatIcon, i7.MatButton, i7.MatIconButton, MenuItemLinkComponent, MenuItemBtnComponent, MenuItemWithChildrenComponent, i9.TranslatePipe], styles: ["[_nghost-%COMP%]{display:inline-block}  .menu-item{width:100%}  a,   a:hover{text-decoration:none}  .collapsed .menu-item-list{display:flex!important;justify-content:center!important;align-items:center!important}  .collapsed .menu-list-wrapper,   .collapsed tld-menu-item-link{display:flex!important;justify-content:center!important}  .collapsed .menu-item{display:flex!important;place-content:center center!important}  .collapsed tld-menu-item-link:not(:first-child){margin-top:16px}  .active-parent button,   .active-menu-item-group{background-color:var(--base-95)!important}  .menu-action-button{justify-content:flex-start;align-items:center;max-width:100%;width:-webkit-fill-available}  .menu-list-wrapper .menu-item{cursor:pointer;font-style:normal;color:var(--base-30);text-decoration:none;align-items:center!important;font-weight:400;background:none;border:none}  .menu-list-wrapper .menu-item:not(button):not(.active-menu-item):hover{background-color:var(--base-70)!important}  .menu-list-wrapper .menu-item.active-menu-item,   .menu-list-wrapper .menu-item.active-menu-item mat-icon,   .menu-list-wrapper .menu-item.active-menu-item:hover{font-weight:600}  .menu-list-wrapper .menu-item span{display:inline-block}  .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;align-items:start;width:100%}  .menu-list-wrapper .menu-item .menu-item-title .title-content{width:100%;text-align:start;display:block}  .menu-list-wrapper .menu-item .menu-item-title .title-content:before{display:block;content:attr(content);font-weight:600;height:0;overflow:hidden;visibility:hidden}  .menu-list-wrapper .menu-parent-item.active-menu-item,   .menu-list-wrapper .menu-parent-item:hover{font-weight:400!important;background-color:var(--base-70)!important}  .menu-tooltip{left:.625rem;font-family:Roboto;font-style:normal;font-weight:400;font-size:.75rem;line-height:1.25rem;color:var(--base-70);border-radius:.25rem;position:relative}  .menu-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--menu-border-dark-color);left:-.75rem;top:calc(50% - .25rem);transform:rotate(270deg);overflow:initial}  .menu-item-list-title{padding:8px 0 24px;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;margin-left:20px;height:56px}  .menu-item-list-title:has(.menu-title-btn){margin-left:0}  lib-menu-accessibility,   lib-menu-lang-switcher,   .menu-item-list{animation:_ngcontent-%COMP%_slide-in .3s forwards}  lib-menu-accessibility,   lib-menu-lang-switcher,   .menu-title-btn{margin-right:2px;transition:opacity .3s}  .arrow-icon{margin-right:-6px}  .mob-menu-item .arrow-icon{margin-right:0}@keyframes _ngcontent-%COMP%_slide-in{0%{opacity:0;margin-left:-100px}to{opacity:1;margin-left:0}}"] }); }
+        } }, dependencies: [i1$2.DefaultLayoutDirective, i1$2.DefaultLayoutAlignDirective, i2$2.DefaultClassDirective, i1$1.RouterLink, i3.NgForOf, i3.NgIf, i3.NgTemplateOutlet, i4.MatTooltip, i2$1.MatIcon, i7.MatButton, i7.MatIconButton, MenuItemLinkComponent, MenuItemBtnComponent, MenuItemWithChildrenComponent, i9.TranslatePipe], styles: ["[_nghost-%COMP%]{display:inline-block}  .menu-item{width:100%}  a,   a:hover{text-decoration:none}  .collapsed .menu-item-list{display:flex!important;justify-content:center!important;align-items:center!important}  .collapsed .menu-list-wrapper,   .collapsed tld-menu-item-link{display:flex!important;justify-content:center!important}  .collapsed .menu-item{display:flex!important;place-content:center center!important}  .collapsed tld-menu-item-link:not(:first-child){margin-top:16px}  .active-parent button,   .active-menu-item-group{background-color:var(--base-95)!important}  .description-block{margin-top:24px;display:flex;flex-direction:column;gap:4px;width:100%;padding:8px 14px;border-radius:8px;text-align:left;font-size:14px}  .description-block .description-block-title{font-weight:500}  .description-block .description-block-paragraph{font-weight:400;white-space:normal}  .menu-action-button{justify-content:flex-start;align-items:center;max-width:100%;width:-webkit-fill-available}  .menu-list-wrapper .menu-item{cursor:pointer;font-style:normal;color:var(--base-30);text-decoration:none;align-items:center!important;font-weight:400;background:none;border:none}  .menu-list-wrapper .menu-item:not(button):not(.active-menu-item):hover{background-color:var(--base-70)!important}  .menu-list-wrapper .menu-item.active-menu-item,   .menu-list-wrapper .menu-item.active-menu-item mat-icon,   .menu-list-wrapper .menu-item.active-menu-item:hover{font-weight:600}  .menu-list-wrapper .menu-item span{display:inline-block}  .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;align-items:start;width:100%}  .menu-list-wrapper .menu-item .menu-item-title .title-content{width:100%;text-align:start;display:block}  .menu-list-wrapper .menu-item .menu-item-title .title-content:before{display:block;content:attr(content);font-weight:600;height:0;overflow:hidden;visibility:hidden}  .menu-list-wrapper .menu-parent-item.active-menu-item,   .menu-list-wrapper .menu-parent-item:hover{font-weight:400!important;background-color:var(--base-70)!important}  .menu-tooltip{left:.625rem;font-family:Roboto;font-style:normal;font-weight:400;font-size:.75rem;line-height:1.25rem;color:var(--base-70);border-radius:.25rem;position:relative}  .menu-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--menu-border-dark-color);left:-.75rem;top:calc(50% - .25rem);transform:rotate(270deg);overflow:initial}  .menu-item-list-title{padding:8px 0 24px;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;margin-left:20px;height:56px}  .menu-item-list-title:has(.menu-title-btn){margin-left:0}  lib-menu-accessibility,   lib-menu-lang-switcher,   .menu-item-list{animation:_ngcontent-%COMP%_slide-in .3s forwards}  lib-menu-accessibility,   lib-menu-lang-switcher,   .menu-title-btn{margin-right:2px;transition:opacity .3s}  .arrow-icon{margin-right:-6px}  .mob-menu-item .arrow-icon{margin-right:0}@keyframes _ngcontent-%COMP%_slide-in{0%{opacity:0;margin-left:-100px}to{opacity:1;margin-left:0}}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemListComponent, [{
         type: Component,
-        args: [{ selector: 'menu-item-list', standalone: false, template: "<div class=\"menu-list-wrapper\">\r\n\t@if (titleKey && showTitle && labelsVisible && !menuItemGroup.itemGroupClick) {\r\n\t<div fxLayoutAlign=\"start center\" class=\"menu-item-list-title\">\r\n\t\t<mat-icon *ngIf=\"menuItemGroup.titleIcon\" class=\"menu-title-btn\">\r\n\t\t\t{{ menuItemGroup.titleIcon }}\r\n\t\t</mat-icon>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"menuItemGroup.titleNavigation\"\r\n\t\t\tmat-icon-button\r\n\t\t\tclass=\"menu-title-btn\"\r\n\t\t\t[routerLink]=\"menuItemGroup.titleNavigation.path\"\r\n\t\t\t[matTooltip]=\"menuItemGroup.titleNavigation?.tooltip ?? '' | translate\"\r\n\t\t>\r\n\t\t\t<mat-icon>{{ menuItemGroup.titleNavigation.icon }}</mat-icon>\r\n\t\t</button>\r\n\r\n\t\t{{ titleKey | translate }}\r\n\t</div>\r\n\t} @else if (menuItemGroup?.itemGroupClick) {\r\n\t<ng-container *ngTemplateOutlet=\"itemGroupButton\"> </ng-container>\r\n\t}\r\n\t<div class=\"menu-item-list\" fxLayout=\"column\" [fxLayoutAlign]=\"menuLayoutDirection\">\r\n\t\t<ng-container *ngFor=\"let menuItem of items\">\r\n\t\t\t<ng-container\r\n\t\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\t\t!menuItem.showChildren || !menuItem.children || menuItem?.children?.length === 0 ? (menuItem.clickAction ? menuItemBtn : menuItemLink) : itemWithChildren;\r\n\t\t\t\t\tcontext: { menuItem: menuItem }\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</div>\r\n</div>\r\n\r\n<ng-template #itemWithChildren let-menuItem=\"menuItem\">\r\n\t<lib-menu-item-with-children\r\n\t\t[menuItem]=\"menuItem\"\r\n\t\t[labelsVisible]=\"labelsVisible\"\r\n\t\t[menuLayoutDirection]=\"menuLayoutDirection\"\r\n\t\t[menuItemLayout]=\"menuItemLayout\"\r\n\t\t[activeItem]=\"activeItem\"\r\n\t\t[showIcons]=\"showIcons\"\r\n\t\t[direction]=\"direction\"\r\n\t\t[expandableMenuChildren]=\"expandableMenuChildren\"\r\n\t\t(toggleExpand)=\"toggleExpandEvent($event)\"\r\n\t\t(openMenu)=\"openMenu()\"\r\n\t\t[class.active-parent]=\"menuItem.appId === appId\"\r\n\t\t[openInSameTab]=\"openExternalLinksInSameTab\"\r\n\t></lib-menu-item-with-children>\r\n</ng-template>\r\n\r\n<ng-template #menuItemLink let-menuItem=\"menuItem\">\r\n\t<tld-menu-item-link\r\n\t\t[ngClass.lt-md]=\"'mob-menu-item'\"\r\n\t\t[menuItem]=\"menuItem\"\r\n\t\t[direction]=\"direction\"\r\n\t\t[labelsVisible]=\"labelsVisible\"\r\n\t\t[activeItem]=\"activeItem\"\r\n\t\t[showIcons]=\"showIcons\"\r\n\t\t[openInSameTab]=\"openExternalLinksInSameTab\"\r\n\t\t[allowTabSelection]=\"true\"\r\n\t></tld-menu-item-link>\r\n</ng-template>\r\n\r\n<ng-template #menuItemBtn let-menuItem=\"menuItem\">\r\n\t<lib-menu-item-btn *ngIf=\"labelsVisible\" [ngClass.lt-md]=\"'mob-menu-item'\" [menuItem]=\"menuItem\" [direction]=\"direction\" [activeItem]=\"activeItem\"></lib-menu-item-btn>\r\n</ng-template>\r\n\r\n<ng-template #itemGroupButton>\r\n\t<button\r\n\t\t*ngIf=\"menuItemGroup && labelsVisible\"\r\n\t\tmat-button\r\n\t\tclass=\"menu-title-btn menu-action-button\"\r\n\t\t(click)=\"menuItemGroup?.itemGroupClick()\"\r\n\t\t[class.active-menu-item-group]=\"menuItemGroup.isItemGroupActive && menuItemGroup.isItemGroupActive()\"\r\n\t>\r\n\t\t@if(menuItemGroup.isCustomItemGroupIcon){\r\n\t\t<mat-icon [svgIcon]=\"menuItemGroup.itemGroupIcon ?? ''\"></mat-icon>\r\n\t\t} @else {\r\n\t\t<mat-icon>{{ menuItemGroup.itemGroupIcon }}</mat-icon>\r\n\t\t}\r\n\t\t<span class=\"btn-label\" *ngIf=\"titleKey\">\r\n\t\t\t{{ titleKey | translate }}\r\n\t\t</span>\r\n\t</button>\r\n\r\n\t<button\r\n\t\t*ngIf=\"menuItemGroup && !labelsVisible && titleKey && menuItemGroup.itemGroupIcon\"\r\n\t\tmat-icon-button\r\n\t\tmatTooltipPosition=\"after\"\r\n\t\t[matTooltip]=\"titleKey | translate\"\r\n\t\t(click)=\"menuItemGroup?.itemGroupClick()\"\r\n\t>\r\n\t\t@if(menuItemGroup.isCustomItemGroupIcon){\r\n\t\t<mat-icon [svgIcon]=\"menuItemGroup.itemGroupIcon ?? ''\"></mat-icon>\r\n\t\t} @else {\r\n\t\t<mat-icon>{{ menuItemGroup.itemGroupIcon }}</mat-icon>\r\n\t\t}\r\n\t</button>\r\n</ng-template>\r\n", styles: [":host{display:inline-block}::ng-deep .menu-item{width:100%}::ng-deep a,::ng-deep a:hover{text-decoration:none}::ng-deep .collapsed .menu-item-list{display:flex!important;justify-content:center!important;align-items:center!important}::ng-deep .collapsed .menu-list-wrapper,::ng-deep .collapsed tld-menu-item-link{display:flex!important;justify-content:center!important}::ng-deep .collapsed .menu-item{display:flex!important;place-content:center center!important}::ng-deep .collapsed tld-menu-item-link:not(:first-child){margin-top:16px}::ng-deep .active-parent button,::ng-deep .active-menu-item-group{background-color:var(--base-95)!important}::ng-deep .menu-action-button{justify-content:flex-start;align-items:center;max-width:100%;width:-webkit-fill-available}::ng-deep .menu-list-wrapper .menu-item{cursor:pointer;font-style:normal;color:var(--base-30);text-decoration:none;align-items:center!important;font-weight:400;background:none;border:none}::ng-deep .menu-list-wrapper .menu-item:not(button):not(.active-menu-item):hover{background-color:var(--base-70)!important}::ng-deep .menu-list-wrapper .menu-item.active-menu-item,::ng-deep .menu-list-wrapper .menu-item.active-menu-item mat-icon,::ng-deep .menu-list-wrapper .menu-item.active-menu-item:hover{font-weight:600}::ng-deep .menu-list-wrapper .menu-item span{display:inline-block}::ng-deep .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;align-items:start;width:100%}::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content{width:100%;text-align:start;display:block}::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content:before{display:block;content:attr(content);font-weight:600;height:0;overflow:hidden;visibility:hidden}::ng-deep .menu-list-wrapper .menu-parent-item.active-menu-item,::ng-deep .menu-list-wrapper .menu-parent-item:hover{font-weight:400!important;background-color:var(--base-70)!important}::ng-deep .menu-tooltip{left:.625rem;font-family:Roboto;font-style:normal;font-weight:400;font-size:.75rem;line-height:1.25rem;color:var(--base-70);border-radius:.25rem;position:relative}::ng-deep .menu-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--menu-border-dark-color);left:-.75rem;top:calc(50% - .25rem);transform:rotate(270deg);overflow:initial}::ng-deep .menu-item-list-title{padding:8px 0 24px;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;margin-left:20px;height:56px}::ng-deep .menu-item-list-title:has(.menu-title-btn){margin-left:0}::ng-deep lib-menu-accessibility,::ng-deep lib-menu-lang-switcher,::ng-deep .menu-item-list{animation:slide-in .3s forwards}::ng-deep lib-menu-accessibility,::ng-deep lib-menu-lang-switcher,::ng-deep .menu-title-btn{margin-right:2px;transition:opacity .3s}::ng-deep .arrow-icon{margin-right:-6px}::ng-deep .mob-menu-item .arrow-icon{margin-right:0}@keyframes slide-in{0%{opacity:0;margin-left:-100px}to{opacity:1;margin-left:0}}\n"] }]
+        args: [{ selector: 'menu-item-list', standalone: false, template: "<div class=\"menu-list-wrapper\">\r\n\t@if (titleKey && showTitle && labelsVisible && !menuItemGroup.itemGroupClick && !menuItemGroup.description) {\r\n\t<div fxLayoutAlign=\"start center\" class=\"menu-item-list-title\">\r\n\t\t<mat-icon *ngIf=\"menuItemGroup.titleIcon\" class=\"menu-title-btn\">\r\n\t\t\t{{ menuItemGroup.titleIcon }}\r\n\t\t</mat-icon>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"menuItemGroup.titleNavigation\"\r\n\t\t\tmat-icon-button\r\n\t\t\tclass=\"menu-title-btn\"\r\n\t\t\t[routerLink]=\"menuItemGroup.titleNavigation.path\"\r\n\t\t\t[matTooltip]=\"menuItemGroup.titleNavigation?.tooltip ?? '' | translate\"\r\n\t\t>\r\n\t\t\t<mat-icon>{{ menuItemGroup.titleNavigation.icon }}</mat-icon>\r\n\t\t</button>\r\n\r\n\t\t{{ titleKey | translate }}\r\n\t</div>\r\n\t} @else if (menuItemGroup?.itemGroupClick) {\r\n\t<ng-container *ngTemplateOutlet=\"itemGroupButton\"> </ng-container>\r\n\t} @else if (menuItemGroup?.description && labelsVisible) {\r\n\t<ng-container *ngTemplateOutlet=\"itemGroupDescriptionBlock\"></ng-container>\r\n\t}\r\n\t<div class=\"menu-item-list\" fxLayout=\"column\" [fxLayoutAlign]=\"menuLayoutDirection\">\r\n\t\t<ng-container *ngFor=\"let menuItem of items\">\r\n\t\t\t<ng-container\r\n\t\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\t\t!menuItem.showChildren || !menuItem.children || menuItem?.children?.length === 0 ? (menuItem.clickAction ? menuItemBtn : menuItemLink) : itemWithChildren;\r\n\t\t\t\t\tcontext: { menuItem: menuItem }\r\n\t\t\t\t\"\r\n\t\t\t>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</div>\r\n</div>\r\n\r\n<ng-template #itemWithChildren let-menuItem=\"menuItem\">\r\n\t<lib-menu-item-with-children\r\n\t\t[menuItem]=\"menuItem\"\r\n\t\t[labelsVisible]=\"labelsVisible\"\r\n\t\t[menuLayoutDirection]=\"menuLayoutDirection\"\r\n\t\t[menuItemLayout]=\"menuItemLayout\"\r\n\t\t[activeItem]=\"activeItem\"\r\n\t\t[showIcons]=\"showIcons\"\r\n\t\t[direction]=\"direction\"\r\n\t\t[expandableMenuChildren]=\"expandableMenuChildren\"\r\n\t\t(toggleExpand)=\"toggleExpandEvent($event)\"\r\n\t\t(openMenu)=\"openMenu()\"\r\n\t\t[class.active-parent]=\"menuItem.appId === appId\"\r\n\t\t[openInSameTab]=\"openExternalLinksInSameTab\"\r\n\t></lib-menu-item-with-children>\r\n</ng-template>\r\n\r\n<ng-template #menuItemLink let-menuItem=\"menuItem\">\r\n\t<tld-menu-item-link\r\n\t\t[ngClass.lt-md]=\"'mob-menu-item'\"\r\n\t\t[menuItem]=\"menuItem\"\r\n\t\t[direction]=\"direction\"\r\n\t\t[labelsVisible]=\"labelsVisible\"\r\n\t\t[activeItem]=\"activeItem\"\r\n\t\t[showIcons]=\"showIcons\"\r\n\t\t[openInSameTab]=\"openExternalLinksInSameTab\"\r\n\t\t[allowTabSelection]=\"true\"\r\n\t></tld-menu-item-link>\r\n</ng-template>\r\n\r\n<ng-template #menuItemBtn let-menuItem=\"menuItem\">\r\n\t<lib-menu-item-btn *ngIf=\"labelsVisible\" [ngClass.lt-md]=\"'mob-menu-item'\" [menuItem]=\"menuItem\" [direction]=\"direction\" [activeItem]=\"activeItem\"></lib-menu-item-btn>\r\n</ng-template>\r\n\r\n<ng-template #itemGroupButton>\r\n\t<button\r\n\t\t*ngIf=\"menuItemGroup && labelsVisible\"\r\n\t\tmat-button\r\n\t\tclass=\"menu-title-btn menu-action-button\"\r\n\t\t(click)=\"menuItemGroup?.itemGroupClick()\"\r\n\t\t[class.active-menu-item-group]=\"menuItemGroup.isItemGroupActive && menuItemGroup.isItemGroupActive()\"\r\n\t>\r\n\t\t@if(menuItemGroup.isCustomItemGroupIcon){\r\n\t\t<mat-icon [svgIcon]=\"menuItemGroup.itemGroupIcon ?? ''\"></mat-icon>\r\n\t\t} @else {\r\n\t\t<mat-icon>{{ menuItemGroup.itemGroupIcon }}</mat-icon>\r\n\t\t}\r\n\t\t<span class=\"btn-label\" *ngIf=\"titleKey\">\r\n\t\t\t{{ titleKey | translate }}\r\n\t\t</span>\r\n\t</button>\r\n\r\n\t<button\r\n\t\t*ngIf=\"menuItemGroup && !labelsVisible && titleKey && menuItemGroup.itemGroupIcon\"\r\n\t\tmat-icon-button\r\n\t\tmatTooltipPosition=\"after\"\r\n\t\t[matTooltip]=\"titleKey | translate\"\r\n\t\t(click)=\"menuItemGroup?.itemGroupClick()\"\r\n\t>\r\n\t\t@if(menuItemGroup.isCustomItemGroupIcon){\r\n\t\t<mat-icon [svgIcon]=\"menuItemGroup.itemGroupIcon ?? ''\"></mat-icon>\r\n\t\t} @else {\r\n\t\t<mat-icon>{{ menuItemGroup.itemGroupIcon }}</mat-icon>\r\n\t\t}\r\n\t</button>\r\n</ng-template>\r\n\r\n<ng-template #itemGroupDescriptionBlock>\r\n\t<div class=\"description-block\">\r\n\t\t<span class=\"description-block-title\" [innerHTML]=\"(menuItemGroup.title || '') | translate\"></span>\r\n\t\t<p class=\"description-block-paragraph\" [innerHTML]=\"(menuItemGroup.description || '') | translate\"></p>\r\n\t</div>\r\n</ng-template>\r\n", styles: [":host{display:inline-block}::ng-deep .menu-item{width:100%}::ng-deep a,::ng-deep a:hover{text-decoration:none}::ng-deep .collapsed .menu-item-list{display:flex!important;justify-content:center!important;align-items:center!important}::ng-deep .collapsed .menu-list-wrapper,::ng-deep .collapsed tld-menu-item-link{display:flex!important;justify-content:center!important}::ng-deep .collapsed .menu-item{display:flex!important;place-content:center center!important}::ng-deep .collapsed tld-menu-item-link:not(:first-child){margin-top:16px}::ng-deep .active-parent button,::ng-deep .active-menu-item-group{background-color:var(--base-95)!important}::ng-deep .description-block{margin-top:24px;display:flex;flex-direction:column;gap:4px;width:100%;padding:8px 14px;border-radius:8px;text-align:left;font-size:14px}::ng-deep .description-block .description-block-title{font-weight:500}::ng-deep .description-block .description-block-paragraph{font-weight:400;white-space:normal}::ng-deep .menu-action-button{justify-content:flex-start;align-items:center;max-width:100%;width:-webkit-fill-available}::ng-deep .menu-list-wrapper .menu-item{cursor:pointer;font-style:normal;color:var(--base-30);text-decoration:none;align-items:center!important;font-weight:400;background:none;border:none}::ng-deep .menu-list-wrapper .menu-item:not(button):not(.active-menu-item):hover{background-color:var(--base-70)!important}::ng-deep .menu-list-wrapper .menu-item.active-menu-item,::ng-deep .menu-list-wrapper .menu-item.active-menu-item mat-icon,::ng-deep .menu-list-wrapper .menu-item.active-menu-item:hover{font-weight:600}::ng-deep .menu-list-wrapper .menu-item span{display:inline-block}::ng-deep .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;align-items:start;width:100%}::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content{width:100%;text-align:start;display:block}::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content:before{display:block;content:attr(content);font-weight:600;height:0;overflow:hidden;visibility:hidden}::ng-deep .menu-list-wrapper .menu-parent-item.active-menu-item,::ng-deep .menu-list-wrapper .menu-parent-item:hover{font-weight:400!important;background-color:var(--base-70)!important}::ng-deep .menu-tooltip{left:.625rem;font-family:Roboto;font-style:normal;font-weight:400;font-size:.75rem;line-height:1.25rem;color:var(--base-70);border-radius:.25rem;position:relative}::ng-deep .menu-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--menu-border-dark-color);left:-.75rem;top:calc(50% - .25rem);transform:rotate(270deg);overflow:initial}::ng-deep .menu-item-list-title{padding:8px 0 24px;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;margin-left:20px;height:56px}::ng-deep .menu-item-list-title:has(.menu-title-btn){margin-left:0}::ng-deep lib-menu-accessibility,::ng-deep lib-menu-lang-switcher,::ng-deep .menu-item-list{animation:slide-in .3s forwards}::ng-deep lib-menu-accessibility,::ng-deep lib-menu-lang-switcher,::ng-deep .menu-title-btn{margin-right:2px;transition:opacity .3s}::ng-deep .arrow-icon{margin-right:-6px}::ng-deep .mob-menu-item .arrow-icon{margin-right:0}@keyframes slide-in{0%{opacity:0;margin-left:-100px}to{opacity:1;margin-left:0}}\n"] }]
     }], null, { direction: [{
             type: Input
         }], labelsVisible: [{