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

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

@@ -1,18 +1,18 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, makeEnvironmentProviders, provideEnvironmentInitializer, 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 } 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';
 import { skip, share, merge, Subject, interval, of, map, from, take, fromEvent, timer, throwError, defer, Observable, switchMap as switchMap$1, retry, timeout as timeout$1, tap as tap$1, startWith, combineLatestWith, takeUntil as takeUntil$1, auditTime, EMPTY, debounceTime as debounceTime$1, mergeMap, scan, concatMap, animationFrameScheduler, BehaviorSubject, distinctUntilChanged as distinctUntilChanged$1, concat } from 'rxjs';
 import { Falsy, Truthy, Logger, calculateMedian, clampf, Signal, tapLog, generateUuid, COLOR_CODES, where, KeyboardNumericCode, InvertedKeyMap, Semaphore, lerp, getCanvasCached, getSnapshot, whereNot, HEXtoRGB, RGBtoHSV, inverseLerp, HSVtoRGB, RGBtoHEX, fpIsASameAsB, fitIntoRectangle } from '@3dsource/utils';
 import { HttpClient } from '@angular/common/http';
-import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { DialogRef, DIALOG_DATA, Dialog } from '@angular/cdk/dialog';
 import { ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { MetaBoxCommand } from '@3dsource/types-unreal';
 import { SourceButtonComponent, SourceLoadingComponent } from '@3dsource/source-ui-native';
 import * as i1 from '@angular/common';
 import { CommonModule, NgOptimizedImage, AsyncPipe, JsonPipe } from '@angular/common';
+import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
@@ -297,7 +297,7 @@ class SubService {
 
 class AFKService extends SubService {
     constructor() {
-        super();
+        super(...arguments);
         // Optionally detect if the user is not interacting (AFK) and disconnect them.
         this.enabled = true; // Set to true to enable the AFK system.
         this.closeTimeout = DEFAULT_AFK_TIMEOUT_PERIOD; // The time after the warning when we disconnect the user.
@@ -305,7 +305,6 @@ class AFKService extends SubService {
         this.countdown = 0; // The inactivity warning overlay has a countdown to show time until disconnect.
         this.selectWarnTimeout = this.store.selectSignal(selectWarnTimeout);
         this.isViewportReady = this.store.selectSignal(unrealFeature.selectViewportReady);
-        this.init();
     }
     init() {
         merge(this.store.select(selectWarnTimeout), fromSignal(UnrealInternalSignalEvents.RestAfkTimer))
@@ -399,22 +398,22 @@ class AFKService extends SubService {
             }
         }, 1000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AFKService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AFKService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AFKService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AFKService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [] });
+        }] });
 
 class FreezeFrameService extends SubService {
     constructor() {
-        super();
+        super(...arguments);
         this.receiving = false;
         this.size = 0;
         this.freezeFrameOverlay = new Image();
-        this.init();
     }
     init() {
+        console.log('DEBUG: FreezeFrameService init');
         this.store
             .select(unrealFeature.selectViewportReady)
             .pipe(filter(Truthy))
@@ -478,12 +477,12 @@ class FreezeFrameService extends SubService {
             progress: 1,
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FreezeFrameService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FreezeFrameService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FreezeFrameService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FreezeFrameService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [] });
+        }] });
 
 class DataFlowMonitor {
     /**
@@ -610,6 +609,7 @@ class VideoService extends SubService {
         this.init();
     }
     init() {
+        console.log('DEBUG: VideoService init');
         Signal.on('setKalmanParams').subscribe((data) => {
             this.kalmanFilter1D.config(data);
             BITRATE_MONITOR.config(data);
@@ -873,6 +873,7 @@ class CommandTelemetryService {
         this.init();
     }
     init() {
+        console.log('DEBUG: CommandTelemetryService init');
         if (!this.unrealInitialConfig?.commandTelemetryReceiver) {
             return;
         }
@@ -1198,6 +1199,7 @@ class SignallingService extends SubService {
         this.init();
     }
     init() {
+        console.log('DEBUG: SignallingService init');
         this.setHandlersFromStream();
         this.store
             .select(unrealFeature.selectDataChannelConnected)
@@ -1509,6 +1511,7 @@ class WebRtcPlayerService extends SubService {
         this.init();
     }
     init() {
+        console.log('DEBUG: WebRtcPlayerService init');
         const iceCandidateBuffer = [];
         const processBuffer = () => {
             iceCandidateBuffer.forEach((cnd) => {
@@ -1585,10 +1588,10 @@ class WebRtcPlayerService extends SubService {
     }
     mungeSDP(offer) {
         let audioSDP = '';
-        // set max bitrate to highest bitrate Opus supports
+        // set max bitrate to the highest bitrate Opus supports
         audioSDP += 'maxaveragebitrate=510000;';
         if (this.useMic) {
-            // set the max capture rate to 48khz (so we can send high quality audio from mic)
+            // set the max capture rate to 48khz (so we can send high-quality audio from mic)
             audioSDP += 'sprop-maxcapturerate=48000;';
         }
         // Force mono or stereo based on whether ?forceMono was passed or not
@@ -1893,6 +1896,7 @@ class FileReceiverService extends SubService {
         this.init();
     }
     init() {
+        console.log('DEBUG: FileReceiverService init');
         this.store
             .select(unrealFeature.selectViewportReady)
             .pipe(filter(Truthy))
@@ -1906,14 +1910,14 @@ class FileReceiverService extends SubService {
         this.chunks = 0;
         this.data = [];
         this.timestampStart = new Date().getTime();
-        //Logger.info('Received file state');
+        // Logger.info('Received file state');
     }
     resetOnStart() {
         this.reset();
         this.receiving = true;
     }
     /**
-     * Processes a files extension when received over data channel
+     * Processes a file extension when received over data channel
      * @param view - the file extension data
      */
     setExtensionFromBytes(view) {
@@ -1921,12 +1925,11 @@ class FileReceiverService extends SubService {
         if (!this.receiving) {
             this.resetOnStart();
         }
-        const extensionAsString = new TextDecoder('utf-16').decode(view.slice(1));
         //Logger.info(extensionAsString);
-        this.extension = extensionAsString;
+        this.extension = new TextDecoder('utf-16').decode(view.slice(1));
     }
     /**
-     * Processes a files mime type when received over data channel
+     * Processes a file mime type when received over data channel
      * @param view - the file mime type data
      */
     setMimeTypeFromBytes(view) {
@@ -1935,7 +1938,7 @@ class FileReceiverService extends SubService {
             this.resetOnStart();
         }
         const mimeAsString = new TextDecoder('utf-16').decode(view.slice(1));
-        //Logger.info(mimeAsString);
+        // Logger.info(mimeAsString);
         this.mimetype = mimeAsString;
     }
     /*-------------------------------------------------------------------------------------------*/
@@ -1948,12 +1951,12 @@ class FileReceiverService extends SubService {
         const maxMessageSize = 16 * 1024;
         const headerSize = typeSize + intSize;
         const maxPayloadSize = maxMessageSize - headerSize;
-        // Calculate total number of chunks from the total this size
+        // Calculate the total number of chunks from the total this size
         this.chunks = Math.ceil(new DataView(view.slice(typeSize, headerSize).buffer).getInt32(0, true) /
             maxPayloadSize);
         // Get the file part of the payload
         const thisBytes = view.slice(headerSize);
-        // Append to existing data that holds the this
+        // Append to existing data that holds this
         this.data.push(thisBytes);
         // Uncomment for debug
         // Logger.info(`Received this chunk: ${this.data.length}/${this.chunks}`);
@@ -1995,8 +1998,8 @@ const filteredLogs = [
 ];
 class AggregatorService extends SubService {
     constructor() {
-        super();
-        this.selectStreamConfig = toSignal(this.store.select(selectStreamConfig));
+        super(...arguments);
+        this.selectStreamConfig = this.store.selectSignal(selectStreamConfig);
         this.videoService = inject(VideoService);
         this.webrtcPlayer = inject(WebRtcPlayerService);
         this.freezeFrame = inject(FreezeFrameService);
@@ -2007,9 +2010,9 @@ class AggregatorService extends SubService {
          * Never called for now
          */
         this.destroy$ = new Subject();
-        this.init();
     }
     init() {
+        console.log('DEBUG: AggregatorService init');
         this.listenWebRTC();
         this.initialize();
     }
@@ -2177,21 +2180,18 @@ class AggregatorService extends SubService {
                 Logger.warn(`unrecognized data received, packet ID ${view[0]}`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AggregatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AggregatorService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AggregatorService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AggregatorService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [] });
+        }] });
 
 class ConsoleExtensionsService extends SubService {
     #httpClient = inject(HttpClient);
     #isDevMode = inject(DevModeService).isDevMode;
-    constructor() {
-        super();
-        this.init();
-    }
     init() {
+        console.log('DEBUG: ConsoleExtensionsService init');
         if (!this.#isDevMode) {
             return;
         }
@@ -2233,12 +2233,12 @@ class ConsoleExtensionsService extends SubService {
         Logger.info('setWarnTime() => set time to appear the AFK window.');
         Logger.info('emitCommand(command) => send command to Unreal Engine.');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsoleExtensionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsoleExtensionsService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsoleExtensionsService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsoleExtensionsService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [] });
+        }] });
 
 class DevModeService {
     get isDevMode() {
@@ -2419,16 +2419,22 @@ class TouchEmulator {
 class UnrealCommunicatorService {
     constructor() {
         this.store = inject(Store);
-        this.telemetry = inject(CommandTelemetryService);
-        this.freezeFrame = inject(FreezeFrameService);
-        this.webrtcPlayer = inject(WebRtcPlayerService);
+        this.commandTelemetryService = inject(CommandTelemetryService);
+        this.freezeFrameService = inject(FreezeFrameService);
+        this.webRtcPlayerService = inject(WebRtcPlayerService);
         this.videoService = inject(VideoService);
         this.destroy$ = new Subject();
-        this.cirrusConnected = toSignal(this.store.select(unrealFeature.selectCirrusConnected));
+        this.afkService = inject(AFKService);
+        this.consoleExtensionsService = inject(ConsoleExtensionsService);
+        this.cirrusConnected = this.store.selectSignal(unrealFeature.selectCirrusConnected);
         this.init();
     }
     init() {
-        this.emitUIInteraction = this.telemetry.decorate(this.emitUIInteraction.bind(this));
+        this.consoleExtensionsService.init();
+        this.afkService.init();
+        this.freezeFrameService.init();
+        console.log('DEBUG: UnrealCommunicatorService init');
+        this.emitUIInteraction = this.commandTelemetryService.decorate(this.emitUIInteraction.bind(this));
         this.listenVideo();
         this.store
             .select(unrealFeature.selectDataChannelConnected)
@@ -2443,7 +2449,7 @@ class UnrealCommunicatorService {
         this.destroy$.complete();
     }
     sendCommandToUnreal(data) {
-        if (this.webrtcPlayer.canSend()) {
+        if (this.webRtcPlayerService.canSend()) {
             const uniqId = data?.correlationId ?? generateUuid();
             const sendData = { ...data, correlationId: uniqId };
             Logger.colored(...COLOR_CODES.TO_UNREAL, sendData);
@@ -2471,7 +2477,7 @@ class UnrealCommunicatorService {
     sendInputData(data) {
         try {
             resetAfk();
-            this.webrtcPlayer.send(data);
+            this.webRtcPlayerService.send(data);
         }
         catch (error) {
             if (this.cirrusConnected()) {
@@ -2507,7 +2513,7 @@ class UnrealCommunicatorService {
     }
     prepareScreen() {
         this.showPlayOverlay();
-        this.freezeFrame.invalidate();
+        this.freezeFrameService.invalidate();
     }
     showPlayOverlay() {
         const callback = () => {
@@ -2532,7 +2538,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 = [
@@ -2565,6 +2571,9 @@ class InputService extends SubService {
             offsetByY: 0,
             offsetByX: 0,
         };
+    }
+    init() {
+        console.log('DEBUG: InputService init');
         const visibilityHiddenTrigger$ = fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'hidden'), filter(Truthy));
         const visibilityVisibleTrigger$ = fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'visible'), filter(Truthy), startWith(true));
         this.deactivatedVideoTrigger$ = merge(this.disconnect$, this.reInit$, visibilityHiddenTrigger$);
@@ -3114,14 +3123,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }], ctorParameters: () => [] });
 
 class StreamStatusTelemetryService {
-    constructor() {
-        this.store = inject(Store);
-        this.videoService = inject(VideoService);
-        this.init();
-    }
+    #store = inject(Store);
+    #videoService = inject(VideoService);
     init() {
-        this.videoService.videoStats$
-            .pipe(withLatestFrom(this.store.select(unrealFeature.selectAwsInstance), this.store.select(unrealFeature.selectLowBandwidth), this.store.select(unrealFeature.selectLowBandwidthStats), this.store.select(unrealFeature.selectCirrusConnected)), auditTime(5000), filter(([, , , , cirrusConnected]) => cirrusConnected), map$1(([data, signalingServer, isLowBandwidth, lbmStats]) => this.mapEventData(data, signalingServer, isLowBandwidth, lbmStats)))
+        console.log('DEBUG: StreamStatusTelemetryService init');
+        this.#videoService.videoStats$
+            .pipe(withLatestFrom(this.#store.select(unrealFeature.selectAwsInstance), this.#store.select(unrealFeature.selectLowBandwidth), this.#store.select(unrealFeature.selectLowBandwidthStats), this.#store.select(unrealFeature.selectCirrusConnected)), auditTime(5000), filter(([, , , , cirrusConnected]) => cirrusConnected), map$1(([data, signalingServer, isLowBandwidth, lbmStats]) => this.mapEventData(data, signalingServer, isLowBandwidth, lbmStats)))
             .subscribe((data) => this.trackEventToMixPanel(data));
     }
     mapEventData(data, signalingServer, isLowBandwidth, lbmStats) {
@@ -3144,14 +3151,14 @@ class StreamStatusTelemetryService {
         };
     }
     trackEventToMixPanel(data) {
-        this.store.dispatch(trackMixpanelEvent({ event: 'streamStatus', data }));
+        this.#store.dispatch(trackMixpanelEvent({ event: 'streamStatus', data }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StreamStatusTelemetryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StreamStatusTelemetryService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StreamStatusTelemetryService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [] });
+        }] });
 
 class AfkPlaywrightService extends AFKService {
     init() {
@@ -3263,6 +3270,17 @@ class FileReceiverPlaywrightService extends FileReceiverService {
     }
 }
 
+class InputPlaywrightService extends InputService {
+    init() {
+        return;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InputPlaywrightService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InputPlaywrightService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InputPlaywrightService, decorators: [{
+            type: Injectable
+        }] });
+
 /*
  * Copyright (c) 2025.
  * 3DSource.com. Sergii Karanda steve@3dsource.com. All Rights Reserved.
@@ -3307,8 +3325,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             type: Injectable
         }] });
 
-function providePlaywrightProviders(config) {
-    return [
+function provideAngularUnrealModule(config) {
+    return makeEnvironmentProviders([
+        provideState(unrealFeature),
+        provideEffects([UnrealEffects]),
+        ConsoleExtensionsService,
+        InputService,
+        VideoService,
+        WebRtcPlayerService,
+        RegionsPingService,
+        FileReceiverService,
+        FileHandlerService,
         {
             provide: StreamStatusTelemetryService,
             useClass: config?.playwright
@@ -3361,28 +3388,6 @@ function providePlaywrightProviders(config) {
                 ? FileReceiverPlaywrightService
                 : FileReceiverService,
         },
-    ];
-}
-
-function provideAngularUnrealModule(config) {
-    return makeEnvironmentProviders([
-        provideState(unrealFeature),
-        provideEffects([UnrealEffects]),
-        ConsoleExtensionsService,
-        InputService,
-        VideoService,
-        WebRtcPlayerService,
-        RegionsPingService,
-        FileReceiverService,
-        FileHandlerService,
-        providePlaywrightProviders(config),
-        provideEnvironmentInitializer(() => {
-            inject(AggregatorService);
-            inject(StreamStatusTelemetryService);
-            inject(ConsoleExtensionsService);
-            inject(AFKService);
-            inject(FreezeFrameService);
-        }),
     ]);
 }
 
@@ -3647,16 +3652,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 
 class UnrealEffects {
     constructor() {
+        this.actions$ = inject(Actions);
         this.dialog = inject(Dialog);
         this.http = inject(HttpClient);
         this.store = inject(Store);
         this.isDevMode = inject(DevModeService).isDevMode;
-        this.unrealInitialConfig = inject(UNREAL_CONFIG, { optional: true });
-        this.actions$ = inject(Actions);
-        this.player = inject(WebRtcPlayerService);
-        this.signallingService = inject(SignallingService);
         this.scrollStrategy = inject(ScrollStrategyOptions).block();
+        this.unrealInitialConfig = inject(UNREAL_CONFIG);
+        this.webRtcPlayerService = inject(WebRtcPlayerService);
         this.commandsSender = inject(UnrealCommunicatorService);
+        this.signallingService = inject(SignallingService);
         this.videoService = inject(VideoService);
         this.dataChannelConnectionTimeout = this.unrealInitialConfig?.dataChannelConnectionTimeout ??
             DATA_CHANNEL_CONNECTION_TIMEOUT;
@@ -3688,7 +3693,7 @@ class UnrealEffects {
                     code: WSCloseCode_FORCE_CIRRUS_CLOSE,
                     reason,
                 });
-                this.player.closePC();
+                this.webRtcPlayerService.closePC();
             }), filter(({ reason }) => reason === DisconnectReason.DropConnection), map(() => dropConnection()));
         });
         this.webrtcErrorModalComponent$ = createEffect(() => {
@@ -4832,6 +4837,9 @@ class UnrealSceneComponent {
         this.width = FULL_HD_WIDTH;
         this.height = FULL_HD_HEIGHT;
         this.store = inject(Store);
+        this.streamStatusTelemetryService = inject(StreamStatusTelemetryService);
+        this.aggregatorService = inject(AggregatorService);
+        this.inputService = inject(InputService);
         this.isDevMode = inject(DevModeService).isDevMode;
         this.lightMode = this.store.selectSignal(unrealFeature.selectLowBandwidth);
         this.isFreezeFrameLoading = this.store.selectSignal(selectIsFreezeFrameLoading);
@@ -4861,6 +4869,9 @@ class UnrealSceneComponent {
     }
     ngAfterViewInit() {
         this.videoService.setContainer(this.container.nativeElement);
+        this.streamStatusTelemetryService.init();
+        this.aggregatorService.init();
+        this.inputService.useKeyboardKeys(this.inputService.defaultKeys);
         fromEvent(this.element.nativeElement, 'contextmenu')
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((event) => event.preventDefault());
@@ -5208,5 +5219,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AFKService, AfkPlaywrightService, AggregatorPlaywrightService, AggregatorService, AnswerHandler, CONSOLE_COMMAND_DISABLE_MESSAGES, CONSOLE_COMMAND_ENABLE_MESSAGES, CONSOLE_COMMAND_PIXEL_QUALITY, ClickableOverlayComponent, CommandTelemetryPlaywrightService, CommandTelemetryService, ConfigHandler, ConsoleExtensionsPlaywrightService, ConsoleExtensionsService, DATA_CHANNEL_CONNECTION_TIMEOUT, DEBOUNCE_TO_MANY_RESIZE_CALLS, DEFAULT_AFK_TIMEOUT, DEFAULT_AFK_TIMEOUT_PERIOD, DataFlowMonitor, DevModeService, DisconnectReason, EControlSchemeType, EMessageType, EToClientMessageType, FULL_HD_HEIGHT, FULL_HD_WIDTH, FileHandlerService, FileReceiverPlaywrightService, FileReceiverService, FilterSettingsComponent, FreezeFrameComponent, FreezeFramePlaywrightService, FreezeFrameService, IceCandidateHandler, ImageLoadingSrcComponent, InputOptions, InputService, InstanceReadyHandler, InstanceReservedHandler, IntroSrcComponent, KalmanFilter1D, LatencyTimings, LowBandwidthDetectorComponent, LowBandwidthModalComponent, MINIMAL_FPS, MouseButton, MouseButtonsMask, OnCloseHandler, OnErrorHandler, OnMessageHandler, OnOpenHandler, OrchestrationMessageTypes, POLLING_TIME, PingHandler, PlayerCountHandler, RegionsPingService, ResetTelemetry, SAME_SIZE_THRESHOLD, SCREEN_LOCKER_CONTAINER_ID, SIGNALLING_PERCENT_VALUE, SSInfoHandler, STREAMING_VIDEO_ID, SafePipe, SignallingPlaywrightService, SignallingService, SpecialKeyCodes, StatGraphComponent, StreamStatusTelemetryPlaywrightService, StreamStatusTelemetryService, SubService, TelemetryStart, TelemetryStop, UNREAL_CONFIG, UnrealCommunicatorPlaywrightService, UnrealCommunicatorService, UnrealEffects, UnrealInternalSignalEvents, UnrealSceneComponent, UnrealStatusMessage, VideoRecorder, VideoService, VideoStatsComponent, WSCloseCode_CIRRUS_ABNORMAL_CLOSURE, WSCloseCode_CIRRUS_MAX_PLAYERS_ERROR, WSCloseCode_CIRRUS_PLAYER_DISCONNECTED, WSCloseCode_CIRRUS_STREAMER_KIKED_PLAYER, WSCloseCode_FORCE_CIRRUS_CLOSE, WSCloseCode_NORMAL_AFK_TIMEOUT, WSCloseCode_NORMAL_CLOSURE, WSCloseCode_NORMAL_MANUAL_DISCONNECT, WSCloseCode_UNKNOWN, WSCloseCodes, WS_OPEN_STATE, WS_TIMEOUT, WebRtcPlayerService, WebrtcErrorModalComponent, abortEstablishingConnection, changeLowBandwidth, changeStatusMainVideoOnScene, changeStreamResolutionAction, changeStreamResolutionSuccessAction, commandCompleted, commandStarted, decodeData, destroyRemoteConnections, destroyUnrealScene, disconnectStream, dispatchResize, dropConnection, floatToSmoothPercents, forceResizeUnrealVideo, fromResizeObserver, fromSignal, fromUnrealCallBackSignal, getActiveUrl, getImageFromVideoStream, getRtcErrorMessage, initSignalling, initialState, isLoaderScreenVisible, keepMaxUntilReset, mapQpToQuality, observeCommandResponse, provideAngularUnrealModule, removeExileCommands, resetAfk, resetAfkAction, resetConfig, resetIntroSrc, resetWarnTimeout, selectClientAndViewIds, selectCommandProgress, selectCommandsInProgress, selectFreezeFrameCombinedDataUrl, selectFreezeFrameDataUrl, selectFreezeFrameDataUrlFromVideo, selectFreezeFrameProgressMessageFromVideo, selectIsAutostart, selectIsExistMatchUrls, selectIsFreezeFrameLoading, selectIsVideoPlayingAndDataChannelConnected, selectLastCommandInProgress, selectLoaderCommands, selectShowLoader, selectShowReconnectPopup, selectSignalingParameters, selectStreamConfig, selectTotalProgress, selectWarnTimeout, sendSignal, setAfkTimerHide, setAfkTimerVisible, setAwsInstance, setCirrusConnected, setCirrusDisconnected, setConfig, setDataChannelConnected, setEstablishingConnection, setFreezeFrame, setFreezeFrameFromVideo, setIntroImageSrc, setIntroVideoSrc, setLoadingImageSrc, setLoopBackCommandIsCompleted, setMaxFps, setOrchestrationContext, setOrchestrationMessage, setOrchestrationParameters, setOrchestrationProgress, setSignalingName, setStatusMessage, setStatusPercentSignallingServer, setStreamClientCompanyId, setStreamViewId, setUnrealPlaywrightConfig, setViewportNotReady, setViewportReady, showPopupWithoutAutoStart, showUnrealErrorMessage, smoothTransition, startStream, trackMixpanelEvent, unrealFeature, unrealReducer, updateCirrusInfo };
+export { AFKService, AfkPlaywrightService, AggregatorPlaywrightService, AggregatorService, AnswerHandler, CONSOLE_COMMAND_DISABLE_MESSAGES, CONSOLE_COMMAND_ENABLE_MESSAGES, CONSOLE_COMMAND_PIXEL_QUALITY, ClickableOverlayComponent, CommandTelemetryPlaywrightService, CommandTelemetryService, ConfigHandler, ConsoleExtensionsPlaywrightService, ConsoleExtensionsService, DATA_CHANNEL_CONNECTION_TIMEOUT, DEBOUNCE_TO_MANY_RESIZE_CALLS, DEFAULT_AFK_TIMEOUT, DEFAULT_AFK_TIMEOUT_PERIOD, DataFlowMonitor, DevModeService, DisconnectReason, EControlSchemeType, EMessageType, EToClientMessageType, FULL_HD_HEIGHT, FULL_HD_WIDTH, FileHandlerService, FileReceiverPlaywrightService, FileReceiverService, FilterSettingsComponent, FreezeFrameComponent, FreezeFramePlaywrightService, FreezeFrameService, IceCandidateHandler, ImageLoadingSrcComponent, InputOptions, InputPlaywrightService, InputService, InstanceReadyHandler, InstanceReservedHandler, IntroSrcComponent, KalmanFilter1D, LatencyTimings, LowBandwidthDetectorComponent, LowBandwidthModalComponent, MINIMAL_FPS, MouseButton, MouseButtonsMask, OnCloseHandler, OnErrorHandler, OnMessageHandler, OnOpenHandler, OrchestrationMessageTypes, POLLING_TIME, PingHandler, PlayerCountHandler, RegionsPingService, ResetTelemetry, SAME_SIZE_THRESHOLD, SCREEN_LOCKER_CONTAINER_ID, SIGNALLING_PERCENT_VALUE, SSInfoHandler, STREAMING_VIDEO_ID, SafePipe, SignallingPlaywrightService, SignallingService, SpecialKeyCodes, StatGraphComponent, StreamStatusTelemetryPlaywrightService, StreamStatusTelemetryService, SubService, TelemetryStart, TelemetryStop, UNREAL_CONFIG, UnrealCommunicatorPlaywrightService, UnrealCommunicatorService, UnrealEffects, UnrealInternalSignalEvents, UnrealSceneComponent, UnrealStatusMessage, VideoRecorder, VideoService, VideoStatsComponent, WSCloseCode_CIRRUS_ABNORMAL_CLOSURE, WSCloseCode_CIRRUS_MAX_PLAYERS_ERROR, WSCloseCode_CIRRUS_PLAYER_DISCONNECTED, WSCloseCode_CIRRUS_STREAMER_KIKED_PLAYER, WSCloseCode_FORCE_CIRRUS_CLOSE, WSCloseCode_NORMAL_AFK_TIMEOUT, WSCloseCode_NORMAL_CLOSURE, WSCloseCode_NORMAL_MANUAL_DISCONNECT, WSCloseCode_UNKNOWN, WSCloseCodes, WS_OPEN_STATE, WS_TIMEOUT, WebRtcPlayerService, WebrtcErrorModalComponent, abortEstablishingConnection, changeLowBandwidth, changeStatusMainVideoOnScene, changeStreamResolutionAction, changeStreamResolutionSuccessAction, commandCompleted, commandStarted, decodeData, destroyRemoteConnections, destroyUnrealScene, disconnectStream, dispatchResize, dropConnection, floatToSmoothPercents, forceResizeUnrealVideo, fromResizeObserver, fromSignal, fromUnrealCallBackSignal, getActiveUrl, getImageFromVideoStream, getRtcErrorMessage, initSignalling, initialState, isLoaderScreenVisible, keepMaxUntilReset, mapQpToQuality, observeCommandResponse, provideAngularUnrealModule, removeExileCommands, resetAfk, resetAfkAction, resetConfig, resetIntroSrc, resetWarnTimeout, selectClientAndViewIds, selectCommandProgress, selectCommandsInProgress, selectFreezeFrameCombinedDataUrl, selectFreezeFrameDataUrl, selectFreezeFrameDataUrlFromVideo, selectFreezeFrameProgressMessageFromVideo, selectIsAutostart, selectIsExistMatchUrls, selectIsFreezeFrameLoading, selectIsVideoPlayingAndDataChannelConnected, selectLastCommandInProgress, selectLoaderCommands, selectShowLoader, selectShowReconnectPopup, selectSignalingParameters, selectStreamConfig, selectTotalProgress, selectWarnTimeout, sendSignal, setAfkTimerHide, setAfkTimerVisible, setAwsInstance, setCirrusConnected, setCirrusDisconnected, setConfig, setDataChannelConnected, setEstablishingConnection, setFreezeFrame, setFreezeFrameFromVideo, setIntroImageSrc, setIntroVideoSrc, setLoadingImageSrc, setLoopBackCommandIsCompleted, setMaxFps, setOrchestrationContext, setOrchestrationMessage, setOrchestrationParameters, setOrchestrationProgress, setSignalingName, setStatusMessage, setStatusPercentSignallingServer, setStreamClientCompanyId, setStreamViewId, setUnrealPlaywrightConfig, setViewportNotReady, setViewportReady, showPopupWithoutAutoStart, showUnrealErrorMessage, smoothTransition, startStream, trackMixpanelEvent, unrealFeature, unrealReducer, updateCirrusInfo };
 //# sourceMappingURL=3dsource-angular-unreal-module.mjs.map