51 lines
1.4 KiB
TypeScript
51 lines
1.4 KiB
TypeScript
import {
|
|
afterNextRender,
|
|
Component,
|
|
DestroyRef,
|
|
Inject,
|
|
Optional,
|
|
PLATFORM_ID,
|
|
inject,
|
|
signal,
|
|
} from '@angular/core';
|
|
import { isPlatformBrowser } from '@angular/common';
|
|
import { RouterOutlet } from '@angular/router';
|
|
import { SeoService } from './core/services/seo.service';
|
|
import { BrandAnimationLogoComponent } from './shared/components/brand-animation-logo/brand-animation-logo.component';
|
|
|
|
@Component({
|
|
selector: 'app-root',
|
|
standalone: true,
|
|
imports: [RouterOutlet, BrandAnimationLogoComponent],
|
|
templateUrl: './app.component.html',
|
|
styleUrl: './app.component.scss',
|
|
})
|
|
export class AppComponent {
|
|
private readonly seoService = inject(SeoService);
|
|
private readonly destroyRef = inject(DestroyRef);
|
|
readonly siteIntroState = signal<'hidden' | 'active' | 'closing'>('hidden');
|
|
|
|
constructor(@Optional() @Inject(PLATFORM_ID) platformId?: Object) {
|
|
if (!isPlatformBrowser(platformId ?? 'browser')) {
|
|
return;
|
|
}
|
|
|
|
afterNextRender(() => {
|
|
this.siteIntroState.set('active');
|
|
|
|
const closeTimeoutId = window.setTimeout(() => {
|
|
this.siteIntroState.set('closing');
|
|
}, 1020);
|
|
|
|
const hideTimeoutId = window.setTimeout(() => {
|
|
this.siteIntroState.set('hidden');
|
|
}, 1280);
|
|
|
|
this.destroyRef.onDestroy(() => {
|
|
window.clearTimeout(closeTimeoutId);
|
|
window.clearTimeout(hideTimeoutId);
|
|
});
|
|
});
|
|
}
|
|
}
|