aril 1.1.96 → 1.2.0

package/theme/layout/app/general-search/general-search.component.ts

@@ -10,6 +10,7 @@ import { TranslocoModule } from '@ngneat/transloco';
 import { of, startWith, Subject } from 'rxjs';
 import { catchError, filter, map, switchMap } from 'rxjs/operators';
 
+import { bridge } from 'aril/boot/bridge';
 import { Apps } from 'aril/boot/config/apps';
 
 import { SearchService } from '../../service/search.service';
@@ -75,7 +76,7 @@ export class GeneralSearchComponent {
 	}
 
 	goToDetail(item: PresentableData) {
-		const isHostYeap = (<any>globalThis).activeHost === Apps.YEAP;
+		const isHostYeap = bridge.activeHost() === Apps.YEAP;
 
 		if (isHostYeap) {
 			this.router.navigate(['mng/master-data/view-md-data'], {

package/theme/layout/app/history/history.service.ts

@@ -3,6 +3,7 @@ import { Router } from '@angular/router';
 import { Title } from '@angular/platform-browser';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { TranslocoService } from '@ngneat/transloco';
+import { bridge } from 'aril/boot/bridge';
 import { PubSubService } from 'aril/util/pub-sub';
 
 export interface HistoryItem {
@@ -63,7 +64,7 @@ export class HistoryService {
 			multiLanguageTitle.tr = pageTitle;
 			multiLanguageTitle.en = pageTitle;
 		} else {
-			const globalPageTitle = (<any>globalThis).__ARIL_PAGE_TITLE__?.();
+			const globalPageTitle = bridge.pageTitle();
 			if (globalPageTitle) {
 				multiLanguageTitle.tr = globalPageTitle;
 				multiLanguageTitle.en = globalPageTitle;

package/theme/layout/app/layout/app.layout.component.d.ts

@@ -15,7 +15,6 @@ export declare class AppLayoutComponent implements OnDestroy {
     overlayMenuOpenSubscription: Subscription;
     menuOutsideClickListener: any;
     menuScrollListener: any;
-    globalThis: any;
     expandableMenuComponent: ExpandableMenuComponent;
     staticSidebarComponent: StaticSidebarComponent;
     appTopbar: AppTopbarComponent;

package/theme/layout/app/layout/app.layout.component.ts

@@ -47,7 +47,6 @@ export class AppLayoutComponent implements OnDestroy {
 	overlayMenuOpenSubscription: Subscription;
 	menuOutsideClickListener: any;
 	menuScrollListener: any;
-	globalThis: any = globalThis;
 
 	@ViewChild(ExpandableMenuComponent) expandableMenuComponent!: ExpandableMenuComponent;
 	@ViewChild(StaticSidebarComponent) staticSidebarComponent!: StaticSidebarComponent;

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

@@ -1,121 +1,121 @@
-<p-sidebar
-	[(visible)]="visible"
-	position="right"
-	[transitionOptions]="'.3s cubic-bezier(0, 0, 0.2, 1)'"
-	styleClass="layout-sitemap-sidebar w-full sm:w-30rem"
-	*transloco="let t; read: 'siteMap'">
-	<ng-template pTemplate="header">
-		<div class="flex align-items-center justify-content-between gap-2 w-full">
-			<div class="flex align-items-center gap-2">
-				<i class="pi pi-sitemap text-primary text-xl"></i>
-				<span class="font-bold text-lg">{{ t('siteMap') }}</span>
-				<span class="total-pages">{{ totalPages() }} {{ t('pages') }}</span>
-			</div>
-		</div>
-	</ng-template>
-
-	<div class="sitemap-content">
-		<div class="search-section grid p-fluid m-0">
-			<aril-text
-				[placeholder]="t('searchPages')"
-				[(ngModel)]="searchTerm"
-				(ngModelChange)="onSearchChange()"
-				class="col-10 m-0">
-			</aril-text>
-			@if (filteredNodes().length > 0) {
-			<div class="col-2 flex align-items-center m-0 p-0">
-					<fa-icon
-						[icon]="solidIcons.faAnglesDown"
-						size="xl"
-						style="color: var(--primary-color)"
-						class="col-1 cursor-pointer"
-						[pTooltip]="t('expandAll')"
-						tooltipPosition="top"
-						(click)="expandAll()">
-					</fa-icon>
-					<fa-icon
-						[icon]="solidIcons.faAnglesUp"
-						size="xl"
-						style="color: var(--red-500)"
-						class="col-1 ml-3 cursor-pointer"
-						[pTooltip]="t('collapseAll')"
-						tooltipPosition="top"
-						(click)="collapseAll()">
-					</fa-icon>
-				</div>
-			}
-		</div>
-
-		<!-- Site Map Tree -->
-		@if (filteredNodes().length > 0) {
-			<div class="sitemap-tree">
-				<p-scrollPanel [style]="{ width: '100%', height: '100%' }">
-					<div class="tree-container">
-						@for (node of filteredNodes(); track trackByKey($index, node)) {
-							<ng-container *ngTemplateOutlet="treeNodeTemplate; context: { $implicit: node, level: 0 }"></ng-container>
-						}
-					</div>
-				</p-scrollPanel>
-			</div>
-		} @else {
-			<div class="empty-state">
-				<div class="empty-content">
-					<i class="pi pi-sitemap empty-icon"></i>
-					<h3 class="empty-title">
-						{{ searchTerm() ? t('noSearchResults') : t('noPages') }}
-					</h3>
-					<p class="empty-message">
-						{{ searchTerm() ? t('tryDifferentKeywords') : '' }}
-					</p>
-					@if (searchTerm()) {
-						<aril-button
-							[label]="t('clearSearch')"
-							icon="TIMES"
-							color="secondary"
-							[outlined]="true"
-							size="sm"
-							(clickEvent)="searchTerm.set(''); onSearchChange()">
-						</aril-button>
-					}
-				</div>
-			</div>
-		}
-
-		<!-- Recursive Tree Node Template -->
-		<ng-template #treeNodeTemplate let-node let-level="level">
-			<div class="tree-node" [style.margin-left.px]="level * 20">
-				<div
-					class="node-item"
-					[class.has-children]="node.children && node.children.length > 0"
-					[class.is-page]="node.routerLink"
-					[routerLink]="node.routerLink"
-					(click)="!node.routerLink ? toggleNode(node) : (visible = false)">
-					<div class="node-content">
-						@if (node.children && node.children.length > 0) {
-							<div class="toggle-btn" (click)="$event.stopPropagation(); toggleNode(node)">
-								<i class="pi" [class.pi-chevron-right]="!node.expanded" [class.pi-chevron-down]="node.expanded"></i>
-							</div>
-						}
-
-						@if (node.icon) {
-							<i class="node-icon" [class]="node.icon"></i>
-						}
-						<span class="node-label">{{ node.label | translateJson }}</span>
-
-						@if (node.routerLink) {
-							<i class="external-icon pi pi-external-link"></i>
-						}
-					</div>
-				</div>
-
-				<!-- Recursive Children -->
-				@if (node.children && node.expanded) {
-					@for (child of node.children; track trackByKey($index, child)) {
-						<ng-container
-							*ngTemplateOutlet="treeNodeTemplate; context: { $implicit: child, level: level + 1 }"></ng-container>
-					}
-				}
-			</div>
-		</ng-template>
-	</div>
-</p-sidebar>
+<p-sidebar
+	[(visible)]="visible"
+	position="right"
+	[transitionOptions]="'.3s cubic-bezier(0, 0, 0.2, 1)'"
+	styleClass="layout-sitemap-sidebar w-full sm:w-30rem"
+	*transloco="let t; read: 'siteMap'">
+	<ng-template pTemplate="header">
+		<div class="flex align-items-center justify-content-between gap-2 w-full">
+			<div class="flex align-items-center gap-2">
+				<i class="pi pi-sitemap text-primary text-xl"></i>
+				<span class="font-bold text-lg">{{ t('siteMap') }}</span>
+				<span class="total-pages">{{ totalPages() }} {{ t('pages') }}</span>
+			</div>
+		</div>
+	</ng-template>
+
+	<div class="sitemap-content">
+		<div class="search-section grid p-fluid m-0">
+			<aril-text
+				[placeholder]="t('searchPages')"
+				[(ngModel)]="searchTerm"
+				(ngModelChange)="onSearchChange()"
+				class="col-10 m-0">
+			</aril-text>
+			@if (filteredNodes().length > 0) {
+			<div class="col-2 flex align-items-center m-0 p-0">
+					<fa-icon
+						[icon]="solidIcons.faAnglesDown"
+						size="xl"
+						style="color: var(--primary-color)"
+						class="col-1 cursor-pointer"
+						[pTooltip]="t('expandAll')"
+						tooltipPosition="top"
+						(click)="expandAll()">
+					</fa-icon>
+					<fa-icon
+						[icon]="solidIcons.faAnglesUp"
+						size="xl"
+						style="color: var(--red-500)"
+						class="col-1 ml-3 cursor-pointer"
+						[pTooltip]="t('collapseAll')"
+						tooltipPosition="top"
+						(click)="collapseAll()">
+					</fa-icon>
+				</div>
+			}
+		</div>
+
+		<!-- Site Map Tree -->
+		@if (filteredNodes().length > 0) {
+			<div class="sitemap-tree">
+				<p-scrollPanel [style]="{ width: '100%', height: '100%' }">
+					<div class="tree-container">
+						@for (node of filteredNodes(); track trackByKey($index, node)) {
+							<ng-container *ngTemplateOutlet="treeNodeTemplate; context: { $implicit: node, level: 0 }"></ng-container>
+						}
+					</div>
+				</p-scrollPanel>
+			</div>
+		} @else {
+			<div class="empty-state">
+				<div class="empty-content">
+					<i class="pi pi-sitemap empty-icon"></i>
+					<h3 class="empty-title">
+						{{ searchTerm() ? t('noSearchResults') : t('noPages') }}
+					</h3>
+					<p class="empty-message">
+						{{ searchTerm() ? t('tryDifferentKeywords') : '' }}
+					</p>
+					@if (searchTerm()) {
+						<aril-button
+							[label]="t('clearSearch')"
+							icon="TIMES"
+							color="secondary"
+							[outlined]="true"
+							size="sm"
+							(clickEvent)="searchTerm.set(''); onSearchChange()">
+						</aril-button>
+					}
+				</div>
+			</div>
+		}
+
+		<!-- Recursive Tree Node Template -->
+		<ng-template #treeNodeTemplate let-node let-level="level">
+			<div class="tree-node" [style.margin-left.px]="level * 20">
+				<div
+					class="node-item"
+					[class.has-children]="node.children && node.children.length > 0"
+					[class.is-page]="node.routerLink"
+					[routerLink]="node.routerLink"
+					(click)="!node.routerLink ? toggleNode(node) : (visible = false)">
+					<div class="node-content">
+						@if (node.children && node.children.length > 0) {
+							<div class="toggle-btn" (click)="$event.stopPropagation(); toggleNode(node)">
+								<i class="pi" [class.pi-chevron-right]="!node.expanded" [class.pi-chevron-down]="node.expanded"></i>
+							</div>
+						}
+
+						@if (node.icon) {
+							<i class="node-icon" [class]="node.icon"></i>
+						}
+						<span class="node-label">{{ node.label | translateJson }}</span>
+
+						@if (node.routerLink) {
+							<i class="external-icon pi pi-external-link"></i>
+						}
+					</div>
+				</div>
+
+				<!-- Recursive Children -->
+				@if (node.children && node.expanded) {
+					@for (child of node.children; track trackByKey($index, child)) {
+						<ng-container
+							*ngTemplateOutlet="treeNodeTemplate; context: { $implicit: child, level: level + 1 }"></ng-container>
+					}
+				}
+			</div>
+		</ng-template>
+	</div>
+</p-sidebar>

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

@@ -9,6 +9,7 @@ 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';
@@ -51,7 +52,7 @@ export class SiteMapSidebarComponent implements OnInit {
 	searchTerm = signal<string>('');
 	totalPages = signal<number>(0);
   solidIcons = solidIcons;
-	
+
 	constructor(
 		public layoutService: LayoutService,
 		private translocoService: TranslocoService
@@ -70,7 +71,7 @@ export class SiteMapSidebarComponent implements OnInit {
 	}
 
 	private loadSiteMap(): void {
-		const menuItems = (<any>globalThis).hostMenuItems?.() || [];
+		const menuItems = bridge.hostMenuItems();
 		const nodes = this.buildSiteMapNodes(menuItems);
 		const totalCount = this.countTotalPages(nodes);