aril 1.2.23 → 1.2.25

package/theme/layout/app/notifications/notifications-sidebar.component.d.ts

@@ -483,7 +483,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faPlaneArrival: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCashRegister: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faRing: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faAquarius: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faShareNodes: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faShareAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPersonCircleExclamation: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -766,7 +765,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faStarHalf: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPhotoFilm: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPhotoVideo: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faPictureInPicture: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPumpMedical: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFire: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faMagnifyingGlassPlus: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1117,7 +1115,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faPlusMinus: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHouseCircleCheck: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCalendarDay: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faLibra: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCircle: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faMobileVibrate: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFaceGrinSquint: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1148,13 +1145,11 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faListAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHand: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHandPaper: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faCancer: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faVanShuttle: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faShuttleVan: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faStairs: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHorseHead: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faVault: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faClosedCaptioningSlash: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faDrumSteelpan: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faThumbsUp: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faStamp: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1409,7 +1404,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faUserAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faUserLarge: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSnowflake: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faTaurus: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSkullCrossbones: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPesoSign: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faWineGlass: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1527,7 +1521,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faGun: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCircleCheck: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCheckCircle: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faScorpio: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faIdCardClip: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faIdCardAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faMoon: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1614,7 +1607,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faV: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faList: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faListSquares: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faPisces: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSolarPanel: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLandMineOn: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHeadphones: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1719,7 +1711,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faGridVertical: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCarTunnel: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faChartColumn: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faCapricorn: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTruckArrowRight: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTv: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTelevision: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1776,7 +1767,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faHouseLaptop: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLaptopHouse: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faDownload: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faSagittarius: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCouch: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faRoadLock: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faScissors: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1953,7 +1943,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faWaterLadder: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLadderWater: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSwimmingPool: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faGemini: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTowerCell: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faColonSign: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLaptopFile: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -2012,8 +2001,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faCameraRetro: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCapsules: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPoo: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faVolume: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faVolumeMedium: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faElevator: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTag: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFileCircleMinus: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -2192,7 +2179,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faFemale: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faBookOpen: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFolderTree: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faVirgo: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faBoxArchive: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faArchive: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTentArrowDownToLine: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -2224,7 +2210,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faCat: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCalendarWeek: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCodeCompare: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faLeo: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faRoadCircleXmark: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPallet: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCakeCandles: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -2239,7 +2224,6 @@ export declare class NotificationsSidebarComponent implements OnInit {
         readonly faAnchorCircleXmark: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPersonCircleXmark: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSpa: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faAries: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faBarsProgress: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTasksAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHeartCircleCheck: import("@fortawesome/fontawesome-svg-core").IconProp;

package/theme/layout/app/site-map/site-map-sidebar.component.d.ts

@@ -206,7 +206,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faPlaneArrival: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCashRegister: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faRing: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faAquarius: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faShareNodes: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faShareAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPersonCircleExclamation: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -489,7 +488,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faStarHalf: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPhotoFilm: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPhotoVideo: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faPictureInPicture: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPumpMedical: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFire: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faMagnifyingGlassPlus: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -840,7 +838,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faPlusMinus: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHouseCircleCheck: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCalendarDay: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faLibra: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCircle: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faMobileVibrate: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFaceGrinSquint: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -871,13 +868,11 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faListAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHand: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHandPaper: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faCancer: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faVanShuttle: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faShuttleVan: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faStairs: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHorseHead: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faVault: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faClosedCaptioningSlash: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faDrumSteelpan: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faThumbsUp: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faStamp: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1132,7 +1127,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faUserAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faUserLarge: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSnowflake: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faTaurus: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSkullCrossbones: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPesoSign: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faWineGlass: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1250,7 +1244,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faGun: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCircleCheck: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCheckCircle: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faScorpio: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faIdCardClip: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faIdCardAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faMoon: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1337,7 +1330,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faV: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faList: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faListSquares: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faPisces: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSolarPanel: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLandMineOn: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHeadphones: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1442,7 +1434,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faGridVertical: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCarTunnel: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faChartColumn: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faCapricorn: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTruckArrowRight: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTv: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTelevision: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1499,7 +1490,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faHouseLaptop: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLaptopHouse: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faDownload: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faSagittarius: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCouch: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faRoadLock: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faScissors: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1676,7 +1666,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faWaterLadder: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLadderWater: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSwimmingPool: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faGemini: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTowerCell: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faColonSign: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLaptopFile: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1735,8 +1724,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faCameraRetro: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCapsules: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPoo: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faVolume: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faVolumeMedium: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faElevator: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTag: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFileCircleMinus: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1915,7 +1902,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faFemale: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faBookOpen: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFolderTree: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faVirgo: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faBoxArchive: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faArchive: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTentArrowDownToLine: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1947,7 +1933,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faCat: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCalendarWeek: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCodeCompare: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faLeo: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faRoadCircleXmark: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPallet: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCakeCandles: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1962,7 +1947,6 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faAnchorCircleXmark: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPersonCircleXmark: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSpa: import("@fortawesome/fontawesome-svg-core").IconProp;
-        readonly faAries: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faBarsProgress: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTasksAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHeartCircleCheck: import("@fortawesome/fontawesome-svg-core").IconProp;

package/theme/layout/app/site-map/site-map-sidebar.component.ts

@@ -1,195 +1,195 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnInit, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-
-import { ScrollPanelModule } from 'primeng/scrollpanel';
-import { SidebarModule } from 'primeng/sidebar';
-import { TooltipModule } from 'primeng/tooltip';
-
-import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
-
-import { bridge } from 'aril/boot/bridge';
-import { ButtonComponent } from 'aril/ui/button';
-import { TextComponent } from 'aril/ui/text';
-import { TranslateJsonPipe } from 'aril/util/pipes';
-
-import { LayoutService } from '../../service/app.layout.service';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { solidIcons } from 'aril/util/lib';
-
-interface MenuNode {
-	key: string;
-	label: string | object;
-	icon?: string;
-	routerLink?: string;
-	children?: MenuNode[];
-	expanded?: boolean;
-}
-
-@Component({
-	standalone: true,
-	selector: 'app-site-map-sidebar',
-	imports: [
-		CommonModule,
-		FormsModule,
-		RouterModule,
-		SidebarModule,
-		ScrollPanelModule,
-		TooltipModule,
-		ButtonComponent,
-		TextComponent,
-		TranslocoModule,
-		TranslateJsonPipe,
-		FontAwesomeModule
-	],
-	templateUrl: './site-map-sidebar.component.html',
-	styleUrls: ['./site-map-sidebar.component.scss']
-})
-export class SiteMapSidebarComponent implements OnInit {
-	siteMapNodes = signal<MenuNode[]>([]);
-	filteredNodes = signal<MenuNode[]>([]);
-	searchTerm = signal<string>('');
-	totalPages = signal<number>(0);
-  solidIcons = solidIcons;
-
-	constructor(
-		public layoutService: LayoutService,
-		private translocoService: TranslocoService
-	) {}
-
-	ngOnInit(): void {
-		this.loadSiteMap();
-	}
-
-	get visible(): boolean {
-		return this.layoutService.state.siteMapSidebarVisible;
-	}
-
-	set visible(value: boolean) {
-		this.layoutService.state.siteMapSidebarVisible = value;
-	}
-
-	private loadSiteMap(): void {
-		const menuItems = bridge.hostMenuItems();
-		const nodes = this.buildSiteMapNodes(menuItems);
-		const totalCount = this.countTotalPages(nodes);
-
-		this.siteMapNodes.set(nodes);
-		this.filteredNodes.set(nodes);
-		this.totalPages.set(totalCount);
-	}
-
-	private buildSiteMapNodes(items: any[], parentKey = ''): MenuNode[] {
-		return items
-			.filter((item) => {
-				// Keep the home page route ("/") and any non-empty routes
-				return !item.routerLink || item.routerLink === '/' || item.routerLink.trim() !== '';
-			})
-			.map((item, index) => {
-				const key = parentKey ? `${parentKey}-${index}` : `${index}`;
-
-				let label: string | object;
-				if (item.routerLink === '/') {
-					label = { tr: 'Anasayfa', en: 'Home' };
-				} else {
-					label = item.label || { tr: 'Bilinmeyen', en: 'Unknown' };
-				}
-
-				const node: MenuNode = {
-					key,
-					label,
-					icon: item.icon,
-					routerLink: item.routerLink,
-					expanded: false
-				};
-
-				if (item.items && item.items.length > 0) {
-					node.children = this.buildSiteMapNodes(item.items, key);
-				}
-
-				return node;
-			});
-	}
-
-	private countTotalPages(nodes: MenuNode[]): number {
-		let count = 0;
-		for (const node of nodes) {
-			if (node.routerLink) {
-				count++;
-			}
-			if (node.children) {
-				count += this.countTotalPages(node.children);
-			}
-		}
-		return count;
-	}
-
-	onSearchChange(): void {
-		const currentLang = this.translocoService.getActiveLang();
-		const searchTerm = this.searchTerm()?.toLocaleLowerCase(currentLang)?.trim();
-		if (!searchTerm) {
-			this.filteredNodes.set(this.siteMapNodes());
-		} else {
-			const filtered = this.filterNodes(this.siteMapNodes(), searchTerm);
-			this.filteredNodes.set(filtered);
-		}
-	}
-
-	private filterNodes(nodes: MenuNode[], searchTerm: string): MenuNode[] {
-		const filtered: MenuNode[] = [];
-		const currentLang = this.translocoService.getActiveLang();
-
-		for (const node of nodes) {
-			// Convert label to string for search based on active language
-			const labelText =
-				typeof node.label === 'string' ?
-					node.label
-				:	(node.label as any)?.[currentLang] || (node.label as any)?.tr || (node.label as any)?.en || '';
-
-			const matches = labelText.toLocaleLowerCase(currentLang).includes(searchTerm);
-			let filteredChildren: MenuNode[] = [];
-
-			if (node.children) {
-				filteredChildren = this.filterNodes(node.children, searchTerm);
-			}
-
-			if (matches || filteredChildren.length > 0) {
-				filtered.push({
-					...node,
-					children: filteredChildren.length > 0 ? filteredChildren : node.children,
-					expanded: filteredChildren.length > 0
-				});
-			}
-		}
-
-		return filtered;
-	}
-
-	expandAll(): void {
-		const expanded = this.expandNodes(this.filteredNodes(), true);
-		this.filteredNodes.set([...expanded]);
-	}
-
-	collapseAll(): void {
-		const collapsed = this.expandNodes(this.filteredNodes(), false);
-		this.filteredNodes.set([...collapsed]);
-	}
-
-	private expandNodes(nodes: MenuNode[], expanded: boolean): MenuNode[] {
-		return nodes.map((node) => ({
-			...node,
-			expanded,
-			children: node.children ? this.expandNodes(node.children, expanded) : undefined
-		}));
-	}
-
-	toggleNode(node: MenuNode): void {
-		node.expanded = !node.expanded;
-		this.filteredNodes.set([...this.filteredNodes()]);
-	}
-
-	trackByKey(index: number, node: MenuNode): string {
-		return node.key || `${index}`;
-	}
-}
+import { CommonModule } from '@angular/common';
+import { Component, OnInit, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+
+import { ScrollPanelModule } from 'primeng/scrollpanel';
+import { SidebarModule } from 'primeng/sidebar';
+import { TooltipModule } from 'primeng/tooltip';
+
+import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
+
+import { bridge } from 'aril/boot/bridge';
+import { ButtonComponent } from 'aril/ui/button';
+import { TextComponent } from 'aril/ui/text';
+import { TranslateJsonPipe } from 'aril/util/pipes';
+
+import { LayoutService } from '../../service/app.layout.service';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { solidIcons } from 'aril/util/lib';
+
+interface MenuNode {
+	key: string;
+	label: string | object;
+	icon?: string;
+	routerLink?: string;
+	children?: MenuNode[];
+	expanded?: boolean;
+}
+
+@Component({
+	standalone: true,
+	selector: 'app-site-map-sidebar',
+	imports: [
+		CommonModule,
+		FormsModule,
+		RouterModule,
+		SidebarModule,
+		ScrollPanelModule,
+		TooltipModule,
+		ButtonComponent,
+		TextComponent,
+		TranslocoModule,
+		TranslateJsonPipe,
+		FontAwesomeModule
+	],
+	templateUrl: './site-map-sidebar.component.html',
+	styleUrls: ['./site-map-sidebar.component.scss']
+})
+export class SiteMapSidebarComponent implements OnInit {
+	siteMapNodes = signal<MenuNode[]>([]);
+	filteredNodes = signal<MenuNode[]>([]);
+	searchTerm = signal<string>('');
+	totalPages = signal<number>(0);
+  solidIcons = solidIcons;
+
+	constructor(
+		public layoutService: LayoutService,
+		private translocoService: TranslocoService
+	) {}
+
+	ngOnInit(): void {
+		this.loadSiteMap();
+	}
+
+	get visible(): boolean {
+		return this.layoutService.state.siteMapSidebarVisible;
+	}
+
+	set visible(value: boolean) {
+		this.layoutService.state.siteMapSidebarVisible = value;
+	}
+
+	private loadSiteMap(): void {
+		const menuItems = bridge.hostMenuItems();
+		const nodes = this.buildSiteMapNodes(menuItems);
+		const totalCount = this.countTotalPages(nodes);
+
+		this.siteMapNodes.set(nodes);
+		this.filteredNodes.set(nodes);
+		this.totalPages.set(totalCount);
+	}
+
+	private buildSiteMapNodes(items: any[], parentKey = ''): MenuNode[] {
+		return items
+			.filter((item) => {
+				// Keep the home page route ("/") and any non-empty routes
+				return !item.routerLink || item.routerLink === '/' || item.routerLink.trim() !== '';
+			})
+			.map((item, index) => {
+				const key = parentKey ? `${parentKey}-${index}` : `${index}`;
+
+				let label: string | object;
+				if (item.routerLink === '/') {
+					label = { tr: 'Anasayfa', en: 'Home' };
+				} else {
+					label = item.label || { tr: 'Bilinmeyen', en: 'Unknown' };
+				}
+
+				const node: MenuNode = {
+					key,
+					label,
+					icon: item.icon,
+					routerLink: item.routerLink,
+					expanded: false
+				};
+
+				if (item.items && item.items.length > 0) {
+					node.children = this.buildSiteMapNodes(item.items, key);
+				}
+
+				return node;
+			});
+	}
+
+	private countTotalPages(nodes: MenuNode[]): number {
+		let count = 0;
+		for (const node of nodes) {
+			if (node.routerLink) {
+				count++;
+			}
+			if (node.children) {
+				count += this.countTotalPages(node.children);
+			}
+		}
+		return count;
+	}
+
+	onSearchChange(): void {
+		const currentLang = this.translocoService.getActiveLang();
+		const searchTerm = this.searchTerm()?.toLocaleLowerCase(currentLang)?.trim();
+		if (!searchTerm) {
+			this.filteredNodes.set(this.siteMapNodes());
+		} else {
+			const filtered = this.filterNodes(this.siteMapNodes(), searchTerm);
+			this.filteredNodes.set(filtered);
+		}
+	}
+
+	private filterNodes(nodes: MenuNode[], searchTerm: string): MenuNode[] {
+		const filtered: MenuNode[] = [];
+		const currentLang = this.translocoService.getActiveLang();
+
+		for (const node of nodes) {
+			// Convert label to string for search based on active language
+			const labelText =
+				typeof node.label === 'string' ?
+					node.label
+				:	(node.label as any)?.[currentLang] || (node.label as any)?.tr || (node.label as any)?.en || '';
+
+			const matches = labelText.toLocaleLowerCase(currentLang).includes(searchTerm);
+			let filteredChildren: MenuNode[] = [];
+
+			if (node.children) {
+				filteredChildren = this.filterNodes(node.children, searchTerm);
+			}
+
+			if (matches || filteredChildren.length > 0) {
+				filtered.push({
+					...node,
+					children: filteredChildren.length > 0 ? filteredChildren : node.children,
+					expanded: filteredChildren.length > 0
+				});
+			}
+		}
+
+		return filtered;
+	}
+
+	expandAll(): void {
+		const expanded = this.expandNodes(this.filteredNodes(), true);
+		this.filteredNodes.set([...expanded]);
+	}
+
+	collapseAll(): void {
+		const collapsed = this.expandNodes(this.filteredNodes(), false);
+		this.filteredNodes.set([...collapsed]);
+	}
+
+	private expandNodes(nodes: MenuNode[], expanded: boolean): MenuNode[] {
+		return nodes.map((node) => ({
+			...node,
+			expanded,
+			children: node.children ? this.expandNodes(node.children, expanded) : undefined
+		}));
+	}
+
+	toggleNode(node: MenuNode): void {
+		node.expanded = !node.expanded;
+		this.filteredNodes.set([...this.filteredNodes()]);
+	}
+
+	trackByKey(index: number, node: MenuNode): string {
+		return node.key || `${index}`;
+	}
+}