@3dsource/angular-unreal-module 0.0.78-dev.0 → 0.0.78

package/fesm2022/3dsource-angular-unreal-module.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, makeEnvironmentProviders, ChangeDetectionStrategy, Component, Pipe, ElementRef, input, HostListener, Input, ViewChild, DestroyRef, computed, viewChild, effect, untracked, output } from '@angular/core';
+import { InjectionToken, inject, Injectable, signal, makeEnvironmentProviders, ChangeDetectionStrategy, Component, Pipe, ElementRef, input, HostListener, Input, ViewChild, DestroyRef, computed, viewChild, effect, untracked, output, afterNextRender } from '@angular/core';
 import { filter, withLatestFrom, distinctUntilChanged, switchMap, catchError, timeout, tap, map as map$1, takeUntil, exhaustMap, debounceTime, takeWhile, delay, skip as skip$1 } from 'rxjs/operators';
 import { createAction, props, Store, provideState, createReducer, on, createFeature, createSelector } from '@ngrx/store';
 import { Actions, ofType, provideEffects, createEffect } from '@ngrx/effects';
@@ -2529,7 +2529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 
 class InputService extends SubService {
     constructor() {
-        super();
+        super(...arguments);
         this.commandsSender = inject(UnrealCommunicatorService);
         this.isDevMode = inject(DevModeService).isDevMode;
         this.defaultKeys = [
@@ -2562,7 +2562,6 @@ class InputService extends SubService {
             offsetByY: 0,
             offsetByX: 0,
         };
-        this.init();
     }
     init() {
         const visibilityHiddenTrigger$ = fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'hidden'), filter(Truthy));
@@ -2574,9 +2573,6 @@ class InputService extends SubService {
             .pipe(filter(Truthy), startWith(true))), filter(([video]) => !!video))
             .subscribe(([video]) => this.setup(video));
     }
-    fakeInit() {
-        // it is for init
-    }
     useKeyboardKeys(keys) {
         this.availableKeys = keys || [];
     }
@@ -4856,24 +4852,26 @@ class UnrealSceneComponent {
         this.videoService = inject(VideoService);
         this.element = inject(ElementRef);
         this.destroyRef = inject(DestroyRef);
-        this._destroy = this.destroyRef.onDestroy(() => {
+        this.destroyRef.onDestroy(() => {
             this.commandsSender.destroy();
             this.store.dispatch(destroyUnrealScene());
         });
         this.streamStatusTelemetryService.init();
         this.aggregatorService.init();
-        this.inputService.fakeInit();
-        effect(() => {
-            const videoElement = this.videoElement();
-            if (videoElement) {
-                this.videoService.setContainer(videoElement.nativeElement);
-                if (this.element?.nativeElement) {
-                    fromEvent(this.element?.nativeElement, 'contextmenu')
-                        .pipe(takeUntilDestroyed(this.destroyRef))
-                        .subscribe((event) => event.preventDefault());
+        this.inputService.init();
+        afterNextRender({
+            read: () => {
+                const videoElement = this.videoElement();
+                if (videoElement) {
+                    this.videoService.setContainer(videoElement.nativeElement);
+                    if (this.element?.nativeElement) {
+                        fromEvent(this.element?.nativeElement, 'contextmenu')
+                            .pipe(takeUntilDestroyed(this.destroyRef))
+                            .subscribe((event) => event.preventDefault());
+                    }
+                    this.listenResizeValues();
                 }
-                this.listenResizeValues();
-            }
+            },
         });
     }
     listenResizeValues() {