@tilde-nlp/ngx-menu 4.1.10 → 5.0.2

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

@@ -8,7 +8,7 @@ import { STRAPI_API_CONFIG_TOKEN } from '@tilde-nlp/ngx-strapi';
 import { CollectionTypes } from '@tilde-nlp/strapi-models';
 import * as i2 from '@tilde-nlp/ngx-common';
 import { PlausibleModule } from '@tilde-nlp/ngx-common';
-import * as i2$2 from '@angular/flex-layout/flex';
+import * as i2$2 from '@ngbracket/ngx-layout/flex';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2$1 from '@angular/material/icon';
@@ -16,12 +16,12 @@ import { MatIconModule } from '@angular/material/icon';
 import * as i7 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i4 from '@angular/material/divider';
-import * as i3$1 from '@angular/flex-layout/extended';
+import * as i3$1 from '@ngbracket/ngx-layout/extended';
 import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i9 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { FlexLayoutModule } from '@angular/flex-layout';
+import { FlexLayoutModule } from '@ngbracket/ngx-layout';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatListModule } from '@angular/material/list';
 import * as i7$1 from '@angular/material/menu';
@@ -30,531 +30,835 @@ import { HttpClientModule } from '@angular/common/http';
 
 const MENU_SHARED_CONFIG = "menu-shared-config";
 
-/** Necessary for menu components to determine where loaded data from strapi should be placed - either in front of pre defined items or in end. */
-var StrapiDataLocation;
-(function (StrapiDataLocation) {
-    StrapiDataLocation[StrapiDataLocation["START"] = 0] = "START";
-    StrapiDataLocation[StrapiDataLocation["END"] = 1] = "END";
+/** Necessary for menu components to determine where loaded data from strapi should be placed - either in front of pre defined items or in end. */
+var StrapiDataLocation;
+(function (StrapiDataLocation) {
+    StrapiDataLocation[StrapiDataLocation["START"] = 0] = "START";
+    StrapiDataLocation[StrapiDataLocation["END"] = 1] = "END";
 })(StrapiDataLocation || (StrapiDataLocation = {}));
 
 const MENU_ICON_STRAPI_EXTENSION = ".svg";
 
-class StarpiMenuService {
-    constructor(strapiSubscription, menuConfig, strapiConfig, iconService) {
-        this.strapiSubscription = strapiSubscription;
-        this.menuConfig = menuConfig;
-        this.iconService = iconService;
-        this.svgIconNamePrefix = "strapi-menu-icon-";
-        this.imgBaseUrl = '';
-        this.imgBaseUrl = strapiConfig.apiUrl;
-    }
-    getMenuItems() {
-        const responseObs = this.strapiSubscription.subscribeCollectionType(CollectionTypes.MENU_ITEMS)
-            .pipe(map((items) => {
-            // Remove disabled items so they are not processed later.
-            const convertedItems = [];
-            if (!items || items.length === 0) {
-                return convertedItems;
-            }
-            items = items.filter(item => !item.disabled);
-            items.forEach((menu) => {
-                menu.link = this.addBaseUrlIfNecessary(menu.link);
-                const originalMenuIcon = menu.icon.data.attributes;
-                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.data.attributes.name = this.svgIconNamePrefix + originalMenuIcon.name;
-                    this.iconService.registerIconFromUrl(originalMenuIcon.name, originalMenuIcon.url);
-                }
-                convertedItems.push(this.convertToCustomMenuItem(menu));
-            });
-            return convertedItems;
-        }));
-        return responseObs;
-    }
-    unsubscribe() {
-        this.strapiSubscription.unsubscribe(CollectionTypes.MENU_ITEMS);
-    }
-    addBaseUrlIfNecessary(link) {
-        if (!this.menuConfig?.baseUrl) {
-            return link;
-        }
-        try {
-            new URL(link);
-            // eslint-disable-next-line no-empty
-        }
-        catch { }
-        try {
-            return new URL(link, this.menuConfig.baseUrl).href;
-        }
-        catch {
-            return link;
-        }
-    }
-    convertToCustomMenuItem(item) {
-        return {
-            icon: item.icon.data.attributes.name,
-            link: item.link,
-            title: item.title,
-            externalLink: item.externalLink,
-            // Material icons should not come from strapi
-            materialIcon: false,
-            plausibleEvent: item.plausibleEvent,
-            customId: item.customId
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StarpiMenuService, deps: [{ token: i1.StrapiSubscriptionService }, { token: MENU_SHARED_CONFIG, optional: true }, { token: STRAPI_API_CONFIG_TOKEN }, { token: i2.IconService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StarpiMenuService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StarpiMenuService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.StrapiSubscriptionService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MENU_SHARED_CONFIG]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [STRAPI_API_CONFIG_TOKEN]
-                }] }, { type: i2.IconService }]; } });
+class StarpiMenuService {
+    constructor(strapiSubscription, menuConfig, strapiConfig, iconService) {
+        this.strapiSubscription = strapiSubscription;
+        this.menuConfig = menuConfig;
+        this.iconService = iconService;
+        this.svgIconNamePrefix = "strapi-menu-icon-";
+        this.imgBaseUrl = '';
+        this.imgBaseUrl = strapiConfig.apiUrl;
+    }
+    getMenuItems() {
+        const responseObs = this.strapiSubscription.subscribeCollectionType(CollectionTypes.MENU_ITEMS)
+            .pipe(map((items) => {
+            // Remove disabled items so they are not processed later.
+            const convertedItems = [];
+            if (!items || items.length === 0) {
+                return convertedItems;
+            }
+            items = items.filter(item => !item.disabled);
+            items.forEach((menu) => {
+                menu.link = this.addBaseUrlIfNecessary(menu.link);
+                const originalMenuIcon = menu.icon.data.attributes;
+                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.data.attributes.name = this.svgIconNamePrefix + originalMenuIcon.name;
+                    this.iconService.registerIconFromUrl(originalMenuIcon.name, originalMenuIcon.url);
+                }
+                convertedItems.push(this.convertToCustomMenuItem(menu));
+            });
+            return convertedItems;
+        }));
+        return responseObs;
+    }
+    unsubscribe() {
+        this.strapiSubscription.unsubscribe(CollectionTypes.MENU_ITEMS);
+    }
+    addBaseUrlIfNecessary(link) {
+        if (!this.menuConfig?.baseUrl) {
+            return link;
+        }
+        try {
+            new URL(link);
+            // eslint-disable-next-line no-empty
+        }
+        catch { }
+        try {
+            return new URL(link, this.menuConfig.baseUrl).href;
+        }
+        catch {
+            return link;
+        }
+    }
+    convertToCustomMenuItem(item) {
+        return {
+            icon: item.icon.data.attributes.name,
+            link: item.link,
+            title: item.title,
+            externalLink: item.externalLink,
+            // Material icons should not come from strapi
+            materialIcon: false,
+            plausibleEvent: item.plausibleEvent,
+            customId: item.customId
+        };
+    }
+    static { this.ɵfac = function StarpiMenuService_Factory(t) { return new (t || StarpiMenuService)(i0.ɵɵinject(i1.StrapiSubscriptionService), i0.ɵɵinject(MENU_SHARED_CONFIG, 8), i0.ɵɵinject(STRAPI_API_CONFIG_TOKEN), i0.ɵɵinject(i2.IconService)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StarpiMenuService, factory: StarpiMenuService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StarpiMenuService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], () => [{ type: i1.StrapiSubscriptionService }, { type: undefined, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [MENU_SHARED_CONFIG]
+            }] }, { type: undefined, decorators: [{
+                type: Inject,
+                args: [STRAPI_API_CONFIG_TOKEN]
+            }] }, { type: i2.IconService }], null); })();
 
-class MenuItemsService {
-    get activeElements() { return this._activeElements.asObservable(); }
-    get allRootItems() { return this._allRootItems; }
-    get strapiGroup() { return this._strapiGroup; }
-    get customId() { return this.menuSharedConfig?.customId; }
-    get hideSelectedCustomId() { return this.menuSharedConfig?.hideSelectedCustomId; }
-    get strapiGroupBase() { return this.menuSharedConfig?.strapiGroupBase; }
-    get strapiDataLocation() { return this.menuSharedConfig?.strapiDataLocation ?? StrapiDataLocation.END; }
-    get mergedGroups() { return this._mergedGroups; }
-    get menuItemGroups() { return this.menuSharedConfig.itemGroups; }
-    constructor(router, menuSharedConfig, strapiService) {
-        this.router = router;
-        this.menuSharedConfig = menuSharedConfig;
-        this.strapiService = strapiService;
-        this._activeElements = new BehaviorSubject({});
-        this.strapiItems = [];
-        this.isActiveMatchOptions = {
-            matrixParams: 'exact',
-            queryParams: 'exact',
-            paths: 'exact',
-            fragment: 'exact'
-        };
-        this._mergedGroups = [];
-        this.getStrapiData();
-        this.subscribeToRouteChanges();
-    }
-    subscribeToRouteChanges() {
-        this.router.events
-            .pipe(filter(e => e instanceof NavigationEnd))
-            .subscribe(() => { this.updateActive(); });
-    }
-    updateActive() {
-        const items = this.allRootItems;
-        const root = this.findActiveElement(items, false);
-        const child = this.findActiveElement(items, true);
-        this._activeElements.next({ root, child });
-    }
-    /** Finds active element from whole list. RouterLink has priority over custom Id. */
-    // at this version, child elements should not have customId, since that property comes from strapi and strapi provides only one level structure
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    findActiveElement(items, includeChildren) {
-        if (!items?.length) {
-            return undefined;
-        }
-        let customIdElement;
-        for (const item of items) {
-            // Child element has priority over parent, so need to check if any child is active
-            if (this.isElementRouterLinkActive(item)) {
-                // If has children and they are visible, return active child or current item
-                return includeChildren ? this.findActiveElement(item.children, includeChildren) ?? item : item;
-            }
-            // if selected custom id element is hidden, no need to look for it and set it to active;
-            else if (!this.hideSelectedCustomId && this.isElementCustomIdActive(item)) {
-                customIdElement = item;
-            }
-            else if (includeChildren && item.children?.length) {
-                const activeChild = this.findActiveElement(item.children, includeChildren);
-                if (activeChild) {
-                    return activeChild;
-                }
-            }
-        }
-        return customIdElement;
-    }
-    getStrapiData() {
-        if (!this.menuSharedConfig?.disableStrapi) {
-            this.strapiService.getMenuItems().subscribe(this.loadData.bind(this));
-        }
-        else {
-            this.loadData([]);
-        }
-    }
-    loadData(data) {
-        // hide custom id based on input param
-        this.strapiItems = (this.hideSelectedCustomId && this.customId) ? data.filter(item => item.customId !== this.customId) : data;
-        this._strapiGroup = {
-            ...this.strapiGroupBase,
-            items: this.strapiItems
-        };
-        if (this.strapiDataLocation === StrapiDataLocation.START) {
-            this._mergedGroups = [this.strapiGroup, ...this.menuItemGroups ?? []];
-        }
-        else if (this.strapiDataLocation === StrapiDataLocation.END) {
-            this._mergedGroups = [...this.menuItemGroups ?? [], this.strapiGroup];
-        }
-        const allItems = this.mergedGroups.map(map => map.items);
-        let newArray = [];
-        allItems.forEach((array) => { newArray = newArray.concat(array); });
-        this._allRootItems = newArray;
-        this.updateActive();
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    // private isMenuItem(item: any): item is MenuItems {
-    //   return item.customId;
-    // }
-    isElementCustomIdActive(element) {
-        return this.customId && element.customId === this.customId;
-    }
-    isElementRouterLinkActive(element) {
-        const routerLinkActiveOptions = element.routerLinkActiveOptions ?? this.menuSharedConfig.activeMatchOptions ?? this.isActiveMatchOptions;
-        return this.router.isActive(element.link, routerLinkActiveOptions);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemsService, deps: [{ token: i1$1.Router }, { token: MENU_SHARED_CONFIG, optional: true }, { token: StarpiMenuService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MENU_SHARED_CONFIG]
-                }] }, { type: StarpiMenuService }]; } });
+class MenuItemsService {
+    get activeElements() { return this._activeElements.asObservable(); }
+    get allRootItems() { return this._allRootItems; }
+    get strapiGroup() { return this._strapiGroup; }
+    get customId() { return this.menuSharedConfig?.customId; }
+    get hideSelectedCustomId() { return this.menuSharedConfig?.hideSelectedCustomId; }
+    get strapiGroupBase() { return this.menuSharedConfig?.strapiGroupBase; }
+    get strapiDataLocation() { return this.menuSharedConfig?.strapiDataLocation ?? StrapiDataLocation.END; }
+    get mergedGroups() { return this._mergedGroups; }
+    get menuItemGroups() { return this.menuSharedConfig.itemGroups; }
+    constructor(router, menuSharedConfig, strapiService) {
+        this.router = router;
+        this.menuSharedConfig = menuSharedConfig;
+        this.strapiService = strapiService;
+        this._activeElements = new BehaviorSubject({});
+        this.strapiItems = [];
+        this.isActiveMatchOptions = {
+            matrixParams: 'exact',
+            queryParams: 'exact',
+            paths: 'exact',
+            fragment: 'exact'
+        };
+        this._mergedGroups = [];
+        this.getStrapiData();
+        this.subscribeToRouteChanges();
+    }
+    subscribeToRouteChanges() {
+        this.router.events
+            .pipe(filter(e => e instanceof NavigationEnd))
+            .subscribe(() => { this.updateActive(); });
+    }
+    updateActive() {
+        const items = this.allRootItems;
+        const root = this.findActiveElement(items, false);
+        const child = this.findActiveElement(items, true);
+        this._activeElements.next({ root, child });
+    }
+    /** Finds active element from whole list. RouterLink has priority over custom Id. */
+    // at this version, child elements should not have customId, since that property comes from strapi and strapi provides only one level structure
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    findActiveElement(items, includeChildren) {
+        if (!items?.length) {
+            return undefined;
+        }
+        let customIdElement;
+        for (const item of items) {
+            // Child element has priority over parent, so need to check if any child is active
+            if (this.isElementRouterLinkActive(item)) {
+                // If has children and they are visible, return active child or current item
+                return includeChildren ? this.findActiveElement(item.children, includeChildren) ?? item : item;
+            }
+            // if selected custom id element is hidden, no need to look for it and set it to active;
+            else if (!this.hideSelectedCustomId && this.isElementCustomIdActive(item)) {
+                customIdElement = item;
+            }
+            else if (includeChildren && item.children?.length) {
+                const activeChild = this.findActiveElement(item.children, includeChildren);
+                if (activeChild) {
+                    return activeChild;
+                }
+            }
+        }
+        return customIdElement;
+    }
+    getStrapiData() {
+        if (!this.menuSharedConfig?.disableStrapi) {
+            this.strapiService.getMenuItems().subscribe(this.loadData.bind(this));
+        }
+        else {
+            this.loadData([]);
+        }
+    }
+    loadData(data) {
+        // hide custom id based on input param
+        this.strapiItems = (this.hideSelectedCustomId && this.customId) ? data.filter(item => item.customId !== this.customId) : data;
+        this._strapiGroup = {
+            ...this.strapiGroupBase,
+            items: this.strapiItems
+        };
+        if (this.strapiDataLocation === StrapiDataLocation.START) {
+            this._mergedGroups = [this.strapiGroup, ...this.menuItemGroups ?? []];
+        }
+        else if (this.strapiDataLocation === StrapiDataLocation.END) {
+            this._mergedGroups = [...this.menuItemGroups ?? [], this.strapiGroup];
+        }
+        const allItems = this.mergedGroups.map(map => map.items);
+        let newArray = [];
+        allItems.forEach((array) => { newArray = newArray.concat(array); });
+        this._allRootItems = newArray;
+        this.updateActive();
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // private isMenuItem(item: any): item is MenuItems {
+    //   return item.customId;
+    // }
+    isElementCustomIdActive(element) {
+        return this.customId && element.customId === this.customId;
+    }
+    isElementRouterLinkActive(element) {
+        const routerLinkActiveOptions = element.routerLinkActiveOptions ?? this.menuSharedConfig.activeMatchOptions ?? this.isActiveMatchOptions;
+        return this.router.isActive(element.link, routerLinkActiveOptions);
+    }
+    static { this.ɵfac = function MenuItemsService_Factory(t) { return new (t || MenuItemsService)(i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(MENU_SHARED_CONFIG, 8), i0.ɵɵinject(StarpiMenuService)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MenuItemsService, factory: MenuItemsService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemsService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], () => [{ type: i1$1.Router }, { type: undefined, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [MENU_SHARED_CONFIG]
+            }] }, { type: StarpiMenuService }], null); })();
 
-/** This component is created to help nest some common input params through nav components. */
-class NavBaseComponent {
-    constructor(menuItemsService) {
-        this.menuItemsService = menuItemsService;
-    }
-    ngOnInit() {
-        this.initBase();
-    }
-    initBase() {
-        this.activeItemSubscription = this.menuItemsService.activeElements.subscribe((active) => {
-            this.active = active;
-        });
-    }
-    ngOnDestroy() {
-        this.destroyBase();
-    }
-    destroyBase() {
-        this.activeItemSubscription?.unsubscribe();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavBaseComponent, deps: [{ token: MenuItemsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavBaseComponent, selector: "nav-base", inputs: { direction: "direction" }, ngImport: i0, template: "<p>nav-base works!</p>\r\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavBaseComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nav-base', template: "<p>nav-base works!</p>\r\n" }]
-        }], ctorParameters: function () { return [{ type: MenuItemsService }]; }, propDecorators: { direction: [{
-                type: Input
-            }] } });
+/** This component is created to help nest some common input params through nav components. */
+class NavBaseComponent {
+    constructor(menuItemsService) {
+        this.menuItemsService = menuItemsService;
+    }
+    ngOnInit() {
+        this.initBase();
+    }
+    initBase() {
+        this.activeItemSubscription = this.menuItemsService.activeElements.subscribe((active) => {
+            this.active = active;
+        });
+    }
+    ngOnDestroy() {
+        this.destroyBase();
+    }
+    destroyBase() {
+        this.activeItemSubscription?.unsubscribe();
+    }
+    static { this.ɵfac = function NavBaseComponent_Factory(t) { return new (t || NavBaseComponent)(i0.ɵɵdirectiveInject(MenuItemsService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavBaseComponent, selectors: [["nav-base"]], inputs: { direction: "direction" }, decls: 2, vars: 0, template: function NavBaseComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "p");
+            i0.ɵɵtext(1, "nav-base works!");
+            i0.ɵɵelementEnd();
+        } } }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavBaseComponent, [{
+        type: Component,
+        args: [{ selector: 'nav-base', template: "<p>nav-base works!</p>\r\n" }]
+    }], () => [{ type: MenuItemsService }], { direction: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavBaseComponent, { className: "NavBaseComponent", filePath: "lib\\components\\nav-base\\nav-base.component.ts", lineNumber: 13 }); })();
 
-var MenuLayoutDirection;
-(function (MenuLayoutDirection) {
-    MenuLayoutDirection["column"] = "column";
-    MenuLayoutDirection["row"] = "row";
+var MenuLayoutDirection;
+(function (MenuLayoutDirection) {
+    MenuLayoutDirection["column"] = "column";
+    MenuLayoutDirection["row"] = "row";
 })(MenuLayoutDirection || (MenuLayoutDirection = {}));
 
-class MenuIconComponent {
-    constructor() {
-        this.svgExtension = MENU_ICON_STRAPI_EXTENSION;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    isIconMediaType(icon) {
-        return typeof icon !== "string";
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuIconComponent, selector: "tld-menu-icon", inputs: { menuItem: "menuItem" }, ngImport: i0, template: "<ng-container *ngIf=\"menuItem.icon\">\r\n  <mat-icon class=\"menu-icon\" [svgIcon]=\"menuItem.icon\" *ngIf=\"!menuItem.materialIcon; else materialIcon;\"></mat-icon>\r\n  <ng-template #materialIcon>\r\n    <mat-icon class=\"menu-icon\">{{menuItem.icon}}</mat-icon>\r\n  </ng-template>\r\n</ng-container>\r\n", styles: [".menu-icon{color:var(--base-40);margin:auto;min-width:24px;min-height:24px;max-width:24px;max-height:24px;vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tld-menu-icon', template: "<ng-container *ngIf=\"menuItem.icon\">\r\n  <mat-icon class=\"menu-icon\" [svgIcon]=\"menuItem.icon\" *ngIf=\"!menuItem.materialIcon; else materialIcon;\"></mat-icon>\r\n  <ng-template #materialIcon>\r\n    <mat-icon class=\"menu-icon\">{{menuItem.icon}}</mat-icon>\r\n  </ng-template>\r\n</ng-container>\r\n", styles: [".menu-icon{color:var(--base-40);margin:auto;min-width:24px;min-height:24px;max-width:24px;max-height:24px;vertical-align:middle}\n"] }]
-        }], propDecorators: { menuItem: [{
-                type: Input
-            }] } });
+function MenuIconComponent_ng_container_0_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 3);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("svgIcon", ctx_r0.menuItem.icon);
+} }
+function MenuIconComponent_ng_container_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.menuItem.icon);
+} }
+function MenuIconComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, MenuIconComponent_ng_container_0_mat_icon_1_Template, 1, 1, "mat-icon", 2)(2, MenuIconComponent_ng_container_0_ng_template_2_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const materialIcon_r2 = i0.ɵɵreference(3);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r0.menuItem.materialIcon)("ngIfElse", materialIcon_r2);
+} }
+class MenuIconComponent {
+    constructor() {
+        this.svgExtension = MENU_ICON_STRAPI_EXTENSION;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    isIconMediaType(icon) {
+        return typeof icon !== "string";
+    }
+    static { this.ɵfac = function MenuIconComponent_Factory(t) { return new (t || MenuIconComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuIconComponent, selectors: [["tld-menu-icon"]], inputs: { menuItem: "menuItem" }, decls: 1, vars: 1, consts: [["materialIcon", ""], [4, "ngIf"], ["class", "menu-icon", 3, "svgIcon", 4, "ngIf", "ngIfElse"], [1, "menu-icon", 3, "svgIcon"], [1, "menu-icon"]], template: function MenuIconComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, MenuIconComponent_ng_container_0_Template, 4, 2, "ng-container", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.menuItem.icon);
+        } }, dependencies: [i3.NgIf, i2$1.MatIcon], styles: [".menu-icon[_ngcontent-%COMP%]{color:var(--base-40);margin:auto;min-width:24px;min-height:24px;max-width:24px;max-height:24px;vertical-align:middle}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuIconComponent, [{
+        type: Component,
+        args: [{ selector: 'tld-menu-icon', template: "<ng-container *ngIf=\"menuItem.icon\">\r\n  <mat-icon class=\"menu-icon\" [svgIcon]=\"menuItem.icon\" *ngIf=\"!menuItem.materialIcon; else materialIcon;\"></mat-icon>\r\n  <ng-template #materialIcon>\r\n    <mat-icon class=\"menu-icon\">{{menuItem.icon}}</mat-icon>\r\n  </ng-template>\r\n</ng-container>\r\n", styles: [".menu-icon{color:var(--base-40);margin:auto;min-width:24px;min-height:24px;max-width:24px;max-height:24px;vertical-align:middle}\n"] }]
+    }], null, { menuItem: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuIconComponent, { className: "MenuIconComponent", filePath: "lib\\components\\menu-icon\\menu-icon.component.ts", lineNumber: 10 }); })();
 
-class MenuItemLinkComponent {
-    get menuItemLayout() {
-        return this.direction === MenuLayoutDirection.column ? 'column' : 'row';
-    }
-    get menuLayoutDirection() {
-        return (this.direction === MenuLayoutDirection.column || !this.labelsVisible)
-            ? 'start center' : 'start start';
-    }
-    constructor(strapiLinkService, placeholderService) {
-        this.strapiLinkService = strapiLinkService;
-        this.placeholderService = placeholderService;
-        this.showIcons = true;
-        this.updateTextWithPlaceholders = (textWithReplacedPlaceholders) => this.href = textWithReplacedPlaceholders;
-    }
-    ngOnInit() {
-        this.textWithPlaceholders = this.menuItem.link;
-        this.placeholderServiceId = this.placeholderService.register(this);
-    }
-    linkClick(event, item) {
-        this.strapiLinkService.strapiLinkClick(event, item.externalLink);
-    }
-    ngOnDestroy() {
-        this.placeholderService.unregister(this.placeholderServiceId);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemLinkComponent, deps: [{ token: i1.StrapiLinkService }, { token: i1.StrapiVariablesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuItemLinkComponent, selector: "tld-menu-item-link", inputs: { direction: "direction", labelsVisible: "labelsVisible", activeItem: "activeItem", showIcons: "showIcons", menuItem: "menuItem" }, ngImport: i0, template: "<a [libPlausibleEvent]=\"menuItem.plausibleEvent\" [fxLayout]=\"menuItemLayout\"\r\n  [ngClass.lt-md]=\"'mobile'\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n  [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n  [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" (click)=\"linkClick($event, menuItem)\"\r\n  [href]=\"href | translate\" [attr.target]=\"menuItem.externalLink?'_blank': '_self'\" fxLayoutGap=\"0.375rem\"\r\n  [class.active-menu-item]=\"menuItem === activeItem\">\r\n  <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n    <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n  </ng-container>\r\n  <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n    <span class=\"title-content\" [attr.content]=\"menuItem.title | translate\">\r\n      {{ menuItem.title | translate}}\r\n    </span>\r\n  </span>\r\n</a>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i2.PlausibleEventDirective, selector: "[libPlausibleEvent]", inputs: ["libPlausibleEvent"] }, { kind: "component", type: MenuIconComponent, selector: "tld-menu-icon", inputs: ["menuItem"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemLinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tld-menu-item-link', template: "<a [libPlausibleEvent]=\"menuItem.plausibleEvent\" [fxLayout]=\"menuItemLayout\"\r\n  [ngClass.lt-md]=\"'mobile'\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n  [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n  [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" (click)=\"linkClick($event, menuItem)\"\r\n  [href]=\"href | translate\" [attr.target]=\"menuItem.externalLink?'_blank': '_self'\" fxLayoutGap=\"0.375rem\"\r\n  [class.active-menu-item]=\"menuItem === activeItem\">\r\n  <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n    <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n  </ng-container>\r\n  <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n    <span class=\"title-content\" [attr.content]=\"menuItem.title | translate\">\r\n      {{ menuItem.title | translate}}\r\n    </span>\r\n  </span>\r\n</a>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1.StrapiLinkService }, { type: i1.StrapiVariablesService }]; }, propDecorators: { direction: [{
-                type: Input
-            }], labelsVisible: [{
-                type: Input
-            }], activeItem: [{
-                type: Input
-            }], showIcons: [{
-                type: Input
-            }], menuItem: [{
-                type: Input
-            }] } });
+function MenuItemLinkComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "tld-menu-icon", 3);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("menuItem", ctx_r0.menuItem);
+} }
+function MenuItemLinkComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 4)(1, "span", 5);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("content", i0.ɵɵpipeBind1(2, 2, ctx_r0.menuItem.title));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 4, ctx_r0.menuItem.title), " ");
+} }
+class MenuItemLinkComponent {
+    get menuItemLayout() {
+        return this.direction === MenuLayoutDirection.column ? 'column' : 'row';
+    }
+    get menuLayoutDirection() {
+        return (this.direction === MenuLayoutDirection.column || !this.labelsVisible)
+            ? 'start center' : 'start start';
+    }
+    constructor(strapiLinkService, placeholderService) {
+        this.strapiLinkService = strapiLinkService;
+        this.placeholderService = placeholderService;
+        this.showIcons = true;
+        this.updateTextWithPlaceholders = (textWithReplacedPlaceholders) => this.href = textWithReplacedPlaceholders;
+    }
+    ngOnInit() {
+        this.textWithPlaceholders = this.menuItem.link;
+        this.placeholderServiceId = this.placeholderService.register(this);
+    }
+    linkClick(event, item) {
+        this.strapiLinkService.strapiLinkClick(event, item.externalLink);
+    }
+    ngOnDestroy() {
+        this.placeholderService.unregister(this.placeholderServiceId);
+    }
+    static { this.ɵfac = function MenuItemLinkComponent_Factory(t) { return new (t || MenuItemLinkComponent)(i0.ɵɵdirectiveInject(i1.StrapiLinkService), i0.ɵɵdirectiveInject(i1.StrapiVariablesService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemLinkComponent, selectors: [["tld-menu-item-link"]], inputs: { direction: "direction", labelsVisible: "labelsVisible", activeItem: "activeItem", showIcons: "showIcons", menuItem: "menuItem" }, decls: 5, vars: 17, consts: [["matTooltipPosition", "after", "matTooltipClass", "menu-tooltip", "fxLayoutGap", "0.375rem", 1, "text-m", "menu-item", 3, "click", "libPlausibleEvent", "fxLayout", "ngClass.lt-md", "matTooltip", "fxLayoutAlign", "href"], [4, "ngIf"], ["class", "menu-item-title", 4, "ngIf"], [3, "menuItem"], [1, "menu-item-title"], [1, "title-content"]], template: function MenuItemLinkComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "a", 0);
+            i0.ɵɵpipe(1, "translate");
+            i0.ɵɵpipe(2, "translate");
+            i0.ɵɵlistener("click", function MenuItemLinkComponent_Template_a_click_0_listener($event) { return ctx.linkClick($event, ctx.menuItem); });
+            i0.ɵɵtemplate(3, MenuItemLinkComponent_ng_container_3_Template, 2, 1, "ng-container", 1)(4, MenuItemLinkComponent_span_4_Template, 5, 6, "span", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("text-center", ctx.menuItemLayout === "column")("active-menu-item", ctx.menuItem === ctx.activeItem);
+            i0.ɵɵproperty("libPlausibleEvent", ctx.menuItem.plausibleEvent)("fxLayout", ctx.menuItemLayout)("ngClass.lt-md", "mobile")("matTooltip", !ctx.labelsVisible ? i0.ɵɵpipeBind1(1, 13, ctx.menuItem.title) : "")("fxLayoutAlign", ctx.menuLayoutDirection)("href", i0.ɵɵpipeBind1(2, 15, ctx.href), i0.ɵɵsanitizeUrl);
+            i0.ɵɵattribute("target", ctx.menuItem.externalLink ? "_blank" : "_self");
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.showIcons && ctx.menuItem.icon);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.labelsVisible);
+        } }, dependencies: [i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i3$1.DefaultClassDirective, i3.NgIf, i5.MatTooltip, i2.PlausibleEventDirective, MenuIconComponent, i9.TranslatePipe] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemLinkComponent, [{
+        type: Component,
+        args: [{ selector: 'tld-menu-item-link', template: "<a [libPlausibleEvent]=\"menuItem.plausibleEvent\" [fxLayout]=\"menuItemLayout\"\r\n  [ngClass.lt-md]=\"'mobile'\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n  [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n  [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" (click)=\"linkClick($event, menuItem)\"\r\n  [href]=\"href | translate\" [attr.target]=\"menuItem.externalLink?'_blank': '_self'\" fxLayoutGap=\"0.375rem\"\r\n  [class.active-menu-item]=\"menuItem === activeItem\">\r\n  <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n    <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n  </ng-container>\r\n  <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n    <span class=\"title-content\" [attr.content]=\"menuItem.title | translate\">\r\n      {{ menuItem.title | translate}}\r\n    </span>\r\n  </span>\r\n</a>\r\n" }]
+    }], () => [{ type: i1.StrapiLinkService }, { type: i1.StrapiVariablesService }], { direction: [{
+            type: Input
+        }], labelsVisible: [{
+            type: Input
+        }], activeItem: [{
+            type: Input
+        }], showIcons: [{
+            type: Input
+        }], menuItem: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemLinkComponent, { className: "MenuItemLinkComponent", filePath: "lib\\components\\menu-item-link\\menu-item-link.component.ts", lineNumber: 10 }); })();
 
-class MenuItemListComponent {
-    constructor() {
-        this.direction = MenuLayoutDirection.column;
-        this.labelsVisible = true;
-        this.showIcons = true;
-        this.items = [];
-        this.toggleExpand = new EventEmitter();
-    }
-    get titleKey() {
-        return this.menuItemGroup?.title;
-    }
-    get showTitle() {
-        return this.menuItemGroup?.showTitle;
-    }
-    get menuLayoutDirection() {
-        return (this.direction === MenuLayoutDirection.column || !this.labelsVisible)
-            ? 'start center' : 'start start';
-    }
-    get menuItemLayout() {
-        return this.direction === MenuLayoutDirection.column ? 'column' : 'row';
-    }
-    toggleItemExpand(event, menuItem) {
-        // so menu doesnt get closed.
-        event.stopPropagation();
-        if (this.labelsVisible || !menuItem.expanded) {
-            menuItem.expanded = !menuItem.expanded;
-        }
-        this.toggleExpand.next(menuItem);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuItemListComponent, selector: "menu-item-list", inputs: { direction: "direction", labelsVisible: "labelsVisible", activeItem: "activeItem", showIcons: "showIcons", items: "items", menuItemGroup: "menuItemGroup" }, outputs: { toggleExpand: "toggleExpand" }, ngImport: i0, template: "<div class=\"menu-list-wrapper\">\r\n  <div *ngIf=\"titleKey && showTitle && labelsVisible\" fxLayoutAlign=\"start center\" class=\"menu-item-list-title\">\r\n    {{ titleKey | translate }}\r\n  </div>\r\n  <div fxLayout=\"column\" [fxLayoutAlign]=\"menuLayoutDirection\" class=\"menu-item-list\">\r\n    <ng-container *ngFor=\"let menuItem of items\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"!menuItem.showChildren || !menuItem.children || menuItem?.children?.length === 0 ? menuItemLink : itemWithChildren; context: {menuItem: menuItem}\">\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemWithChildren let-menuItem=\"menuItem\">\r\n  <button [fxLayout]=\"menuItemLayout\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n    [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\" [class.menu-labels-visible]=\"labelsVisible\"\r\n    [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" fxLayoutGap=\"0.375rem\"\r\n    [class.active-menu-item]=\"activeItem?.link && menuItem === activeItem\" (click)=\"toggleItemExpand($event,menuItem)\">\r\n    <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n      <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"labelsVisible\">\r\n      <span class=\"menu-item-title\">\r\n        <span class=\"title-content\">{{ menuItem.title | translate }}</span></span>\r\n      <span class=\"material-icons\" *ngIf=\"menuItem.showChildren && menuItem.children\">\r\n        {{ menuItem.expanded ? 'arrow_drop_up' : 'arrow_drop_down' }}\r\n      </span>\r\n    </ng-container>\r\n  </button>\r\n  <ng-container *ngIf=\"menuItem.showChildren && menuItem.expanded && labelsVisible\">\r\n    <menu-item-list class=\"child-list\" *ngIf=\"menuItem.children && menuItem.children.length\" [items]=\"menuItem.children\"\r\n      [direction]=\"direction\" [labelsVisible]=\"labelsVisible\" [activeItem]=\"activeItem\">\r\n    </menu-item-list>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #menuItemLink let-menuItem=\"menuItem\">\r\n  <tld-menu-item-link [ngClass.lt-md]=\"'mob-menu-item'\" [menuItem]=\"menuItem\" [direction]=\"direction\" [labelsVisible]=\"labelsVisible\"\r\n    [activeItem]=\"activeItem\" [showIcons]=\"showIcons\"></tld-menu-item-link>\r\n</ng-template>", styles: [":host{margin:1em 0;display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item-list-title{margin-bottom:1em;font-size:1rem;font-weight:500;line-height:1.5rem}:host::ng-deep .menu-list-wrapper .text-center{text-align:center}:host::ng-deep .menu-list-wrapper tld-menu-item-link+tld-menu-item-link,:host::ng-deep .menu-list-wrapper tld-menu-item-link+.menu-item,:host::ng-deep .menu-list-wrapper .menu-item+tld-menu-item-link,:host::ng-deep .menu-list-wrapper .menu-item+.menu-item{margin-top:1.5625em}:host::ng-deep .menu-list-wrapper .child-list tld-menu-item-link{margin-top:1em}:host::ng-deep .menu-list-wrapper .menu-labels-visible{width:100%}:host::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}:host::ng-deep .menu-list-wrapper .menu-item:focus-visible{outline:black solid 2px}:host::ng-deep .menu-list-wrapper .menu-item:not(button):hover{font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item mat-icon,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item:hover{color:var(--primary-accent)!important;font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item span{display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;align-items:start;width:100%}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content{display:block}:host::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}:host.child-list{margin-bottom:1rem}:host.child-list .menu-item+.menu-item{margin-top:.5rem}::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}menu-item-list{padding-left:30px;margin:0}.mob-menu-item{width:100%}\n"], dependencies: [{ kind: "directive", type: i2$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: MenuItemListComponent, selector: "menu-item-list", inputs: ["direction", "labelsVisible", "activeItem", "showIcons", "items", "menuItemGroup"], outputs: ["toggleExpand"] }, { kind: "component", type: MenuIconComponent, selector: "tld-menu-icon", inputs: ["menuItem"] }, { kind: "component", type: MenuItemLinkComponent, selector: "tld-menu-item-link", inputs: ["direction", "labelsVisible", "activeItem", "showIcons", "menuItem"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'menu-item-list', template: "<div class=\"menu-list-wrapper\">\r\n  <div *ngIf=\"titleKey && showTitle && labelsVisible\" fxLayoutAlign=\"start center\" class=\"menu-item-list-title\">\r\n    {{ titleKey | translate }}\r\n  </div>\r\n  <div fxLayout=\"column\" [fxLayoutAlign]=\"menuLayoutDirection\" class=\"menu-item-list\">\r\n    <ng-container *ngFor=\"let menuItem of items\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"!menuItem.showChildren || !menuItem.children || menuItem?.children?.length === 0 ? menuItemLink : itemWithChildren; context: {menuItem: menuItem}\">\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemWithChildren let-menuItem=\"menuItem\">\r\n  <button [fxLayout]=\"menuItemLayout\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n    [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\" [class.menu-labels-visible]=\"labelsVisible\"\r\n    [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" fxLayoutGap=\"0.375rem\"\r\n    [class.active-menu-item]=\"activeItem?.link && menuItem === activeItem\" (click)=\"toggleItemExpand($event,menuItem)\">\r\n    <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n      <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"labelsVisible\">\r\n      <span class=\"menu-item-title\">\r\n        <span class=\"title-content\">{{ menuItem.title | translate }}</span></span>\r\n      <span class=\"material-icons\" *ngIf=\"menuItem.showChildren && menuItem.children\">\r\n        {{ menuItem.expanded ? 'arrow_drop_up' : 'arrow_drop_down' }}\r\n      </span>\r\n    </ng-container>\r\n  </button>\r\n  <ng-container *ngIf=\"menuItem.showChildren && menuItem.expanded && labelsVisible\">\r\n    <menu-item-list class=\"child-list\" *ngIf=\"menuItem.children && menuItem.children.length\" [items]=\"menuItem.children\"\r\n      [direction]=\"direction\" [labelsVisible]=\"labelsVisible\" [activeItem]=\"activeItem\">\r\n    </menu-item-list>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #menuItemLink let-menuItem=\"menuItem\">\r\n  <tld-menu-item-link [ngClass.lt-md]=\"'mob-menu-item'\" [menuItem]=\"menuItem\" [direction]=\"direction\" [labelsVisible]=\"labelsVisible\"\r\n    [activeItem]=\"activeItem\" [showIcons]=\"showIcons\"></tld-menu-item-link>\r\n</ng-template>", styles: [":host{margin:1em 0;display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item-list-title{margin-bottom:1em;font-size:1rem;font-weight:500;line-height:1.5rem}:host::ng-deep .menu-list-wrapper .text-center{text-align:center}:host::ng-deep .menu-list-wrapper tld-menu-item-link+tld-menu-item-link,:host::ng-deep .menu-list-wrapper tld-menu-item-link+.menu-item,:host::ng-deep .menu-list-wrapper .menu-item+tld-menu-item-link,:host::ng-deep .menu-list-wrapper .menu-item+.menu-item{margin-top:1.5625em}:host::ng-deep .menu-list-wrapper .child-list tld-menu-item-link{margin-top:1em}:host::ng-deep .menu-list-wrapper .menu-labels-visible{width:100%}:host::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}:host::ng-deep .menu-list-wrapper .menu-item:focus-visible{outline:black solid 2px}:host::ng-deep .menu-list-wrapper .menu-item:not(button):hover{font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item mat-icon,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item:hover{color:var(--primary-accent)!important;font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item span{display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;align-items:start;width:100%}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content{display:block}:host::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}:host.child-list{margin-bottom:1rem}:host.child-list .menu-item+.menu-item{margin-top:.5rem}::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}menu-item-list{padding-left:30px;margin:0}.mob-menu-item{width:100%}\n"] }]
-        }], propDecorators: { direction: [{
-                type: Input
-            }], labelsVisible: [{
-                type: Input
-            }], activeItem: [{
-                type: Input
-            }], showIcons: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], menuItemGroup: [{
-                type: Input
-            }], toggleExpand: [{
-                type: Output
-            }] } });
+const _c0$2 = a0 => ({ menuItem: a0 });
+function MenuItemListComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r0.titleKey), " ");
+} }
+function MenuItemListComponent_ng_container_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function MenuItemListComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, MenuItemListComponent_ng_container_3_ng_container_1_Template, 1, 0, "ng-container", 7);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const menuItem_r2 = ctx.$implicit;
+    i0.ɵɵnextContext();
+    const itemWithChildren_r3 = i0.ɵɵreference(5);
+    const menuItemLink_r4 = i0.ɵɵreference(7);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", !menuItem_r2.showChildren || !menuItem_r2.children || (menuItem_r2 == null ? null : menuItem_r2.children == null ? null : menuItem_r2.children.length) === 0 ? menuItemLink_r4 : itemWithChildren_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$2, menuItem_r2));
+} }
+function MenuItemListComponent_ng_template_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "tld-menu-icon", 10);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const menuItem_r6 = i0.ɵɵnextContext().menuItem;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("menuItem", menuItem_r6);
+} }
+function MenuItemListComponent_ng_template_4_ng_container_3_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 14);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const menuItem_r6 = i0.ɵɵnextContext(2).menuItem;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", menuItem_r6.expanded ? "arrow_drop_up" : "arrow_drop_down", " ");
+} }
+function MenuItemListComponent_ng_template_4_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "span", 11)(2, "span", 12);
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "translate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(5, MenuItemListComponent_ng_template_4_ng_container_3_span_5_Template, 2, 1, "span", 13);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const menuItem_r6 = i0.ɵɵnextContext().menuItem;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 2, menuItem_r6.title));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", menuItem_r6.showChildren && menuItem_r6.children);
+} }
+function MenuItemListComponent_ng_template_4_ng_container_4_menu_item_list_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "menu-item-list", 16);
+} if (rf & 2) {
+    const menuItem_r6 = i0.ɵɵnextContext(2).menuItem;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("items", menuItem_r6.children)("direction", ctx_r0.direction)("labelsVisible", ctx_r0.labelsVisible)("activeItem", ctx_r0.activeItem);
+} }
+function MenuItemListComponent_ng_template_4_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, MenuItemListComponent_ng_template_4_ng_container_4_menu_item_list_1_Template, 1, 4, "menu-item-list", 15);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const menuItem_r6 = i0.ɵɵnextContext().menuItem;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", menuItem_r6.children && menuItem_r6.children.length);
+} }
+function MenuItemListComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵpipe(1, "translate");
+    i0.ɵɵlistener("click", function MenuItemListComponent_ng_template_4_Template_button_click_0_listener($event) { const menuItem_r6 = i0.ɵɵrestoreView(_r5).menuItem; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleItemExpand($event, menuItem_r6)); });
+    i0.ɵɵtemplate(2, MenuItemListComponent_ng_template_4_ng_container_2_Template, 2, 1, "ng-container", 9)(3, MenuItemListComponent_ng_template_4_ng_container_3_Template, 6, 4, "ng-container", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, MenuItemListComponent_ng_template_4_ng_container_4_Template, 2, 1, "ng-container", 9);
+} if (rf & 2) {
+    const menuItem_r6 = ctx.menuItem;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("text-center", ctx_r0.menuItemLayout === "column")("menu-labels-visible", ctx_r0.labelsVisible)("active-menu-item", (ctx_r0.activeItem == null ? null : ctx_r0.activeItem.link) && menuItem_r6 === ctx_r0.activeItem);
+    i0.ɵɵproperty("fxLayout", ctx_r0.menuItemLayout)("matTooltip", !ctx_r0.labelsVisible ? i0.ɵɵpipeBind1(1, 12, menuItem_r6.title) : "")("fxLayoutAlign", ctx_r0.menuLayoutDirection);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.showIcons && menuItem_r6.icon);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.labelsVisible);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", menuItem_r6.showChildren && menuItem_r6.expanded && ctx_r0.labelsVisible);
+} }
+function MenuItemListComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "tld-menu-item-link", 17);
+} if (rf & 2) {
+    const menuItem_r7 = ctx.menuItem;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass.lt-md", "mob-menu-item")("menuItem", menuItem_r7)("direction", ctx_r0.direction)("labelsVisible", ctx_r0.labelsVisible)("activeItem", ctx_r0.activeItem)("showIcons", ctx_r0.showIcons);
+} }
+class MenuItemListComponent {
+    constructor() {
+        this.direction = MenuLayoutDirection.column;
+        this.labelsVisible = true;
+        this.showIcons = true;
+        this.items = [];
+        this.toggleExpand = new EventEmitter();
+    }
+    get titleKey() {
+        return this.menuItemGroup?.title;
+    }
+    get showTitle() {
+        return this.menuItemGroup?.showTitle;
+    }
+    get menuLayoutDirection() {
+        return (this.direction === MenuLayoutDirection.column || !this.labelsVisible)
+            ? 'start center' : 'start start';
+    }
+    get menuItemLayout() {
+        return this.direction === MenuLayoutDirection.column ? 'column' : 'row';
+    }
+    toggleItemExpand(event, menuItem) {
+        // so menu doesnt get closed.
+        event.stopPropagation();
+        if (this.labelsVisible || !menuItem.expanded) {
+            menuItem.expanded = !menuItem.expanded;
+        }
+        this.toggleExpand.next(menuItem);
+    }
+    static { this.ɵfac = function MenuItemListComponent_Factory(t) { return new (t || MenuItemListComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemListComponent, selectors: [["menu-item-list"]], inputs: { direction: "direction", labelsVisible: "labelsVisible", activeItem: "activeItem", showIcons: "showIcons", items: "items", menuItemGroup: "menuItemGroup" }, outputs: { toggleExpand: "toggleExpand" }, decls: 8, vars: 3, consts: [["itemWithChildren", ""], ["menuItemLink", ""], [1, "menu-list-wrapper"], ["fxLayoutAlign", "start center", "class", "menu-item-list-title", 4, "ngIf"], ["fxLayout", "column", 1, "menu-item-list", 3, "fxLayoutAlign"], [4, "ngFor", "ngForOf"], ["fxLayoutAlign", "start center", 1, "menu-item-list-title"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["matTooltipPosition", "after", "matTooltipClass", "menu-tooltip", "fxLayoutGap", "0.375rem", 1, "text-m", "menu-item", 3, "click", "fxLayout", "matTooltip", "fxLayoutAlign"], [4, "ngIf"], [3, "menuItem"], [1, "menu-item-title"], [1, "title-content"], ["class", "material-icons", 4, "ngIf"], [1, "material-icons"], ["class", "child-list", 3, "items", "direction", "labelsVisible", "activeItem", 4, "ngIf"], [1, "child-list", 3, "items", "direction", "labelsVisible", "activeItem"], [3, "ngClass.lt-md", "menuItem", "direction", "labelsVisible", "activeItem", "showIcons"]], template: function MenuItemListComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 2);
+            i0.ɵɵtemplate(1, MenuItemListComponent_div_1_Template, 3, 3, "div", 3);
+            i0.ɵɵelementStart(2, "div", 4);
+            i0.ɵɵtemplate(3, MenuItemListComponent_ng_container_3_Template, 2, 4, "ng-container", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(4, MenuItemListComponent_ng_template_4_Template, 5, 14, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(6, MenuItemListComponent_ng_template_6_Template, 1, 6, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.titleKey && ctx.showTitle && ctx.labelsVisible);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("fxLayoutAlign", ctx.menuLayoutDirection);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.items);
+        } }, dependencies: [i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i3$1.DefaultClassDirective, i3.NgForOf, i3.NgIf, i3.NgTemplateOutlet, i5.MatTooltip, MenuItemListComponent, MenuIconComponent, MenuItemLinkComponent, i9.TranslatePipe], styles: ["[_nghost-%COMP%]{margin:1em 0;display:inline-block}[_nghost-%COMP%]  .menu-list-wrapper .menu-item-list-title{margin-bottom:1em;font-size:1rem;font-weight:500;line-height:1.5rem}[_nghost-%COMP%]  .menu-list-wrapper .text-center{text-align:center}[_nghost-%COMP%]  .menu-list-wrapper tld-menu-item-link+tld-menu-item-link, [_nghost-%COMP%]  .menu-list-wrapper tld-menu-item-link+.menu-item, [_nghost-%COMP%]  .menu-list-wrapper .menu-item+tld-menu-item-link, [_nghost-%COMP%]  .menu-list-wrapper .menu-item+.menu-item{margin-top:1.5625em}[_nghost-%COMP%]  .menu-list-wrapper .child-list tld-menu-item-link{margin-top:1em}[_nghost-%COMP%]  .menu-list-wrapper .menu-labels-visible{width:100%}[_nghost-%COMP%]  .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}[_nghost-%COMP%]  .menu-list-wrapper .menu-item:focus-visible{outline:black solid 2px}[_nghost-%COMP%]  .menu-list-wrapper .menu-item:not(button):hover{font-weight:600}[_nghost-%COMP%]  .menu-list-wrapper .menu-item.active-menu-item, [_nghost-%COMP%]  .menu-list-wrapper .menu-item.active-menu-item mat-icon, [_nghost-%COMP%]  .menu-list-wrapper .menu-item.active-menu-item:hover{color:var(--primary-accent)!important;font-weight:600}[_nghost-%COMP%]  .menu-list-wrapper .menu-item span{display:inline-block}[_nghost-%COMP%]  .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;align-items:start;width:100%}[_nghost-%COMP%]  .menu-list-wrapper .menu-item .menu-item-title .title-content{display:block}[_nghost-%COMP%]  .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}.child-list[_nghost-%COMP%]{margin-bottom:1rem}.child-list[_nghost-%COMP%]   .menu-item[_ngcontent-%COMP%] + .menu-item[_ngcontent-%COMP%]{margin-top:.5rem}  .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[_ngcontent-%COMP%]{padding-left:30px;margin:0}.mob-menu-item[_ngcontent-%COMP%]{width:100%}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemListComponent, [{
+        type: Component,
+        args: [{ selector: 'menu-item-list', template: "<div class=\"menu-list-wrapper\">\r\n  <div *ngIf=\"titleKey && showTitle && labelsVisible\" fxLayoutAlign=\"start center\" class=\"menu-item-list-title\">\r\n    {{ titleKey | translate }}\r\n  </div>\r\n  <div fxLayout=\"column\" [fxLayoutAlign]=\"menuLayoutDirection\" class=\"menu-item-list\">\r\n    <ng-container *ngFor=\"let menuItem of items\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"!menuItem.showChildren || !menuItem.children || menuItem?.children?.length === 0 ? menuItemLink : itemWithChildren; context: {menuItem: menuItem}\">\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemWithChildren let-menuItem=\"menuItem\">\r\n  <button [fxLayout]=\"menuItemLayout\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n    [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\" [class.menu-labels-visible]=\"labelsVisible\"\r\n    [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" fxLayoutGap=\"0.375rem\"\r\n    [class.active-menu-item]=\"activeItem?.link && menuItem === activeItem\" (click)=\"toggleItemExpand($event,menuItem)\">\r\n    <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n      <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"labelsVisible\">\r\n      <span class=\"menu-item-title\">\r\n        <span class=\"title-content\">{{ menuItem.title | translate }}</span></span>\r\n      <span class=\"material-icons\" *ngIf=\"menuItem.showChildren && menuItem.children\">\r\n        {{ menuItem.expanded ? 'arrow_drop_up' : 'arrow_drop_down' }}\r\n      </span>\r\n    </ng-container>\r\n  </button>\r\n  <ng-container *ngIf=\"menuItem.showChildren && menuItem.expanded && labelsVisible\">\r\n    <menu-item-list class=\"child-list\" *ngIf=\"menuItem.children && menuItem.children.length\" [items]=\"menuItem.children\"\r\n      [direction]=\"direction\" [labelsVisible]=\"labelsVisible\" [activeItem]=\"activeItem\">\r\n    </menu-item-list>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #menuItemLink let-menuItem=\"menuItem\">\r\n  <tld-menu-item-link [ngClass.lt-md]=\"'mob-menu-item'\" [menuItem]=\"menuItem\" [direction]=\"direction\" [labelsVisible]=\"labelsVisible\"\r\n    [activeItem]=\"activeItem\" [showIcons]=\"showIcons\"></tld-menu-item-link>\r\n</ng-template>", styles: [":host{margin:1em 0;display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item-list-title{margin-bottom:1em;font-size:1rem;font-weight:500;line-height:1.5rem}:host::ng-deep .menu-list-wrapper .text-center{text-align:center}:host::ng-deep .menu-list-wrapper tld-menu-item-link+tld-menu-item-link,:host::ng-deep .menu-list-wrapper tld-menu-item-link+.menu-item,:host::ng-deep .menu-list-wrapper .menu-item+tld-menu-item-link,:host::ng-deep .menu-list-wrapper .menu-item+.menu-item{margin-top:1.5625em}:host::ng-deep .menu-list-wrapper .child-list tld-menu-item-link{margin-top:1em}:host::ng-deep .menu-list-wrapper .menu-labels-visible{width:100%}:host::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}:host::ng-deep .menu-list-wrapper .menu-item:focus-visible{outline:black solid 2px}:host::ng-deep .menu-list-wrapper .menu-item:not(button):hover{font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item mat-icon,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item:hover{color:var(--primary-accent)!important;font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item span{display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;align-items:start;width:100%}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content{display:block}:host::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}:host.child-list{margin-bottom:1rem}:host.child-list .menu-item+.menu-item{margin-top:.5rem}::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}menu-item-list{padding-left:30px;margin:0}.mob-menu-item{width:100%}\n"] }]
+    }], null, { direction: [{
+            type: Input
+        }], labelsVisible: [{
+            type: Input
+        }], activeItem: [{
+            type: Input
+        }], showIcons: [{
+            type: Input
+        }], items: [{
+            type: Input
+        }], menuItemGroup: [{
+            type: Input
+        }], toggleExpand: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemListComponent, { className: "MenuItemListComponent", filePath: "lib\\components\\menu-item-list\\menu-item-list.component.ts", lineNumber: 11 }); })();
 
-class MenuColumnsComponent {
-    get active() { return this._active; }
-    set active(value) {
-        this._active = value;
-        if (!value) {
-            this.activeItem = undefined;
-            return;
-        }
-        this.elementExpanded(this.active?.root);
-    }
-    get mergedGroups() { return this.menuItemsService.mergedGroups; }
-    constructor(router, menuSharedConfig, menuItemsService) {
-        this.router = router;
-        this.menuSharedConfig = menuSharedConfig;
-        this.menuItemsService = menuItemsService;
-        this.direction = MenuLayoutDirection.column;
-        this.labelsVisible = true;
-        this.toggleCollapseEvent = new EventEmitter();
-        this.subscriptions = [];
-    }
-    ngOnInit() {
-        this.activeItem = this.active.root;
-    }
-    ngOnDestroy() {
-        this.subscriptions.forEach(sub => sub.unsubscribe());
-    }
-    elementExpanded(element) {
-        if (!this.active || !element) {
-            this.activeItem = undefined;
-            return;
-        }
-        // if menu is collapsed and chilren are expandable, we should open menu
-        if (element.showChildren && !this.labelsVisible) {
-            this.toggleCollapseEvent.emit();
-        }
-        if (element.showChildren && element.expanded && element === this.active.root) {
-            this.activeItem = this.active.child;
-        }
-        else {
-            this.activeItem = this.active.root;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuColumnsComponent, deps: [{ token: i1$1.Router }, { token: MENU_SHARED_CONFIG, optional: true }, { token: MenuItemsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuColumnsComponent, selector: "menu-columns", inputs: { direction: "direction", labelsVisible: "labelsVisible", active: "active" }, outputs: { toggleCollapseEvent: "toggleCollapseEvent" }, ngImport: i0, template: "<ng-container *ngFor=\"let group of mergedGroups\">\r\n    <menu-item-list *ngIf=\"group.items.length\" [activeItem]=\"activeItem\" [direction]=\"direction\"\r\n        (toggleExpand)=\"elementExpanded($event)\" [labelsVisible]=\"labelsVisible\" [menuItemGroup]=\"group\"\r\n        [items]=\"group.items\">\r\n    </menu-item-list>\r\n    <div class=\"divider\" *ngIf=\"group.bottomDivider && group.items.length\">\r\n        <mat-divider></mat-divider>\r\n    </div>\r\n</ng-container>", styles: [":host{display:inline-block}:host menu-item-list{display:block}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: MenuItemListComponent, selector: "menu-item-list", inputs: ["direction", "labelsVisible", "activeItem", "showIcons", "items", "menuItemGroup"], outputs: ["toggleExpand"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuColumnsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'menu-columns', template: "<ng-container *ngFor=\"let group of mergedGroups\">\r\n    <menu-item-list *ngIf=\"group.items.length\" [activeItem]=\"activeItem\" [direction]=\"direction\"\r\n        (toggleExpand)=\"elementExpanded($event)\" [labelsVisible]=\"labelsVisible\" [menuItemGroup]=\"group\"\r\n        [items]=\"group.items\">\r\n    </menu-item-list>\r\n    <div class=\"divider\" *ngIf=\"group.bottomDivider && group.items.length\">\r\n        <mat-divider></mat-divider>\r\n    </div>\r\n</ng-container>", styles: [":host{display:inline-block}:host menu-item-list{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MENU_SHARED_CONFIG]
-                }] }, { type: MenuItemsService }]; }, propDecorators: { direction: [{
-                type: Input
-            }], labelsVisible: [{
-                type: Input
-            }], toggleCollapseEvent: [{
-                type: Output
-            }], active: [{
-                type: Input
-            }] } });
+function MenuColumnsComponent_ng_container_0_menu_item_list_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "menu-item-list", 3);
+    i0.ɵɵlistener("toggleExpand", function MenuColumnsComponent_ng_container_0_menu_item_list_1_Template_menu_item_list_toggleExpand_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.elementExpanded($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r3 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("activeItem", ctx_r1.activeItem)("direction", ctx_r1.direction)("labelsVisible", ctx_r1.labelsVisible)("menuItemGroup", group_r3)("items", group_r3.items);
+} }
+function MenuColumnsComponent_ng_container_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "mat-divider");
+    i0.ɵɵelementEnd();
+} }
+function MenuColumnsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, MenuColumnsComponent_ng_container_0_menu_item_list_1_Template, 1, 5, "menu-item-list", 1)(2, MenuColumnsComponent_ng_container_0_div_2_Template, 2, 0, "div", 2);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const group_r3 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", group_r3.items.length);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", group_r3.bottomDivider && group_r3.items.length);
+} }
+class MenuColumnsComponent {
+    get active() { return this._active; }
+    set active(value) {
+        this._active = value;
+        if (!value) {
+            this.activeItem = undefined;
+            return;
+        }
+        this.elementExpanded(this.active?.root);
+    }
+    get mergedGroups() { return this.menuItemsService.mergedGroups; }
+    constructor(router, menuSharedConfig, menuItemsService) {
+        this.router = router;
+        this.menuSharedConfig = menuSharedConfig;
+        this.menuItemsService = menuItemsService;
+        this.direction = MenuLayoutDirection.column;
+        this.labelsVisible = true;
+        this.toggleCollapseEvent = new EventEmitter();
+        this.subscriptions = [];
+    }
+    ngOnInit() {
+        this.activeItem = this.active.root;
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach(sub => sub.unsubscribe());
+    }
+    elementExpanded(element) {
+        if (!this.active || !element) {
+            this.activeItem = undefined;
+            return;
+        }
+        // if menu is collapsed and chilren are expandable, we should open menu
+        if (element.showChildren && !this.labelsVisible) {
+            this.toggleCollapseEvent.emit();
+        }
+        if (element.showChildren && element.expanded && element === this.active.root) {
+            this.activeItem = this.active.child;
+        }
+        else {
+            this.activeItem = this.active.root;
+        }
+    }
+    static { this.ɵfac = function MenuColumnsComponent_Factory(t) { return new (t || MenuColumnsComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(MENU_SHARED_CONFIG, 8), i0.ɵɵdirectiveInject(MenuItemsService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuColumnsComponent, selectors: [["menu-columns"]], inputs: { direction: "direction", labelsVisible: "labelsVisible", active: "active" }, outputs: { toggleCollapseEvent: "toggleCollapseEvent" }, decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"], [3, "activeItem", "direction", "labelsVisible", "menuItemGroup", "items", "toggleExpand", 4, "ngIf"], ["class", "divider", 4, "ngIf"], [3, "toggleExpand", "activeItem", "direction", "labelsVisible", "menuItemGroup", "items"], [1, "divider"]], template: function MenuColumnsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, MenuColumnsComponent_ng_container_0_Template, 3, 2, "ng-container", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngForOf", ctx.mergedGroups);
+        } }, dependencies: [i3.NgForOf, i3.NgIf, i4.MatDivider, MenuItemListComponent], styles: ["[_nghost-%COMP%]{display:inline-block}[_nghost-%COMP%]   menu-item-list[_ngcontent-%COMP%]{display:block}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuColumnsComponent, [{
+        type: Component,
+        args: [{ selector: 'menu-columns', template: "<ng-container *ngFor=\"let group of mergedGroups\">\r\n    <menu-item-list *ngIf=\"group.items.length\" [activeItem]=\"activeItem\" [direction]=\"direction\"\r\n        (toggleExpand)=\"elementExpanded($event)\" [labelsVisible]=\"labelsVisible\" [menuItemGroup]=\"group\"\r\n        [items]=\"group.items\">\r\n    </menu-item-list>\r\n    <div class=\"divider\" *ngIf=\"group.bottomDivider && group.items.length\">\r\n        <mat-divider></mat-divider>\r\n    </div>\r\n</ng-container>", styles: [":host{display:inline-block}:host menu-item-list{display:block}\n"] }]
+    }], () => [{ type: i1$1.Router }, { type: undefined, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [MENU_SHARED_CONFIG]
+            }] }, { type: MenuItemsService }], { direction: [{
+            type: Input
+        }], labelsVisible: [{
+            type: Input
+        }], toggleCollapseEvent: [{
+            type: Output
+        }], active: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuColumnsComponent, { className: "MenuColumnsComponent", filePath: "lib\\components\\menu-columns\\menu-columns.component.ts", lineNumber: 16 }); })();
 
-class SideNavMenuComponent extends NavBaseComponent {
-    get menuLogoImage() {
-        return this.collapsed
-            ? this.menuSettings.menuLogoCollapsed ?? this.menuSettings.menuLogo
-            : this.menuSettings.menuLogo;
-    }
-    get sideNavWidth() {
-        return this.collapsed ? this.menuSettings.collapsedWidth : this.menuSettings.expandedWidth;
-    }
-    constructor(strapiLinkService, domService, menuItems, menuSharedConfig) {
-        super(menuItems);
-        this.strapiLinkService = strapiLinkService;
-        this.domService = domService;
-        this.menuItems = menuItems;
-        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.LOGOCLICK_PLAUSIBLE_EVENT = {
-            eventId: this.LOGOCLICK_PLAUSIBLE_ACTION_ID,
-            properties: []
-        };
-        this.EXPAND_PLAUSIBLE_EVENT = {
-            eventId: this.COLLAPSE_PLAUSIBLE_EVENT_ID,
-            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" }]
-        };
-        //#endregion
-        this.menuSettings = {
-            expandedWidth: '9.375em',
-            collapsedWidth: '5em',
-            menuLogo: '',
-            menuLogoCollapsed: '',
-            disableStrapi: false
-        };
-        this.collapsed = false;
-        this.baseUrl = menuSharedConfig.baseUrl || '';
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.getColapsedFromLocalStorage();
-    }
-    logoClick(event) {
-        this.strapiLinkService.strapiLinkClick(event);
-    }
-    toggleCollapse() {
-        this.collapsed = !this.collapsed;
-        this.setColapsedFromLocalStorage();
-    }
-    getColapsedFromLocalStorage() {
-        if (!this.domService.localStorage) {
-            return;
-        }
-        this.collapsed = this.domService.localStorage.getItem(this.COLLAPSED_LOCAL_STORAGE_KEY) == 'true' ? true : false;
-    }
-    setColapsedFromLocalStorage() {
-        if (!this.domService.localStorage) {
-            return;
-        }
-        this.domService.localStorage.setItem(this.COLLAPSED_LOCAL_STORAGE_KEY, this.collapsed.toString());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavMenuComponent, deps: [{ token: i1.StrapiLinkService }, { token: i2.DOMService }, { token: MenuItemsService }, { token: MENU_SHARED_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideNavMenuComponent, selector: "lib-side-nav-menu", inputs: { menuSettings: "menuSettings" }, usesInheritance: true, ngImport: i0, template: "<div class=\"menu-container\" [style.width]=\"sideNavWidth\" fxLayout=\"column\" [class.collapsed]=\"collapsed\">\r\n  <div class=\"content\" fxLayout=\"column\" fxFlexFill>\r\n    <div class=\"menu-container-header\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n      <a *ngIf=\"!collapsed\" [libPlausibleEvent]=\"LOGOCLICK_PLAUSIBLE_EVENT\" fxFlex=\"3.125em\" [href]=\"baseUrl\"\r\n        [attr.aria-label]=\"'MENU.ARIA_LABELS.LOGO' | translate\" (click)=\"logoClick($event)\" fxLayoutAlign=\"start center\"\r\n      >\r\n        <img class=\"menu-logo\" [src]=\"menuLogoImage\" alt=\"\" />\r\n      </a>\r\n\r\n      <button\r\n        mat-icon-button\r\n        class=\"toggler\"\r\n        [libPlausibleEvent]=\"collapsed ? EXPAND_PLAUSIBLE_EVENT : COLLAPSE_PLAUSIBLE_EVENT\"\r\n        (click)=\"toggleCollapse()\"\r\n      >\r\n        <mat-icon>{{ collapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left' }}</mat-icon>\r\n      </button>\r\n    </div>\r\n   \r\n    <div class=\"menu-wrapper\" fxLayout=\"column\" fxFlex>\r\n      <menu-columns (toggleCollapseEvent)=\"toggleCollapse()\" [direction]=\"direction\" role=\"navigation\" fxFlex [labelsVisible]=\"!collapsed\"\r\n        [active]=\"active\"></menu-columns>\r\n    </div>\r\n  </div>", styles: [".menu-container{height:100%;overflow:auto;background:var(--base-100);border-right:1px solid var(--base-70)}.menu-container .menu-container-header{margin:24px 0}.menu-container .content{padding:0 .8em}.menu-container .content .toggler{margin-right:-10px}.menu-container .content .menu-logo{max-width:100%}.menu-container .divider{width:100%;margin:0}:host ::ng-deep .collapsed .menu-item{padding:calc(.125em + 1px)}:host ::ng-deep .collapsed .menu-item.active-menu-item{padding:.125em;border:1px solid var(--primary-accent);border-radius:var(--default-border-radius)}:host::ng-deep button.collapse-btn .mat-mdc-button-persistent-ripple,:host::ng-deep button.toggler .mat-mdc-button-persistent-ripple{display:none}\n"], dependencies: [{ kind: "directive", type: i2$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2$2.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i2$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2.PlausibleEventDirective, selector: "[libPlausibleEvent]", inputs: ["libPlausibleEvent"] }, { kind: "component", type: MenuColumnsComponent, selector: "menu-columns", inputs: ["direction", "labelsVisible", "active"], outputs: ["toggleCollapseEvent"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-side-nav-menu', template: "<div class=\"menu-container\" [style.width]=\"sideNavWidth\" fxLayout=\"column\" [class.collapsed]=\"collapsed\">\r\n  <div class=\"content\" fxLayout=\"column\" fxFlexFill>\r\n    <div class=\"menu-container-header\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n      <a *ngIf=\"!collapsed\" [libPlausibleEvent]=\"LOGOCLICK_PLAUSIBLE_EVENT\" fxFlex=\"3.125em\" [href]=\"baseUrl\"\r\n        [attr.aria-label]=\"'MENU.ARIA_LABELS.LOGO' | translate\" (click)=\"logoClick($event)\" fxLayoutAlign=\"start center\"\r\n      >\r\n        <img class=\"menu-logo\" [src]=\"menuLogoImage\" alt=\"\" />\r\n      </a>\r\n\r\n      <button\r\n        mat-icon-button\r\n        class=\"toggler\"\r\n        [libPlausibleEvent]=\"collapsed ? EXPAND_PLAUSIBLE_EVENT : COLLAPSE_PLAUSIBLE_EVENT\"\r\n        (click)=\"toggleCollapse()\"\r\n      >\r\n        <mat-icon>{{ collapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left' }}</mat-icon>\r\n      </button>\r\n    </div>\r\n   \r\n    <div class=\"menu-wrapper\" fxLayout=\"column\" fxFlex>\r\n      <menu-columns (toggleCollapseEvent)=\"toggleCollapse()\" [direction]=\"direction\" role=\"navigation\" fxFlex [labelsVisible]=\"!collapsed\"\r\n        [active]=\"active\"></menu-columns>\r\n    </div>\r\n  </div>", styles: [".menu-container{height:100%;overflow:auto;background:var(--base-100);border-right:1px solid var(--base-70)}.menu-container .menu-container-header{margin:24px 0}.menu-container .content{padding:0 .8em}.menu-container .content .toggler{margin-right:-10px}.menu-container .content .menu-logo{max-width:100%}.menu-container .divider{width:100%;margin:0}:host ::ng-deep .collapsed .menu-item{padding:calc(.125em + 1px)}:host ::ng-deep .collapsed .menu-item.active-menu-item{padding:.125em;border:1px solid var(--primary-accent);border-radius:var(--default-border-radius)}:host::ng-deep button.collapse-btn .mat-mdc-button-persistent-ripple,:host::ng-deep button.toggler .mat-mdc-button-persistent-ripple{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.StrapiLinkService }, { type: i2.DOMService }, { type: MenuItemsService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MENU_SHARED_CONFIG]
-                }] }]; }, propDecorators: { menuSettings: [{
-                type: Input
-            }] } });
+function SideNavMenuComponent_a_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 7);
+    i0.ɵɵpipe(1, "translate");
+    i0.ɵɵlistener("click", function SideNavMenuComponent_a_3_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", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("libPlausibleEvent", ctx_r1.LOGOCLICK_PLAUSIBLE_EVENT)("href", ctx_r1.baseUrl, i0.ɵɵsanitizeUrl);
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 4, "MENU.ARIA_LABELS.LOGO"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("src", ctx_r1.menuLogoImage, i0.ɵɵsanitizeUrl);
+} }
+class SideNavMenuComponent extends NavBaseComponent {
+    get menuLogoImage() {
+        return this.collapsed
+            ? this.menuSettings.menuLogoCollapsed ?? this.menuSettings.menuLogo
+            : this.menuSettings.menuLogo;
+    }
+    get sideNavWidth() {
+        return this.collapsed ? this.menuSettings.collapsedWidth : this.menuSettings.expandedWidth;
+    }
+    constructor(strapiLinkService, domService, menuItems, menuSharedConfig) {
+        super(menuItems);
+        this.strapiLinkService = strapiLinkService;
+        this.domService = domService;
+        this.menuItems = menuItems;
+        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.LOGOCLICK_PLAUSIBLE_EVENT = {
+            eventId: this.LOGOCLICK_PLAUSIBLE_ACTION_ID,
+            properties: []
+        };
+        this.EXPAND_PLAUSIBLE_EVENT = {
+            eventId: this.COLLAPSE_PLAUSIBLE_EVENT_ID,
+            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" }]
+        };
+        //#endregion
+        this.menuSettings = {
+            expandedWidth: '9.375em',
+            collapsedWidth: '5em',
+            menuLogo: '',
+            menuLogoCollapsed: '',
+            disableStrapi: false
+        };
+        this.collapsed = false;
+        this.baseUrl = menuSharedConfig.baseUrl || '';
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.getColapsedFromLocalStorage();
+    }
+    logoClick(event) {
+        this.strapiLinkService.strapiLinkClick(event);
+    }
+    toggleCollapse() {
+        this.collapsed = !this.collapsed;
+        this.setColapsedFromLocalStorage();
+    }
+    getColapsedFromLocalStorage() {
+        if (!this.domService.localStorage) {
+            return;
+        }
+        this.collapsed = this.domService.localStorage.getItem(this.COLLAPSED_LOCAL_STORAGE_KEY) == 'true' ? true : false;
+    }
+    setColapsedFromLocalStorage() {
+        if (!this.domService.localStorage) {
+            return;
+        }
+        this.domService.localStorage.setItem(this.COLLAPSED_LOCAL_STORAGE_KEY, this.collapsed.toString());
+    }
+    static { this.ɵfac = function SideNavMenuComponent_Factory(t) { return new (t || SideNavMenuComponent)(i0.ɵɵdirectiveInject(i1.StrapiLinkService), i0.ɵɵdirectiveInject(i2.DOMService), i0.ɵɵdirectiveInject(MenuItemsService), i0.ɵɵdirectiveInject(MENU_SHARED_CONFIG, 8)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SideNavMenuComponent, selectors: [["lib-side-nav-menu"]], inputs: { menuSettings: "menuSettings" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 10, consts: [["fxLayout", "column", 1, "menu-container"], ["fxLayout", "column", "fxFlexFill", "", 1, "content"], ["fxLayout", "row", "fxLayoutAlign", "space-between center", 1, "menu-container-header"], ["fxFlex", "3.125em", "fxLayoutAlign", "start center", 3, "libPlausibleEvent", "href", "click", 4, "ngIf"], ["mat-icon-button", "", 1, "toggler", 3, "click", "libPlausibleEvent"], ["fxLayout", "column", "fxFlex", "", 1, "menu-wrapper"], ["role", "navigation", "fxFlex", "", 3, "toggleCollapseEvent", "direction", "labelsVisible", "active"], ["fxFlex", "3.125em", "fxLayoutAlign", "start center", 3, "click", "libPlausibleEvent", "href"], ["alt", "", 1, "menu-logo", 3, "src"]], template: function SideNavMenuComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵtemplate(3, SideNavMenuComponent_a_3_Template, 3, 6, "a", 3);
+            i0.ɵɵelementStart(4, "button", 4);
+            i0.ɵɵlistener("click", function SideNavMenuComponent_Template_button_click_4_listener() { return ctx.toggleCollapse(); });
+            i0.ɵɵelementStart(5, "mat-icon");
+            i0.ɵɵtext(6);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(7, "div", 5)(8, "menu-columns", 6);
+            i0.ɵɵlistener("toggleCollapseEvent", function SideNavMenuComponent_Template_menu_columns_toggleCollapseEvent_8_listener() { return ctx.toggleCollapse(); });
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵstyleProp("width", ctx.sideNavWidth);
+            i0.ɵɵclassProp("collapsed", ctx.collapsed);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", !ctx.collapsed);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("libPlausibleEvent", ctx.collapsed ? ctx.EXPAND_PLAUSIBLE_EVENT : ctx.COLLAPSE_PLAUSIBLE_EVENT);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.collapsed ? "keyboard_double_arrow_right" : "keyboard_double_arrow_left");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("direction", ctx.direction)("labelsVisible", !ctx.collapsed)("active", ctx.active);
+        } }, dependencies: [i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutAlignDirective, i2$2.FlexFillDirective, i2$2.DefaultFlexDirective, i3.NgIf, i2$1.MatIcon, i7.MatIconButton, i2.PlausibleEventDirective, MenuColumnsComponent, i9.TranslatePipe], styles: [".menu-container[_ngcontent-%COMP%]{height:100%;overflow:auto;background:var(--base-100);border-right:1px solid var(--base-70)}.menu-container[_ngcontent-%COMP%]   .menu-container-header[_ngcontent-%COMP%]{margin:24px 0}.menu-container[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]{padding:0 .8em}.menu-container[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .toggler[_ngcontent-%COMP%]{margin-right:-10px}.menu-container[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .menu-logo[_ngcontent-%COMP%]{max-width:100%}.menu-container[_ngcontent-%COMP%]   .divider[_ngcontent-%COMP%]{width:100%;margin:0}[_nghost-%COMP%]     .collapsed .menu-item{padding:calc(.125em + 1px)}[_nghost-%COMP%]     .collapsed .menu-item.active-menu-item{padding:.125em;border:1px solid var(--primary-accent);border-radius:var(--default-border-radius)}[_nghost-%COMP%]  button.collapse-btn .mat-mdc-button-persistent-ripple, [_nghost-%COMP%]  button.toggler .mat-mdc-button-persistent-ripple{display:none}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SideNavMenuComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-side-nav-menu', template: "<div class=\"menu-container\" [style.width]=\"sideNavWidth\" fxLayout=\"column\" [class.collapsed]=\"collapsed\">\r\n  <div class=\"content\" fxLayout=\"column\" fxFlexFill>\r\n    <div class=\"menu-container-header\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n      <a *ngIf=\"!collapsed\" [libPlausibleEvent]=\"LOGOCLICK_PLAUSIBLE_EVENT\" fxFlex=\"3.125em\" [href]=\"baseUrl\"\r\n        [attr.aria-label]=\"'MENU.ARIA_LABELS.LOGO' | translate\" (click)=\"logoClick($event)\" fxLayoutAlign=\"start center\"\r\n      >\r\n        <img class=\"menu-logo\" [src]=\"menuLogoImage\" alt=\"\" />\r\n      </a>\r\n\r\n      <button\r\n        mat-icon-button\r\n        class=\"toggler\"\r\n        [libPlausibleEvent]=\"collapsed ? EXPAND_PLAUSIBLE_EVENT : COLLAPSE_PLAUSIBLE_EVENT\"\r\n        (click)=\"toggleCollapse()\"\r\n      >\r\n        <mat-icon>{{ collapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left' }}</mat-icon>\r\n      </button>\r\n    </div>\r\n   \r\n    <div class=\"menu-wrapper\" fxLayout=\"column\" fxFlex>\r\n      <menu-columns (toggleCollapseEvent)=\"toggleCollapse()\" [direction]=\"direction\" role=\"navigation\" fxFlex [labelsVisible]=\"!collapsed\"\r\n        [active]=\"active\"></menu-columns>\r\n    </div>\r\n  </div>", styles: [".menu-container{height:100%;overflow:auto;background:var(--base-100);border-right:1px solid var(--base-70)}.menu-container .menu-container-header{margin:24px 0}.menu-container .content{padding:0 .8em}.menu-container .content .toggler{margin-right:-10px}.menu-container .content .menu-logo{max-width:100%}.menu-container .divider{width:100%;margin:0}:host ::ng-deep .collapsed .menu-item{padding:calc(.125em + 1px)}:host ::ng-deep .collapsed .menu-item.active-menu-item{padding:.125em;border:1px solid var(--primary-accent);border-radius:var(--default-border-radius)}:host::ng-deep button.collapse-btn .mat-mdc-button-persistent-ripple,:host::ng-deep button.toggler .mat-mdc-button-persistent-ripple{display:none}\n"] }]
+    }], () => [{ type: i1.StrapiLinkService }, { type: i2.DOMService }, { type: MenuItemsService }, { type: undefined, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [MENU_SHARED_CONFIG]
+            }] }], { menuSettings: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SideNavMenuComponent, { className: "SideNavMenuComponent", filePath: "lib\\components\\side-nav-menu\\side-nav-menu.component.ts", lineNumber: 16 }); })();
 
-class ModalNavMenuComponent extends NavBaseComponent {
-    constructor(menuItems) {
-        super(menuItems);
-        this.menuItems = menuItems;
-        this.menuDialogSettings = {
-            showMenuTitle: false,
-            fullScreen: true
-        };
-        // any type because emitter doesn't really need a value
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.closeButtonClick = new EventEmitter();
-    }
-    close() {
-        this.closeButtonClick.emit(null);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalNavMenuComponent, deps: [{ token: MenuItemsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ModalNavMenuComponent, selector: "lib-modal-nav-menu", inputs: { menuDialogSettings: "menuDialogSettings" }, outputs: { closeButtonClick: "closeButtonClick" }, usesInheritance: true, ngImport: i0, template: "<div class=\"content menu-modal\" fxLayout=\"row\" fxFlexFill>\r\n  <div fxLayout=\"column\" [class.full-screen]=\"menuDialogSettings.fullScreen\">\r\n    <div fxLayout=\"row\" class=\"menu-header\">\r\n      <img [src]=\"menuDialogSettings.logo\" *ngIf=\"menuDialogSettings.logo\" width=\"75\" alt=\"\">\r\n      <span *ngIf=\"menuDialogSettings.showMenuTitle\" fxLayoutAlign=\"start center\" fxFlex>{{\r\n        \"MENU.MENU\" | translate\r\n        }}</span>\r\n      <span *ngIf=\"menuDialogSettings.showCloseMenuButton\" (click)=\"close()\" class=\"close-icon\" fxFlex\r\n        fxLayoutAlign=\"end center\">\r\n        <mat-icon>close</mat-icon>\r\n      </span>\r\n    </div>\r\n    <ng-content select=\"[top]\"></ng-content>\r\n    <menu-columns [direction]=\"direction\" [active]=\"active\">\r\n    </menu-columns>\r\n    <ng-content select=\"[bottom]\"></ng-content>\r\n  </div>\r\n</div>", styles: [".menu-modal{background-color:var(--base-100);padding:1.375rem 1.5rem}.close-icon{cursor:pointer}.menu-header{font-style:normal;font-weight:500;font-size:1.3125rem;line-height:1.75rem;text-align:center;margin:1em 0;color:var(--menu-dark-color)}.close-icon>mat-icon{transform:scale(1.5)}\n"], dependencies: [{ kind: "directive", type: i2$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2$2.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i2$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MenuColumnsComponent, selector: "menu-columns", inputs: ["direction", "labelsVisible", "active"], outputs: ["toggleCollapseEvent"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalNavMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-modal-nav-menu', template: "<div class=\"content menu-modal\" fxLayout=\"row\" fxFlexFill>\r\n  <div fxLayout=\"column\" [class.full-screen]=\"menuDialogSettings.fullScreen\">\r\n    <div fxLayout=\"row\" class=\"menu-header\">\r\n      <img [src]=\"menuDialogSettings.logo\" *ngIf=\"menuDialogSettings.logo\" width=\"75\" alt=\"\">\r\n      <span *ngIf=\"menuDialogSettings.showMenuTitle\" fxLayoutAlign=\"start center\" fxFlex>{{\r\n        \"MENU.MENU\" | translate\r\n        }}</span>\r\n      <span *ngIf=\"menuDialogSettings.showCloseMenuButton\" (click)=\"close()\" class=\"close-icon\" fxFlex\r\n        fxLayoutAlign=\"end center\">\r\n        <mat-icon>close</mat-icon>\r\n      </span>\r\n    </div>\r\n    <ng-content select=\"[top]\"></ng-content>\r\n    <menu-columns [direction]=\"direction\" [active]=\"active\">\r\n    </menu-columns>\r\n    <ng-content select=\"[bottom]\"></ng-content>\r\n  </div>\r\n</div>", styles: [".menu-modal{background-color:var(--base-100);padding:1.375rem 1.5rem}.close-icon{cursor:pointer}.menu-header{font-style:normal;font-weight:500;font-size:1.3125rem;line-height:1.75rem;text-align:center;margin:1em 0;color:var(--menu-dark-color)}.close-icon>mat-icon{transform:scale(1.5)}\n"] }]
-        }], ctorParameters: function () { return [{ type: MenuItemsService }]; }, propDecorators: { menuDialogSettings: [{
-                type: Input
-            }], closeButtonClick: [{
-                type: Output
-            }] } });
+const _c0$1 = [[["", "top", ""]], [["", "bottom", ""]]];
+const _c1$1 = ["[top]", "[bottom]"];
+function ModalNavMenuComponent_img_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 7);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("src", ctx_r0.menuDialogSettings.logo, i0.ɵɵsanitizeUrl);
+} }
+function ModalNavMenuComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "MENU.MENU"));
+} }
+function ModalNavMenuComponent_span_5_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵlistener("click", function ModalNavMenuComponent_span_5_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.close()); });
+    i0.ɵɵelementStart(1, "mat-icon");
+    i0.ɵɵtext(2, "close");
+    i0.ɵɵelementEnd()();
+} }
+class ModalNavMenuComponent extends NavBaseComponent {
+    constructor(menuItems) {
+        super(menuItems);
+        this.menuItems = menuItems;
+        this.menuDialogSettings = {
+            showMenuTitle: false,
+            fullScreen: true
+        };
+        // any type because emitter doesn't really need a value
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.closeButtonClick = new EventEmitter();
+    }
+    close() {
+        this.closeButtonClick.emit(null);
+    }
+    static { this.ɵfac = function ModalNavMenuComponent_Factory(t) { return new (t || ModalNavMenuComponent)(i0.ɵɵdirectiveInject(MenuItemsService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalNavMenuComponent, selectors: [["lib-modal-nav-menu"]], inputs: { menuDialogSettings: "menuDialogSettings" }, outputs: { closeButtonClick: "closeButtonClick" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$1, decls: 9, vars: 7, consts: [["fxLayout", "row", "fxFlexFill", "", 1, "content", "menu-modal"], ["fxLayout", "column"], ["fxLayout", "row", 1, "menu-header"], ["width", "75", "alt", "", 3, "src", 4, "ngIf"], ["fxLayoutAlign", "start center", "fxFlex", "", 4, "ngIf"], ["class", "close-icon", "fxFlex", "", "fxLayoutAlign", "end center", 3, "click", 4, "ngIf"], [3, "direction", "active"], ["width", "75", "alt", "", 3, "src"], ["fxLayoutAlign", "start center", "fxFlex", ""], ["fxFlex", "", "fxLayoutAlign", "end center", 1, "close-icon", 3, "click"]], template: function ModalNavMenuComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$1);
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵtemplate(3, ModalNavMenuComponent_img_3_Template, 1, 1, "img", 3)(4, ModalNavMenuComponent_span_4_Template, 3, 3, "span", 4)(5, ModalNavMenuComponent_span_5_Template, 3, 0, "span", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵprojection(6);
+            i0.ɵɵelement(7, "menu-columns", 6);
+            i0.ɵɵprojection(8, 1);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("full-screen", ctx.menuDialogSettings.fullScreen);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.menuDialogSettings.logo);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.menuDialogSettings.showMenuTitle);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.menuDialogSettings.showCloseMenuButton);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("direction", ctx.direction)("active", ctx.active);
+        } }, dependencies: [i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutAlignDirective, i2$2.FlexFillDirective, i2$2.DefaultFlexDirective, i3.NgIf, i2$1.MatIcon, MenuColumnsComponent, i9.TranslatePipe], styles: [".menu-modal[_ngcontent-%COMP%]{background-color:var(--base-100);padding:1.375rem 1.5rem}.close-icon[_ngcontent-%COMP%]{cursor:pointer}.menu-header[_ngcontent-%COMP%]{font-style:normal;font-weight:500;font-size:1.3125rem;line-height:1.75rem;text-align:center;margin:1em 0;color:var(--menu-dark-color)}.close-icon[_ngcontent-%COMP%] > mat-icon[_ngcontent-%COMP%]{transform:scale(1.5)}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalNavMenuComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-modal-nav-menu', template: "<div class=\"content menu-modal\" fxLayout=\"row\" fxFlexFill>\r\n  <div fxLayout=\"column\" [class.full-screen]=\"menuDialogSettings.fullScreen\">\r\n    <div fxLayout=\"row\" class=\"menu-header\">\r\n      <img [src]=\"menuDialogSettings.logo\" *ngIf=\"menuDialogSettings.logo\" width=\"75\" alt=\"\">\r\n      <span *ngIf=\"menuDialogSettings.showMenuTitle\" fxLayoutAlign=\"start center\" fxFlex>{{\r\n        \"MENU.MENU\" | translate\r\n        }}</span>\r\n      <span *ngIf=\"menuDialogSettings.showCloseMenuButton\" (click)=\"close()\" class=\"close-icon\" fxFlex\r\n        fxLayoutAlign=\"end center\">\r\n        <mat-icon>close</mat-icon>\r\n      </span>\r\n    </div>\r\n    <ng-content select=\"[top]\"></ng-content>\r\n    <menu-columns [direction]=\"direction\" [active]=\"active\">\r\n    </menu-columns>\r\n    <ng-content select=\"[bottom]\"></ng-content>\r\n  </div>\r\n</div>", styles: [".menu-modal{background-color:var(--base-100);padding:1.375rem 1.5rem}.close-icon{cursor:pointer}.menu-header{font-style:normal;font-weight:500;font-size:1.3125rem;line-height:1.75rem;text-align:center;margin:1em 0;color:var(--menu-dark-color)}.close-icon>mat-icon{transform:scale(1.5)}\n"] }]
+    }], () => [{ type: MenuItemsService }], { menuDialogSettings: [{
+            type: Input
+        }], closeButtonClick: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModalNavMenuComponent, { className: "ModalNavMenuComponent", filePath: "lib\\components\\modal-nav-menu\\modal-nav-menu.component.ts", lineNumber: 11 }); })();
 
 const menuLogo = `
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -563,165 +867,210 @@ const menuLogo = `
 
 `;
 
-var TitlePlacement;
-(function (TitlePlacement) {
-    TitlePlacement["none"] = "none";
-    TitlePlacement["left"] = "left";
-    TitlePlacement["right"] = "right";
+var TitlePlacement;
+(function (TitlePlacement) {
+    TitlePlacement["none"] = "none";
+    TitlePlacement["left"] = "left";
+    TitlePlacement["right"] = "right";
 })(TitlePlacement || (TitlePlacement = {}));
 
-class MenuItemIconComponent {
-    constructor(iconService, router) {
-        this.iconService = iconService;
-        this.router = router;
-        this.menuSettings = {
-            titlePlacement: TitlePlacement.left
-        };
-        this.menuDialogSettings = {
-            showMenuTitle: true,
-            disableStrapi: true,
-            fullScreen: true
-        };
-        this.direction = MenuLayoutDirection.row;
-        this.subscription = [];
-        this.iconName = 'tld-menu-icon';
-        this.TITLE_PLACEMENT_NONE = TitlePlacement.none;
-        this.TITLE_PLACEMENT_LEFT = TitlePlacement.left;
-        this.PLAUSIBLE_EVENT = {
-            eventId: "burger_click"
-        };
-    }
-    ngOnInit() {
-        const routeChangeSub = this.router.events.subscribe(() => this.closeMenu());
-        this.subscription.push(routeChangeSub);
-        this.registerIcon();
-    }
-    closeMenu() {
-        this.menuTrigger?.closeMenu();
-    }
-    ngOnDestroy() {
-        this.subscription.forEach(e => e.unsubscribe());
-    }
-    registerIcon() {
-        if (this.menuSettings.iconPath) {
-            this.iconService.registerIconFromUrl(this.iconName, this.menuSettings.iconPath);
-        }
-        else {
-            this.iconService.registerIcons({ [this.iconName]: menuLogo });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemIconComponent, deps: [{ token: i2.IconService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuItemIconComponent, selector: "lib-menu-item-icon", inputs: { menuSettings: "menuSettings", menuDialogSettings: "menuDialogSettings", direction: "direction" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], ngImport: i0, template: "<button class=\"content text-l\" mat-button [disableRipple]=\"true\" #menuTrigger=\"matMenuTrigger\"\r\n  [matMenuTriggerFor]=\"menu\" [libPlausibleEvent]=\"PLAUSIBLE_EVENT\">\r\n  <span fxLayout=\"row\" fxLayoutGap=\"1.5em\" fxLayoutAlign=\"center center\">\r\n    <span *ngIf=\"menuSettings.titlePlacement !== TITLE_PLACEMENT_NONE\" [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 1 : 2\r\n      \" class=\"menu-label\">{{ \"MENU.MENU\" | translate }}</span>\r\n    <mat-icon [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 2 : 1\r\n      \" [svgIcon]=\"iconName\">\r\n    </mat-icon>\r\n  </span>\r\n</button>\r\n\r\n<mat-menu [hasBackdrop]=\"true\" #menu class=\"mobile-menu-dialog {{\r\n    menuDialogSettings.fullScreen ? 'full-screen' : 'minimized-screen'\r\n  }}\">\r\n  <!-- Click method so that menu does not get closed when clicking outside of items-->\r\n  <lib-modal-nav-menu (click)=\"$event.stopPropagation()\" (closeButtonClick)=\"closeMenu()\"\r\n    [menuDialogSettings]=\"menuDialogSettings\" [direction]=\"direction\">\r\n    <ng-content top select=\"[top]\"></ng-content>\r\n    <ng-content bottom select=\"[bottom]\"></ng-content>\r\n  </lib-modal-nav-menu>\r\n</mat-menu>", styles: [".content{gap:1.5em;cursor:pointer}button.mat-mdc-icon-button{width:inherit}:host::ng-deep button span.mat-button-focus-overlay{opacity:0!important}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen{width:100%}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen .menu-list-wrapper .menu-item{width:100%}::ng-deep div:has(.mat-mdc-menu-panel.mobile-menu-dialog.full-screen){width:100%;max-width:100%}::ng-deep .mat-mdc-menu-panel.mobile-menu-dialog.full-screen{width:100vw;margin-top:-2.5em;max-width:none}\n"], dependencies: [{ kind: "directive", type: i2$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2$2.DefaultFlexOrderDirective, selector: "  [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md],  [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md],  [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm],  [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i7$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2.PlausibleEventDirective, selector: "[libPlausibleEvent]", inputs: ["libPlausibleEvent"] }, { kind: "component", type: ModalNavMenuComponent, selector: "lib-modal-nav-menu", inputs: ["menuDialogSettings"], outputs: ["closeButtonClick"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-menu-item-icon', template: "<button class=\"content text-l\" mat-button [disableRipple]=\"true\" #menuTrigger=\"matMenuTrigger\"\r\n  [matMenuTriggerFor]=\"menu\" [libPlausibleEvent]=\"PLAUSIBLE_EVENT\">\r\n  <span fxLayout=\"row\" fxLayoutGap=\"1.5em\" fxLayoutAlign=\"center center\">\r\n    <span *ngIf=\"menuSettings.titlePlacement !== TITLE_PLACEMENT_NONE\" [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 1 : 2\r\n      \" class=\"menu-label\">{{ \"MENU.MENU\" | translate }}</span>\r\n    <mat-icon [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 2 : 1\r\n      \" [svgIcon]=\"iconName\">\r\n    </mat-icon>\r\n  </span>\r\n</button>\r\n\r\n<mat-menu [hasBackdrop]=\"true\" #menu class=\"mobile-menu-dialog {{\r\n    menuDialogSettings.fullScreen ? 'full-screen' : 'minimized-screen'\r\n  }}\">\r\n  <!-- Click method so that menu does not get closed when clicking outside of items-->\r\n  <lib-modal-nav-menu (click)=\"$event.stopPropagation()\" (closeButtonClick)=\"closeMenu()\"\r\n    [menuDialogSettings]=\"menuDialogSettings\" [direction]=\"direction\">\r\n    <ng-content top select=\"[top]\"></ng-content>\r\n    <ng-content bottom select=\"[bottom]\"></ng-content>\r\n  </lib-modal-nav-menu>\r\n</mat-menu>", styles: [".content{gap:1.5em;cursor:pointer}button.mat-mdc-icon-button{width:inherit}:host::ng-deep button span.mat-button-focus-overlay{opacity:0!important}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen{width:100%}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen .menu-list-wrapper .menu-item{width:100%}::ng-deep div:has(.mat-mdc-menu-panel.mobile-menu-dialog.full-screen){width:100%;max-width:100%}::ng-deep .mat-mdc-menu-panel.mobile-menu-dialog.full-screen{width:100vw;margin-top:-2.5em;max-width:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.IconService }, { type: i1$1.Router }]; }, propDecorators: { menuTrigger: [{
-                type: ViewChild,
-                args: ['menuTrigger']
-            }], menuSettings: [{
-                type: Input
-            }], menuDialogSettings: [{
-                type: Input
-            }], direction: [{
-                type: Input
-            }] } });
+const _c0 = ["menuTrigger"];
+const _c1 = [[["", "top", ""]], [["", "bottom", ""]]];
+const _c2 = ["[top]", "[bottom]"];
+function MenuItemIconComponent_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("fxFlexOrder", ctx_r1.menuSettings.titlePlacement === ctx_r1.TITLE_PLACEMENT_LEFT ? 1 : 2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "MENU.MENU"));
+} }
+class MenuItemIconComponent {
+    constructor(iconService, router) {
+        this.iconService = iconService;
+        this.router = router;
+        this.menuSettings = {
+            titlePlacement: TitlePlacement.left
+        };
+        this.menuDialogSettings = {
+            showMenuTitle: true,
+            disableStrapi: true,
+            fullScreen: true
+        };
+        this.direction = MenuLayoutDirection.row;
+        this.subscription = [];
+        this.iconName = 'tld-menu-icon';
+        this.TITLE_PLACEMENT_NONE = TitlePlacement.none;
+        this.TITLE_PLACEMENT_LEFT = TitlePlacement.left;
+        this.PLAUSIBLE_EVENT = {
+            eventId: "burger_click"
+        };
+    }
+    ngOnInit() {
+        const routeChangeSub = this.router.events.subscribe(() => this.closeMenu());
+        this.subscription.push(routeChangeSub);
+        this.registerIcon();
+    }
+    closeMenu() {
+        this.menuTrigger?.closeMenu();
+    }
+    ngOnDestroy() {
+        this.subscription.forEach(e => e.unsubscribe());
+    }
+    registerIcon() {
+        if (this.menuSettings.iconPath) {
+            this.iconService.registerIconFromUrl(this.iconName, this.menuSettings.iconPath);
+        }
+        else {
+            this.iconService.registerIcons({ [this.iconName]: menuLogo });
+        }
+    }
+    static { this.ɵfac = function MenuItemIconComponent_Factory(t) { return new (t || MenuItemIconComponent)(i0.ɵɵdirectiveInject(i2.IconService), i0.ɵɵdirectiveInject(i1$1.Router)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemIconComponent, selectors: [["lib-menu-item-icon"]], viewQuery: function MenuItemIconComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuTrigger = _t.first);
+        } }, inputs: { menuSettings: "menuSettings", menuDialogSettings: "menuDialogSettings", direction: "direction" }, ngContentSelectors: _c2, decls: 10, vars: 12, consts: [["menuTrigger", "matMenuTrigger"], ["menu", ""], ["mat-button", "", 1, "content", "text-l", 3, "disableRipple", "matMenuTriggerFor", "libPlausibleEvent"], ["fxLayout", "row", "fxLayoutGap", "1.5em", "fxLayoutAlign", "center center"], ["class", "menu-label", 3, "fxFlexOrder", 4, "ngIf"], [3, "fxFlexOrder", "svgIcon"], [3, "hasBackdrop"], [3, "click", "closeButtonClick", "menuDialogSettings", "direction"], [1, "menu-label", 3, "fxFlexOrder"]], template: function MenuItemIconComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵprojectionDef(_c1);
+            i0.ɵɵelementStart(0, "button", 2, 0)(2, "span", 3);
+            i0.ɵɵtemplate(3, MenuItemIconComponent_span_3_Template, 3, 4, "span", 4);
+            i0.ɵɵelement(4, "mat-icon", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "mat-menu", 6, 1)(7, "lib-modal-nav-menu", 7);
+            i0.ɵɵlistener("click", function MenuItemIconComponent_Template_lib_modal_nav_menu_click_7_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("closeButtonClick", function MenuItemIconComponent_Template_lib_modal_nav_menu_closeButtonClick_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeMenu()); });
+            i0.ɵɵprojection(8, 0, ["top", ""]);
+            i0.ɵɵprojection(9, 1, ["bottom", ""]);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            const menu_r3 = i0.ɵɵreference(6);
+            i0.ɵɵproperty("disableRipple", true)("matMenuTriggerFor", menu_r3)("libPlausibleEvent", ctx.PLAUSIBLE_EVENT);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.menuSettings.titlePlacement !== ctx.TITLE_PLACEMENT_NONE);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("fxFlexOrder", ctx.menuSettings.titlePlacement === ctx.TITLE_PLACEMENT_LEFT ? 2 : 1)("svgIcon", ctx.iconName);
+            i0.ɵɵadvance();
+            i0.ɵɵclassMapInterpolate1("mobile-menu-dialog ", ctx.menuDialogSettings.fullScreen ? "full-screen" : "minimized-screen", "");
+            i0.ɵɵproperty("hasBackdrop", true);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("menuDialogSettings", ctx.menuDialogSettings)("direction", ctx.direction);
+        } }, dependencies: [i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i2$2.DefaultFlexOrderDirective, i3.NgIf, i2$1.MatIcon, i7.MatButton, i7$1.MatMenu, i7$1.MatMenuTrigger, i2.PlausibleEventDirective, ModalNavMenuComponent, i9.TranslatePipe], styles: [".content[_ngcontent-%COMP%]{gap:1.5em;cursor:pointer}button.mat-mdc-icon-button[_ngcontent-%COMP%]{width:inherit}[_nghost-%COMP%]  button span.mat-button-focus-overlay{opacity:0!important}  lib-modal-nav-menu>.content.menu-modal>div.full-screen{width:100%}  lib-modal-nav-menu>.content.menu-modal>div.full-screen .menu-list-wrapper .menu-item{width:100%}  div:has(.mat-mdc-menu-panel.mobile-menu-dialog.full-screen){width:100%;max-width:100%}  .mat-mdc-menu-panel.mobile-menu-dialog.full-screen{width:100vw;margin-top:-2.5em;max-width:none}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemIconComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-menu-item-icon', template: "<button class=\"content text-l\" mat-button [disableRipple]=\"true\" #menuTrigger=\"matMenuTrigger\"\r\n  [matMenuTriggerFor]=\"menu\" [libPlausibleEvent]=\"PLAUSIBLE_EVENT\">\r\n  <span fxLayout=\"row\" fxLayoutGap=\"1.5em\" fxLayoutAlign=\"center center\">\r\n    <span *ngIf=\"menuSettings.titlePlacement !== TITLE_PLACEMENT_NONE\" [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 1 : 2\r\n      \" class=\"menu-label\">{{ \"MENU.MENU\" | translate }}</span>\r\n    <mat-icon [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 2 : 1\r\n      \" [svgIcon]=\"iconName\">\r\n    </mat-icon>\r\n  </span>\r\n</button>\r\n\r\n<mat-menu [hasBackdrop]=\"true\" #menu class=\"mobile-menu-dialog {{\r\n    menuDialogSettings.fullScreen ? 'full-screen' : 'minimized-screen'\r\n  }}\">\r\n  <!-- Click method so that menu does not get closed when clicking outside of items-->\r\n  <lib-modal-nav-menu (click)=\"$event.stopPropagation()\" (closeButtonClick)=\"closeMenu()\"\r\n    [menuDialogSettings]=\"menuDialogSettings\" [direction]=\"direction\">\r\n    <ng-content top select=\"[top]\"></ng-content>\r\n    <ng-content bottom select=\"[bottom]\"></ng-content>\r\n  </lib-modal-nav-menu>\r\n</mat-menu>", styles: [".content{gap:1.5em;cursor:pointer}button.mat-mdc-icon-button{width:inherit}:host::ng-deep button span.mat-button-focus-overlay{opacity:0!important}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen{width:100%}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen .menu-list-wrapper .menu-item{width:100%}::ng-deep div:has(.mat-mdc-menu-panel.mobile-menu-dialog.full-screen){width:100%;max-width:100%}::ng-deep .mat-mdc-menu-panel.mobile-menu-dialog.full-screen{width:100vw;margin-top:-2.5em;max-width:none}\n"] }]
+    }], () => [{ type: i2.IconService }, { type: i1$1.Router }], { menuTrigger: [{
+            type: ViewChild,
+            args: ['menuTrigger']
+        }], menuSettings: [{
+            type: Input
+        }], menuDialogSettings: [{
+            type: Input
+        }], direction: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemIconComponent, { className: "MenuItemIconComponent", filePath: "lib\\components\\menu-item-icon\\menu-item-icon.component.ts", lineNumber: 14 }); })();
 
-class MenuModule {
-    static forRoot(config) {
-        return {
-            ngModule: MenuModule,
-            providers: [
-                { provide: MENU_SHARED_CONFIG, useValue: config }
-            ]
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, declarations: [SideNavMenuComponent,
-            ModalNavMenuComponent,
-            MenuItemIconComponent,
-            NavBaseComponent,
-            MenuItemListComponent,
-            MenuColumnsComponent,
-            MenuIconComponent,
-            MenuItemLinkComponent], imports: [HttpClientModule,
-            FlexLayoutModule,
-            RouterModule,
-            CommonModule,
-            MatTooltipModule,
-            MatDialogModule,
-            MatIconModule,
-            MatButtonModule,
-            MatListModule,
-            MatMenuModule,
-            MatIconModule,
-            TranslateModule,
-            PlausibleModule], exports: [SideNavMenuComponent,
-            ModalNavMenuComponent,
-            MenuItemIconComponent,
-            MenuColumnsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, providers: [
-            StarpiMenuService
-        ], imports: [HttpClientModule,
-            FlexLayoutModule,
-            RouterModule,
-            CommonModule,
-            MatTooltipModule,
-            MatDialogModule,
-            MatIconModule,
-            MatButtonModule,
-            MatListModule,
-            MatMenuModule,
-            MatIconModule,
-            TranslateModule,
-            PlausibleModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SideNavMenuComponent,
-                        ModalNavMenuComponent,
-                        MenuItemIconComponent,
-                        NavBaseComponent,
-                        MenuItemListComponent,
-                        MenuColumnsComponent,
-                        MenuIconComponent,
-                        MenuItemLinkComponent
-                    ],
-                    providers: [
-                        StarpiMenuService
-                    ],
-                    imports: [
-                        HttpClientModule,
-                        FlexLayoutModule,
-                        RouterModule,
-                        CommonModule,
-                        MatTooltipModule,
-                        MatDialogModule,
-                        MatIconModule,
-                        MatButtonModule,
-                        MatListModule,
-                        MatMenuModule,
-                        MatIconModule,
-                        TranslateModule,
-                        PlausibleModule
-                    ],
-                    exports: [
-                        SideNavMenuComponent,
-                        ModalNavMenuComponent,
-                        MenuItemIconComponent,
-                        MenuColumnsComponent,
-                    ]
-                }]
-        }] });
+class MenuModule {
+    static forRoot(config) {
+        return {
+            ngModule: MenuModule,
+            providers: [
+                { provide: MENU_SHARED_CONFIG, useValue: config }
+            ]
+        };
+    }
+    static { this.ɵfac = function MenuModule_Factory(t) { return new (t || MenuModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MenuModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+            StarpiMenuService
+        ], imports: [HttpClientModule,
+            FlexLayoutModule,
+            RouterModule,
+            CommonModule,
+            MatTooltipModule,
+            MatDialogModule,
+            MatIconModule,
+            MatButtonModule,
+            MatListModule,
+            MatMenuModule,
+            MatIconModule,
+            TranslateModule,
+            PlausibleModule] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    SideNavMenuComponent,
+                    ModalNavMenuComponent,
+                    MenuItemIconComponent,
+                    NavBaseComponent,
+                    MenuItemListComponent,
+                    MenuColumnsComponent,
+                    MenuIconComponent,
+                    MenuItemLinkComponent
+                ],
+                providers: [
+                    StarpiMenuService
+                ],
+                imports: [
+                    HttpClientModule,
+                    FlexLayoutModule,
+                    RouterModule,
+                    CommonModule,
+                    MatTooltipModule,
+                    MatDialogModule,
+                    MatIconModule,
+                    MatButtonModule,
+                    MatListModule,
+                    MatMenuModule,
+                    MatIconModule,
+                    TranslateModule,
+                    PlausibleModule
+                ],
+                exports: [
+                    SideNavMenuComponent,
+                    ModalNavMenuComponent,
+                    MenuItemIconComponent,
+                    MenuColumnsComponent,
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MenuModule, { declarations: [SideNavMenuComponent,
+        ModalNavMenuComponent,
+        MenuItemIconComponent,
+        NavBaseComponent,
+        MenuItemListComponent,
+        MenuColumnsComponent,
+        MenuIconComponent,
+        MenuItemLinkComponent], imports: [HttpClientModule,
+        FlexLayoutModule,
+        RouterModule,
+        CommonModule,
+        MatTooltipModule,
+        MatDialogModule,
+        MatIconModule,
+        MatButtonModule,
+        MatListModule,
+        MatMenuModule,
+        MatIconModule,
+        TranslateModule,
+        PlausibleModule], exports: [SideNavMenuComponent,
+        ModalNavMenuComponent,
+        MenuItemIconComponent,
+        MenuColumnsComponent] }); })();
 
-/*
- * Public API Surface of ngx-menu
+/*
+ * Public API Surface of ngx-menu
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { MENU_ICON_STRAPI_EXTENSION, MENU_SHARED_CONFIG, MenuColumnsComponent, MenuItemIconComponent, MenuItemsService, MenuLayoutDirection, MenuModule, ModalNavMenuComponent, NavBaseComponent, SideNavMenuComponent, StarpiMenuService, StrapiDataLocation, TitlePlacement };