@3dsource/angular-unreal-module 0.0.1

package/lib/components/show-case/container/show-case.component.d.ts

@@ -0,0 +1,98 @@
+import type { Observable } from 'rxjs';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { ElementRef, OnInit } from '@angular/core';
+import { ESequenceLoopBehavior } from '@struct';
+import { SourceTooltipPosition } from '@source/ui-sdk/source-tooltip';
+import type { SectionEntity } from '../store/show-case.component.interface';
+import { ProductShowcase } from '../interfaces/showcase-status';
+import * as i0 from "@angular/core";
+export declare class ShowCaseComponent implements OnInit {
+    deviceType: import("@angular/core").InputSignal<"deviceTypeAuto" | "deviceTypeMobile" | "deviceTypeDesktop">;
+    isLandscapeOrientation: import("@angular/core").InputSignal<boolean>;
+    isNarrowScreen: import("@angular/core").InputSignal<boolean>;
+    activeProduct: import("@angular/core").InputSignal<ProductShowcase | null>;
+    activeProductWithSlotIds: import("@angular/core").InputSignal<{
+        activeProduct: ProductShowcase | null;
+        slotsIds: Record<string, string>;
+    } | null>;
+    isFullscreen: import("@angular/core").InputSignal<boolean>;
+    fullscreenChanged: import("@angular/core").OutputEmitterRef<boolean>;
+    activeProduct$: Observable<ProductShowcase>;
+    activeProductWithSlotIds$: Observable<{
+        activeProduct: ProductShowcase | null;
+        slotsIds: Record<string, string>;
+    }>;
+    private readonly maxAmountImagesInCache;
+    private readonly maxTimeToKeepInCache;
+    static imageRequestsMap: Map<string, {
+        time: number;
+        request$: Observable<string | null>;
+    }>;
+    private showcaseRef;
+    private controlsHideDelayTime;
+    private debounceTime;
+    private timeChangeInSeconds;
+    leftZone: ElementRef<HTMLDivElement>;
+    rightZone: ElementRef<HTMLDivElement>;
+    set showcase(content: ElementRef<HTMLInputElement>);
+    private taskRunner;
+    private store;
+    private destroyRef;
+    private imageCapture;
+    private componentStore;
+    private commandsSender;
+    private sourceIconsRegistryService;
+    SourceTooltipPosition: typeof SourceTooltipPosition;
+    isVisibleControls$: BehaviorSubject<boolean>;
+    touchZoneEvent$: Subject<number>;
+    touchHideShowEvent$: Subject<void>;
+    isMobileTypeControls: import("@angular/core").Signal<boolean>;
+    sections$: Observable<import("../store/show-case.component.interface").SectionEntities>;
+    sections: import("@angular/core").Signal<import("../store/show-case.component.interface").SectionEntities | undefined>;
+    hideMobileControlsWhenDrag: import("@angular/core").WritableSignal<boolean>;
+    mouseCurrentSection: import("@angular/core").WritableSignal<SectionEntity | null>;
+    showcaseIsPlaying: import("@angular/core").Signal<boolean | undefined>;
+    showcaseIsInit: import("@angular/core").Signal<boolean | undefined>;
+    showcaseIsPauseStatus: import("@angular/core").Signal<boolean | undefined>;
+    isPingPong: import("@angular/core").Signal<boolean | undefined>;
+    isLoop: import("@angular/core").Signal<boolean | undefined>;
+    currentSectionId: import("@angular/core").Signal<number | undefined>;
+    currentSection: import("@angular/core").Signal<SectionEntity | null | undefined>;
+    playRate: import("@angular/core").Signal<number | undefined>;
+    loopBehavior: import("@angular/core").Signal<ESequenceLoopBehavior | undefined>;
+    totalDuration: import("@angular/core").Signal<number | undefined>;
+    currentGlobalTime: import("@angular/core").Signal<number | undefined>;
+    isLowBandwidth$: Observable<boolean>;
+    highBandwidthTrigger$: Observable<false>;
+    isLowBandwidth: import("@angular/core").Signal<boolean | undefined>;
+    lbmImage: import("@angular/core").WritableSignal<string | null>;
+    private onChangeSequenceInLbm$;
+    private forceStopLbmSequence$;
+    private pauseTrigger$;
+    private playTrigger$;
+    private stopTrigger$;
+    private stopLbmSequence$;
+    ngOnInit(): void;
+    jumpToLbmSection(startSectionIndex: number): void;
+    private preCacheSection;
+    private createSectionInterval;
+    private getSectionImage;
+    private cleanupImageCache;
+    initZoneTouchEvent(): void;
+    touchStartAction(event: TouchEvent, offset: number): void;
+    touchHideShowAction(event: TouchEvent): void;
+    mapTimeUsingPlayRate(time: number, playRate: number, totalDuration: number): number;
+    onChangeValue(time: number): void;
+    changePingPong(event: Event): void;
+    changeLoop(event: Event): void;
+    changeFullscreenMode(event: Event): void;
+    toggleShowCase(event: MouseEvent | KeyboardEvent | TouchEvent): void;
+    pauseSequence(): void;
+    playSequence(): void;
+    jumpToSection(event: Event, offset: number): void;
+    dragToSequence(time: number): void;
+    private convertTimeToSectionId;
+    private initDesktopEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShowCaseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShowCaseComponent, "app-show-case", never, { "deviceType": { "alias": "deviceType"; "required": false; "isSignal": true; }; "isLandscapeOrientation": { "alias": "isLandscapeOrientation"; "required": false; "isSignal": true; }; "isNarrowScreen": { "alias": "isNarrowScreen"; "required": false; "isSignal": true; }; "activeProduct": { "alias": "activeProduct"; "required": false; "isSignal": true; }; "activeProductWithSlotIds": { "alias": "activeProductWithSlotIds"; "required": false; "isSignal": true; }; "isFullscreen": { "alias": "isFullscreen"; "required": false; "isSignal": true; }; }, { "fullscreenChanged": "fullscreenChanged"; }, never, never, true, never>;
+}

package/lib/components/show-case/helpers/mapOnInitSequenceData.d.ts

@@ -0,0 +1,3 @@
+import type { SectionPayloadOnInit, SectionsPayloadInit } from '../store/show-case.component.interface';
+import type { ProductShowcase } from '../interfaces/showcase-status';
+export declare const mapOnInitSequenceData: (data: SectionPayloadOnInit, lbm: boolean, product: ProductShowcase) => SectionsPayloadInit;

package/lib/components/show-case/index.d.ts

@@ -0,0 +1 @@
+export * from './container/show-case.component';

package/lib/components/show-case/interfaces/showcase-status.d.ts

@@ -0,0 +1,20 @@
+export declare const ShowCaseStatus: {
+    readonly INIT: "init";
+    readonly PLAY: "play";
+    readonly PAUSE: "pause";
+    readonly STOP: "stop";
+};
+export type ShowCaseStatusValues = (typeof ShowCaseStatus)[keyof typeof ShowCaseStatus];
+export interface ProductShowcase {
+    hasShowcase: boolean;
+    id: string;
+    previewUrl?: string;
+    showcase?: {
+        duration?: number;
+        lowBandwidth: {
+            duration: number;
+            time: number;
+        }[];
+    };
+    title: string;
+}

package/lib/components/show-case/store/show-case.component.interface.d.ts

@@ -0,0 +1,32 @@
+import type { ESequenceLoopBehavior } from '@struct';
+import { type FSequenceSection } from '@struct';
+export interface SettingSequence {
+    loopBehavior: ESequenceLoopBehavior;
+    playRate: number;
+    reverse?: boolean;
+}
+export type SectionEntityOnInit = FSequenceSection;
+export interface SectionEntity extends SectionEntityOnInit {
+    segmentWidth: number;
+    segmentDuration: number;
+    segmentMouseMoveTime?: number;
+    lbmTime?: number;
+    sectionName: string;
+}
+export type SectionEntities = SectionEntity[];
+export interface SectionPayloadOnInit {
+    sections: SectionEntityOnInit[];
+    playRate: number;
+}
+export interface SectionsPayloadInit {
+    sections: SectionEntities;
+    playRate: number;
+}
+export interface OnChangeSequenceData extends SequenceData {
+    direction: number;
+}
+export interface SequenceData {
+    id: number;
+    time: number;
+    sectionName: string;
+}

package/lib/components/show-case/store/show-case.component.store.d.ts

@@ -0,0 +1,37 @@
+import type { OnChangeSequenceData, SectionEntities, SectionEntity, SectionsPayloadInit, SequenceData, SettingSequence } from './show-case.component.interface';
+import { ESequenceLoopBehavior } from '@struct';
+import { ImmerComponentStore } from 'ngrx-immer/component-store';
+import { Actions } from '@ngrx/effects';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+interface ShowcaseComponentStoreProps extends SettingSequence {
+    sectionEntity: SectionEntity | null;
+    sectionEntities: SectionEntities | null;
+    totalCountSection: number;
+    currentSectionId: number;
+    currentSectionTime: number;
+    currentGlobalTime: number;
+    totalDuration: number;
+    direction: number;
+    timeResponseChangeCallBack: number;
+    sequenceName: string;
+}
+export declare class ShowCaseComponentStore extends ImmerComponentStore<ShowcaseComponentStoreProps> {
+    #private;
+    actions$: Actions<any>;
+    constructor();
+    initSequence: (observableOrValue: SectionsPayloadInit | Observable<SectionsPayloadInit>) => import("rxjs").Subscription;
+    changeSequence: (observableOrValue: OnChangeSequenceData | Observable<OnChangeSequenceData>) => import("rxjs").Subscription;
+    changeLoopBehavior: (observableOrValue: ESequenceLoopBehavior | Observable<ESequenceLoopBehavior>) => import("rxjs").Subscription;
+    finishedSequenceSuccess: (observableOrValue: SequenceData | Observable<SequenceData>) => import("rxjs").Subscription;
+    selectIsPingPongSection$: Observable<boolean>;
+    selectIsLoopSection$: Observable<boolean>;
+    selectLoopBehavior$: Observable<ESequenceLoopBehavior>;
+    currentSection$: Observable<SectionEntity | null>;
+    finishedSequence$: (observableOrValue: SequenceData | Observable<SequenceData>) => import("rxjs").Subscription;
+    playShowCaseEffect$: (observableOrValue?: void | Observable<void> | undefined) => import("rxjs").Subscription;
+    pauseShowCaseEffect$: (observableOrValue?: void | Observable<void> | undefined) => import("rxjs").Subscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShowCaseComponentStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ShowCaseComponentStore>;
+}
+export {};

package/lib/components/stat-graph/stat-graph.component.d.ts

@@ -0,0 +1,28 @@
+import type { AfterViewInit } from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class StatGraphComponent implements AfterViewInit {
+    private el;
+    graph: ElementRef;
+    private canvas;
+    private ctx;
+    readonly color: import("@angular/core").InputSignal<string>;
+    readonly tickStep: import("@angular/core").InputSignal<number>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    private scaleY;
+    set dataTick(data: {
+        value: number;
+        hash: number;
+    } | null);
+    private data;
+    max: number;
+    min: number;
+    current: number;
+    ngAfterViewInit(): void;
+    resize(): void;
+    private draw;
+    private getColor;
+    private pushData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatGraphComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatGraphComponent, "app-stat-graph", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "tickStep": { "alias": "tickStep"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "dataTick": { "alias": "dataTick"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/unreal-scene/unreal-scene.component.d.ts

@@ -0,0 +1,50 @@
+import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UnrealSceneComponent implements AfterViewInit, OnInit, OnDestroy {
+    isStudio: import("@angular/core").InputSignal<boolean>;
+    useContainerAsSizeProvider: import("@angular/core").InputSignal<boolean>;
+    studioResolutionSize: import("@angular/core").InputSignal<{
+        width: number;
+        height: number;
+    }>;
+    studioResolutionValues: import("rxjs").Observable<{
+        width: number;
+        height: number;
+    }>;
+    private width;
+    private height;
+    private store;
+    private aggregatorService;
+    private commandsSender;
+    private inputService;
+    private videoService;
+    private stats;
+    private streamTelemetryService;
+    private element;
+    private destroyRef;
+    lightMode: import("@angular/core").Signal<boolean | undefined>;
+    isFreezeFrameLoading: import("@angular/core").Signal<boolean | undefined>;
+    container: ElementRef;
+    changeMouseOverScene: import("@angular/core").OutputEmitterRef<boolean>;
+    onMouseOver(): void;
+    onMouseOut(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private adaptVideo;
+    private get resizeValues();
+    /**
+     * This method calculates the dimensions for resizing a layout in a configurator stream.
+     * It takes into account the pixel ratio of the device's screen and the orientation of the layout.
+     * The method uses the `fitIntoRectangle` function to calculate the dimensions that would allow the layout to fit into the maximum space while maintaining its aspect ratio.
+     * It also sets the maximum limits for the width and height based on the layout's orientation.
+     * If the scale of the fitted dimensions is less than 1, it assigns the fitted dimensions to the output. Otherwise, it sets the scale of the output to 1.
+     * @returns {Area} An object of type `Area` that contains the calculated dimensions for resizing the layout.
+     */
+    private getResizeValuesUniversal;
+    private getResizeValues;
+    private sendResize;
+    private get pixelRatio();
+    static ɵfac: i0.ɵɵFactoryDeclaration<UnrealSceneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UnrealSceneComponent, "app-unreal-scene", never, { "isStudio": { "alias": "isStudio"; "required": false; "isSignal": true; }; "useContainerAsSizeProvider": { "alias": "useContainerAsSizeProvider"; "required": false; "isSignal": true; }; "studioResolutionSize": { "alias": "studioResolutionSize"; "required": false; "isSignal": true; }; }, { "changeMouseOverScene": "changeMouseOverScene"; }, never, ["app-video-locker", "app-pdf", "app-show-case", "app-low-bandwidth-detector"], true, never>;
+}

package/lib/components/unreal-status/unreal-status.component.d.ts

@@ -0,0 +1,24 @@
+import type { OnInit } from '@angular/core';
+import type { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class UnrealStatusComponent implements OnInit {
+    #private;
+    message$: Observable<string | null>;
+    readonly isDevMode: boolean;
+    /**
+     * An observable that emits smoothed percentage values from 0 to 100.
+     */
+    readonly messagePercents$: import("@angular/core").Signal<number | null | undefined>;
+    ngOnInit(): void;
+    /**
+     * Sends a message to the embedded iframe identified by the '3dsource_start_screen' ID.
+     * This function tries to post a message to the iframe's content window. If the content
+     * window is not accessible (e.g., due to cross-origin policies), the function fails silently.
+     *
+     * @param {string} text The message to be sent to the iframe. This could be a status update
+     * or any other relevant information that the iframe needs to process.
+     */
+    private sendMessageToIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UnrealStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UnrealStatusComponent, "app-unreal-status", never, {}, {}, never, never, true, never>;
+}

package/lib/components/video-locker/video-locker.component.d.ts

@@ -0,0 +1,14 @@
+import type { AfterViewInit, ElementRef, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class VideoLockerComponent implements AfterViewInit, OnInit {
+    videoElement: ElementRef<HTMLDivElement>;
+    private store;
+    private destroyRef;
+    protected videoIntroSrc$: import("rxjs").Observable<string | null>;
+    protected imageIntroSrc$: import("rxjs").Observable<string | null>;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private createVideo;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoLockerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VideoLockerComponent, "app-video-locker", never, {}, {}, never, never, true, never>;
+}

package/lib/components/video-stats/video-stats.component.d.ts

@@ -0,0 +1,36 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class VideoStatsComponent implements OnInit {
+    collapsed: boolean;
+    private store;
+    private videoStatGenerator;
+    private isDevMode;
+    private obs$;
+    viewportReady: import("@angular/core").Signal<boolean | undefined>;
+    ssInfo: import("@angular/core").Signal<string | undefined>;
+    fpsTick: import("@angular/core").Signal<any>;
+    fpsAvgTick: import("@angular/core").Signal<any>;
+    bitrateTick: import("@angular/core").Signal<any>;
+    videoQP: import("@angular/core").Signal<any>;
+    bitrateAverageTick: import("@angular/core").Signal<any>;
+    videoStatus: import("@angular/core").Signal<{
+        key: string;
+        value: any;
+    }[] | undefined>;
+    fields: string[];
+    graphList: any[];
+    graphList$: Observable<any>;
+    private idKey;
+    private elementsToShow;
+    private trigger$;
+    constructor();
+    ngOnInit(): void;
+    updateGraph(): void;
+    toggle(): void;
+    toggleGraph($event: MouseEvent, el: string, value?: any): void;
+    private getFields;
+    private writeFields;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoStatsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VideoStatsComponent, "app-video-stats", never, {}, {}, never, never, true, never>;
+}

package/lib/components/webrtc-error-modal/webrtc-error-modal.component.d.ts

@@ -0,0 +1,10 @@
+import { DialogRef } from '@angular/cdk/dialog';
+import * as i0 from "@angular/core";
+export declare class WebrtcErrorModalComponent {
+    #private;
+    dialogRef: DialogRef<any, any>;
+    close(): void;
+    closeModalWithCirrusDisconnect(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WebrtcErrorModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WebrtcErrorModalComponent, "app-webrtc-error-modal", never, {}, {}, never, never, true, never>;
+}

package/lib/constants/ButtonsAndCodes.d.ts

@@ -0,0 +1,23 @@
+export declare const SpecialKeyCodes: {
+    BackSpace: number;
+    Shift: number;
+    Control: number;
+    Alt: number;
+    RightShift: number;
+    RightControl: number;
+    RightAlt: number;
+};
+export declare const MouseButton: {
+    MainButton: number;
+    AuxiliaryButton: number;
+    SecondaryButton: number;
+    FourthButton: number;
+    FifthButton: number;
+};
+export declare const MouseButtonsMask: {
+    PrimaryButton: number;
+    SecondaryButton: number;
+    AuxiliaryButton: number;
+    FourthButton: number;
+    FifthButton: number;
+};

package/lib/constants/EControlSchemeType.d.ts

@@ -0,0 +1,6 @@
+export declare const EControlSchemeType: {
+    readonly LockedMouse: 0;
+    readonly HoveringMouse: 1;
+    readonly Default: 2;
+};
+export type EControlSchemeTypeValues = (typeof EControlSchemeType)[keyof typeof EControlSchemeType];

package/lib/constants/EMessageType.d.ts

@@ -0,0 +1,25 @@
+export declare const EMessageType: {
+    readonly IFrameRequest: 0;
+    readonly RequestQualityControl: 1;
+    readonly MaxFpsRequest: 2;
+    readonly AverageBitrateRequest: 3;
+    readonly StartStreaming: 4;
+    readonly StopStreaming: 5;
+    readonly LatencyTest: 6;
+    readonly RequestInitialSettings: 7;
+    readonly UIInteraction: 50;
+    readonly Command: 51;
+    readonly KeyDown: 60;
+    readonly KeyUp: 61;
+    readonly KeyPress: 62;
+    readonly MouseEnter: 70;
+    readonly MouseLeave: 71;
+    readonly MouseDown: 72;
+    readonly MouseUp: 73;
+    readonly MouseMove: 74;
+    readonly MouseWheel: 75;
+    readonly TouchStart: 80;
+    readonly TouchEnd: 81;
+    readonly TouchMove: 82;
+};
+export type EMessageTypeValues = (typeof EMessageType)[keyof typeof EMessageType];

package/lib/constants/EToClientMessageType.d.ts

@@ -0,0 +1,12 @@
+export declare const EToClientMessageType: {
+    readonly QualityControlOwnership: 0;
+    readonly Response: 1;
+    readonly Command: 2;
+    readonly FreezeFrame: 3;
+    readonly UnfreezeFrame: 4;
+    readonly VideoEncoderAvgQP: 5;
+    readonly LatencyTest: 6;
+    readonly InitialSettings: 7;
+    readonly InputControlOwnership: 12;
+    readonly Protocol: 255;
+};

package/lib/constants/InputOptions.d.ts

@@ -0,0 +1,2 @@
+import type { InputProps } from '../interfaces/input.interface';
+export declare const InputOptions: InputProps;

package/lib/constants/UnrealStatusMessage.d.ts

@@ -0,0 +1,4 @@
+export declare const UnrealStatusMessage: {
+    readonly CONNECTING_TO_SESSION: "Connecting to session.";
+    readonly STARTING_YOUR_SESSION: "Starting your session";
+};

package/lib/constants/index.d.ts

@@ -0,0 +1,11 @@
+export * from './ButtonsAndCodes';
+export * from './EControlSchemeType';
+export * from './EMessageType';
+export * from './EToClientMessageType';
+export * from './initial-config';
+export * from './InputOptions';
+export * from './mix-panel.constant';
+export * from './timeout.constant';
+export * from './UnrealStatusMessage';
+export * from './unreal.constant';
+export * from './unreal.providers';

package/lib/constants/initial-config.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import type { UnrealInitialConfig } from '../interfaces/initial-config';
+export declare const UNREAL_CONFIG: InjectionToken<UnrealInitialConfig>;

package/lib/constants/mix-panel.constant.d.ts

@@ -0,0 +1,11 @@
+import type { Mixpanel } from 'mixpanel-browser';
+export declare const MIX_PANEL: {
+    /**
+     * Mixpanel instance for tracking meta-box events
+     */
+    metaBoxTrack: Mixpanel;
+    /**
+     * Mixpanel instance for tracking stream events
+     */
+    streamTrack: Mixpanel;
+};