aril 1.1.71 → 1.1.73

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

@@ -1,36 +0,0 @@
-import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-export interface HistoryItem {
-    id: string;
-    title: string;
-    multiLanguageTitle?: {
-        tr?: string;
-        en?: string;
-    };
-    url: string;
-    timestamp: number;
-}
-export declare class HistoryService {
-    private readonly STORAGE_KEY;
-    private readonly MAX_HISTORY_SIZE;
-    private historySubject;
-    history$: Observable<HistoryItem[]>;
-    private excludedPaths;
-    private router;
-    private translocoService;
-    private pubSubService;
-    private titleService;
-    constructor();
-    private initializeBreadcrumbListener;
-    private addToHistory;
-    private shouldExcludeUrl;
-    private generateId;
-    private loadHistoryFromStorage;
-    private saveHistoryToStorage;
-    clearHistory(): void;
-    navigateToHistoryItem(item: HistoryItem): void;
-    private getHistoryFromStorage;
-    getHistoryItemsBySearchTerm(searchTerm: string): HistoryItem[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<HistoryService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<HistoryService>;
-}

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

@@ -1,47 +0,0 @@
-import { OnDestroy, Renderer2 } from '@angular/core';
-import { Router } from '@angular/router';
-import { Subscription } from 'rxjs';
-import { LayoutService } from '../../service/app.layout.service';
-import { AppMenuService } from '../../service/app.menu.service';
-import { AppTopbarComponent } from '../topbar/app.topbar.component';
-import { ExpandableMenuComponent } from '../expandableMenu/expandable-menu.component';
-import { StaticSidebarComponent } from '../static-sidebar/static-sidebar.component';
-import * as i0 from "@angular/core";
-export declare class AppLayoutComponent implements OnDestroy {
-    private menuService;
-    layoutService: LayoutService;
-    renderer: Renderer2;
-    router: Router;
-    overlayMenuOpenSubscription: Subscription;
-    menuOutsideClickListener: any;
-    menuScrollListener: any;
-    globalThis: any;
-    expandableMenuComponent: ExpandableMenuComponent;
-    staticSidebarComponent: StaticSidebarComponent;
-    appTopbar: AppTopbarComponent;
-    constructor(menuService: AppMenuService, layoutService: LayoutService, renderer: Renderer2, router: Router);
-    blockBodyScroll(): void;
-    unblockBodyScroll(): void;
-    private isElementInside;
-    hideMenu(): void;
-    get containerClass(): {
-        'layout-light': boolean;
-        'layout-dim': boolean;
-        'layout-dark': boolean;
-        'layout-colorscheme-menu': boolean;
-        'layout-primarycolor-menu': boolean;
-        'layout-transparent-menu': boolean;
-        'layout-static': boolean;
-        'layout-expandable': boolean;
-        'layout-static-inactive': boolean;
-        'layout-static-collapsed': boolean;
-        'layout-mobile-active': boolean;
-        'p-input-filled': boolean;
-        'p-ripple-disabled': boolean;
-        'new-sidebar-layout': boolean;
-        'secondary-expanded': boolean;
-    };
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppLayoutComponent, "app-layout", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,10 +0,0 @@
-import { Signal } from '@angular/core';
-import { Router } from '@angular/router';
-import * as i0 from "@angular/core";
-export declare class MFELayoutComponent {
-    private router;
-    loading: Signal<boolean>;
-    constructor(router: Router);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MFELayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MFELayoutComponent, "mfe-layout", never, {}, {}, never, never, true, never>;
-}

package/theme/layout/app/menu/app.menu.component.html

@@ -1,14 +0,0 @@
-<ul class="layout-menu h-full flex-column">
-	@for (item of isHostMode ? hostMenuItems() : menuService.menuItems(); track $index) {
-		@if (item.separator) {
-			<li class="menu-separator"></li>
-		} @else {
-			<li
-				app-menuitem
-				[item]="item"
-				[index]="$index"
-				[root]="true"
-				[class.mt-auto]="item.label && item.label['en'] === 'Management'"></li>
-		}
-	}
-</ul>

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

@@ -1,350 +0,0 @@
-import { AnimationEvent, animate, state, style, transition, trigger } from '@angular/animations';
-import { NgClass } from '@angular/common';
-import { Component, ElementRef, HostBinding, Input, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { NavigationEnd, Router, RouterLink, RouterLinkActive } from '@angular/router';
-
-import { MenuItem } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-
-import { TranslocoService } from '@ngneat/transloco';
-import { Subscription } from 'rxjs';
-import { filter } from 'rxjs/operators';
-
-import { PluginMenuItem } from 'aril/boot/config/apps';
-
-import { LayoutService } from '../../service/app.layout.service';
-import { AppMenuService } from '../../service/app.menu.service';
-
-@Component({
-	standalone: true,
-	selector: '[app-menuitem]',
-	template: `
-		<ng-container>
-			@if (root) {
-				<div class="layout-menuitem-root-text">
-					{{ item.label[activeLang()!] }}
-				</div>
-			}
-			@if (item.items?.length) {
-				<a
-					[ngClass]="{ 'active-root-menu-item': root && key == menuService.activeRootMenuItemKey() }"
-					(click)="itemClick($event)"
-					(mouseenter)="onMouseEnter()"
-					tabindex="0"
-					pRipple
-					[pTooltip]="item.label[activeLang()!]"
-					[tooltipDisabled]="!(isSlim && root && !active)">
-					<i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
-					<span class="layout-menuitem-text">{{ item.label[activeLang()!] }}</span>
-					@if (item.items) {
-						<i class="pi pi-fw pi-angle-down layout-submenu-toggler"></i>
-					}
-				</a>
-			} @else {
-				<a
-					[ngClass]="{ 'active-root-menu-item': root && key == menuService.activeRootMenuItemKey() }"
-					(click)="itemClick($event)"
-					(mouseenter)="onMouseEnter()"
-					[routerLink]="item.routerLink"
-					routerLinkActive="active-route"
-					[routerLinkActiveOptions]="{
-						paths: 'exact',
-						queryParams: 'ignored',
-						matrixParams: 'ignored',
-						fragment: 'ignored'
-					}"
-					tabindex="0"
-					pRipple
-					[pTooltip]="item.label[activeLang()!]"
-					[tooltipDisabled]="!(isSlim && root)">
-					<i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
-
-					@if (item.label && item.label[activeLang()!]) {
-						<span class="layout-menuitem-text">{{ item.label[activeLang()!] }}</span>
-					}
-					@if (item.items) {
-						<i class="pi pi-fw pi-angle-down layout-submenu-toggler"></i>
-					}
-				</a>
-			}
-
-			@if (item.items) {
-				<ul #submenu [@children]="submenuAnimation" (@children.done)="onSubmenuAnimated($event)">
-					@for (child of item.items; track child; let i = $index) {
-						<li app-menuitem [item]="child" [index]="i" [parentKey]="key"></li>
-					}
-				</ul>
-			}
-		</ng-container>
-	`,
-	imports: [NgClass, RouterLink, RouterLinkActive, TooltipModule, RippleModule],
-	animations: [
-		trigger('children', [
-			state(
-				'collapsed',
-				style({
-					height: '0'
-				})
-			),
-			state(
-				'expanded',
-				style({
-					height: '*'
-				})
-			),
-			state(
-				'hidden',
-				style({
-					display: 'none'
-				})
-			),
-			state(
-				'visible',
-				style({
-					display: 'block'
-				})
-			),
-			transition('collapsed <=> expanded', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
-		])
-	],
-	styles: [
-		'.active-root-menu-item { background-color: var(--primary-color); & > i,span { color: var(--primary-foreground) !important; } & > span { font-weight: 700; } }'
-	]
-})
-export class AppMenuItemComponent implements OnInit, OnDestroy {
-	@Input() item!: PluginMenuItem;
-
-	@Input() index!: number;
-
-	@Input() @HostBinding('class.layout-root-menuitem') root!: boolean;
-
-	@Input() parentKey!: string;
-
-	@ViewChild('submenu') submenu!: ElementRef;
-
-	active = false;
-
-	menuSourceSubscription: Subscription;
-
-	menuResetSubscription: Subscription;
-
-	key: string = '';
-
-	activeLang = toSignal(this.translocoService.langChanges$);
-
-	constructor(
-		public layoutService: LayoutService,
-		public router: Router,
-		public menuService: AppMenuService,
-		private readonly translocoService: TranslocoService
-	) {
-		this.menuSourceSubscription = this.menuService.menuSource$.subscribe((value) => {
-			Promise.resolve(null).then(() => {
-				if (value.routeEvent) {
-					this.active = value.key === this.key || value.key.startsWith(this.key + '-') ? true : false;
-				} else {
-					if (value.key !== this.key && !value.key.startsWith(this.key + '-')) {
-						this.active = false;
-					}
-				}
-			});
-		});
-
-		this.menuResetSubscription = this.menuService.resetSource$.subscribe(() => {
-			this.active = false;
-		});
-
-		this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe((params: any) => {
-			if (this.isSlimPlus || this.isSlim || this.isHorizontal) {
-				if (!this.layoutService.mfeAppItemClicked()) this.active = false;
-			} else {
-				if (this.item.routerLink) {
-					this.updateActiveStateFromRoute();
-				}
-			}
-
-			if (
-				this.item.routerLink === params.url ||
-				this.item.routerLink === params.urlAfterRedirects ||
-				(this.item.routerLink &&
-					this.router.isActive(this.item.routerLink, {
-						matrixParams: 'ignored',
-						queryParams: 'ignored',
-						fragment: 'ignored',
-						paths: 'subset'
-					}))
-			) {
-				this.menuService.activeRootMenuItemKey.set(this.key.charAt(0));
-			}
-		});
-	}
-
-	ngOnInit() {
-		this.key = this.parentKey ? this.parentKey + '-' + this.index : String(this.index);
-		if (!(this.isSlimPlus || this.isSlim || this.isHorizontal) && this.item.routerLink) {
-			this.updateActiveStateFromRoute();
-		}
-	}
-
-	ngAfterViewChecked() {
-		if (
-			this.root &&
-			this.active &&
-			this.layoutService.isDesktop() &&
-			(this.layoutService.isHorizontal() || this.layoutService.isSlim() || this.layoutService.isSlimPlus())
-		) {
-			this.calculatePosition(this.submenu?.nativeElement, this.submenu?.nativeElement.parentElement);
-		}
-	}
-
-	updateActiveStateFromRoute() {
-		let activeRoute = this.router.isActive(this.item.routerLink![0], {
-			paths: 'exact',
-			queryParams: 'ignored',
-			matrixParams: 'ignored',
-			fragment: 'ignored'
-		});
-
-		if (activeRoute) {
-			this.menuService.onMenuStateChange({ key: this.key, routeEvent: true });
-		}
-	}
-
-	onSubmenuAnimated(event: AnimationEvent) {
-		if (
-			event.toState === 'visible' &&
-			this.layoutService.isDesktop() &&
-			(this.layoutService.isHorizontal() || this.layoutService.isSlim() || this.layoutService.isSlimPlus())
-		) {
-			const el = <HTMLUListElement>event.element;
-			const elParent = <HTMLUListElement>el.parentElement;
-			this.calculatePosition(el, elParent);
-		}
-	}
-
-	calculatePosition(overlay: HTMLElement, target: HTMLElement) {
-		if (overlay) {
-			const { left, top } = target.getBoundingClientRect();
-			const [vWidth, vHeight] = [window.innerWidth, window.innerHeight];
-			const [oWidth, oHeight] = [overlay.offsetWidth, overlay.offsetHeight];
-			const scrollbarWidth = DomHandler.calculateScrollbarWidth();
-			// reset
-			overlay.style.top = '';
-			overlay.style.left = '';
-
-			if (this.layoutService.isHorizontal()) {
-				const width = left + oWidth + scrollbarWidth;
-				overlay.style.left = vWidth < width ? `${left - (width - vWidth)}px` : `${left}px`;
-			} else if (this.layoutService.isSlim() || this.layoutService.isSlimPlus()) {
-				const height = top + oHeight;
-				overlay.style.top = vHeight < height ? `${top - (height - vHeight)}px` : `${top}px`;
-			}
-		}
-	}
-
-	itemClick(event: Event) {
-		// avoid processing disabled items
-		if (this.item.disabled) {
-			event.preventDefault();
-			return;
-		}
-
-		// navigate with hover
-		if ((this.root && this.isSlim) || this.isHorizontal || this.isSlimPlus) {
-			this.layoutService.state.menuHoverActive = !this.layoutService.state.menuHoverActive;
-		}
-
-		// execute command
-		if (this.item.command) {
-			this.item.command({ originalEvent: event, item: this.item as unknown as MenuItem });
-		}
-
-		// toggle active state
-		if (this.item.items) {
-			this.active = !this.active;
-
-			if (this.root && this.active && (this.isSlim || this.isHorizontal || this.isSlimPlus)) {
-				this.layoutService.onOverlaySubmenuOpen();
-			}
-		} else {
-			if (this.layoutService.isMobile()) {
-				this.layoutService.state.staticMenuMobileActive = false;
-			}
-
-			if (this.isSlim || this.isHorizontal || this.isSlimPlus) {
-				this.menuService.reset();
-				this.layoutService.state.menuHoverActive = false;
-			}
-		}
-
-		this.menuService.onMenuStateChange({ key: this.key });
-	}
-
-	onMouseEnter() {
-		// activate item on hover
-		if ((<any>globalThis).isHostMode && !this.item.items?.length) return;
-
-		if (this.root && (this.isSlim || this.isHorizontal || this.isSlimPlus) && this.layoutService.isDesktop()) {
-			if (this.layoutService.state.menuHoverActive) {
-				this.active = true;
-				this.menuService.onMenuStateChange({ key: this.key });
-			}
-		}
-	}
-
-	get submenuAnimation() {
-		if (
-			this.layoutService.isDesktop() &&
-			(this.layoutService.isHorizontal() || this.layoutService.isSlim() || this.layoutService.isSlimPlus())
-		) {
-			return this.active ? 'visible' : 'hidden';
-		} else
-			return (
-				this.root ? 'expanded'
-				: this.active ? 'expanded'
-				: 'collapsed'
-			);
-	}
-
-	get isHorizontal() {
-		return this.layoutService.isHorizontal();
-	}
-
-	get isSlim() {
-		return this.layoutService.isSlim();
-	}
-
-	get isSlimPlus() {
-		return this.layoutService.isSlimPlus();
-	}
-
-	@HostBinding('class.active-menuitem')
-	get activeClass() {
-		return this.active && !this.root;
-	}
-
-	ngOnDestroy() {
-		if (this.menuSourceSubscription) {
-			this.menuSourceSubscription.unsubscribe();
-		}
-
-		if (this.menuResetSubscription) {
-			this.menuResetSubscription.unsubscribe();
-		}
-	}
-}
-
-@Component({
-	standalone: true,
-	selector: 'app-menu',
-	imports: [AppMenuItemComponent],
-	templateUrl: './app.menu.component.html'
-})
-export class AppMenuComponent {
-	menuService = inject(AppMenuService);
-	isHostMode = (<any>globalThis).isHostMode;
-	hostMenuItems = (<any>globalThis).hostMenuItems;
-}