@tilde-nlp/ngx-menu 8.1.14 → 8.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,7 +4,7 @@ import * as i2 from '@tilde-nlp/ngx-common';
4
4
  import { ResolutionHelper, PlausibleModule, SelectLanguageDialogComponent } from '@tilde-nlp/ngx-common';
5
5
  import * as i1$1 from '@angular/router';
6
6
  import { NavigationEnd, RouterModule } from '@angular/router';
7
- import { map, BehaviorSubject, filter } from 'rxjs';
7
+ import { map, BehaviorSubject, filter, Subject } from 'rxjs';
8
8
  import * as i1 from '@tilde-nlp/ngx-strapi';
9
9
  import { STRAPI_API_CONFIG_TOKEN } from '@tilde-nlp/ngx-strapi';
10
10
  import { SingleTypes } from '@tilde-nlp/strapi-models';
@@ -328,14 +328,49 @@ class NavBaseComponent {
328
328
  }] }); })();
329
329
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavBaseComponent, { className: "NavBaseComponent", filePath: "lib/components/nav-base/nav-base.component.ts", lineNumber: 14 }); })();
330
330
 
331
+ class MenuAccessibilityService {
332
+ constructor() {
333
+ this.fontSizeLocalStorageKey = 'ACCESSIBILITY_FONT_SIZE_IX';
334
+ this.sizeIncreaseSubject = new Subject();
335
+ }
336
+ getSavedFontSize() {
337
+ const savedFontSizeIx = localStorage.getItem(this.fontSizeLocalStorageKey);
338
+ if (savedFontSizeIx) {
339
+ return JSON.parse(savedFontSizeIx);
340
+ }
341
+ return 0;
342
+ }
343
+ saveFontSize(ix) {
344
+ localStorage.setItem(this.fontSizeLocalStorageKey, ix.toString());
345
+ }
346
+ setFontSize(fontSizeIx) {
347
+ const sizes = ['1rem', '1.25rem', '1.5rem'];
348
+ if (fontSizeIx > 0) {
349
+ this.sizeIncreaseSubject.next(true);
350
+ }
351
+ else {
352
+ this.sizeIncreaseSubject.next(false);
353
+ }
354
+ document.querySelector('html').style.fontSize = sizes[fontSizeIx];
355
+ }
356
+ static { this.ɵfac = function MenuAccessibilityService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuAccessibilityService)(); }; }
357
+ static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MenuAccessibilityService, factory: MenuAccessibilityService.ɵfac, providedIn: 'root' }); }
358
+ }
359
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuAccessibilityService, [{
360
+ type: Injectable,
361
+ args: [{
362
+ providedIn: 'root',
363
+ }]
364
+ }], null, null); })();
365
+
331
366
  const _c0$3 = ["*"];
332
- function SideNavMenuComponent_a_14_Template(rf, ctx) { if (rf & 1) {
367
+ function SideNavMenuComponent_a_13_Template(rf, ctx) { if (rf & 1) {
333
368
  const _r1 = i0.ɵɵgetCurrentView();
334
- i0.ɵɵelementStart(0, "a", 2);
369
+ i0.ɵɵelementStart(0, "a", 1);
335
370
  i0.ɵɵpipe(1, "translate");
336
- i0.ɵɵlistener("click", function SideNavMenuComponent_a_14_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.logoClick($event)); });
337
- i0.ɵɵelement(2, "img", 3);
338
- i0.ɵɵelementStart(3, "span", 4);
371
+ 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)); });
372
+ i0.ɵɵelement(2, "img", 2);
373
+ i0.ɵɵelementStart(3, "span", 3);
339
374
  i0.ɵɵtext(4);
340
375
  i0.ɵɵelementEnd()();
341
376
  } if (rf & 2) {
@@ -348,42 +383,42 @@ function SideNavMenuComponent_a_14_Template(rf, ctx) { if (rf & 1) {
348
383
  i0.ɵɵadvance(2);
349
384
  i0.ɵɵtextInterpolate1(" ", ctx_r1.productName, " ");
350
385
  } }
351
- function SideNavMenuComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
386
+ function SideNavMenuComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
352
387
  const _r3 = i0.ɵɵgetCurrentView();
353
- i0.ɵɵelementStart(0, "lib-menu-lang-switcher", 20);
354
- 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)); });
388
+ i0.ɵɵelementStart(0, "lib-menu-lang-switcher", 19);
389
+ i0.ɵɵlistener("changeLanguageEvent", function SideNavMenuComponent_Conditional_24_Template_lib_menu_lang_switcher_changeLanguageEvent_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeLanguage($event)); });
355
390
  i0.ɵɵelementEnd();
356
391
  } if (rf & 2) {
357
392
  const ctx_r1 = i0.ɵɵnextContext();
358
393
  i0.ɵɵproperty("isCollapsed", ctx_r1.collapsed)("languages", ctx_r1.supportedLanguages);
359
394
  } }
360
- function SideNavMenuComponent_Conditional_29_Conditional_1_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
395
+ function SideNavMenuComponent_Conditional_28_Conditional_1_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
361
396
  i0.ɵɵtext(0, " \u00A0\u00A0|\u00A0\u00A0 ");
362
397
  } }
363
- function SideNavMenuComponent_Conditional_29_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
364
- i0.ɵɵelementStart(0, "a", 21);
398
+ function SideNavMenuComponent_Conditional_28_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
399
+ i0.ɵɵelementStart(0, "a", 20);
365
400
  i0.ɵɵtext(1);
366
401
  i0.ɵɵelementEnd();
367
- i0.ɵɵconditionalCreate(2, SideNavMenuComponent_Conditional_29_Conditional_1_For_1_Conditional_2_Template, 1, 0);
402
+ i0.ɵɵconditionalCreate(2, SideNavMenuComponent_Conditional_28_Conditional_1_For_1_Conditional_2_Template, 1, 0);
368
403
  } if (rf & 2) {
369
404
  const item_r4 = ctx.$implicit;
370
- const ɵ$index_63_r5 = ctx.$index;
405
+ const ɵ$index_61_r5 = ctx.$index;
371
406
  const ctx_r1 = i0.ɵɵnextContext(3);
372
407
  i0.ɵɵproperty("href", item_r4.link, i0.ɵɵsanitizeUrl);
373
408
  i0.ɵɵadvance();
374
409
  i0.ɵɵtextInterpolate(item_r4.title);
375
410
  i0.ɵɵadvance();
376
- i0.ɵɵconditional(ɵ$index_63_r5 !== ctx_r1.footerItems.length - 1 ? 2 : -1);
411
+ i0.ɵɵconditional(ɵ$index_61_r5 !== ctx_r1.footerItems.length - 1 ? 2 : -1);
377
412
  } }
378
- function SideNavMenuComponent_Conditional_29_Conditional_1_Template(rf, ctx) { if (rf & 1) {
379
- i0.ɵɵrepeaterCreate(0, SideNavMenuComponent_Conditional_29_Conditional_1_For_1_Template, 3, 3, null, null, i0.ɵɵrepeaterTrackByIndex);
413
+ function SideNavMenuComponent_Conditional_28_Conditional_1_Template(rf, ctx) { if (rf & 1) {
414
+ i0.ɵɵrepeaterCreate(0, SideNavMenuComponent_Conditional_28_Conditional_1_For_1_Template, 3, 3, null, null, i0.ɵɵrepeaterTrackByIndex);
380
415
  } if (rf & 2) {
381
416
  const ctx_r1 = i0.ɵɵnextContext(2);
382
417
  i0.ɵɵrepeater(ctx_r1.footerItems);
383
418
  } }
384
- function SideNavMenuComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
385
- i0.ɵɵelementStart(0, "div", 19);
386
- i0.ɵɵconditionalCreate(1, SideNavMenuComponent_Conditional_29_Conditional_1_Template, 2, 0);
419
+ function SideNavMenuComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
420
+ i0.ɵɵelementStart(0, "div", 18);
421
+ i0.ɵɵconditionalCreate(1, SideNavMenuComponent_Conditional_28_Conditional_1_Template, 2, 0);
387
422
  i0.ɵɵelementEnd();
388
423
  } if (rf & 2) {
389
424
  const ctx_r1 = i0.ɵɵnextContext();
@@ -408,11 +443,12 @@ class SideNavMenuComponent extends NavBaseComponent {
408
443
  get footerItems() {
409
444
  return this.menuItemsService.footerItems;
410
445
  }
411
- constructor(strapiLinkService, domService, menuItems) {
446
+ constructor(strapiLinkService, domService, menuItems, accessibility) {
412
447
  super(menuItems);
413
448
  this.strapiLinkService = strapiLinkService;
414
449
  this.domService = domService;
415
450
  this.menuItems = menuItems;
451
+ this.accessibility = accessibility;
416
452
  this.menuSettings = {
417
453
  expandedWidth: '241px',
418
454
  collapsedWidth: '56px',
@@ -445,11 +481,13 @@ class SideNavMenuComponent extends NavBaseComponent {
445
481
  eventId: this.COLLAPSE_PLAUSIBLE_EVENT_ID,
446
482
  properties: [{ key: this.COLLAPSE_PLAUSIBLE_ACTION_KEY, value: "collapse" }]
447
483
  };
484
+ this.isMobileRes = ResolutionHelper.isMobileRes();
448
485
  this.baseUrl = menuItems.menuSharedConfig.baseUrl || '';
449
486
  }
450
487
  ngOnInit() {
451
488
  super.ngOnInit();
452
489
  this.getColapsedFromLocalStorage();
490
+ this.watchAccessibilityChanges();
453
491
  }
454
492
  login() {
455
493
  this.loginEvent.emit();
@@ -469,6 +507,16 @@ class SideNavMenuComponent extends NavBaseComponent {
469
507
  changeLanguage(lang) {
470
508
  this.changeLanguageEvent.emit(lang);
471
509
  }
510
+ watchAccessibilityChanges() {
511
+ this.accessibility.sizeIncreaseSubject.subscribe({
512
+ next: (isIncreased) => {
513
+ this.isViewIncreased = isIncreased;
514
+ if (isIncreased) {
515
+ this.collapsed = true;
516
+ }
517
+ }
518
+ });
519
+ }
472
520
  getColapsedFromLocalStorage() {
473
521
  if (!this.domService.localStorage) {
474
522
  return;
@@ -481,73 +529,72 @@ class SideNavMenuComponent extends NavBaseComponent {
481
529
  }
482
530
  this.domService.localStorage.setItem(this.COLLAPSED_LOCAL_STORAGE_KEY, this.collapsed.toString());
483
531
  }
484
- static { this.ɵfac = function SideNavMenuComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SideNavMenuComponent)(i0.ɵɵdirectiveInject(i1.StrapiLinkService), i0.ɵɵdirectiveInject(i2.DOMService), i0.ɵɵdirectiveInject(MenuItemsService)); }; }
485
- 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: 43, consts: [["fxHide.gt-xs", ""], [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"], [3, "isCollapsed"], [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) {
532
+ static { this.ɵfac = function SideNavMenuComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SideNavMenuComponent)(i0.ɵɵdirectiveInject(i1.StrapiLinkService), i0.ɵɵdirectiveInject(i2.DOMService), i0.ɵɵdirectiveInject(MenuItemsService), i0.ɵɵdirectiveInject(MenuAccessibilityService)); }; }
533
+ 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: 29, vars: 45, 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"], [3, "isCollapsed"], [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) {
486
534
  i0.ɵɵprojectionDef();
487
- i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "a", 2);
488
- i0.ɵɵpipe(3, "translate");
489
- i0.ɵɵlistener("click", function SideNavMenuComponent_Template_a_click_2_listener($event) { return ctx.logoClick($event); });
490
- i0.ɵɵelement(4, "img", 3);
491
- i0.ɵɵelementStart(5, "span", 4);
492
- i0.ɵɵtext(6);
535
+ i0.ɵɵelementStart(0, "div", 0)(1, "a", 1);
536
+ i0.ɵɵpipe(2, "translate");
537
+ i0.ɵɵlistener("click", function SideNavMenuComponent_Template_a_click_1_listener($event) { return ctx.logoClick($event); });
538
+ i0.ɵɵelement(3, "img", 2);
539
+ i0.ɵɵelementStart(4, "span", 3);
540
+ i0.ɵɵtext(5);
493
541
  i0.ɵɵelementEnd()();
494
- i0.ɵɵelementStart(7, "button", 5);
495
- i0.ɵɵpipe(8, "translate");
496
- i0.ɵɵlistener("click", function SideNavMenuComponent_Template_button_click_7_listener() { return ctx.toggleCollapse(); });
497
- i0.ɵɵelementStart(9, "mat-icon");
498
- i0.ɵɵtext(10, "menu");
499
- i0.ɵɵelementEnd()()()();
500
- i0.ɵɵelementStart(11, "div", 6)(12, "div", 7)(13, "div", 8);
501
- i0.ɵɵtemplate(14, SideNavMenuComponent_a_14_Template, 5, 9, "a", 9);
502
- i0.ɵɵelementStart(15, "button", 10);
542
+ i0.ɵɵelementStart(6, "button", 4);
543
+ i0.ɵɵpipe(7, "translate");
544
+ i0.ɵɵlistener("click", function SideNavMenuComponent_Template_button_click_6_listener() { return ctx.toggleCollapse(); });
545
+ i0.ɵɵelementStart(8, "mat-icon");
546
+ i0.ɵɵtext(9, "menu");
547
+ i0.ɵɵelementEnd()()();
548
+ i0.ɵɵelementStart(10, "div", 5)(11, "div", 6)(12, "div", 7);
549
+ i0.ɵɵtemplate(13, SideNavMenuComponent_a_13_Template, 5, 9, "a", 8);
550
+ i0.ɵɵelementStart(14, "button", 9);
551
+ i0.ɵɵpipe(15, "translate");
503
552
  i0.ɵɵpipe(16, "translate");
504
- i0.ɵɵpipe(17, "translate");
505
- i0.ɵɵlistener("click", function SideNavMenuComponent_Template_button_click_15_listener() { return ctx.toggleCollapse(); });
506
- i0.ɵɵelementStart(18, "mat-icon", 11);
507
- i0.ɵɵtext(19, "close");
553
+ i0.ɵɵlistener("click", function SideNavMenuComponent_Template_button_click_14_listener() { return ctx.toggleCollapse(); });
554
+ i0.ɵɵelementStart(17, "mat-icon", 10);
555
+ i0.ɵɵtext(18, "close");
508
556
  i0.ɵɵelementEnd();
509
- i0.ɵɵelementStart(20, "mat-icon", 12);
510
- i0.ɵɵtext(21);
557
+ i0.ɵɵelementStart(19, "mat-icon", 11);
558
+ i0.ɵɵtext(20);
511
559
  i0.ɵɵelementEnd()()();
512
- i0.ɵɵelementStart(22, "div", 13)(23, "menu-columns", 14);
513
- i0.ɵɵlistener("toggleCollapseEvent", function SideNavMenuComponent_Template_menu_columns_toggleCollapseEvent_23_listener() { return ctx.toggleCollapse(); });
560
+ i0.ɵɵelementStart(21, "div", 12)(22, "menu-columns", 13);
561
+ i0.ɵɵlistener("toggleCollapseEvent", function SideNavMenuComponent_Template_menu_columns_toggleCollapseEvent_22_listener() { return ctx.toggleCollapse(); });
514
562
  i0.ɵɵelementEnd();
515
- i0.ɵɵelement(24, "lib-menu-accessibility", 15);
516
- i0.ɵɵconditionalCreate(25, SideNavMenuComponent_Conditional_25_Template, 1, 2, "lib-menu-lang-switcher", 16);
563
+ i0.ɵɵelement(23, "lib-menu-accessibility", 14);
564
+ i0.ɵɵconditionalCreate(24, SideNavMenuComponent_Conditional_24_Template, 1, 2, "lib-menu-lang-switcher", 15);
517
565
  i0.ɵɵelementEnd();
518
- i0.ɵɵelementStart(26, "div", 17);
519
- i0.ɵɵprojection(27);
566
+ i0.ɵɵelementStart(25, "div", 16);
567
+ i0.ɵɵprojection(26);
520
568
  i0.ɵɵelementEnd();
521
- i0.ɵɵelementStart(28, "lib-menu-profile", 18);
522
- 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(); });
569
+ i0.ɵɵelementStart(27, "lib-menu-profile", 17);
570
+ i0.ɵɵlistener("linkCallbackEvent", function SideNavMenuComponent_Template_lib_menu_profile_linkCallbackEvent_27_listener($event) { return ctx.linkCallback($event); })("loginEvent", function SideNavMenuComponent_Template_lib_menu_profile_loginEvent_27_listener() { return ctx.login(); });
523
571
  i0.ɵɵelementEnd();
524
- i0.ɵɵconditionalCreate(29, SideNavMenuComponent_Conditional_29_Template, 2, 1, "div", 19);
572
+ i0.ɵɵconditionalCreate(28, SideNavMenuComponent_Conditional_28_Template, 2, 1, "div", 18);
525
573
  i0.ɵɵelementEnd()();
526
574
  } if (rf & 2) {
527
- i0.ɵɵadvance();
528
- i0.ɵɵproperty("fxHide", !ctx.collapsed)("ngClass", ctx.menuSettings.menuVersion);
575
+ i0.ɵɵproperty("fxHide", !ctx.collapsed || ctx.collapsed && !ctx.isMobileRes && !ctx.isViewIncreased)("ngClass", ctx.menuSettings.menuVersion);
529
576
  i0.ɵɵadvance();
530
577
  i0.ɵɵclassProp("no-click", ctx.menuSettings == null ? null : ctx.menuSettings.disableLogoNavigation);
531
578
  i0.ɵɵproperty("libPlausibleEvent", ctx.LOGOCLICK_PLAUSIBLE_EVENT)("href", ctx.baseUrl, i0.ɵɵsanitizeUrl);
532
- i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(3, 35, "MENU.ARIA_LABELS.LOGO"));
579
+ i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 37, "MENU.ARIA_LABELS.LOGO"));
533
580
  i0.ɵɵadvance(2);
534
581
  i0.ɵɵproperty("src", ctx.menuLogoImage, i0.ɵɵsanitizeUrl);
535
582
  i0.ɵɵadvance(2);
536
583
  i0.ɵɵtextInterpolate1(" ", ctx.productName, " ");
537
584
  i0.ɵɵadvance();
538
585
  i0.ɵɵproperty("libPlausibleEvent", ctx.collapsed ? ctx.EXPAND_PLAUSIBLE_EVENT : ctx.COLLAPSE_PLAUSIBLE_EVENT);
539
- i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(8, 37, "ARIA_LABELS.MENU_TOGGLER"));
586
+ i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(7, 39, "ARIA_LABELS.MENU_TOGGLER"));
540
587
  i0.ɵɵadvance(4);
541
588
  i0.ɵɵstyleProp("width", ctx.sideNavWidth);
542
- i0.ɵɵclassProp("collapsed", ctx.collapsed);
589
+ i0.ɵɵclassProp("accessibility-view", ctx.isViewIncreased)("collapsed", ctx.collapsed);
543
590
  i0.ɵɵproperty("ngClass.lt-sm", "mobile")("ngClass", ctx.menuSettings.menuVersion);
544
591
  i0.ɵɵadvance(2);
545
592
  i0.ɵɵproperty("fxLayoutAlign", ctx.collapsed ? "center center" : "space-between center");
546
593
  i0.ɵɵadvance();
547
594
  i0.ɵɵproperty("ngIf", !ctx.collapsed);
548
595
  i0.ɵɵadvance();
549
- i0.ɵɵproperty("libPlausibleEvent", ctx.collapsed ? ctx.EXPAND_PLAUSIBLE_EVENT : ctx.COLLAPSE_PLAUSIBLE_EVENT)("matTooltip", i0.ɵɵpipeBind1(16, 39, ctx.collapsed ? "MENU.EXPAND" : "MENU.COLLAPSE"));
550
- i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(17, 41, "ARIA_LABELS.MENU_TOGGLER"));
596
+ i0.ɵɵproperty("libPlausibleEvent", ctx.collapsed ? ctx.EXPAND_PLAUSIBLE_EVENT : ctx.COLLAPSE_PLAUSIBLE_EVENT)("matTooltip", i0.ɵɵpipeBind1(15, 41, ctx.collapsed ? "MENU.EXPAND" : "MENU.COLLAPSE"));
597
+ i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(16, 43, "ARIA_LABELS.MENU_TOGGLER"));
551
598
  i0.ɵɵadvance(3);
552
599
  i0.ɵɵproperty("ngClass.lt-sm", "mob-close-icon");
553
600
  i0.ɵɵadvance(3);
@@ -557,17 +604,17 @@ class SideNavMenuComponent extends NavBaseComponent {
557
604
  i0.ɵɵadvance();
558
605
  i0.ɵɵproperty("isCollapsed", ctx.collapsed);
559
606
  i0.ɵɵadvance();
560
- i0.ɵɵconditional(ctx.useDefaultLanguageSwitcher && ctx.supportedLanguages.length > 1 ? 25 : -1);
607
+ i0.ɵɵconditional(ctx.useDefaultLanguageSwitcher && ctx.supportedLanguages.length > 1 ? 24 : -1);
561
608
  i0.ɵɵadvance(3);
562
609
  i0.ɵɵproperty("userOptions", ctx.menuSettings.userOptions)("username", ctx.username)("collapsed", ctx.collapsed)("useLargeLoginButton", ctx.menuSettings == null ? null : ctx.menuSettings.useLargeLoginButton);
563
610
  i0.ɵɵadvance();
564
- i0.ɵɵconditional(ctx.footerItems.length ? 29 : -1);
565
- } }, styles: ["a[_ngcontent-%COMP%]{text-decoration:none}.no-click[_ngcontent-%COMP%]{pointer-events:none!important}.mobile-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;padding:23px 27px;background-color:#fcfcfc;border:1px solid var(--base-70)}.mobile.menu-container.collapsed[_ngcontent-%COMP%]{display:none!important}.mobile.menu-container[_ngcontent-%COMP%]:not(.collapsed){display:block!important;position:fixed;min-width:100vw;min-height:100dvh;z-index:1000}button[_ngcontent-%COMP%]:has(.mob-close-icon){margin-right:14px}.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{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}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} .mat-mdc-menu-item .mat-icon{margin-right:5px!important} .collapsed .profile-wrapper{justify-content:center!important}.menu-footer[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-bottom:20px;color:var(--base-40);font-size:.8125rem}", ".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{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 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}"] }); }
611
+ i0.ɵɵconditional(ctx.footerItems.length ? 28 : -1);
612
+ } }, styles: ["a[_ngcontent-%COMP%]{text-decoration:none}.no-click[_ngcontent-%COMP%]{pointer-events:none!important}.mobile-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;padding:23px 27px;background-color:#fcfcfc;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;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:14px}.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{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}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} .mat-mdc-menu-item .mat-icon{margin-right:5px!important} .collapsed .profile-wrapper{justify-content:center!important}.menu-footer[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-bottom:20px;color:var(--base-40);font-size:.8125rem}", ".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{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 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}"] }); }
566
613
  }
567
614
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SideNavMenuComponent, [{
568
615
  type: Component,
569
- args: [{ selector: 'lib-side-nav-menu', standalone: false, template: "<div fxHide.gt-xs>\r\n\t<div [fxHide]=\"!collapsed\" 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]=\"'MENU.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]=\"menuLogoImage\" 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</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[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]=\"'MENU.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]=\"menuLogoImage\" 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></menu-columns>\r\n\r\n\t\t\t<lib-menu-accessibility [isCollapsed]=\"collapsed\"></lib-menu-accessibility>\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}.no-click{pointer-events:none!important}.mobile-header{display:flex;justify-content:space-between;padding:23px 27px;background-color:#fcfcfc;border:1px solid var(--base-70)}.mobile.menu-container.collapsed{display:none!important}.mobile.menu-container:not(.collapsed){display:block!important;position:fixed;min-width:100vw;min-height:100dvh;z-index:1000}button:has(.mob-close-icon){margin-right:14px}.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{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}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}::ng-deep .mat-mdc-menu-item .mat-icon{margin-right:5px!important}::ng-deep .collapsed .profile-wrapper{justify-content:center!important}.menu-footer{display:flex;justify-content:center;margin-bottom:20px;color:var(--base-40);font-size:.8125rem}\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{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 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"] }]
570
- }], () => [{ type: i1.StrapiLinkService }, { type: i2.DOMService }, { type: MenuItemsService }], { username: [{
616
+ 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]=\"'MENU.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]=\"menuLogoImage\" 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]=\"'MENU.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]=\"menuLogoImage\" 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></menu-columns>\r\n\r\n\t\t\t<lib-menu-accessibility [isCollapsed]=\"collapsed\"></lib-menu-accessibility>\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}.no-click{pointer-events:none!important}.mobile-header{display:flex;justify-content:space-between;padding:23px 27px;background-color:#fcfcfc;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;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:14px}.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{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}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}::ng-deep .mat-mdc-menu-item .mat-icon{margin-right:5px!important}::ng-deep .collapsed .profile-wrapper{justify-content:center!important}.menu-footer{display:flex;justify-content:center;margin-bottom:20px;color:var(--base-40);font-size:.8125rem}\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{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 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"] }]
617
+ }], () => [{ type: i1.StrapiLinkService }, { type: i2.DOMService }, { type: MenuItemsService }, { type: MenuAccessibilityService }], { username: [{
571
618
  type: Input
572
619
  }], menuSettings: [{
573
620
  type: Input
@@ -582,7 +629,7 @@ class SideNavMenuComponent extends NavBaseComponent {
582
629
  }], loginEvent: [{
583
630
  type: Output
584
631
  }] }); })();
585
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SideNavMenuComponent, { className: "SideNavMenuComponent", filePath: "lib/components/side-nav-menu/side-nav-menu.component.ts", lineNumber: 16 }); })();
632
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SideNavMenuComponent, { className: "SideNavMenuComponent", filePath: "lib/components/side-nav-menu/side-nav-menu.component.ts", lineNumber: 17 }); })();
586
633
 
587
634
  var MenuLayoutDirection;
588
635
  (function (MenuLayoutDirection) {
@@ -1742,34 +1789,6 @@ class MenuLangSwitcherComponent {
1742
1789
  }] }); })();
1743
1790
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuLangSwitcherComponent, { className: "MenuLangSwitcherComponent", filePath: "lib/components/menu-lang-switcher/menu-lang-switcher.component.ts", lineNumber: 11 }); })();
1744
1791
 
1745
- class MenuAccessibilityService {
1746
- constructor() {
1747
- this.fontSizeLocalStorageKey = 'ACCESSIBILITY_FONT_SIZE_IX';
1748
- }
1749
- getSavedFontSize() {
1750
- const savedFontSizeIx = localStorage.getItem(this.fontSizeLocalStorageKey);
1751
- if (savedFontSizeIx) {
1752
- return JSON.parse(savedFontSizeIx);
1753
- }
1754
- return 0;
1755
- }
1756
- saveFontSize(ix) {
1757
- localStorage.setItem(this.fontSizeLocalStorageKey, ix.toString());
1758
- }
1759
- setFontSize(fontSizeIx) {
1760
- const sizes = ['1rem', '1.25rem', '1.5rem'];
1761
- document.querySelector('html').style.fontSize = sizes[fontSizeIx];
1762
- }
1763
- static { this.ɵfac = function MenuAccessibilityService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuAccessibilityService)(); }; }
1764
- static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MenuAccessibilityService, factory: MenuAccessibilityService.ɵfac, providedIn: 'root' }); }
1765
- }
1766
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuAccessibilityService, [{
1767
- type: Injectable,
1768
- args: [{
1769
- providedIn: 'root',
1770
- }]
1771
- }], null, null); })();
1772
-
1773
1792
  class MenuAccessibilitySettingsComponent {
1774
1793
  #accessibility = inject(MenuAccessibilityService);
1775
1794
  ngOnInit() {
@@ -2028,5 +2047,5 @@ const USER_MENU_OPTIONS = {
2028
2047
  * Generated bundle index. Do not edit.
2029
2048
  */
2030
2049
 
2031
- export { MENU_ICON_STRAPI_EXTENSION, MENU_SHARED_CONFIG, MENU_VERSION, MenuColumnsComponent, MenuItemsService, MenuLayoutDirection, MenuModule, NavBaseComponent, SideNavMenuComponent, StarpiMenuService, StrapiDataLocation, USER_MENU_OPTIONS };
2050
+ export { MENU_ICON_STRAPI_EXTENSION, MENU_SHARED_CONFIG, MENU_VERSION, MenuAccessibilityService, MenuColumnsComponent, MenuItemsService, MenuLayoutDirection, MenuModule, NavBaseComponent, SideNavMenuComponent, StarpiMenuService, StrapiDataLocation, USER_MENU_OPTIONS };
2032
2051
  //# sourceMappingURL=tilde-nlp-ngx-menu.mjs.map