tas-uell-sdk 0.0.1

package/README.md

@@ -0,0 +1,304 @@
+# TAS-Uell-SDK
+
+Angular library for TAS (Telemedicine Assistance Service) video call functionality using OpenTok/Vonage Video API.
+
+## Features
+
+- 📹 Video call integration with OpenTok/Vonage
+- 🔘 Ready-to-use button component to initiate calls
+- 🖼️ Picture-in-Picture (PiP) mode support
+- 🎤 Mute/unmute functionality
+- 📱 Draggable floating call widget
+- 🔌 Pluggable architecture for HTTP and user data providers
+
+## Installation
+
+```bash
+npm install tas-uell-sdk
+```
+
+### Peer Dependencies
+
+Make sure you have these peer dependencies installed:
+
+```bash
+npm install @angular/common @angular/core @ng-bootstrap/ng-bootstrap @opentok/client interactjs rxjs
+```
+
+## Setup
+
+### 1. Implement Required Adapters
+
+The library requires two adapters to integrate with your application:
+
+#### HTTP Client Adapter
+
+Create a service that implements `TasHttpClient`:
+
+```typescript
+import { Injectable } from "@angular/core";
+import { Observable } from "rxjs";
+import { TasHttpClient } from "tas-uell-sdk";
+
+@Injectable({ providedIn: 'root' })
+export class TasHttpAdapter implements TasHttpClient {
+  constructor(private http: HttpClient) {}
+
+  post<T>(url: string, body: any, options?: { headers?: Record<string, string> }): Observable<T> {
+    return this.http.post<T>(url, body, { headers: options?.headers });
+  }
+}
+```
+
+#### User Data Provider Adapter
+
+Create a service that implements `TasUserDataProvider`:
+
+```typescript
+import { Injectable } from "@angular/core";
+import { TasUserDataProvider, TasUserData } from "tas-uell-sdk";
+
+@Injectable({ providedIn: 'root' })
+export class TasUserDataAdapter implements TasUserDataProvider {
+  getUserData(): TasUserData | null {
+    // Return the current user's data
+    const user = this.authService.getCurrentUser();
+    if (user) {
+      return {
+        id: user.id,
+        name: user.firstName,
+        surname: user.lastName,
+      };
+    }
+    return null;
+  }
+
+  getTenantId(): string | null {
+    // Return the current tenant ID
+    return this.authService.getTenantId();
+  }
+}
+```
+
+### 2. Configure the Module
+
+In your root module (e.g., `AppModule`):
+
+```typescript
+import { NgModule } from '@angular/core';
+import { TasModule, TAS_CONFIG, TAS_HTTP_CLIENT, TAS_USER_DATA_PROVIDER } from 'tas-uell-sdk';
+import { TasHttpAdapter } from './adapters/tas-http-adapter.service';
+import { TasUserDataAdapter } from './adapters/tas-user-data-adapter.service';
+import { environment } from '../environments/environment';
+
+@NgModule({
+  imports: [
+    // ... other imports
+    TasModule
+  ],
+  providers: [
+    {
+      provide: TAS_CONFIG,
+      useValue: {
+        tokBoxApiKey: environment.tokBoxApiKey,
+        apiBaseUrl: environment.apiUrl
+      }
+    },
+    { provide: TAS_HTTP_CLIENT, useExisting: TasHttpAdapter },
+    { provide: TAS_USER_DATA_PROVIDER, useExisting: TasUserDataAdapter }
+  ]
+})
+export class AppModule { }
+```
+
+### 3. Import in Feature Modules
+
+In any feature module where you want to use the TAS components:
+
+```typescript
+import { TasModule } from 'tas-uell-sdk';
+
+@NgModule({
+  imports: [
+    TasModule
+  ]
+})
+export class MyFeatureModule { }
+```
+
+## Usage
+
+### TAS Button Component
+
+Add the video call button to your template:
+
+```html
+<tas-btn *ngIf="showVideoCall"></tas-btn>
+```
+
+When clicked, this button will:
+1. Create a video room via your API
+2. Generate a session token
+3. Open the video call modal
+
+### Floating Call Component
+
+Add the floating PiP widget to your root component template:
+
+```html
+<router-outlet></router-outlet>
+<tas-floating-call></tas-floating-call>
+```
+
+This component shows a draggable mini video player when the user switches to PiP mode during a call.
+
+## Components
+
+| Component | Selector | Description |
+|-----------|----------|-------------|
+| `TasButtonComponent` | `<tas-btn>` | Button to initiate a video call |
+| `TasVideocallComponent` | `<tas-videocall>` | Full video call modal (opened automatically) |
+| `TasFloatingCallComponent` | `<tas-floating-call>` | Floating PiP widget for minimized calls |
+
+## Services
+
+### TasService
+
+The main service for managing video calls.
+
+```typescript
+import { TasService } from 'tas-uell-sdk';
+
+@Component({...})
+export class MyComponent {
+  constructor(private tasService: TasService) {}
+
+  // Subscribe to call state changes
+  ngOnInit() {
+    this.tasService.callState$.subscribe(state => {
+      console.log('Call state:', state); // IDLE, CONNECTING, CONNECTED, DISCONNECTED, ERROR
+    });
+
+    this.tasService.viewMode$.subscribe(mode => {
+      console.log('View mode:', mode); // FULLSCREEN, PIP
+    });
+
+    this.tasService.isMuted$.subscribe(muted => {
+      console.log('Is muted:', muted);
+    });
+  }
+}
+```
+
+## Interfaces
+
+### TasConfig
+
+```typescript
+interface TasConfig {
+  tokBoxApiKey: string;  // Your OpenTok/Vonage API Key
+  apiBaseUrl: string;    // Base URL for TAS API endpoints
+}
+```
+
+### TasHttpClient
+
+```typescript
+interface TasHttpClient {
+  post<T>(url: string, body: any, options?: { headers?: Record<string, string> }): Observable<T>;
+}
+```
+
+### TasUserDataProvider
+
+```typescript
+interface TasUserDataProvider {
+  getUserData(): TasUserData | null;
+  getTenantId(): string | null;
+}
+```
+
+### TasUserData
+
+```typescript
+interface TasUserData {
+  id: string | number;
+  name: string;
+  surname: string;
+}
+```
+
+## API Endpoints
+
+The library expects the following API endpoints to be available:
+
+| Method | Endpoint | Description |
+|--------|----------|-------------|
+| POST | `{apiBaseUrl}/v2/room` | Create a video room |
+| POST | `{apiBaseUrl}/v2/room/token` | Generate session token |
+
+### Create Room Request
+
+```typescript
+{
+  tenant: string;
+  userId: string;
+  product: string;
+  record: boolean;
+  roomType: string;
+  type: string;
+}
+```
+
+### Generate Token Request
+
+```typescript
+{
+  sessionId: string;
+  name: string;
+  lastname: string;
+}
+```
+
+## Styling
+
+The library includes default styles for all components. You may need to add global styles for the modal:
+
+```scss
+// styles.scss
+ngb-modal-window.tas-video-modal {
+  .modal-dialog {
+    max-width: 100vw;
+    height: 100vh;
+    margin: 0;
+  }
+  .modal-content {
+    background-color: transparent;
+    border: none;
+    height: 100%;
+  }
+}
+```
+
+## Building the Library
+
+```bash
+cd TAS-Uell-SDK
+npm install
+npm run build
+```
+
+The built library will be in the `dist/` folder.
+
+## Publishing
+
+```bash
+cd dist/tas-uell-sdk
+npm publish
+```
+
+## License
+
+MIT
+
+

package/esm2020/lib/components/tas-btn/tas-btn.component.mjs

@@ -0,0 +1,123 @@
+import { Component, Inject, Optional } from "@angular/core";
+import { ViewMode } from "../../services/tas.service";
+import { TAS_USER_DATA_PROVIDER, } from "../../tas.config";
+import { TasVideocallComponent } from "../tas-videocall/tas-videocall.component";
+import { Subscription } from "rxjs";
+import { switchMap } from "rxjs/operators";
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/tas.service";
+import * as i2 from "@ng-bootstrap/ng-bootstrap";
+import * as i3 from "@angular/common";
+export class TasButtonComponent {
+    constructor(tasService, modalService, userDataProvider) {
+        this.tasService = tasService;
+        this.modalService = modalService;
+        this.userDataProvider = userDataProvider;
+        this.isLoading = false;
+        this.userData = null;
+        this.tenantId = null;
+        this.subscriptions = new Subscription();
+        this.currentModalRef = null;
+    }
+    ngOnInit() {
+        this.loadUserData();
+        this.setupViewModeSubscription();
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    onClick() {
+        if (!this.userData || !this.tenantId) {
+            console.error("User data or tenant ID not available");
+            return;
+        }
+        this.isLoading = true;
+        this.subscriptions.add(this.tasService
+            .createRoom({
+            tenant: this.tenantId,
+            userId: this.userData.id.toString(),
+            product: "Uell",
+            record: true,
+            roomType: "TAS",
+            type: "SPONTANEOUS",
+        })
+            .pipe(switchMap((response) => {
+            const sessionId = response.content.sessionId;
+            return this.tasService
+                .generateToken({
+                sessionId: sessionId,
+                name: this.userData.name,
+                lastname: this.userData.surname,
+            })
+                .pipe(switchMap((tokenResponse) => {
+                return [
+                    {
+                        sessionId,
+                        token: tokenResponse.content.token,
+                    },
+                ];
+            }));
+        }))
+            .subscribe({
+            next: ({ sessionId, token }) => {
+                this.isLoading = false;
+                this.openVideoCallModal(sessionId, token);
+            },
+            error: (err) => {
+                console.error("Error starting video call:", err);
+                this.isLoading = false;
+            },
+        }));
+    }
+    // Private Methods
+    loadUserData() {
+        if (!this.userDataProvider) {
+            console.warn("TasButtonComponent: UserDataProvider not configured");
+            return;
+        }
+        this.userData = this.userDataProvider.getUserData();
+        this.tenantId = this.userDataProvider.getTenantId();
+    }
+    setupViewModeSubscription() {
+        this.subscriptions.add(this.tasService.viewMode$.subscribe((mode) => {
+            if (mode === ViewMode.FULLSCREEN &&
+                this.tasService.isCallActive() &&
+                !this.currentModalRef) {
+                const sessionId = this.tasService.sessionId;
+                const token = this.tasService.token;
+                if (sessionId && token) {
+                    this.openVideoCallModal(sessionId, token, true);
+                }
+            }
+        }));
+    }
+    openVideoCallModal(sessionId, token, isReturningFromPip = false) {
+        this.currentModalRef = this.modalService.open(TasVideocallComponent, {
+            size: "xl",
+            windowClass: "tas-video-modal",
+            backdrop: "static",
+            keyboard: false,
+        });
+        this.currentModalRef.componentInstance.sessionId = sessionId;
+        this.currentModalRef.componentInstance.token = token;
+        this.currentModalRef.componentInstance.isReturningFromPip =
+            isReturningFromPip;
+        this.currentModalRef.result.then(() => {
+            this.currentModalRef = null;
+        }, () => {
+            this.currentModalRef = null;
+        });
+    }
+}
+TasButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TasButtonComponent, deps: [{ token: i1.TasService }, { token: i2.NgbModal }, { token: TAS_USER_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TasButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TasButtonComponent, selector: "tas-btn", ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"btn btn-primary boton\"\n  (click)=\"onClick()\"\n  [disabled]=\"isLoading\"\n>\n  <i class=\"fa fa-video-camera\" aria-hidden=\"true\" *ngIf=\"!isLoading\"></i>\n  <span *ngIf=\"!isLoading\"> Iniciar TAS</span>\n  <span *ngIf=\"isLoading\"> Processing...</span>\n</button>\n", styles: [":host{display:inline-block}.boton{background-color:#ee316b!important;color:#fff!important;margin-right:24px}.boton:disabled{background-color:#ccc!important;border-color:#ccc!important;cursor:not-allowed}.boton i{margin-right:5px}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TasButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tas-btn", template: "<button\n  type=\"button\"\n  class=\"btn btn-primary boton\"\n  (click)=\"onClick()\"\n  [disabled]=\"isLoading\"\n>\n  <i class=\"fa fa-video-camera\" aria-hidden=\"true\" *ngIf=\"!isLoading\"></i>\n  <span *ngIf=\"!isLoading\"> Iniciar TAS</span>\n  <span *ngIf=\"isLoading\"> Processing...</span>\n</button>\n", styles: [":host{display:inline-block}.boton{background-color:#ee316b!important;color:#fff!important;margin-right:24px}.boton:disabled{background-color:#ccc!important;border-color:#ccc!important;cursor:not-allowed}.boton i{margin-right:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TasService }, { type: i2.NgbModal }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TAS_USER_DATA_PROVIDER]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzLWJ0bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdGFzLWJ0bi90YXMtYnRuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy90YXMtYnRuL3Rhcy1idG4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQWMsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDbEUsT0FBTyxFQUNMLHNCQUFzQixHQUd2QixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDcEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQU8zQyxNQUFNLE9BQU8sa0JBQWtCO0lBUTdCLFlBQ1UsVUFBc0IsRUFDdEIsWUFBc0IsRUFHdEIsZ0JBQTRDO1FBSjVDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsaUJBQVksR0FBWixZQUFZLENBQVU7UUFHdEIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUE0QjtRQVp0RCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRVYsYUFBUSxHQUF1QixJQUFJLENBQUM7UUFDcEMsYUFBUSxHQUFrQixJQUFJLENBQUM7UUFDL0Isa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25DLG9CQUFlLEdBQXVCLElBQUksQ0FBQztJQVFoRCxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMseUJBQXlCLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lB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b21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95LCBJbmplY3QsIE9wdGlvbmFsIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFRhc1NlcnZpY2UsIFZpZXdNb2RlIH0gZnJvbSBcIi4uLy4uL3NlcnZpY2VzL3Rhcy5zZXJ2aWNlXCI7XG5pbXBvcnQge1xuICBUQVNfVVNFUl9EQVRBX1BST1ZJREVSLFxuICBUYXNVc2VyRGF0YVByb3ZpZGVyLFxuICBUYXNVc2VyRGF0YSxcbn0gZnJvbSBcIi4uLy4uL3Rhcy5jb25maWdcIjtcbmltcG9ydCB7IE5nYk1vZGFsLCBOZ2JNb2RhbFJlZiB9IGZyb20gXCJAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcFwiO1xuaW1wb3J0IHsgVGFzVmlkZW9jYWxsQ29tcG9uZW50IH0gZnJvbSBcIi4uL3Rhcy12aWRlb2NhbGwvdGFzLXZpZGVvY2FsbC5jb21wb25lbnRcIjtcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQgeyBzd2l0Y2hNYXAgfSBmcm9tIFwicnhqcy9vcGVyYXRvcnNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInRhcy1idG5cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90YXMtYnRuLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi90YXMtYnRuLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBUYXNCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIGlzTG9hZGluZyA9IGZhbHNlO1xuXG4gIHByaXZhdGUgdXNlckRhdGE6IFRhc1VzZXJEYXRhIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgdGVuYW50SWQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIHN1YnNjcmlwdGlvbnMgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG4gIHByaXZhdGUgY3VycmVudE1vZGFsUmVmOiBOZ2JNb2RhbFJlZiB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdGFzU2VydmljZTogVGFzU2VydmljZSxcbiAgICBwcml2YXRlIG1vZGFsU2VydmljZTogTmdiTW9kYWwsXG4gICAgQE9wdGlvbmFsKClcbiAgICBASW5qZWN0KFRBU19VU0VSX0RBVEFfUFJPVklERVIpXG4gICAgcHJpdmF0ZSB1c2VyRGF0YVByb3ZpZGVyOiBUYXNVc2VyRGF0YVByb3ZpZGVyIHwgbnVsbFxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5sb2FkVXNlckRhdGEoKTtcbiAgICB0aGlzLnNldHVwVmlld01vZGVTdWJzY3JpcHRpb24oKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgb25DbGljaygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudXNlckRhdGEgfHwgIXRoaXMudGVuYW50SWQpIHtcbiAgICAgIGNvbnNvbGUuZXJyb3IoXCJVc2VyIGRhdGEgb3IgdGVuYW50IElEIG5vdCBhdmFpbGFibGVcIik7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xuXG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLmFkZChcbiAgICAgIHRoaXMudGFzU2VydmljZVxuICAgICAgICAuY3JlYXRlUm9vbSh7XG4gICAgICAgICAgdGVuYW50OiB0aGlzLnRlbmFudElkLFxuICAgICAgICAgIHVzZXJJZDogdGhpcy51c2VyRGF0YS5pZC50b1N0cmluZygpLFxuICAgICAgICAgIHByb2R1Y3Q6IFwiVWVsbFwiLFxuICAgICAgICAgIHJlY29yZDogdHJ1ZSxcbiAgICAgICAgICByb29tVHlwZTogXCJUQVNcIixcbiAgICAgICAgICB0eXBlOiBcIlNQT05UQU5FT1VTXCIsXG4gICAgICAgIH0pXG4gICAgICAgIC5waXBlKFxuICAgICAgICAgIHN3aXRjaE1hcCgocmVzcG9uc2UpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHNlc3Npb25JZCA9IHJlc3BvbnNlLmNvbnRlbnQuc2Vzc2lvbklkO1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMudGFzU2VydmljZVxuICAgICAgICAgICAgICAuZ2VuZXJhdGVUb2tlbih7XG4gICAgICAgICAgICAgICAgc2Vzc2lvbklkOiBzZXNzaW9uSWQsXG4gICAgICAgICAgICAgICAgbmFtZTogdGhpcy51c2VyRGF0YSEubmFtZSxcbiAgICAgICAgICAgICAgICBsYXN0bmFtZTogdGhpcy51c2VyRGF0YSEuc3VybmFtZSxcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgc3dpdGNoTWFwKCh0b2tlblJlc3BvbnNlKSA9PiB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgc2Vzc2lvbklkLFxuICAgICAgICAgICAgICAgICAgICAgIHRva2VuOiB0b2tlblJlc3BvbnNlLmNvbnRlbnQudG9rZW4sXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICBdO1xuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgfSlcbiAgICAgICAgKVxuICAgICAgICAuc3Vic2NyaWJlKHtcbiAgICAgICAgICBuZXh0OiAoeyBzZXNzaW9uSWQsIHRva2VuIH0pID0+IHtcbiAgICAgICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLm9wZW5WaWRlb0NhbGxNb2RhbChzZXNzaW9uSWQsIHRva2VuKTtcbiAgICAgICAgICB9LFxuICAgICAgICAgIGVycm9yOiAoZXJyKSA9PiB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKFwiRXJyb3Igc3RhcnRpbmcgdmlkZW8gY2FsbDpcIiwgZXJyKTtcbiAgICAgICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgfSxcbiAgICAgICAgfSlcbiAgICApO1xuICB9XG5cbiAgLy8gUHJpdmF0ZSBNZXRob2RzXG4gIHByaXZhdGUgbG9hZFVzZXJEYXRhKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy51c2VyRGF0YVByb3ZpZGVyKSB7XG4gICAgICBjb25zb2xlLndhcm4oXCJUYXNCdXR0b25Db21wb25lbnQ6IFVzZXJEYXRhUHJvdmlkZXIgbm90IGNvbmZpZ3VyZWRcIik7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMudXNlckRhdGEgPSB0aGlzLnVzZXJEYXRhUHJvdmlkZXIuZ2V0VXNlckRhdGEoKTtcbiAgICB0aGlzLnRlbmFudElkID0gdGhpcy51c2VyRGF0YVByb3ZpZGVyLmdldFRlbmFudElkKCk7XG4gIH1cblxuICBwcml2YXRlIHNldHVwVmlld01vZGVTdWJzY3JpcHRpb24oKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLmFkZChcbiAgICAgIHRoaXMudGFzU2VydmljZS52aWV3TW9kZSQuc3Vic2NyaWJlKChtb2RlKSA9PiB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICBtb2RlID09PSBWaWV3TW9kZS5GVUxMU0NSRUVOICYmXG4gICAgICAgICAgdGhpcy50YXNTZXJ2aWNlLmlzQ2FsbEFjdGl2ZSgpICYmXG4gICAgICAgICAgIXRoaXMuY3VycmVudE1vZGFsUmVmXG4gICAgICAgICkge1xuICAgICAgICAgIGNvbnN0IHNlc3Npb25JZCA9IHRoaXMudGFzU2VydmljZS5zZXNzaW9uSWQ7XG4gICAgICAgICAgY29uc3QgdG9rZW4gPSB0aGlzLnRhc1NlcnZpY2UudG9rZW47XG4gICAgICAgICAgaWYgKHNlc3Npb25JZCAmJiB0b2tlbikge1xuICAgICAgICAgICAgdGhpcy5vcGVuVmlkZW9DYWxsTW9kYWwoc2Vzc2lvbklkLCB0b2tlbiwgdHJ1ZSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9KVxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIG9wZW5WaWRlb0NhbGxNb2RhbChcbiAgICBzZXNzaW9uSWQ6IHN0cmluZyxcbiAgICB0b2tlbjogc3RyaW5nLFxuICAgIGlzUmV0dXJuaW5nRnJvbVBpcDogYm9vbGVhbiA9IGZhbHNlXG4gICk6IHZvaWQge1xuICAgIHRoaXMuY3VycmVudE1vZGFsUmVmID0gdGhpcy5tb2RhbFNlcnZpY2Uub3BlbihUYXNWaWRlb2NhbGxDb21wb25lbnQsIHtcbiAgICAgIHNpemU6IFwieGxcIixcbiAgICAgIHdpbmRvd0NsYXNzOiBcInRhcy12aWRlby1tb2RhbFwiLFxuICAgICAgYmFja2Ryb3A6IFwic3RhdGljXCIsXG4gICAgICBrZXlib2FyZDogZmFsc2UsXG4gICAgfSk7XG5cbiAgICB0aGlzLmN1cnJlbnRNb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5zZXNzaW9uSWQgPSBzZXNzaW9uSWQ7XG4gICAgdGhpcy5jdXJyZW50TW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudG9rZW4gPSB0b2tlbjtcbiAgICB0aGlzLmN1cnJlbnRNb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5pc1JldHVybmluZ0Zyb21QaXAgPVxuICAgICAgaXNSZXR1cm5pbmdGcm9tUGlwO1xuXG4gICAgdGhpcy5jdXJyZW50TW9kYWxSZWYucmVzdWx0LnRoZW4oXG4gICAgICAoKSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudE1vZGFsUmVmID0gbnVsbDtcbiAgICAgIH0sXG4gICAgICAoKSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudE1vZGFsUmVmID0gbnVsbDtcbiAgICAgIH1cbiAgICApO1xuICB9XG59XG4iLCI8YnV0dG9uXG4gIHR5cGU9XCJidXR0b25cIlxuICBjbGFzcz1cImJ0biBidG4tcHJpbWFyeSBib3RvblwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuICBbZGlzYWJsZWRdPVwiaXNMb2FkaW5nXCJcbj5cbiAgPGkgY2xhc3M9XCJmYSBmYS12aWRlby1jYW1lcmFcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAqbmdJZj1cIiFpc0xvYWRpbmdcIj48L2k+XG4gIDxzcGFuICpuZ0lmPVwiIWlzTG9hZGluZ1wiPiBJbmljaWFyIFRBUzwvc3Bhbj5cbiAgPHNwYW4gKm5nSWY9XCJpc0xvYWRpbmdcIj4gUHJvY2Vzc2luZy4uLjwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19

package/esm2020/lib/components/tas-floating-call/tas-floating-call.component.mjs

@@ -0,0 +1,79 @@
+import { Component } from "@angular/core";
+import { CallState, ViewMode } from "../../services/tas.service";
+import { Subscription } from "rxjs";
+import interact from "interactjs";
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/tas.service";
+export class TasFloatingCallComponent {
+    constructor(tasService) {
+        this.tasService = tasService;
+        this.isVisible = false;
+        this.isMuted = false;
+        this.subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.setupSubscriptions();
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+        interact(".tas-floating-container").unset();
+    }
+    // Public Methods
+    onExpand() {
+        this.tasService.exitPipMode();
+    }
+    onHangUp() {
+        this.tasService.disconnectSession();
+    }
+    toggleMute() {
+        this.tasService.toggleMute();
+    }
+    // Private Methods
+    setupSubscriptions() {
+        this.subscriptions.add(this.tasService.callState$.subscribe((state) => {
+            if (state === CallState.DISCONNECTED) {
+                this.isVisible = false;
+            }
+        }));
+        this.subscriptions.add(this.tasService.viewMode$.subscribe((mode) => {
+            this.isVisible =
+                mode === ViewMode.PIP && this.tasService.isCallActive();
+            if (this.isVisible) {
+                setTimeout(() => this.initInteract(), 100);
+            }
+        }));
+        this.subscriptions.add(this.tasService.isMuted$.subscribe((muted) => {
+            this.isMuted = muted;
+        }));
+    }
+    initInteract() {
+        interact(".tas-floating-container").unset();
+        interact(".tas-floating-container").draggable({
+            inertia: true,
+            modifiers: [
+                interact.modifiers.restrictRect({
+                    restriction: "body",
+                    endOnly: true,
+                }),
+            ],
+            autoScroll: false,
+            listeners: {
+                move: (event) => {
+                    const target = event.target;
+                    const x = (parseFloat(target.getAttribute("data-x")) || 0) + event.dx;
+                    const y = (parseFloat(target.getAttribute("data-y")) || 0) + event.dy;
+                    target.style.transform = `translate(${x}px, ${y}px)`;
+                    target.setAttribute("data-x", String(x));
+                    target.setAttribute("data-y", String(y));
+                },
+            },
+        });
+    }
+}
+TasFloatingCallComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TasFloatingCallComponent, deps: [{ token: i1.TasService }], target: i0.ɵɵFactoryTarget.Component });
+TasFloatingCallComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TasFloatingCallComponent, selector: "tas-floating-call", ngImport: i0, template: "<div class=\"tas-floating-container\" [class.visible]=\"isVisible\">\n  <div class=\"floating-content\">\n    <div id=\"pip-main-video\" class=\"pip-main-video\"></div>\n\n    <div class=\"floating-controls\">\n      <button\n        class=\"action-btn expand-btn\"\n        (click)=\"onExpand()\"\n        title=\"Expandir a pantalla completa\"\n      >\n        <i class=\"fa fa-expand\"></i>\n      </button>\n      <button\n        class=\"action-btn mute-btn\"\n        [class.muted]=\"isMuted\"\n        (click)=\"toggleMute()\"\n        [title]=\"isMuted ? 'Activar micr\u00F3fono' : 'Silenciar micr\u00F3fono'\"\n      >\n        <i\n          class=\"fa\"\n          [class.fa-microphone]=\"!isMuted\"\n          [class.fa-microphone-slash]=\"isMuted\"\n        ></i>\n      </button>\n      <button\n        class=\"action-btn hangup-btn\"\n        (click)=\"onHangUp()\"\n        title=\"Colgar llamada\"\n      >\n        <i class=\"fa fa-phone\" style=\"transform: rotate(135deg)\"></i>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".tas-floating-container{position:fixed;bottom:20px;right:20px;width:280px;height:180px;background:#000;border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:9999;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden;pointer-events:none}.tas-floating-container.visible{opacity:1;visibility:visible;pointer-events:auto}.floating-content{position:relative;width:100%;height:100%;overflow:hidden}.pip-main-video{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.pip-main-video ::ng-deep video{width:100%;height:100%;object-fit:cover}.pip-main-video ::ng-deep .OT_subscriber,.pip-main-video ::ng-deep .OT_publisher{width:100%!important;height:100%!important}.pip-main-video ::ng-deep .OT_edge-bar-item,.pip-main-video ::ng-deep .OT_mute,.pip-main-video ::ng-deep .OT_audio-level-meter,.pip-main-video ::ng-deep .OT_bar,.pip-main-video ::ng-deep .OT_name{display:none!important}.floating-controls{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:6px 14px;background:rgba(0,0,0,.7);border-radius:24px;backdrop-filter:blur(8px)}.action-btn{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s ease}.action-btn.expand-btn{background:rgba(255,255,255,.2);color:#fff}.action-btn.expand-btn:hover{background:rgba(255,255,255,.35);transform:scale(1.1)}.action-btn.mute-btn{background:rgba(255,255,255,.2);color:#fff}.action-btn.mute-btn:hover{background:rgba(255,255,255,.35);transform:scale(1.1)}.action-btn.mute-btn.muted{background:#f39c12;color:#fff}.action-btn.mute-btn.muted:hover{background:#e67e22}.action-btn.hangup-btn{background:#dc3545;color:#fff}.action-btn.hangup-btn:hover{background:#c82333;transform:scale(1.1)}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TasFloatingCallComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tas-floating-call", template: "<div class=\"tas-floating-container\" [class.visible]=\"isVisible\">\n  <div class=\"floating-content\">\n    <div id=\"pip-main-video\" class=\"pip-main-video\"></div>\n\n    <div class=\"floating-controls\">\n      <button\n        class=\"action-btn expand-btn\"\n        (click)=\"onExpand()\"\n        title=\"Expandir a pantalla completa\"\n      >\n        <i class=\"fa fa-expand\"></i>\n      </button>\n      <button\n        class=\"action-btn mute-btn\"\n        [class.muted]=\"isMuted\"\n        (click)=\"toggleMute()\"\n        [title]=\"isMuted ? 'Activar micr\u00F3fono' : 'Silenciar micr\u00F3fono'\"\n      >\n        <i\n          class=\"fa\"\n          [class.fa-microphone]=\"!isMuted\"\n          [class.fa-microphone-slash]=\"isMuted\"\n        ></i>\n      </button>\n      <button\n        class=\"action-btn hangup-btn\"\n        (click)=\"onHangUp()\"\n        title=\"Colgar llamada\"\n      >\n        <i class=\"fa fa-phone\" style=\"transform: rotate(135deg)\"></i>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".tas-floating-container{position:fixed;bottom:20px;right:20px;width:280px;height:180px;background:#000;border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:9999;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden;pointer-events:none}.tas-floating-container.visible{opacity:1;visibility:visible;pointer-events:auto}.floating-content{position:relative;width:100%;height:100%;overflow:hidden}.pip-main-video{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.pip-main-video ::ng-deep video{width:100%;height:100%;object-fit:cover}.pip-main-video ::ng-deep .OT_subscriber,.pip-main-video ::ng-deep .OT_publisher{width:100%!important;height:100%!important}.pip-main-video ::ng-deep .OT_edge-bar-item,.pip-main-video ::ng-deep .OT_mute,.pip-main-video ::ng-deep .OT_audio-level-meter,.pip-main-video ::ng-deep .OT_bar,.pip-main-video ::ng-deep .OT_name{display:none!important}.floating-controls{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:6px 14px;background:rgba(0,0,0,.7);border-radius:24px;backdrop-filter:blur(8px)}.action-btn{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s ease}.action-btn.expand-btn{background:rgba(255,255,255,.2);color:#fff}.action-btn.expand-btn:hover{background:rgba(255,255,255,.35);transform:scale(1.1)}.action-btn.mute-btn{background:rgba(255,255,255,.2);color:#fff}.action-btn.mute-btn:hover{background:rgba(255,255,255,.35);transform:scale(1.1)}.action-btn.mute-btn.muted{background:#f39c12;color:#fff}.action-btn.mute-btn.muted:hover{background:#e67e22}.action-btn.hangup-btn{background:#dc3545;color:#fff}.action-btn.hangup-btn:hover{background:#c82333;transform:scale(1.1)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TasService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzLWZsb2F0aW5nLWNhbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3Rhcy1mbG9hdGluZy1jYWxsL3Rhcy1mbG9hdGluZy1jYWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy90YXMtZmxvYXRpbmctY2FsbC90YXMtZmxvYXRpbmctY2FsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQWMsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDcEMsT0FBTyxRQUFRLE1BQU0sWUFBWSxDQUFDOzs7QUFPbEMsTUFBTSxPQUFPLHdCQUF3QjtJQU1uQyxZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBTG5DLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVmLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVFLENBQUM7SUFFOUMsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNqQyxRQUFRLENBQUMseUJBQXlCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM5QyxDQUFDO0lBRUQsaUJBQWlCO0lBQ2pCLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsa0JBQWtCO0lBQ1Ysa0JBQWtCO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUNwQixJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUM3QyxJQUFJLEtBQUssS0FBSyxTQUFTLENBQUMsWUFBWSxFQUFFO2dCQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQzthQUN4QjtRQUNILENBQUMsQ0FBQyxDQUNILENBQUM7UUFFRixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDM0MsSUFBSSxDQUFDLFNBQVM7Z0JBQ1osSUFBSSxLQUFLLFFBQVEsQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUMxRCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2xCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7YUFDNUM7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO1FBRUYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzNDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUNILENBQUM7SUFDSixDQUFDO0lBRU8sWUFBWTtRQUNsQixRQUFRLENBQUMseUJBQXlCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUU1QyxRQUFRLENBQUMseUJBQXlCLENBQUMsQ0FBQyxTQUFTLENBQUM7WUFDNUMsT0FBTyxFQUFFLElBQUk7WUFDYixTQUFTLEVBQUU7Z0JBQ1QsUUFBUSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUM7b0JBQzlCLFdBQVcsRUFBRSxNQUFNO29CQUNuQixPQUFPLEVBQUUsSUFBSTtpQkFDZCxDQUFDO2FBQ0g7WUFDRCxVQUFVLEVBQUUsS0FBSztZQUNqQixTQUFTLEVBQUU7Z0JBQ1QsSUFBSSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7b0JBQ2QsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQztvQkFDNUIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUM7b0JBQ3RFLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDO29CQUV0RSxNQUFNLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztvQkFDckQsTUFBTSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQ3pDLE1BQU0sQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUMzQyxDQUFDO2FBQ0Y7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDOztxSEFqRlUsd0JBQXdCO3lHQUF4Qix3QkFBd0IseURDVnJDLDBoQ0FrQ0E7MkZEeEJhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFRhc1NlcnZpY2UsIENhbGxTdGF0ZSwgVmlld01vZGUgfSBmcm9tIFwiLi4vLi4vc2VydmljZXMvdGFzLnNlcnZpY2VcIjtcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQgaW50ZXJhY3QgZnJvbSBcImludGVyYWN0anNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInRhcy1mbG9hdGluZy1jYWxsXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vdGFzLWZsb2F0aW5nLWNhbGwuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL3Rhcy1mbG9hdGluZy1jYWxsLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBUYXNGbG9hdGluZ0NhbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHB1YmxpYyBpc1Zpc2libGUgPSBmYWxzZTtcbiAgcHVibGljIGlzTXV0ZWQgPSBmYWxzZTtcblxuICBwcml2YXRlIHN1YnNjcmlwdGlvbnMgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0YXNTZXJ2aWNlOiBUYXNTZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2V0dXBTdWJzY3JpcHRpb25zKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMudW5zdWJzY3JpYmUoKTtcbiAgICBpbnRlcmFjdChcIi50YXMtZmxvYXRpbmctY29udGFpbmVyXCIpLnVuc2V0KCk7XG4gIH1cblxuICAvLyBQdWJsaWMgTWV0aG9kc1xuICBvbkV4cGFuZCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhc1NlcnZpY2UuZXhpdFBpcE1vZGUoKTtcbiAgfVxuXG4gIG9uSGFuZ1VwKCk6IHZvaWQge1xuICAgIHRoaXMudGFzU2VydmljZS5kaXNjb25uZWN0U2Vzc2lvbigpO1xuICB9XG5cbiAgdG9nZ2xlTXV0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnRhc1NlcnZpY2UudG9nZ2xlTXV0ZSgpO1xuICB9XG5cbiAgLy8gUHJpdmF0ZSBNZXRob2RzXG4gIHByaXZhdGUgc2V0dXBTdWJzY3JpcHRpb25zKCk6IHZvaWQge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5hZGQoXG4gICAgICB0aGlzLnRhc1NlcnZpY2UuY2FsbFN0YXRlJC5zdWJzY3JpYmUoKHN0YXRlKSA9PiB7XG4gICAgICAgIGlmIChzdGF0ZSA9PT0gQ2FsbFN0YXRlLkRJU0NPTk5FQ1RFRCkge1xuICAgICAgICAgIHRoaXMuaXNWaXNpYmxlID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgKTtcblxuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5hZGQoXG4gICAgICB0aGlzLnRhc1NlcnZpY2Uudmlld01vZGUkLnN1YnNjcmliZSgobW9kZSkgPT4ge1xuICAgICAgICB0aGlzLmlzVmlzaWJsZSA9XG4gICAgICAgICAgbW9kZSA9PT0gVmlld01vZGUuUElQICYmIHRoaXMudGFzU2VydmljZS5pc0NhbGxBY3RpdmUoKTtcbiAgICAgICAgaWYgKHRoaXMuaXNWaXNpYmxlKSB7XG4gICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmluaXRJbnRlcmFjdCgpLCAxMDApO1xuICAgICAgICB9XG4gICAgICB9KVxuICAgICk7XG5cbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMuYWRkKFxuICAgICAgdGhpcy50YXNTZXJ2aWNlLmlzTXV0ZWQkLnN1YnNjcmliZSgobXV0ZWQpID0+IHtcbiAgICAgICAgdGhpcy5pc011dGVkID0gbXV0ZWQ7XG4gICAgICB9KVxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIGluaXRJbnRlcmFjdCgpOiB2b2lkIHtcbiAgICBpbnRlcmFjdChcIi50YXMtZmxvYXRpbmctY29udGFpbmVyXCIpLnVuc2V0KCk7XG5cbiAgICBpbnRlcmFjdChcIi50YXMtZmxvYXRpbmctY29udGFpbmVyXCIpLmRyYWdnYWJsZSh7XG4gICAgICBpbmVydGlhOiB0cnVlLFxuICAgICAgbW9kaWZpZXJzOiBbXG4gICAgICAgIGludGVyYWN0Lm1vZGlmaWVycy5yZXN0cmljdFJlY3Qoe1xuICAgICAgICAgIHJlc3RyaWN0aW9uOiBcImJvZHlcIixcbiAgICAgICAgICBlbmRPbmx5OiB0cnVlLFxuICAgICAgICB9KSxcbiAgICAgIF0sXG4gICAgICBhdXRvU2Nyb2xsOiBmYWxzZSxcbiAgICAgIGxpc3RlbmVyczoge1xuICAgICAgICBtb3ZlOiAoZXZlbnQpID0+IHtcbiAgICAgICAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQ7XG4gICAgICAgICAgY29uc3QgeCA9IChwYXJzZUZsb2F0KHRhcmdldC5nZXRBdHRyaWJ1dGUoXCJkYXRhLXhcIikpIHx8IDApICsgZXZlbnQuZHg7XG4gICAgICAgICAgY29uc3QgeSA9IChwYXJzZUZsb2F0KHRhcmdldC5nZXRBdHRyaWJ1dGUoXCJkYXRhLXlcIikpIHx8IDApICsgZXZlbnQuZHk7XG5cbiAgICAgICAgICB0YXJnZXQuc3R5bGUudHJhbnNmb3JtID0gYHRyYW5zbGF0ZSgke3h9cHgsICR7eX1weClgO1xuICAgICAgICAgIHRhcmdldC5zZXRBdHRyaWJ1dGUoXCJkYXRhLXhcIiwgU3RyaW5nKHgpKTtcbiAgICAgICAgICB0YXJnZXQuc2V0QXR0cmlidXRlKFwiZGF0YS15XCIsIFN0cmluZyh5KSk7XG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGFzLWZsb2F0aW5nLWNvbnRhaW5lclwiIFtjbGFzcy52aXNpYmxlXT1cImlzVmlzaWJsZVwiPlxuICA8ZGl2IGNsYXNzPVwiZmxvYXRpbmctY29udGVudFwiPlxuICAgIDxkaXYgaWQ9XCJwaXAtbWFpbi12aWRlb1wiIGNsYXNzPVwicGlwLW1haW4tdmlkZW9cIj48L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJmbG9hdGluZy1jb250cm9sc1wiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzcz1cImFjdGlvbi1idG4gZXhwYW5kLWJ0blwiXG4gICAgICAgIChjbGljayk9XCJvbkV4cGFuZCgpXCJcbiAgICAgICAgdGl0bGU9XCJFeHBhbmRpciBhIHBhbnRhbGxhIGNvbXBsZXRhXCJcbiAgICAgID5cbiAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1leHBhbmRcIj48L2k+XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgY2xhc3M9XCJhY3Rpb24tYnRuIG11dGUtYnRuXCJcbiAgICAgICAgW2NsYXNzLm11dGVkXT1cImlzTXV0ZWRcIlxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlTXV0ZSgpXCJcbiAgICAgICAgW3RpdGxlXT1cImlzTXV0ZWQgPyAnQWN0aXZhciBtaWNyw7Nmb25vJyA6ICdTaWxlbmNpYXIgbWljcsOzZm9ubydcIlxuICAgICAgPlxuICAgICAgICA8aVxuICAgICAgICAgIGNsYXNzPVwiZmFcIlxuICAgICAgICAgIFtjbGFzcy5mYS1taWNyb3Bob25lXT1cIiFpc011dGVkXCJcbiAgICAgICAgICBbY2xhc3MuZmEtbWljcm9waG9uZS1zbGFzaF09XCJpc011dGVkXCJcbiAgICAgICAgPjwvaT5cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzcz1cImFjdGlvbi1idG4gaGFuZ3VwLWJ0blwiXG4gICAgICAgIChjbGljayk9XCJvbkhhbmdVcCgpXCJcbiAgICAgICAgdGl0bGU9XCJDb2xnYXIgbGxhbWFkYVwiXG4gICAgICA+XG4gICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtcGhvbmVcIiBzdHlsZT1cInRyYW5zZm9ybTogcm90YXRlKDEzNWRlZylcIj48L2k+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==