From e4a6d9be1d8bff240c82477cbe7ddf07776bd783 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 2 Feb 2022 13:42:33 +0100
Subject: [PATCH 01/74] openvidu-components: Added panel component

---
 .../lib/components/panel/panel.component.css  |  0
 .../lib/components/panel/panel.component.html |  1 +
 .../components/panel/panel.component.spec.ts  | 25 +++++++++++++++++++
 .../lib/components/panel/panel.component.ts   | 15 +++++++++++
 .../src/lib/openvidu-angular.module.ts        |  4 ++-
 5 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.css
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.spec.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.css
new file mode 100644
index 00000000..e69de29b
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
new file mode 100644
index 00000000..4d957c87
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
@@ -0,0 +1 @@
+<p>panel works!</p>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.spec.ts
new file mode 100644
index 00000000..b0f6a9d7
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PanelComponent } from './panel.component';
+
+describe('PanelComponent', () => {
+  let component: PanelComponent;
+  let fixture: ComponentFixture<PanelComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PanelComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PanelComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
new file mode 100644
index 00000000..aabdad27
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ov-panel',
+  templateUrl: './panel.component.html',
+  styleUrls: ['./panel.component.css']
+})
+export class PanelComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 6885fe47..bf3cbf81 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -57,6 +57,7 @@ import { ParticipantService } from './services/participant/participant.service';
 import { ParticipantItemComponent } from './components/participants-panel/participant-item/participant-item.component';
 import { ParticipantsPanelComponent } from './components/participants-panel/participants-panel/participants-panel.component';
 import { VideoconferenceComponent } from './components/videoconference/videoconference.component';
+import { PanelComponent } from './components/panel/panel.component';
 
 @NgModule({
 	declarations: [
@@ -75,7 +76,8 @@ import { VideoconferenceComponent } from './components/videoconference/videoconf
 		NicknamePipe,
 		ParticipantItemComponent,
 		ParticipantsPanelComponent,
-		VideoconferenceComponent
+		VideoconferenceComponent,
+  PanelComponent
 	],
 	imports: [
 		CommonModule,

From bfd21ecd1e926650f023efec3024dc86dd7eb2dc Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 2 Feb 2022 13:44:49 +0100
Subject: [PATCH 02/74] openvidu-components: Moved panels into panel component

---
 .../{ => panel}/chat-panel/chat-panel.component.css       | 0
 .../{ => panel}/chat-panel/chat-panel.component.html      | 0
 .../{ => panel}/chat-panel/chat-panel.component.spec.ts   | 4 ++--
 .../{ => panel}/chat-panel/chat-panel.component.ts        | 8 ++++----
 .../participant-item/participant-item.component.css       | 0
 .../participant-item/participant-item.component.html      | 0
 .../participant-item/participant-item.component.spec.ts   | 0
 .../participant-item/participant-item.component.ts        | 0
 .../participants-panel/participants-panel.component.css   | 0
 .../participants-panel/participants-panel.component.html  | 0
 .../participants-panel.component.spec.ts                  | 0
 .../participants-panel/participants-panel.component.ts    | 6 +++---
 .../openvidu-angular/src/lib/openvidu-angular.module.ts   | 6 +++---
 .../projects/openvidu-angular/src/public-api.ts           | 4 ++--
 14 files changed, 14 insertions(+), 14 deletions(-)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/chat-panel/chat-panel.component.css (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/chat-panel/chat-panel.component.html (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/chat-panel/chat-panel.component.spec.ts (82%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/chat-panel/chat-panel.component.ts (87%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/participants-panel/participant-item/participant-item.component.css (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/participants-panel/participant-item/participant-item.component.html (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/participants-panel/participant-item/participant-item.component.spec.ts (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/participants-panel/participant-item/participant-item.component.ts (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/participants-panel/participants-panel/participants-panel.component.css (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/participants-panel/participants-panel/participants-panel.component.html (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/participants-panel/participants-panel/participants-panel.component.spec.ts (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/{ => panel}/participants-panel/participants-panel/participants-panel.component.ts (83%)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.css
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.html
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.html
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.html
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.spec.ts
similarity index 82%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.spec.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.spec.ts
index 8cc7ff68..0204558a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.spec.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ChatService } from '../../services/chat/chat.service';
-import { ChatServiceMock } from '../../services/chat/chat.service.mock';
+import { ChatService } from '../../../services/chat/chat.service';
+import { ChatServiceMock } from '../../../services/chat/chat.service.mock';
 
 import { ChatPanelComponent } from './chat-panel.component';
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
similarity index 87%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
index 4182525d..a885dce2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
@@ -1,9 +1,9 @@
 import { AfterViewInit, Component, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { ChatMessage } from '../../models/chat.model';
-import { MenuType } from '../../models/menu.model';
-import { ChatService } from '../../services/chat/chat.service';
-import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.service';
+import { ChatMessage } from '../../../models/chat.model';
+import { MenuType } from '../../../models/menu.model';
+import { ChatService } from '../../../services/chat/chat.service';
+import { SidenavMenuService } from '../../../services/sidenav-menu/sidenav-menu.service';
 
 @Component({
 	selector: 'ov-chat-panel',
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-item/participant-item.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.css
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-item/participant-item.component.css
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.css
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-item/participant-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.html
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-item/participant-item.component.html
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.html
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-item/participant-item.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.spec.ts
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-item/participant-item.component.spec.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.spec.ts
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-item/participant-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.ts
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-item/participant-item.component.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.ts
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.css
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.html
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.spec.ts
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.spec.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.spec.ts
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
similarity index 83%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
index 07496acb..b9d9dcc7 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { ParticipantAbstractModel, ParticipantModel } from '../../../models/participant.model';
-import { ParticipantService } from '../../../services/participant/participant.service';
-import { SidenavMenuService } from '../../../services/sidenav-menu/sidenav-menu.service';
+import { ParticipantAbstractModel, ParticipantModel } from '../../../../models/participant.model';
+import { ParticipantService } from '../../../../services/participant/participant.service';
+import { SidenavMenuService } from '../../../..//services/sidenav-menu/sidenav-menu.service';
 
 @Component({
 	selector: 'ov-participants-panel',
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index bf3cbf81..eb66179d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -29,7 +29,7 @@ import { HttpClientModule } from '@angular/common/http';
 import { UserSettingsComponent } from './components/user-settings/user-settings.component';
 import { ToolbarComponent } from './components/toolbar/toolbar.component';
 import { VideoComponent } from './components/video/video.component';
-import { ChatPanelComponent } from './components/chat-panel/chat-panel.component';
+import { ChatPanelComponent } from './components/panel/chat-panel/chat-panel.component';
 import { SessionComponent } from './components/session/session.component';
 import { LayoutComponent } from './components/layout/layout.component';
 import { StreamComponent } from './components/stream/stream.component';
@@ -54,8 +54,8 @@ import { DocumentService } from './services/document/document.service';
 import { LayoutService } from './services/layout/layout.service';
 import { SidenavMenuService } from './services/sidenav-menu/sidenav-menu.service';
 import { ParticipantService } from './services/participant/participant.service';
-import { ParticipantItemComponent } from './components/participants-panel/participant-item/participant-item.component';
-import { ParticipantsPanelComponent } from './components/participants-panel/participants-panel/participants-panel.component';
+import { ParticipantItemComponent } from './components/panel/participants-panel/participant-item/participant-item.component';
+import { ParticipantsPanelComponent } from './components/panel/participants-panel/participants-panel/participants-panel.component';
 import { VideoconferenceComponent } from './components/videoconference/videoconference.component';
 import { PanelComponent } from './components/panel/panel.component';
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index 143daa78..d7fef6a0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -24,8 +24,8 @@ export * from './lib/services/storage/storage.service';
 export * from './lib/components/videoconference/videoconference.component';
 export * from './lib/components/user-settings/user-settings.component';
 export * from './lib/components/toolbar/toolbar.component';
-export * from './lib/components/chat-panel/chat-panel.component';
-export * from './lib/components/participants-panel/participants-panel/participants-panel.component';
+export * from './lib/components/panel/chat-panel/chat-panel.component';
+export * from './lib/components/panel/participants-panel/participants-panel/participants-panel.component';
 export * from './lib/components/session/session.component';
 export * from './lib/components/layout/layout.component';
 export * from './lib/components/stream/stream.component';

From 00087a7dc7503c5735093a84626a8eb742bc93cd Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 3 Feb 2022 17:08:23 +0100
Subject: [PATCH 03/74] openvidu-components: Updated the dynamic components
 injection

Allowed the custom components injection from the view instead of the config file.
---
 .../components/layout/layout.component.html   | 52 +++++------
 .../lib/components/layout/layout.component.ts | 13 ++-
 .../lib/components/panel/panel.component.html | 10 ++-
 .../lib/components/panel/panel.component.ts   | 34 ++++++--
 .../components/session/session.component.html | 29 ++-----
 .../components/session/session.component.ts   |  6 +-
 .../lib/components/stream/stream.component.ts |  7 +-
 .../videoconference.component.html            | 87 ++++++++++++++++---
 .../videoconference.component.ts              | 72 ++++++++-------
 .../src/app/openvidu-call/call.component.html | 39 ++++++++-
 .../src/app/openvidu-call/call.component.ts   |  4 +-
 11 files changed, 238 insertions(+), 115 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index db8e1767..73a3a1f8 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -1,35 +1,23 @@
 <div id="layout" class="bounds">
-	<!-- Custom local participant -->
-	<ng-container *ngIf="customLocalParticipantTemplate; else defaultLocalParticipant">
-		<ng-container *ngTemplateOutlet="customLocalParticipantTemplate"></ng-container>
-	</ng-container>
+	<div
+		class="OT_root OT_publisher"
+		id="localUser"
+		*ngFor="let connection of localParticipant | connections"
+		[ngClass]="{ OV_small: !connection.streamManager?.stream?.videoActive }"
+	>
+		<ng-container *ngTemplateOutlet="streamTemplate; context: { stream: connection }"></ng-container>
+	</div>
+	<!-- <ng-template #stream let-stream="stream">
+		<p>{{prueba.videoEnlarged}}</p>
+		<ov-stream [participant]="prueba"></ov-stream>
+	</ng-template> -->
 
-	<!-- Default local participant if custom participant is not injected -->
-	<ng-template #defaultLocalParticipant>
-		<div
-			class="OT_root OT_publisher"
-			id="localUser"
-			*ngFor="let connection of localParticipant | connections"
-			[ngClass]="{ OV_small: !connection.streamManager?.stream?.videoActive }"
-		>
-			<ov-stream [participant]="connection" [videoEnlarged]="connection.videoEnlarged"></ov-stream>
-		</div>
-	</ng-template>
-
-	<!-- Custom remote participant -->
-	<ng-container *ngIf="customRemoteParticipantsTemplate; else defaultRemoteParticipants">
-		<ng-container *ngTemplateOutlet="customRemoteParticipantsTemplate"></ng-container>
-	</ng-container>
-
-	<!-- Default remote participants if custom participants is not injected -->
-	<ng-template #defaultRemoteParticipants>
-		<div
-			*ngFor="let connection of remoteParticipants | connections"
-			class="OT_root OT_publisher"
-			id="remote-participant"
-			[ngClass]="{ OV_small: !connection.streamManager?.stream?.videoActive }"
-		>
-			<ov-stream [participant]="connection" [videoEnlarged]="connection.videoEnlarged"></ov-stream>
-		</div>
-	</ng-template>
+	<div
+		*ngFor="let connection of remoteParticipants | connections"
+		class="OT_root OT_publisher"
+		id="remote-participant"
+		[ngClass]="{ OV_small: !connection.streamManager?.stream?.videoActive }"
+	>
+		<ng-container *ngTemplateOutlet="streamTemplate; context: { stream: connection }"></ng-container>
+	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index 86815573..abf429c1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ContentChild, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewInit, Component, ComponentRef, ContentChild, Directive, Input, OnDestroy, OnInit, TemplateRef, Type, ViewChild, ViewContainerRef } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { ParticipantAbstractModel } from '../../models/participant.model';
@@ -10,8 +10,13 @@ import { LayoutService } from '../../services/layout/layout.service';
 	styleUrls: ['./layout.component.css']
 })
 export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
-	@ContentChild('customLocalParticipant', { read: TemplateRef }) customLocalParticipantTemplate: TemplateRef<any>;
-	@ContentChild('customRemoteParticipants', { read: TemplateRef }) customRemoteParticipantsTemplate: TemplateRef<any>;
+	// @ContentChild('customLocalParticipant', { read: TemplateRef }) customLocalParticipantTemplate: TemplateRef<any>;
+	// @ContentChild('customRemoteParticipants', { read: TemplateRef }) customRemoteParticipantsTemplate: TemplateRef<any>;
+
+	@ContentChild('stream', { read: TemplateRef }) streamTemplate: TemplateRef<any>;
+
+
+
 
 	localParticipant: ParticipantAbstractModel;
 	remoteParticipants: ParticipantAbstractModel[] = [];
@@ -22,6 +27,8 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 	constructor(protected layoutService: LayoutService, protected participantService: ParticipantService) {}
 
 	ngOnInit(): void {
+		this.layoutService.initialize();
+
 		this.subscribeToUsers();
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
index 4d957c87..2016d3c9 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
@@ -1 +1,9 @@
-<p>panel works!</p>
+<!-- Custom chat panel -->
+<ng-container *ngIf="chatPanelTemplate && isChatPanelOpened">
+	<ng-container *ngTemplateOutlet="chatPanelTemplate"></ng-container>
+</ng-container>
+
+<!-- Custom participants panel -->
+<ng-container *ngIf="participantsPanelTemplate && isParticipantsPanelOpened">
+	<ng-container *ngTemplateOutlet="participantsPanelTemplate"></ng-container>
+</ng-container>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
index aabdad27..f27ce24e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
@@ -1,15 +1,35 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
+import { skip, Subscription } from 'rxjs';
+import { MenuType } from '../../models/menu.model';
+import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.service';
 
 @Component({
-  selector: 'ov-panel',
-  templateUrl: './panel.component.html',
-  styleUrls: ['./panel.component.css']
+	selector: 'ov-panel',
+	templateUrl: './panel.component.html',
+	styleUrls: ['./panel.component.css']
 })
 export class PanelComponent implements OnInit {
+	@ContentChild('participantsPanel', { read: TemplateRef }) participantsPanelTemplate: TemplateRef<any>;
+	@ContentChild('chatPanel', { read: TemplateRef }) chatPanelTemplate: TemplateRef<any>;
 
-  constructor() { }
+	isParticipantsPanelOpened: boolean;
+	isChatPanelOpened: boolean;
+	menuSubscription: Subscription;
+	constructor(protected menuService: SidenavMenuService) {}
 
-  ngOnInit(): void {
-  }
+	ngOnInit(): void {
+		this.subscribeToPanelToggling();
+	}
+	subscribeToPanelToggling() {
+		this.menuSubscription = this.menuService.menuOpenedObs.pipe(skip(1)).subscribe((ev: { opened: boolean; type?: MenuType }) => {
+			this.isChatPanelOpened = ev.opened && ev.type === MenuType.CHAT;
+			this.isParticipantsPanelOpened = ev.opened && ev.type === MenuType.PARTICIPANTS;
+		});
+	}
 
+	ngOnDestroy() {
+		this.isChatPanelOpened = false;
+		this.isParticipantsPanelOpened = false;
+		if (this.menuSubscription) this.menuSubscription.unsubscribe();
+	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
index 85367ff7..45758150 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
@@ -1,6 +1,5 @@
 <div id="session-container">
 	<mat-sidenav-container class="sidenav-container">
-		<!-- OPENVIDU PANELS -->
 		<mat-sidenav
 			#sidenav
 			mode="{{ sidenavMode }}"
@@ -10,33 +9,23 @@
 			fixedTopGap="0"
 			fixedBottomGap="0"
 		>
-			<!-- Custom menu content -->
-			<ng-container *ngIf="customPanelContentTemplate; else defaultPanelContent">
-				<ng-container *ngTemplateOutlet="customPanelContentTemplate"></ng-container>
+			<!-- OPENVIDU PANEL -->
+			<ng-container *ngIf="panelTemplate">
+				<ng-container *ngTemplateOutlet="panelTemplate"></ng-container>
 			</ng-container>
-
-			<!-- Default menu content if custom menu content is not injected -->
-			<ng-template #defaultPanelContent>
-				<ov-chat-panel *ngIf="isChatPanelOpened"></ov-chat-panel>
-				<ov-participants-panel *ngIf="isParticipantsPanelOpened"></ov-participants-panel>
-			</ng-template>
 		</mat-sidenav>
 
 		<!-- OPENVIDU LAYOUT -->
 		<mat-sidenav-content class="sidenav-main">
-			<div id="layout-container">
-				<ng-content select="[layout]"></ng-content>
-			</div>
+			<ng-container *ngIf="layoutTemplate">
+				<div id="layout-container">
+					<ng-container *ngTemplateOutlet="layoutTemplate"></ng-container>
+				</div>
+			</ng-container>
 		</mat-sidenav-content>
 	</mat-sidenav-container>
 
-	<!-- Custom toolbar -->
-	<!-- <ng-container *ngIf="toolbarTemplate">
-		<div  id="toolbar-container">
-			<ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
-		</div>
-	</ng-container> -->
-
+	<!-- OPENVIDU TOOLBAR -->
 	<ng-container *ngIf="toolbarTemplate">
 		<div id="footer-container">
 			<ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index 8aa833f4..18d75b14 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -26,8 +26,8 @@ import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.ser
 })
 export class SessionComponent implements OnInit {
 	@ContentChild('toolbar', { read: TemplateRef }) toolbarTemplate: TemplateRef<any>;
-	@ContentChild('customPanelContent', { read: TemplateRef }) customPanelContentTemplate: TemplateRef<any>;
-	@ContentChild('customLayoutElement', { read: TemplateRef }) customLayoutElementTemplate: TemplateRef<any>;
+	@ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
+	@ContentChild('panel', { read: TemplateRef }) panelTemplate: TemplateRef<any>;
 
 	@Input() tokens: { webcam: string; screen: string };
 	@Output() _session = new EventEmitter<any>();
@@ -87,7 +87,7 @@ export class SessionComponent implements OnInit {
 	}
 
 	async ngOnInit() {
-		this.layoutService.initialize();
+		// this.layoutService.initialize();
 
 		if (this.webrtcService.getWebcamSession() === null) {
 			this.webrtcService.initialize();
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 1e4dac9f..c2b8ff35 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -52,16 +52,11 @@ export class StreamComponent implements OnInit {
 	// 	this.isFullscreenEnabled = !this.isFullscreenEnabled;
 	// }
 
-	// Has been mandatory fullscreen Input because of Input user did not fire changing
-	// the fullscreen user property in publisherStartSpeaking event in SessionComponent
-	@Input()
-	set videoEnlarged(enlarged: boolean) {
-		this.checkVideoSizeBigIcon(enlarged);
-	}
 
 	@Input()
 	set participant(participant: StreamModel) {
 		this._participant = participant;
+		this.checkVideoSizeBigIcon(participant.videoEnlarged);
 		this.nicknameFormControl = new FormControl(this._participant.nickname, [Validators.maxLength(25), Validators.required]);
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index 20e6bc43..f5eac78e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -1,6 +1,6 @@
 <div id="call-container">
 	<div id="user-settings-container" *ngIf="!joinSessionClicked && !closeClicked">
-		<ov-user-settings (onJoinClicked)="onJoinClicked()" (onCloseClicked)="onLeaveSessionClicked()"></ov-user-settings>
+		<ov-user-settings (onJoinClicked)="_onJoinClicked()" (onCloseClicked)="onLeaveSessionClicked()"></ov-user-settings>
 	</div>
 
 	<div id="spinner" *ngIf="joinSessionClicked && !isSessionAlive && !error">
@@ -10,21 +10,88 @@
 
 	<div id="spinner" *ngIf="joinSessionClicked && !isSessionAlive && error">
 		<mat-icon class="error-icon">error</mat-icon>
-		<span>{{errorMessage}}</span>
+		<span>{{ errorMessage }}</span>
 	</div>
 
 	<div id="session-container" *ngIf="joinSessionClicked && isSessionAlive && !error">
 		<ov-session [tokens]="_tokens">
+
+			<!-- Toolbar container injection -->
 			<ng-template #toolbar>
-				<ov-toolbar
-					(onCamClicked)="onCamClicked()"
-					(onMicClicked)="onMicClicked()"
-					(onScreenShareClicked)="onScreenShareClicked()"
-					(onSpeakerLayoutClicked)="onSpeakerLayoutClicked()"
-					(onLeaveSessionClicked)="onLeaveSessionClicked()"
-				></ov-toolbar>
+				<!-- Custom toolbar -->
+				<ng-container *ngIf="toolbarTemplate; else defaultToolbar">
+					<ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
+				</ng-container>
+
+					<!-- Default toolbar if custom toolbar is not injected -->
+				<ng-template #defaultToolbar>
+					<ov-toolbar></ov-toolbar>
+				</ng-template>
+
 			</ng-template>
-			<ov-layout layout></ov-layout>
+
+			<ng-template #panel>
+				<!-- Custom panel -->
+				<ng-container *ngIf="panelTemplate; else defaultPanel">
+					<ng-container *ngTemplateOutlet="panelTemplate"></ng-container>
+				</ng-container>
+
+				<!-- Default panel if custom panel is not injected -->
+				<ng-template #defaultPanel>
+					<ov-panel>
+						<!-- CHAT panel -->
+						<ng-template #chatPanel>
+							<ng-container *ngIf="chatPanelTemplate; else defaultChatPanel">
+								<ng-container *ngTemplateOutlet="chatPanelTemplate"></ng-container>
+							</ng-container>
+
+							<ng-template #defaultChatPanel>
+								<ov-chat-panel></ov-chat-panel>
+							</ng-template>
+						</ng-template>
+
+						<!-- PARTICIPANTS panel -->
+						<ng-template #participantsPanel>
+							<ng-container *ngIf="participantsPanelTemplate; else defaultParticipantsPanel">
+								<ng-container *ngTemplateOutlet="participantsPanelTemplate"></ng-container>
+							</ng-container>
+							<ng-template #defaultParticipantsPanel>
+								<ov-participants-panel></ov-participants-panel>
+							</ng-template>
+						</ng-template>
+					</ov-panel>
+				</ng-template>
+
+			</ng-template>
+
+
+			<!-- Layout container injection -->
+			<ng-template #layout>
+				<!-- Custom layout -->
+				<ng-container *ngIf="layoutTemplate; else defaultLayout">
+					<ng-container *ngTemplateOutlet="layoutTemplate"></ng-container>
+				</ng-container>
+
+				<!-- Default layout if custom layout is not injected -->
+				<ng-template #defaultLayout>
+					<ov-layout>
+						<ng-template #stream let-stream="stream">
+							<!-- Custom stream component -->
+							<!-- We must to bind a context for the 'participant' input property -->
+							<ng-container *ngIf="streamTemplate; else defaultStream">
+								<ng-container *ngTemplateOutlet="streamTemplate;context:{stream:stream}"></ng-container>
+							</ng-container>
+
+							<!-- Default stream component if custom component is not injected -->
+							<!-- We must to bind a context for the 'participant' input property -->
+							<ng-template #defaultStream>
+								<ov-stream [participant]="stream"></ov-stream>
+							</ng-template>
+						</ng-template>
+					</ov-layout>
+				</ng-template>
+			</ng-template>
+
 		</ov-session>
 	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index f51d6949..7d86bbeb 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
 import { RestService } from '../../services/rest/rest.service';
 
 @Component({
@@ -7,12 +7,22 @@ import { RestService } from '../../services/rest/rest.service';
 	styleUrls: ['./videoconference.component.css']
 })
 export class VideoconferenceComponent implements OnInit {
+	@ContentChild('toolbar', { read: TemplateRef }) toolbarTemplate: TemplateRef<any>;
+	@ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
+	@ContentChild('panel', { read: TemplateRef }) panelTemplate: TemplateRef<any>;
+	@ContentChild('chatPanel', { read: TemplateRef }) chatPanelTemplate: TemplateRef<any>;
+	@ContentChild('participantsPanel', { read: TemplateRef }) participantsPanelTemplate: TemplateRef<any>;
+	@ContentChild('stream', { read: TemplateRef }) streamTemplate: TemplateRef<any>;
+
 	@Input() sessionName: string;
 	@Input() userName: string;
 	@Input() openviduServerUrl: string;
 	@Input() openviduSecret: string;
 	@Input() tokens: { webcam: string; screen: string };
 
+	@Output() onJoinClicked = new EventEmitter<any>();
+	@Output() onCloseClicked = new EventEmitter<any>();
+
 	joinSessionClicked: boolean = false;
 	closeClicked: boolean = false;
 	isSessionAlive: boolean = false;
@@ -24,36 +34,38 @@ export class VideoconferenceComponent implements OnInit {
 
 	ngOnInit() {}
 
-	async onJoinClicked() {
-		if (!this.tokens || (!this.tokens?.webcam && !this.tokens?.screen)) {
-			//No tokens received
+	async _onJoinClicked() {
 
-			if (!!this.sessionName && !!this.openviduServerUrl && !!this.openviduSecret) {
-				// Generate tokens
-				this._tokens = {
-					webcam: await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret),
-					screen: await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret)
-				};
-			} else {
-				// No tokens received and can't generate them
-				this.error = true;
-				this.errorMessage = `Cannot access to OpenVidu Server with url '${this.openviduServerUrl}' to genere tokens for session '${this.sessionName}'`;
-				throw this.errorMessage;
-			}
-		} else if (!this.tokens?.webcam || !this.tokens?.screen) {
-			// 1 token received
-			const aditionalToken = await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret);
-			this._tokens = {
-				webcam: !!this.tokens.webcam ? this.tokens.webcam : aditionalToken,
-				screen: !!this.tokens.screen ? this.tokens.screen : aditionalToken
-			};
-		} else {
-			// 2 tokens received.
-			this._tokens = {
-				webcam: this.tokens.webcam,
-				screen: this.tokens.screen
-			};
-		}
+		this.onJoinClicked.emit();
+		// if (!this.tokens || (!this.tokens?.webcam && !this.tokens?.screen)) {
+		// 	//No tokens received
+
+		// 	if (!!this.sessionName && !!this.openviduServerUrl && !!this.openviduSecret) {
+		// 		// Generate tokens
+		// 		this._tokens = {
+		// 			webcam: await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret),
+		// 			screen: await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret)
+		// 		};
+		// 	} else {
+		// 		// No tokens received and can't generate them
+		// 		this.error = true;
+		// 		this.errorMessage = `Cannot access to OpenVidu Server with url '${this.openviduServerUrl}' to genere tokens for session '${this.sessionName}'`;
+		// 		throw this.errorMessage;
+		// 	}
+		// } else if (!this.tokens?.webcam || !this.tokens?.screen) {
+		// 	// 1 token received
+		// 	const aditionalToken = await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret);
+		// 	this._tokens = {
+		// 		webcam: !!this.tokens.webcam ? this.tokens.webcam : aditionalToken,
+		// 		screen: !!this.tokens.screen ? this.tokens.screen : aditionalToken
+		// 	};
+		// } else {
+		// 	// 2 tokens received.
+		// 	this._tokens = {
+		// 		webcam: this.tokens.webcam,
+		// 		screen: this.tokens.screen
+		// 	};
+		// }
 		this.joinSessionClicked = true;
 		this.isSessionAlive = true;
 	}
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.html b/openvidu-components-angular/src/app/openvidu-call/call.component.html
index 895e7d1e..b3e7ba5f 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.html
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.html
@@ -1,4 +1,4 @@
-<div id="call-container">
+<!-- <div id="call-container">
 	<div id="userSettings" *ngIf="!joinSessionClicked && !closeClicked || !isSessionAlive">
 		<ov-user-settings (onJoinClicked)="onJoinClicked()" (onCloseClicked)="onCloseClicked()"></ov-user-settings>
 	</div>
@@ -17,4 +17,39 @@
 			<ov-layout layout></ov-layout>
 		</ov-session>
 	</div>
-</div>
+</div> -->
+
+<ov-videoconference (onJoinClicked)="onJoinClicked()" [tokens]="tokens">
+
+	<!-- <ng-template #toolbar>
+		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
+	</ng-template> -->
+
+	<!-- <ng-template #layout>
+		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
+	</ng-template> -->
+
+
+	<!-- <ng-template #panel>
+		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
+	</ng-template> -->
+
+	<!-- <ng-template #chatPanel>
+		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
+	</ng-template> -->
+
+	<!-- <ng-template #participantsPanel>
+		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
+	</ng-template> -->
+
+	<!-- <ng-template #stream let-stream="stream">
+
+		<ov-stream postion="top" [participant]="stream">
+			<button network-quality> hola</button>
+		</ov-stream>
+
+	</ng-template> -->
+
+
+
+</ov-videoconference>
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.ts b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
index 5e6bb07d..bd3b4f1e 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
@@ -37,7 +37,9 @@ export class CallComponent implements OnInit {
 
 	onMicClicked() {}
 
-	onCamClicked() {}
+	onCamClicked() {
+		console.log('APP: CAM CLIKED')
+	}
 
 	onScreenShareClicked() {}
 

From 055e3706698a2c9eba3a1a0842a18f6a01cfaa3d Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 4 Feb 2022 10:54:17 +0100
Subject: [PATCH 04/74] openvidu-components: Removed rest service from library

The library will receive tokens and it does not generate them
---
 .../components/session/session.component.ts   |  3 -
 .../videoconference.component.ts              | 62 +++++-------
 .../lib/services/rest/rest.service.spec.ts    | 16 ---
 .../src/lib/services/rest/rest.service.ts     | 75 --------------
 .../src/app/openvidu-call/call.component.ts   |  4 +-
 .../src/app/services/rest.service.ts          | 98 +++++++++----------
 6 files changed, 75 insertions(+), 183 deletions(-)
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/services/rest/rest.service.spec.ts
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/services/rest/rest.service.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index 18d75b14..d2251ece 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -8,7 +8,6 @@ import { ChatService } from '../../services/chat/chat.service';
 import { LoggerService } from '../../services/logger/logger.service';
 import { WebrtcService } from '../../services/webrtc/webrtc.service';
 import { TokenService } from '../../services/token/token.service';
-import { PlatformService } from '../../services/platform/platform.service';
 import { ActionService } from '../../services/action/action.service';
 import { Signal } from '../../models/signal.model';
 import { ParticipantService } from '../../services/participant/participant.service';
@@ -60,8 +59,6 @@ export class SessionComponent implements OnInit {
 		protected tokenService: TokenService,
 		protected layoutService: LayoutService,
 		protected menuService: SidenavMenuService,
-
-		protected platformService: PlatformService
 	) {
 		this.log = this.loggerSrv.get('SessionComponent');
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 7d86bbeb..e86f6a4a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -1,5 +1,4 @@
-import { Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
-import { RestService } from '../../services/rest/rest.service';
+import { Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef } from '@angular/core';
 
 @Component({
 	selector: 'ov-videoconference',
@@ -16,9 +15,9 @@ export class VideoconferenceComponent implements OnInit {
 
 	@Input() sessionName: string;
 	@Input() userName: string;
-	@Input() openviduServerUrl: string;
-	@Input() openviduSecret: string;
-	@Input() tokens: { webcam: string; screen: string };
+
+	// @Input() openviduServerUrl: string;
+	// @Input() openviduSecret: string;
 
 	@Output() onJoinClicked = new EventEmitter<any>();
 	@Output() onCloseClicked = new EventEmitter<any>();
@@ -30,44 +29,31 @@ export class VideoconferenceComponent implements OnInit {
 	error: boolean = false;
 	errorMessage: string = '';
 
-	constructor(private restService: RestService) {}
+	constructor() {}
 
 	ngOnInit() {}
 
+	@Input()
+	set tokens(tokens: { webcam: string; screen: string }) {
+		if (!tokens || (!tokens.webcam && !tokens.screen)) {
+			//No tokens received
+			// throw new Error('No tokens received');
+			console.warn('No tokens received');
+
+		} else {
+			if (tokens.webcam || tokens.screen) {
+				this._tokens = {
+					webcam: tokens.webcam,
+					screen: tokens.screen
+				};
+				this.joinSessionClicked = true;
+				this.isSessionAlive = true;
+			}
+		}
+	}
+
 	async _onJoinClicked() {
-
 		this.onJoinClicked.emit();
-		// if (!this.tokens || (!this.tokens?.webcam && !this.tokens?.screen)) {
-		// 	//No tokens received
-
-		// 	if (!!this.sessionName && !!this.openviduServerUrl && !!this.openviduSecret) {
-		// 		// Generate tokens
-		// 		this._tokens = {
-		// 			webcam: await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret),
-		// 			screen: await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret)
-		// 		};
-		// 	} else {
-		// 		// No tokens received and can't generate them
-		// 		this.error = true;
-		// 		this.errorMessage = `Cannot access to OpenVidu Server with url '${this.openviduServerUrl}' to genere tokens for session '${this.sessionName}'`;
-		// 		throw this.errorMessage;
-		// 	}
-		// } else if (!this.tokens?.webcam || !this.tokens?.screen) {
-		// 	// 1 token received
-		// 	const aditionalToken = await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret);
-		// 	this._tokens = {
-		// 		webcam: !!this.tokens.webcam ? this.tokens.webcam : aditionalToken,
-		// 		screen: !!this.tokens.screen ? this.tokens.screen : aditionalToken
-		// 	};
-		// } else {
-		// 	// 2 tokens received.
-		// 	this._tokens = {
-		// 		webcam: this.tokens.webcam,
-		// 		screen: this.tokens.screen
-		// 	};
-		// }
-		this.joinSessionClicked = true;
-		this.isSessionAlive = true;
 	}
 	onLeaveSessionClicked() {
 		this.isSessionAlive = false;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/rest/rest.service.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/rest/rest.service.spec.ts
deleted file mode 100644
index c0a594f3..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/rest/rest.service.spec.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { RestService } from './rest.service';
-
-describe('RestService', () => {
-	let service: RestService;
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({});
-		service = TestBed.inject(RestService);
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/rest/rest.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/rest/rest.service.ts
deleted file mode 100644
index 8a11a50f..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/rest/rest.service.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { catchError, throwError } from 'rxjs';
-import { Buffer} from 'buffer';
-
-@Injectable({
-	providedIn: 'root'
-})
-export class RestService {
-	constructor(private http: HttpClient) {}
-
-	async getToken(sessionId: string, openviduServerUrl: string, openviduSecret: string): Promise<string> {
-		if (!!openviduServerUrl && !!openviduSecret) {
-			const _sessionId = await this.createSession(sessionId, openviduServerUrl, openviduSecret);
-			return await this.createToken(_sessionId, openviduServerUrl, openviduSecret);
-		} else {
-      return Promise.reject(`Error requesting a token to ${openviduServerUrl} with session id: ${sessionId}`);
-    }
-	}
-
-	private createSession(sessionId: string, openviduServerUrl: string, openviduSecret: string): Promise<string> {
-		return new Promise((resolve, reject) => {
-			const body = JSON.stringify({ customSessionId: sessionId });
-			const options = {
-				headers: new HttpHeaders({
-					Authorization: 'Basic ' + this.btoa('OPENVIDUAPP:' + openviduSecret),
-					'Content-Type': 'application/json'
-				})
-			};
-			return this.http
-				.post<any>(openviduServerUrl + '/openvidu/api/sessions', body, options)
-				.pipe(
-					catchError((error) => {
-						if (error.status === 409) {
-							resolve(sessionId);
-						}
-						if (error.statusText === 'Unknown Error') {
-							reject({ status: 401, message: 'ERR_CERT_AUTHORITY_INVALID' });
-						}
-						return throwError(() => new Error(error));
-					})
-				)
-				.subscribe((response) => {
-					resolve(response.id);
-				});
-		});
-	}
-
-	private createToken(sessionId: string, openviduServerUrl: string, openviduSecret: string): Promise<string> {
-		return new Promise((resolve, reject) => {
-			const body = JSON.stringify({});
-			const options = {
-				headers: new HttpHeaders({
-					Authorization: 'Basic ' + this.btoa('OPENVIDUAPP:' + openviduSecret),
-					'Content-Type': 'application/json'
-				})
-			};
-			return this.http
-				.post<any>(openviduServerUrl + '/openvidu/api/sessions/' + sessionId + '/connection', body, options)
-				.pipe(
-					catchError((error) => {
-						reject(error);
-						return throwError(() => new Error(error));
-					})
-				)
-				.subscribe((response) => {
-					resolve(response.token);
-				});
-		});
-	}
-
-	private btoa(str: string): string {
-		return Buffer.from(str).toString('base64');
-	}
-}
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.ts b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
index bd3b4f1e..ac1a55a7 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
@@ -27,8 +27,8 @@ export class CallComponent implements OnInit {
 			screen: await this.restService.getToken(this.sessionId)
 		};
 
-		this.joinSessionClicked = true;
-		this.isSessionAlive = true;
+		// this.joinSessionClicked = true;
+		// this.isSessionAlive = true;
 	}
 	onCloseClicked() {
 		this.closeClicked = true;
diff --git a/openvidu-components-angular/src/app/services/rest.service.ts b/openvidu-components-angular/src/app/services/rest.service.ts
index 2a1bb8da..35ed5377 100644
--- a/openvidu-components-angular/src/app/services/rest.service.ts
+++ b/openvidu-components-angular/src/app/services/rest.service.ts
@@ -27,54 +27,54 @@ export class RestService {
 		}
 	}
 
-	private createSession(sessionId: string, openviduServerUrl: string, openviduSecret: string): Promise<string> {
-		return new Promise((resolve, reject) => {
-			const body = JSON.stringify({ customSessionId: sessionId });
-			const options = {
-				headers: new HttpHeaders({
-					Authorization: 'Basic ' + btoa('OPENVIDUAPP:' + openviduSecret),
-					'Content-Type': 'application/json'
-				})
-			};
-			return this.http
-				.post<any>(openviduServerUrl + '/openvidu/api/sessions', body, options)
-				.pipe(
-					catchError((error) => {
-						if (error.status === 409) {
-							resolve(sessionId);
-						}
-						if (error.statusText === 'Unknown Error') {
-							reject({ status: 401, message: 'ERR_CERT_AUTHORITY_INVALID' });
-						}
-						return observableThrowError(error);
-					})
-				)
-				.subscribe((response) => {
-					resolve(response.id);
-				});
-		});
-	}
+	// private createSession(sessionId: string, openviduServerUrl: string, openviduSecret: string): Promise<string> {
+	// 	return new Promise((resolve, reject) => {
+	// 		const body = JSON.stringify({ customSessionId: sessionId });
+	// 		const options = {
+	// 			headers: new HttpHeaders({
+	// 				Authorization: 'Basic ' + btoa('OPENVIDUAPP:' + openviduSecret),
+	// 				'Content-Type': 'application/json'
+	// 			})
+	// 		};
+	// 		return this.http
+	// 			.post<any>(openviduServerUrl + '/openvidu/api/sessions', body, options)
+	// 			.pipe(
+	// 				catchError((error) => {
+	// 					if (error.status === 409) {
+	// 						resolve(sessionId);
+	// 					}
+	// 					if (error.statusText === 'Unknown Error') {
+	// 						reject({ status: 401, message: 'ERR_CERT_AUTHORITY_INVALID' });
+	// 					}
+	// 					return observableThrowError(error);
+	// 				})
+	// 			)
+	// 			.subscribe((response) => {
+	// 				resolve(response.id);
+	// 			});
+	// 	});
+	// }
 
-	private createToken(sessionId: string, openviduServerUrl: string, openviduSecret: string): Promise<string> {
-		return new Promise((resolve, reject) => {
-			const body = JSON.stringify({});
-			const options = {
-				headers: new HttpHeaders({
-					Authorization: 'Basic ' + btoa('OPENVIDUAPP:' + openviduSecret),
-					'Content-Type': 'application/json'
-				})
-			};
-			return this.http
-				.post<any>(openviduServerUrl + '/openvidu/api/sessions/' + sessionId + '/connection', body, options)
-				.pipe(
-					catchError((error) => {
-						reject(error);
-						return observableThrowError(error);
-					})
-				)
-				.subscribe((response) => {
-					resolve(response.token);
-				});
-		});
-	}
+	// private createToken(sessionId: string, openviduServerUrl: string, openviduSecret: string): Promise<string> {
+	// 	return new Promise((resolve, reject) => {
+	// 		const body = JSON.stringify({});
+	// 		const options = {
+	// 			headers: new HttpHeaders({
+	// 				Authorization: 'Basic ' + btoa('OPENVIDUAPP:' + openviduSecret),
+	// 				'Content-Type': 'application/json'
+	// 			})
+	// 		};
+	// 		return this.http
+	// 			.post<any>(openviduServerUrl + '/openvidu/api/sessions/' + sessionId + '/connection', body, options)
+	// 			.pipe(
+	// 				catchError((error) => {
+	// 					reject(error);
+	// 					return observableThrowError(error);
+	// 				})
+	// 			)
+	// 			.subscribe((response) => {
+	// 				resolve(response.token);
+	// 			});
+	// 	});
+	// }
 }

From 76c51af4efe018fb4ed458c0d138846c76960afa Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 4 Feb 2022 11:26:27 +0100
Subject: [PATCH 05/74] openvidu-component: Refactored components

---
 .../src/lib/components/layout/layout.component.ts     | 11 +----------
 .../src/lib/components/session/session.component.ts   | 11 ++++++++---
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index abf429c1..81de313a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ComponentRef, ContentChild, Directive, Input, OnDestroy, OnInit, TemplateRef, Type, ViewChild, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, Component, ContentChild, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { ParticipantAbstractModel } from '../../models/participant.model';
@@ -10,25 +10,16 @@ import { LayoutService } from '../../services/layout/layout.service';
 	styleUrls: ['./layout.component.css']
 })
 export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
-	// @ContentChild('customLocalParticipant', { read: TemplateRef }) customLocalParticipantTemplate: TemplateRef<any>;
-	// @ContentChild('customRemoteParticipants', { read: TemplateRef }) customRemoteParticipantsTemplate: TemplateRef<any>;
-
 	@ContentChild('stream', { read: TemplateRef }) streamTemplate: TemplateRef<any>;
 
-
-
-
 	localParticipant: ParticipantAbstractModel;
 	remoteParticipants: ParticipantAbstractModel[] = [];
 	protected localParticipantSubs: Subscription;
 	protected remoteParticipantsSubs: Subscription;
-	protected updateLayoutInterval: NodeJS.Timer;
 
 	constructor(protected layoutService: LayoutService, protected participantService: ParticipantService) {}
 
 	ngOnInit(): void {
-		this.layoutService.initialize();
-
 		this.subscribeToUsers();
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index d2251ece..e70fefcd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -1,4 +1,4 @@
-import { Component, ContentChild, EventEmitter, HostListener, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ContentChild, EventEmitter, HostListener, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
 import { Subscriber, Session, StreamEvent, StreamPropertyChangedEvent, SessionDisconnectedEvent, ConnectionEvent } from 'openvidu-browser';
 
 import { VideoType } from '../../models/video-type.model';
@@ -23,7 +23,7 @@ import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.ser
 	templateUrl: './session.component.html',
 	styleUrls: ['./session.component.css']
 })
-export class SessionComponent implements OnInit {
+export class SessionComponent implements OnInit, AfterViewInit {
 	@ContentChild('toolbar', { read: TemplateRef }) toolbarTemplate: TemplateRef<any>;
 	@ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
 	@ContentChild('panel', { read: TemplateRef }) panelTemplate: TemplateRef<any>;
@@ -84,7 +84,6 @@ export class SessionComponent implements OnInit {
 	}
 
 	async ngOnInit() {
-		// this.layoutService.initialize();
 
 		if (this.webrtcService.getWebcamSession() === null) {
 			this.webrtcService.initialize();
@@ -113,6 +112,12 @@ export class SessionComponent implements OnInit {
 		this._session.emit(this.session);
 	}
 
+	ngAfterViewInit(): void {
+		this.layoutService.initialize();
+		this.layoutService.update();
+
+	}
+
 	ngOnDestroy() {
 		// Reconnecting session is received in Firefox
 		// To avoid 'Connection lost' message uses session.off()

From 51c63fa4c5fcb1359b01a039fc5527aa7288bc3b Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 7 Feb 2022 10:33:49 +0100
Subject: [PATCH 06/74] openvidu-components: Added stream notification
 projection

---
 .../src/lib/components/stream/stream.component.html         | 6 ++++--
 .../src/lib/components/stream/stream.component.ts           | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index c3767232..513959b4 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -51,8 +51,10 @@
 
 	<div class="videoButtons">
 
-		<!-- Custom hand notification -->
-		<ng-content select="[hand-notification]"></ng-content>
+		<!-- Custom stream notifications -->
+		<ng-container *ngIf="notificationTemplate">
+			<ng-container *ngTemplateOutlet="notificationTemplate; context: { stream: _participant }"></ng-container>
+		</ng-container>
 
 		<button mat-icon-button (click)="toggleVideoMenu($event)" matTooltip="Settings" aria-label="Video settings menu">
 			<mat-icon>more_vert</mat-icon>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index c2b8ff35..760e9e9d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, HostListener, Input, OnInit, ViewChild, ViewContainerRef } from '@angular/core';
+import { Component, ContentChild, ElementRef, HostListener, Input, OnInit, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
 import { FormControl, Validators } from '@angular/forms';
 import { MatMenuPanel, MatMenuTrigger } from '@angular/material/menu';
 import { NicknameMatcher } from '../../matchers/nickname.matcher';
@@ -22,6 +22,8 @@ import { ParticipantService } from '../../services/participant/participant.servi
 	styleUrls: ['./stream.component.css']
 })
 export class StreamComponent implements OnInit {
+	@ContentChild('notification', { read: TemplateRef }) notificationTemplate: TemplateRef<any>;
+
 	videoSizeIconEnum = VideoSizeIcon;
 	videoTypeEnum = VideoType;
 	videoSizeIcon: VideoSizeIcon = VideoSizeIcon.BIG;

From 28fe810f0604bb3d3fdafb135a54871de9cd18e9 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 7 Feb 2022 10:43:21 +0100
Subject: [PATCH 07/74] openvidu-components: Renamed participant input to
 stream

---
 .../components/layout/layout.component.html   | 12 ++++-----
 .../components/stream/stream.component.html   | 26 +++++++++----------
 .../lib/components/stream/stream.component.ts | 24 ++++++++---------
 .../user-settings.component.html              | 10 +++----
 .../videoconference.component.html            |  2 +-
 .../participant/participant.service.ts        |  1 -
 .../stream-test/stream-test.component.html    |  2 +-
 .../stream-test/stream-test.component.ts      |  4 +--
 .../src/app/openvidu-call/call.component.html |  8 +++++-
 9 files changed, 47 insertions(+), 42 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index 73a3a1f8..b595a816 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -2,10 +2,10 @@
 	<div
 		class="OT_root OT_publisher"
 		id="localUser"
-		*ngFor="let connection of localParticipant | connections"
-		[ngClass]="{ OV_small: !connection.streamManager?.stream?.videoActive }"
+		*ngFor="let stream of localParticipant | connections"
+		[ngClass]="{ OV_small: !stream.streamManager?.stream?.videoActive }"
 	>
-		<ng-container *ngTemplateOutlet="streamTemplate; context: { stream: connection }"></ng-container>
+		<ng-container *ngTemplateOutlet="streamTemplate; context: { stream: stream }"></ng-container>
 	</div>
 	<!-- <ng-template #stream let-stream="stream">
 		<p>{{prueba.videoEnlarged}}</p>
@@ -13,11 +13,11 @@
 	</ng-template> -->
 
 	<div
-		*ngFor="let connection of remoteParticipants | connections"
+		*ngFor="let stream of remoteParticipants | connections"
 		class="OT_root OT_publisher"
 		id="remote-participant"
-		[ngClass]="{ OV_small: !connection.streamManager?.stream?.videoActive }"
+		[ngClass]="{ OV_small: !stream.streamManager?.stream?.videoActive }"
 	>
-		<ng-container *ngTemplateOutlet="streamTemplate; context: { stream: connection }"></ng-container>
+		<ng-container *ngTemplateOutlet="streamTemplate; context: { stream: stream }"></ng-container>
 	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 513959b4..94dcf62d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -1,21 +1,21 @@
 <div
-	*ngIf="this._participant"
+	*ngIf="this._stream"
 	class="OT_widget-container"
-	[id]="'container-' + this._participant.streamManager?.stream?.streamId"
+	[id]="'container-' + this._stream.streamManager?.stream?.streamId"
 	#streamComponent
 >
 	<div class="nickname" [class.fullscreen]="isFullscreen">
 		<div (click)="toggleNicknameForm()" class="nicknameContainer" selected *ngIf="!toggleNickname">
-			<span id="nickname">{{ this._participant.nickname }}</span>
-			<span *ngIf="_participant.local || (_participant.streamManager && !_participant.streamManager?.remote)"> (edit)</span>
+			<span id="nickname">{{ this._stream.nickname }}</span>
+			<span *ngIf="_stream.local || (_stream.streamManager && !_stream.streamManager?.remote)"> (edit)</span>
 		</div>
-		<div *ngIf="toggleNickname && !this._participant.streamManager?.remote" [class.fullscreen]="isFullscreen" id="dialogNickname">
+		<div *ngIf="toggleNickname && !this._stream.streamManager?.remote" [class.fullscreen]="isFullscreen" id="dialogNickname">
 			<form id="nicknameForm">
 				<mat-form-field color="primary">
 					<input
 						matInput
 						#nicknameInput
-						placeholder="Nick: {{ this._participant.nickname }}"
+						placeholder="Nick: {{ this._stream.nickname }}"
 						[formControl]="nicknameFormControl"
 						[errorStateMatcher]="matcher"
 						(keypress)="eventKeyPress($event)"
@@ -33,18 +33,18 @@
 
 	<ov-video
 		(dblclick)="toggleVideoSize()"
-		[streamManager]="this._participant.streamManager"
+		[streamManager]="this._stream.streamManager"
 		[mutedSound]="mutedSound"
 		(toggleVideoSizeEvent)="toggleVideoSize($event)"
 	></ov-video>
 
 
 	<div class="status-icons">
-		<!-- <div id="statusMic" *ngIf="!this._participant.streamManager?.stream?.audioActive">
+		<!-- <div id="statusMic" *ngIf="!this._stream.streamManager?.stream?.audioActive">
 			<mat-icon>mic_off</mat-icon>
 		</div> -->
 
-		<button mat-icon-button id="statusMic" *ngIf="!this._participant.streamManager?.stream?.audioActive" disabled>
+		<button mat-icon-button id="statusMic" *ngIf="!this._stream.streamManager?.stream?.audioActive" disabled>
 			<mat-icon>mic_off</mat-icon>
 		</button>
 	</div>
@@ -53,7 +53,7 @@
 
 		<!-- Custom stream notifications -->
 		<ng-container *ngIf="notificationTemplate">
-			<ng-container *ngTemplateOutlet="notificationTemplate; context: { stream: _participant }"></ng-container>
+			<ng-container *ngTemplateOutlet="notificationTemplate; context: { stream: _stream }"></ng-container>
 		</ng-container>
 
 		<button mat-icon-button (click)="toggleVideoMenu($event)" matTooltip="Settings" aria-label="Video settings menu">
@@ -66,14 +66,14 @@
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.NORMAL">Zoom out</span>
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.BIG">Zoom in</span>
 			</button>
-			<button mat-menu-item id="volumeButton" *ngIf="this._participant.streamManager?.remote" (click)="toggleSound()">
+			<button mat-menu-item id="volumeButton" *ngIf="this._stream.streamManager?.remote" (click)="toggleSound()">
 				<mat-icon *ngIf="!mutedSound">volume_up</mat-icon>
 				<span *ngIf="!mutedSound">Mute sound</span>
 
 				<mat-icon *ngIf="mutedSound">volume_off</mat-icon>
 				<span *ngIf="mutedSound">Unmute sound</span>
 			</button>
-			<!-- <button mat-menu-item *ngIf="this._participant.streamManager?.stream?.videoActive" id="fullscreenButton" (click)="toggleFullscreen()">
+			<!-- <button mat-menu-item *ngIf="this._stream.streamManager?.stream?.videoActive" id="fullscreenButton" (click)="toggleFullscreen()">
 				<mat-icon *ngIf="!isFullscreenEnabled">fullscreen</mat-icon>
 				<span *ngIf="!isFullscreenEnabled">Fullscreen</span>
 
@@ -85,7 +85,7 @@
 				mat-menu-item
 				(click)="replaceScreenTrack()"
 				id="changeScreenButton"
-				*ngIf="!this._participant.streamManager?.remote && this._participant.streamManager?.stream?.typeOfVideo === videoTypeEnum.SCREEN"
+				*ngIf="!this._stream.streamManager?.remote && this._stream.streamManager?.stream?.typeOfVideo === videoTypeEnum.SCREEN"
 			>
 				<mat-icon>picture_in_picture</mat-icon>
 				<span>Replace screen</span>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 760e9e9d..c70b37b0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -31,7 +31,7 @@ export class StreamComponent implements OnInit {
 	toggleNickname: boolean;
 	nicknameFormControl: FormControl;
 	matcher: NicknameMatcher;
-	_participant: StreamModel;
+	_stream: StreamModel;
 
 	@ViewChild('streamComponent', { read: ViewContainerRef }) streamComponent: ViewContainerRef;
 	@ViewChild(MatMenuTrigger) public menuTrigger: MatMenuTrigger;
@@ -56,10 +56,10 @@ export class StreamComponent implements OnInit {
 
 
 	@Input()
-	set participant(participant: StreamModel) {
-		this._participant = participant;
-		this.checkVideoSizeBigIcon(participant.videoEnlarged);
-		this.nicknameFormControl = new FormControl(this._participant.nickname, [Validators.maxLength(25), Validators.required]);
+	set stream(stream: StreamModel) {
+		this._stream = stream;
+		this.checkVideoSizeBigIcon(this._stream.videoEnlarged);
+		this.nicknameFormControl = new FormControl(this._stream.nickname, [Validators.maxLength(25), Validators.required]);
 	}
 
 	@ViewChild('nicknameInput')
@@ -87,11 +87,11 @@ export class StreamComponent implements OnInit {
 
 		this.documentService.toggleBigElementClass(element);
 
-		if (!!this._participant.streamManager?.stream?.connection?.connectionId) {
-			if (this.openViduWebRTCService.isMyOwnConnection(this._participant.streamManager?.stream?.connection?.connectionId)) {
-				this.participantService.toggleZoom(this._participant.streamManager?.stream?.connection?.connectionId);
+		if (!!this._stream.streamManager?.stream?.connection?.connectionId) {
+			if (this.openViduWebRTCService.isMyOwnConnection(this._stream.streamManager?.stream?.connection?.connectionId)) {
+				this.participantService.toggleZoom(this._stream.streamManager?.stream?.connection?.connectionId);
 			} else {
-				this.participantService.toggleUserZoom(this._participant.streamManager?.stream?.connection?.connectionId);
+				this.participantService.toggleUserZoom(this._stream.streamManager?.stream?.connection?.connectionId);
 			}
 		}
 		this.layoutService.update();
@@ -102,7 +102,7 @@ export class StreamComponent implements OnInit {
 			this.menuTrigger.closeMenu();
 			return;
 		}
-		this.cdkSrv.setSelector('#container-' + this._participant.streamManager?.stream?.streamId);
+		this.cdkSrv.setSelector('#container-' + this._stream.streamManager?.stream?.streamId);
 		this.menuTrigger.openMenu();
 	}
 
@@ -111,7 +111,7 @@ export class StreamComponent implements OnInit {
 	}
 
 	toggleNicknameForm() {
-		if (this._participant.local) {
+		if (this._stream.local) {
 			this.toggleNickname = !this.toggleNickname;
 		}
 	}
@@ -119,7 +119,7 @@ export class StreamComponent implements OnInit {
 	eventKeyPress(event) {
 		if (event && event.keyCode === 13 && this.nicknameFormControl.valid) {
 			const nickname = this.nicknameFormControl.value;
-			this.participantService.setNickname(this._participant.connectionId, nickname);
+			this.participantService.setNickname(this._stream.connectionId, nickname);
 			this.storageService.set(Storage.USER_NICKNAME, nickname);
 			this.openViduWebRTCService.sendSignal(Signal.NICKNAME_CHANGED, undefined, {clientData: nickname});
 			this.toggleNicknameForm();
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
index a4c8b04e..63c7a931 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
@@ -22,14 +22,14 @@
 							<mat-spinner></mat-spinner>
 						</div>
 						<div class="videoContainer" *ngIf="!isLoading">
-							<div *ngFor="let connection of localParticipant | connections">
+							<div *ngFor="let stream of localParticipant | connections">
 								<!-- Only webcam video will be shown if webcamera is available -->
 								<ov-video
-									*ngIf="(connection.type === 'CAMERA' && hasVideoDevices) || connection.type === 'SCREEN'"
-									[streamManager]="connection.streamManager"
-									[ngClass]="{ ovVideoSmall: localParticipant.connections.size > 1 && connection.type === 'CAMERA' }"
+									*ngIf="(stream.type === 'CAMERA' && hasVideoDevices) || stream.type === 'SCREEN'"
+									[streamManager]="stream.streamManager"
+									[ngClass]="{ ovVideoSmall: localParticipant.connections.size > 1 && stream.type === 'CAMERA' }"
 								></ov-video>
-								<div class="cameraMessageContainer" *ngIf="connection.type === 'CAMERA' && !hasVideoDevices">
+								<div class="cameraMessageContainer" *ngIf="stream.type === 'CAMERA' && !hasVideoDevices">
 									<span *ngIf="!hasVideoDevices && !hasAudioDevices">Oops! Camera and microphone are not available</span>
 									<span *ngIf="!hasVideoDevices && hasAudioDevices">Oops! Camera is not available</span>
 									<span *ngIf="hasVideoDevices && !hasAudioDevices">Oops! Microphone is not available</span>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index f5eac78e..a7ee6388 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -85,7 +85,7 @@
 							<!-- Default stream component if custom component is not injected -->
 							<!-- We must to bind a context for the 'participant' input property -->
 							<ng-template #defaultStream>
-								<ov-stream [participant]="stream"></ov-stream>
+								<ov-stream [stream]="stream"></ov-stream>
 							</ng-template>
 						</ng-template>
 					</ov-layout>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index 78a3cf7d..146ab47f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -31,7 +31,6 @@ export class ParticipantService {
 
 	constructor(protected loggerSrv: LoggerService) {
 		this.log = this.loggerSrv.get('ParticipantService');
-		// this.participantsObs = this._participants.asObservable();
 
 		this.localParticipantObs = this._localParticipant.asObservable();
 		this.remoteParticipantsObs = this._remoteParticipants.asObservable();
diff --git a/openvidu-components-angular/src/app/components/stream-test/stream-test.component.html b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.html
index a3cfc9f9..5d52c209 100644
--- a/openvidu-components-angular/src/app/components/stream-test/stream-test.component.html
+++ b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.html
@@ -31,7 +31,7 @@
 
 <div id="stream-test-container">
 
-	<ov-stream [participant]="participant"></ov-stream>
+	<ov-stream [stream]="stream"></ov-stream>
 </div>
 
 
diff --git a/openvidu-components-angular/src/app/components/stream-test/stream-test.component.ts b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.ts
index 65597d0e..b868b79f 100644
--- a/openvidu-components-angular/src/app/components/stream-test/stream-test.component.ts
+++ b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.ts
@@ -8,11 +8,11 @@ import { ParticipantModel } from 'openvidu-angular';
 })
 export class StreamTestComponent implements OnInit {
 
-  participant: ParticipantModel;
+  stream: ParticipantModel;
   constructor() { }
 
   ngOnInit(): void {
-    this.participant = new ParticipantModel();
+    this.stream = new ParticipantModel();
   }
 
 }
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.html b/openvidu-components-angular/src/app/openvidu-call/call.component.html
index b3e7ba5f..b8bc3eb1 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.html
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.html
@@ -44,8 +44,14 @@
 
 	<!-- <ng-template #stream let-stream="stream">
 
-		<ov-stream postion="top" [participant]="stream">
+		<ov-stream postion="top" [stream]="stream">
 			<button network-quality> hola</button>
+			<ng-template #notification>
+				<button  mat-icon-button id="hand-notification" *ngIf="stream.videoEnlarged">
+					<mat-icon>front_hand</mat-icon>
+				</button>
+
+			</ng-template>
 		</ov-stream>
 
 	</ng-template> -->

From bb8f0b752fb66ce11589608a3dfb9abbc7ff8404 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 7 Feb 2022 15:40:05 +0100
Subject: [PATCH 08/74] openvidu-components: Refactored video enlarged feature

---
 .../components/stream/stream.component.html   |  7 ++--
 .../lib/components/stream/stream.component.ts | 37 ++++++++++++-------
 .../lib/components/video/video.component.ts   | 22 ++++-------
 .../participant/participant.service.ts        |  8 ++--
 4 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 94dcf62d..6bca2199 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -2,7 +2,7 @@
 	*ngIf="this._stream"
 	class="OT_widget-container"
 	[id]="'container-' + this._stream.streamManager?.stream?.streamId"
-	#streamComponent
+	#streamContainer
 >
 	<div class="nickname" [class.fullscreen]="isFullscreen">
 		<div (click)="toggleNicknameForm()" class="nicknameContainer" selected *ngIf="!toggleNickname">
@@ -32,10 +32,9 @@
 	</div>
 
 	<ov-video
-		(dblclick)="toggleVideoSize()"
+		(dblclick)="toggleVideoEnlarged()"
 		[streamManager]="this._stream.streamManager"
 		[mutedSound]="mutedSound"
-		(toggleVideoSizeEvent)="toggleVideoSize($event)"
 	></ov-video>
 
 
@@ -61,7 +60,7 @@
 		</button>
 		<span [matMenuTriggerFor]="menu"></span>
 		<mat-menu #menu="matMenu" yPosition="above" xPosition="before">
-			<button mat-menu-item id="videoZoomButton" (click)="toggleVideoSize()">
+			<button mat-menu-item id="videoZoomButton" (click)="toggleVideoEnlarged()">
 				<mat-icon>{{ this.videoSizeIcon }}</mat-icon>
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.NORMAL">Zoom out</span>
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.BIG">Zoom in</span>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index c70b37b0..55aaf140 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -1,4 +1,4 @@
-import { Component, ContentChild, ElementRef, HostListener, Input, OnInit, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
+import { Component, ContentChild, ElementRef, HostListener, Input, OnInit, TemplateRef, ViewChild } from '@angular/core';
 import { FormControl, Validators } from '@angular/forms';
 import { MatMenuPanel, MatMenuTrigger } from '@angular/material/menu';
 import { NicknameMatcher } from '../../matchers/nickname.matcher';
@@ -32,8 +32,7 @@ export class StreamComponent implements OnInit {
 	nicknameFormControl: FormControl;
 	matcher: NicknameMatcher;
 	_stream: StreamModel;
-
-	@ViewChild('streamComponent', { read: ViewContainerRef }) streamComponent: ViewContainerRef;
+	private _streamContainer: ElementRef;
 	@ViewChild(MatMenuTrigger) public menuTrigger: MatMenuTrigger;
 	@ViewChild('menu') menu: MatMenuPanel;
 
@@ -54,11 +53,22 @@ export class StreamComponent implements OnInit {
 	// 	this.isFullscreenEnabled = !this.isFullscreenEnabled;
 	// }
 
+	@ViewChild('streamContainer', { static: false, read: ElementRef })
+	set streamContainer(streamContainer: ElementRef) {
+		setTimeout(() => {
+			if (streamContainer) {
+				this._streamContainer = streamContainer;
+				if (this._stream.type === VideoType.SCREEN) {
+					this.toggleVideoEnlarged(true);
+				}
+			}
+		}, 0);
+	}
 
 	@Input()
 	set stream(stream: StreamModel) {
 		this._stream = stream;
-		this.checkVideoSizeBigIcon(this._stream.videoEnlarged);
+		this.checkVideoEnlarged();
 		this.nicknameFormControl = new FormControl(this._stream.nickname, [Validators.maxLength(25), Validators.required]);
 	}
 
@@ -77,21 +87,21 @@ export class StreamComponent implements OnInit {
 		this.cdkSrv.setSelector('body');
 	}
 
-	toggleVideoSize(resetAll?) {
-		const element = this.documentService.getHTMLElementByClassName(this.streamComponent.element.nativeElement, LayoutClass.ROOT_ELEMENT);
+	toggleVideoEnlarged(resetAll?) {
+		const element = this.documentService.getHTMLElementByClassName(this._streamContainer.nativeElement, LayoutClass.ROOT_ELEMENT);
 		if (!!resetAll) {
 			this.documentService.removeAllBigElementClass();
-			this.participantService.resetUsersZoom();
-			this.participantService.resetUsersZoom();
+			this.participantService.resetMyVideoEnlarged();
+			this.participantService.resetRemotesVideoEnlarged();
 		}
 
 		this.documentService.toggleBigElementClass(element);
 
 		if (!!this._stream.streamManager?.stream?.connection?.connectionId) {
 			if (this.openViduWebRTCService.isMyOwnConnection(this._stream.streamManager?.stream?.connection?.connectionId)) {
-				this.participantService.toggleZoom(this._stream.streamManager?.stream?.connection?.connectionId);
+				this.participantService.toggleMyVideoEnlarged(this._stream.streamManager?.stream?.connection?.connectionId);
 			} else {
-				this.participantService.toggleUserZoom(this._stream.streamManager?.stream?.connection?.connectionId);
+				this.participantService.toggleRemoteVideoEnlarged(this._stream.streamManager?.stream?.connection?.connectionId);
 			}
 		}
 		this.layoutService.update();
@@ -121,7 +131,7 @@ export class StreamComponent implements OnInit {
 			const nickname = this.nicknameFormControl.value;
 			this.participantService.setNickname(this._stream.connectionId, nickname);
 			this.storageService.set(Storage.USER_NICKNAME, nickname);
-			this.openViduWebRTCService.sendSignal(Signal.NICKNAME_CHANGED, undefined, {clientData: nickname});
+			this.openViduWebRTCService.sendSignal(Signal.NICKNAME_CHANGED, undefined, { clientData: nickname });
 			this.toggleNicknameForm();
 		}
 	}
@@ -136,8 +146,7 @@ export class StreamComponent implements OnInit {
 		await this.openViduWebRTCService.replaceTrack(this.participantService.getMyScreenPublisher(), properties);
 	}
 
-	protected checkVideoSizeBigIcon(videoEnlarged: boolean) {
-		this.videoSizeIcon = videoEnlarged ? VideoSizeIcon.NORMAL : VideoSizeIcon.BIG;
+	protected checkVideoEnlarged() {
+		this.videoSizeIcon = this._stream.videoEnlarged ? VideoSizeIcon.NORMAL : VideoSizeIcon.BIG;
 	}
-
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
index ac2f08b1..36594476 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
@@ -1,11 +1,16 @@
-import { AfterViewInit, Component, ElementRef, Input, EventEmitter, Output, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
 import { StreamManager } from 'openvidu-browser';
 import { VideoType } from '../../models/video-type.model';
 
 @Component({
 	selector: 'ov-video',
 	template: `
-		<img *ngIf="!_streamManager?.stream?.videoActive && (type === 'CAMERA' || !type)" class="poster_img" alt="OpenVidu Logo" src="assets/images/poster.png" />
+		<img
+			*ngIf="!_streamManager?.stream?.videoActive && (type === 'CAMERA' || !type)"
+			class="poster_img"
+			alt="OpenVidu Logo"
+			src="assets/images/poster.png"
+		/>
 		<video
 			#videoElement
 			[attr.id]="streamManager && _streamManager.stream ? 'video-' + _streamManager.stream.streamId : 'video-undefined'"
@@ -17,8 +22,6 @@ import { VideoType } from '../../models/video-type.model';
 export class VideoComponent implements AfterViewInit {
 	@Input() mutedSound: boolean;
 
-	@Output() toggleVideoSizeEvent = new EventEmitter<any>();
-
 	_streamManager: StreamManager;
 
 	_videoElement: ElementRef;
@@ -45,8 +48,7 @@ export class VideoComponent implements AfterViewInit {
 				this.type = <VideoType>this._streamManager?.stream?.typeOfVideo;
 				if (this.type === VideoType.SCREEN) {
 					this._videoElement.nativeElement.style.objectFit = 'contain';
-					this._videoElement.nativeElement.style.background = '#272727';
-					this.enableVideoSizeBig();
+					// this._videoElement.nativeElement.style.background = '#272727';
 				} else {
 					this._videoElement.nativeElement.style.objectFit = 'cover';
 				}
@@ -54,12 +56,4 @@ export class VideoComponent implements AfterViewInit {
 			}
 		});
 	}
-
-	enableVideoSizeBig() {
-		// Doing video size bigger.
-		// Timeout because of connectionId is null and icon does not change
-		setTimeout(() => {
-			this.toggleVideoSizeEvent.emit(true);
-		}, 590);
-	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index 146ab47f..47d85567 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -139,11 +139,11 @@ export class ParticipantService {
 		return this.localParticipant.getScreenNickname();
 	}
 
-	resetUsersZoom() {
+	resetMyVideoEnlarged() {
 		this.localParticipant?.setAllVideoEnlarged(false);
 	}
 
-	toggleZoom(connectionId: string) {
+	toggleMyVideoEnlarged(connectionId: string) {
 		this.localParticipant.toggleVideoEnlarged(connectionId);
 	}
 
@@ -263,12 +263,12 @@ export class ParticipantService {
 		return this.remoteParticipants.some((p) => p.someHasVideoEnlarged());
 	}
 
-	toggleUserZoom(connectionId: string) {
+	toggleRemoteVideoEnlarged(connectionId: string) {
 		const p = this.getRemoteParticipantByConnectionId(connectionId);
 		p.toggleVideoEnlarged(connectionId);
 	}
 
-	resetRemotesZoom() {
+	resetRemotesVideoEnlarged() {
 		this.remoteParticipants.forEach((u) => u.setAllVideoEnlarged(false));
 	}
 

From 2d293a689e273d864de000c9639bd00a252a25b4 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 11 Feb 2022 13:18:50 +0100
Subject: [PATCH 09/74] openvidu-components: Updated projection strategy

Replaces ng-templates by a custom structural directive
---
 .../components/layout/layout.component.html   |  8 +-
 .../lib/components/panel/panel.component.html | 13 +--
 .../components/session/session.component.html | 22 +++--
 .../components/session/session.component.ts   |  2 -
 .../videoconference.component.html            | 97 +++++++------------
 .../videoconference.component.ts              | 56 ++++++-----
 .../stream/stream.directive.spec.ts           |  8 ++
 .../lib/directives/stream/stream.directive.ts | 10 ++
 .../src/lib/openvidu-angular.module.ts        |  9 +-
 .../openvidu-angular/src/public-api.ts        |  5 +-
 .../src/app/openvidu-call/call.component.html | 57 ++---------
 .../src/app/openvidu-call/call.component.ts   |  5 +-
 12 files changed, 125 insertions(+), 167 deletions(-)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.spec.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index b595a816..f7f7df7c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -5,12 +5,8 @@
 		*ngFor="let stream of localParticipant | connections"
 		[ngClass]="{ OV_small: !stream.streamManager?.stream?.videoActive }"
 	>
-		<ng-container *ngTemplateOutlet="streamTemplate; context: { stream: stream }"></ng-container>
+		<ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: stream }"></ng-container>
 	</div>
-	<!-- <ng-template #stream let-stream="stream">
-		<p>{{prueba.videoEnlarged}}</p>
-		<ov-stream [participant]="prueba"></ov-stream>
-	</ng-template> -->
 
 	<div
 		*ngFor="let stream of remoteParticipants | connections"
@@ -18,6 +14,6 @@
 		id="remote-participant"
 		[ngClass]="{ OV_small: !stream.streamManager?.stream?.videoActive }"
 	>
-		<ng-container *ngTemplateOutlet="streamTemplate; context: { stream: stream }"></ng-container>
+		<ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: stream }"></ng-container>
 	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
index 2016d3c9..cf561c12 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
@@ -1,9 +1,6 @@
-<!-- Custom chat panel -->
-<ng-container *ngIf="chatPanelTemplate && isChatPanelOpened">
-	<ng-container *ngTemplateOutlet="chatPanelTemplate"></ng-container>
-</ng-container>
+<!-- CHAT panel -->
+<ng-content select="[chatPanel]" *ngIf="isChatPanelOpened"></ng-content>
+
+<!-- PARTICIPANTS panel -->
+<ng-content select="[participantsPanel]"  *ngIf="isParticipantsPanelOpened"></ng-content>
 
-<!-- Custom participants panel -->
-<ng-container *ngIf="participantsPanelTemplate && isParticipantsPanelOpened">
-	<ng-container *ngTemplateOutlet="participantsPanelTemplate"></ng-container>
-</ng-container>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
index 45758150..46ca5801 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
@@ -9,14 +9,14 @@
 			fixedTopGap="0"
 			fixedBottomGap="0"
 		>
+
 			<!-- OPENVIDU PANEL -->
-			<ng-container *ngIf="panelTemplate">
-				<ng-container *ngTemplateOutlet="panelTemplate"></ng-container>
-			</ng-container>
+			<ng-content select="[panel]"></ng-content>
+
 		</mat-sidenav>
 
-		<!-- OPENVIDU LAYOUT -->
 		<mat-sidenav-content class="sidenav-main">
+			<!-- OPENVIDU LAYOUT -->
 			<ng-container *ngIf="layoutTemplate">
 				<div id="layout-container">
 					<ng-container *ngTemplateOutlet="layoutTemplate"></ng-container>
@@ -26,9 +26,13 @@
 	</mat-sidenav-container>
 
 	<!-- OPENVIDU TOOLBAR -->
-	<ng-container *ngIf="toolbarTemplate">
-		<div id="footer-container">
-			<ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
-		</div>
-	</ng-container>
+	<div id="footer-container">
+		<span #toolbarRef>
+			<!-- Custom toolbar -->
+			<ng-content select="[toolbar]"></ng-content>
+		</span>
+
+		<!-- Default toolbar if custom toolbar is not injected -->
+		<ov-toolbar *ngIf="toolbarRef.childNodes.length === 0"></ov-toolbar>
+	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index e70fefcd..fbd781dc 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -24,9 +24,7 @@ import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.ser
 	styleUrls: ['./session.component.css']
 })
 export class SessionComponent implements OnInit, AfterViewInit {
-	@ContentChild('toolbar', { read: TemplateRef }) toolbarTemplate: TemplateRef<any>;
 	@ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
-	@ContentChild('panel', { read: TemplateRef }) panelTemplate: TemplateRef<any>;
 
 	@Input() tokens: { webcam: string; screen: string };
 	@Output() _session = new EventEmitter<any>();
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index a7ee6388..fef79f95 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -15,83 +15,54 @@
 
 	<div id="session-container" *ngIf="joinSessionClicked && isSessionAlive && !error">
 		<ov-session [tokens]="_tokens">
+			<ng-content select="[toolbar]" toolbar></ng-content>
 
-			<!-- Toolbar container injection -->
-			<ng-template #toolbar>
-				<!-- Custom toolbar -->
-				<ng-container *ngIf="toolbarTemplate; else defaultToolbar">
-					<ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
-				</ng-container>
-
-					<!-- Default toolbar if custom toolbar is not injected -->
-				<ng-template #defaultToolbar>
-					<ov-toolbar></ov-toolbar>
-				</ng-template>
-
-			</ng-template>
-
-			<ng-template #panel>
+			<!-- OPENVIDU PANEL -->
+			<span #panelRef panel>
 				<!-- Custom panel -->
-				<ng-container *ngIf="panelTemplate; else defaultPanel">
-					<ng-container *ngTemplateOutlet="panelTemplate"></ng-container>
-				</ng-container>
+				<ng-content select="[panel]"></ng-content>
+			</span>
 
-				<!-- Default panel if custom panel is not injected -->
-				<ng-template #defaultPanel>
-					<ov-panel>
-						<!-- CHAT panel -->
-						<ng-template #chatPanel>
-							<ng-container *ngIf="chatPanelTemplate; else defaultChatPanel">
-								<ng-container *ngTemplateOutlet="chatPanelTemplate"></ng-container>
-							</ng-container>
+			<!-- Default panel if the custom one is not injected -->
+			<ov-panel *ngIf="panelRef.childNodes.length === 0" panel>
+				<span #chatPanelRef chatPanel>
+					<!-- Custom CHAT panel -->
+					<ng-content select="[chatPanel]"></ng-content>
+				</span>
 
-							<ng-template #defaultChatPanel>
-								<ov-chat-panel></ov-chat-panel>
-							</ng-template>
-						</ng-template>
+				<!-- Default CHAT PANEL if the custom one is not injected -->
+				<ov-chat-panel *ngIf="chatPanelRef.childNodes.length === 0" chatPanel></ov-chat-panel>
 
-						<!-- PARTICIPANTS panel -->
-						<ng-template #participantsPanel>
-							<ng-container *ngIf="participantsPanelTemplate; else defaultParticipantsPanel">
-								<ng-container *ngTemplateOutlet="participantsPanelTemplate"></ng-container>
-							</ng-container>
-							<ng-template #defaultParticipantsPanel>
-								<ov-participants-panel></ov-participants-panel>
-							</ng-template>
-						</ng-template>
-					</ov-panel>
-				</ng-template>
+				<span #participantsPanelRef participantsPanel>
+					<!-- Custom PARTICIPANTS panel -->
+					<ng-content select="[participantsPanel]"></ng-content>
+				</span>
 
-			</ng-template>
+				<!-- Default PARTICIPANTS PANEL if the custom one is not injected -->
+				<ov-participants-panel *ngIf="participantsPanelRef.childNodes.length === 0" participantsPanel></ov-participants-panel>
+			</ov-panel>
 
-
-			<!-- Layout container injection -->
 			<ng-template #layout>
 				<!-- Custom layout -->
-				<ng-container *ngIf="layoutTemplate; else defaultLayout">
-					<ng-container *ngTemplateOutlet="layoutTemplate"></ng-container>
-				</ng-container>
+				<span #layoutRef layout>
+					<ng-content select="[layout]"></ng-content>
+				</span>
 
 				<!-- Default layout if custom layout is not injected -->
-				<ng-template #defaultLayout>
-					<ov-layout>
-						<ng-template #stream let-stream="stream">
-							<!-- Custom stream component -->
-							<!-- We must to bind a context for the 'participant' input property -->
-							<ng-container *ngIf="streamTemplate; else defaultStream">
-								<ng-container *ngTemplateOutlet="streamTemplate;context:{stream:stream}"></ng-container>
-							</ng-container>
+				<ov-layout *ngIf="layoutRef.childNodes.length === 0" layout>
+					<ng-template #stream let-stream>
+						<!-- Custom stream component -->
+						<ng-container *ngIf="streamTemplate; else defaultStream">
+							<ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: stream }"> </ng-container>
+						</ng-container>
 
-							<!-- Default stream component if custom component is not injected -->
-							<!-- We must to bind a context for the 'participant' input property -->
-							<ng-template #defaultStream>
-								<ov-stream [stream]="stream"></ov-stream>
-							</ng-template>
+						<!-- Default stream component if custom one is not injected -->
+						<ng-template #defaultStream>
+							<ov-stream [stream]="stream"></ov-stream>
 						</ng-template>
-					</ov-layout>
-				</ng-template>
+					</ng-template>
+				</ov-layout>
 			</ng-template>
-
 		</ov-session>
 	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index e86f6a4a..620b92aa 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -1,4 +1,5 @@
-import { Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef } from '@angular/core';
+import { Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
+import { StreamDirective } from '../../directives/stream/stream.directive';
 
 @Component({
 	selector: 'ov-videoconference',
@@ -6,16 +7,38 @@ import { Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateR
 	styleUrls: ['./videoconference.component.css']
 })
 export class VideoconferenceComponent implements OnInit {
-	@ContentChild('toolbar', { read: TemplateRef }) toolbarTemplate: TemplateRef<any>;
-	@ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
-	@ContentChild('panel', { read: TemplateRef }) panelTemplate: TemplateRef<any>;
-	@ContentChild('chatPanel', { read: TemplateRef }) chatPanelTemplate: TemplateRef<any>;
-	@ContentChild('participantsPanel', { read: TemplateRef }) participantsPanelTemplate: TemplateRef<any>;
-	@ContentChild('stream', { read: TemplateRef }) streamTemplate: TemplateRef<any>;
+	streamTemplate: TemplateRef<any>;
+
+	// @ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
+
+	@ContentChild(StreamDirective)
+	set customStream(customStream: StreamDirective) {
+		if (customStream) {
+			this.streamTemplate = customStream.template;
+		}
+	}
 
 	@Input() sessionName: string;
 	@Input() userName: string;
 
+	@Input()
+	set tokens(tokens: { webcam: string; screen: string }) {
+		if (!tokens || (!tokens.webcam && !tokens.screen)) {
+			//No tokens received
+			// throw new Error('No tokens received');
+			console.warn('No tokens received');
+		} else {
+			if (tokens.webcam || tokens.screen) {
+				this._tokens = {
+					webcam: tokens.webcam,
+					screen: tokens.screen
+				};
+				this.joinSessionClicked = true;
+				this.isSessionAlive = true;
+			}
+		}
+	}
+
 	// @Input() openviduServerUrl: string;
 	// @Input() openviduSecret: string;
 
@@ -33,25 +56,6 @@ export class VideoconferenceComponent implements OnInit {
 
 	ngOnInit() {}
 
-	@Input()
-	set tokens(tokens: { webcam: string; screen: string }) {
-		if (!tokens || (!tokens.webcam && !tokens.screen)) {
-			//No tokens received
-			// throw new Error('No tokens received');
-			console.warn('No tokens received');
-
-		} else {
-			if (tokens.webcam || tokens.screen) {
-				this._tokens = {
-					webcam: tokens.webcam,
-					screen: tokens.screen
-				};
-				this.joinSessionClicked = true;
-				this.isSessionAlive = true;
-			}
-		}
-	}
-
 	async _onJoinClicked() {
 		this.onJoinClicked.emit();
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.spec.ts
new file mode 100644
index 00000000..8908b61a
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.spec.ts
@@ -0,0 +1,8 @@
+import { StreamDirective } from './stream.directive';
+
+describe('StreamDirective', () => {
+  it('should create an instance', () => {
+    const directive = new StreamDirective();
+    expect(directive).toBeTruthy();
+  });
+});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.ts
new file mode 100644
index 00000000..432e66af
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.ts
@@ -0,0 +1,10 @@
+import { Directive, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+
+@Directive({
+	selector: '[ovStream]'
+})
+export class StreamDirective implements OnInit {
+	constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
+
+	ngOnInit() {}
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index eb66179d..4c0dfecb 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -58,9 +58,13 @@ import { ParticipantItemComponent } from './components/panel/participants-panel/
 import { ParticipantsPanelComponent } from './components/panel/participants-panel/participants-panel/participants-panel.component';
 import { VideoconferenceComponent } from './components/videoconference/videoconference.component';
 import { PanelComponent } from './components/panel/panel.component';
+import { StreamDirective } from './directives/stream/stream.directive';
+import { BrowserModule } from '@angular/platform-browser';
 
 @NgModule({
 	declarations: [
+		StreamDirective,
+
 		UserSettingsComponent,
 		VideoComponent,
 		ToolbarComponent,
@@ -77,7 +81,7 @@ import { PanelComponent } from './components/panel/panel.component';
 		ParticipantItemComponent,
 		ParticipantsPanelComponent,
 		VideoconferenceComponent,
-  PanelComponent
+		PanelComponent,
 	],
 	imports: [
 		CommonModule,
@@ -132,7 +136,8 @@ import { PanelComponent } from './components/panel/panel.component';
 		StreamComponent,
 		VideoComponent,
 		ParticipantConnectionsPipe,
-		CommonModule
+		CommonModule,
+		StreamDirective
 	],
 	entryComponents: [DialogTemplateComponent]
 })
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index d7fef6a0..0a3505b0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -39,4 +39,7 @@ export * from './lib/models/video-type.model';
 export * from './lib/models/notification-options.model';
 
 // Pipes
-export * from './lib/pipes/participant-connections.pipe';
\ No newline at end of file
+export * from './lib/pipes/participant-connections.pipe';
+
+// Directives
+export * from './lib/directives/stream/stream.directive';
\ No newline at end of file
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.html b/openvidu-components-angular/src/app/openvidu-call/call.component.html
index b8bc3eb1..2953949b 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.html
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.html
@@ -1,61 +1,22 @@
-<!-- <div id="call-container">
-	<div id="userSettings" *ngIf="!joinSessionClicked && !closeClicked || !isSessionAlive">
-		<ov-user-settings (onJoinClicked)="onJoinClicked()" (onCloseClicked)="onCloseClicked()"></ov-user-settings>
-	</div>
-
-	<div *ngIf="joinSessionClicked && isSessionAlive" style="height: 100%;">
-		<ov-session [tokens]="tokens">
-			<ng-template #toolbar>
-				<ov-toolbar
-					(onCamClicked)="onCamClicked()"
-					(onMicClicked)="onMicClicked()"
-					(onScreenShareClicked)="onScreenShareClicked()"
-					(onSpeakerLayoutClicked)="onSpeakerLayoutClicked()"
-					(onLeaveSessionClicked)="onLeaveSessionClicked()"
-				></ov-toolbar>
-			</ng-template>
-			<ov-layout layout></ov-layout>
-		</ov-session>
-	</div>
-</div> -->
 
 <ov-videoconference (onJoinClicked)="onJoinClicked()" [tokens]="tokens">
 
-	<!-- <ng-template #toolbar>
-		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
-	</ng-template> -->
 
-	<!-- <ng-template #layout>
-		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
-	</ng-template> -->
+	<!-- <ov-toolbar toolbar (onCamClicked)="onCamClicked()"></ov-toolbar> -->
 
 
-	<!-- <ng-template #panel>
-		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
-	</ng-template> -->
+	<!-- <ov-toolbar panel (onCamClicked)="onCamClicked()"></ov-toolbar> -->
+	<!-- <ov-toolbar chatPanel (onCamClicked)="onCamClicked()"></ov-toolbar> -->
+	<!-- <ov-toolbar participantsPanel (onCamClicked)="onCamClicked()"></ov-toolbar> -->
 
-	<!-- <ng-template #chatPanel>
-		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
-	</ng-template> -->
 
-	<!-- <ng-template #participantsPanel>
-		<ov-toolbar postion="top" (onCamClicked)="onCamClicked()"></ov-toolbar>
-	</ng-template> -->
+	<!-- <ov-toolbar layout (onCamClicked)="onCamClicked()"></ov-toolbar> -->
 
-	<!-- <ng-template #stream let-stream="stream">
-
-		<ov-stream postion="top" [stream]="stream">
-			<button network-quality> hola</button>
-			<ng-template #notification>
-				<button  mat-icon-button id="hand-notification" *ngIf="stream.videoEnlarged">
-					<mat-icon>front_hand</mat-icon>
-				</button>
-
-			</ng-template>
-		</ov-stream>
-
-	</ng-template> -->
+	<!-- <div *ovStream="let stream">
 
+		<p>{{stream.videoEnlarged}}</p>
+		<ov-stream [stream]="stream"></ov-stream>
+	</div> -->
 
 
 </ov-videoconference>
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.ts b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
index ac1a55a7..cfa4c3a2 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
@@ -1,13 +1,14 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, ContentChild, OnInit } from '@angular/core';
 import { RestService } from '../services/rest.service';
 import { Router } from '@angular/router';
-
 @Component({
 	selector: 'app-call',
 	templateUrl: './call.component.html',
 	styleUrls: ['./call.component.scss']
 })
 export class CallComponent implements OnInit {
+
+
 	sessionId = 'prueba-majestuosa-amable';
 	tokens: { webcam: string; screen: string };
 

From 46cc1db56004f8847200b92065acd5aee9f43175 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 11 Feb 2022 13:19:41 +0100
Subject: [PATCH 10/74] openvidu-components: Changed methods visibility

---
 .../src/lib/services/participant/participant.service.ts       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index 47d85567..1620d62b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -252,7 +252,7 @@ export class ParticipantService {
 			this.updateRemoteParticipants();
 		}
 	}
-	protected getRemoteParticipantByConnectionId(connectionId: string): ParticipantAbstractModel {
+	getRemoteParticipantByConnectionId(connectionId: string): ParticipantAbstractModel {
 		return this.remoteParticipants.find((p) => p.hasConnectionId(connectionId));
 	}
 
@@ -296,7 +296,7 @@ export class ParticipantService {
 		}
 	}
 
-	protected updateRemoteParticipants() {
+	updateRemoteParticipants() {
 		this._remoteParticipants.next(this.remoteParticipants);
 	}
 	protected newParticipant(steramModel?: StreamModel, participantId?: string) {

From 956baad89fc6e8935273ca2687fb0e164c336574 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 11 Feb 2022 16:26:46 +0100
Subject: [PATCH 11/74] openvidu-components: Detected audio with start/stop
 speakings events

Added an audio wave icon for helping to detect when a publisher is speaking
---
 .../audio-wave/audio-wave.component.css       | 64 +++++++++++++++++++
 .../audio-wave/audio-wave.component.html      |  5 ++
 .../audio-wave/audio-wave.component.spec.ts   | 25 ++++++++
 .../audio-wave/audio-wave.component.ts        | 41 ++++++++++++
 .../components/stream/stream.component.css    |  7 ++
 .../components/stream/stream.component.html   |  6 +-
 .../src/lib/openvidu-angular.module.ts        |  4 +-
 .../openvidu-angular/src/public-api.ts        |  1 +
 8 files changed, 151 insertions(+), 2 deletions(-)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.css
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.html
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.spec.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.css
new file mode 100644
index 00000000..cf377d64
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.css
@@ -0,0 +1,64 @@
+@keyframes normal {
+	0%{
+		height: 20%;
+	}
+	50%{
+		height: 40%;
+	}
+	100%{
+		height: 20%;
+	}
+}
+@keyframes loud {
+	0%{
+		height: 30%;
+	}
+	50%{
+		height: 80%;
+
+	}
+	100%{
+		height: 30%;
+	}
+}
+
+.audio-container{
+	background-color: var(--ov-tertiary-color);
+	padding: 5px;
+	max-width: 15px;
+	max-height: 15px;
+	height: 15px;
+	width: 15px;
+	border-radius: 50%;
+	display: flex;
+	justify-content: space-between;
+}
+
+.stick{
+	margin: auto;
+	height: 80%;
+	width: 3px;
+	background: var(--ov-light-color);
+	border-radius: 8px;
+}
+
+.pause {
+	animation-play-state:paused;
+	height: 1px;
+}
+
+.play {
+	animation-duration: 1.2s;
+	animation-timing-function: ease-in-out;
+	animation-iteration-count: infinite;
+	animation-play-state:running;
+}
+
+
+.normal{
+	animation-name: normal;
+}
+
+.loud{
+	animation-name: loud;
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.html
new file mode 100644
index 00000000..4e92fecb
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.html
@@ -0,0 +1,5 @@
+<div class="audio-container">
+	<div class="stick normal" [ngClass]="isSpeaking ? 'play' : 'pause'"></div>
+	<div class="stick loud" [ngClass]="isSpeaking ? 'play' : 'pause'"></div>
+	<div class="stick normal" [ngClass]="isSpeaking ? 'play' : 'pause'"></div>
+</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.spec.ts
new file mode 100644
index 00000000..beca4764
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AudioWaveComponent } from './audio-wave.component';
+
+describe('AudioWaveComponent', () => {
+  let component: AudioWaveComponent;
+  let fixture: ComponentFixture<AudioWaveComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ AudioWaveComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AudioWaveComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts
new file mode 100644
index 00000000..e129924d
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts
@@ -0,0 +1,41 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+import { PublisherSpeakingEvent, StreamManager } from 'openvidu-browser';
+
+@Component({
+	selector: 'ov-audio-wave',
+	templateUrl: './audio-wave.component.html',
+	styleUrls: ['./audio-wave.component.css']
+})
+export class AudioWaveComponent implements OnInit {
+	isSpeaking: boolean = false;
+	audioVolume: number = 0;
+
+	@Input()
+	set streamManager(streamManager: StreamManager) {
+		console.log('streamManager', streamManager);
+
+		if(streamManager) {
+			streamManager.on('publisherStartSpeaking', (event: PublisherSpeakingEvent) => {
+				this.isSpeaking = true;
+			});
+
+			streamManager.on('publisherStopSpeaking', (event: PublisherSpeakingEvent) => {
+				this.isSpeaking = false;
+			});
+
+			// streamManager.on('streamAudioVolumeChange', (event: any) => {
+			// 	// The loudest sounds on your system will be at 0dB
+			// 	// and silence in webaudio is -100dB.
+			// 	this.audioVolume = 100 + event.value.newValue;
+			// 	console.log('Publisher audio volume change from ' + event.value.oldValue + ' to' + event.value.newValue);
+			// 	console.log('AUDIO VOLUME', this.audioVolume);
+			// });
+		}
+
+	}
+
+	constructor() {}
+
+	ngOnInit(): void {}
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
index 2ad707e5..359f99a4 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
@@ -30,6 +30,13 @@
 	padding: 10px;
   }
 
+  #audio-wave-container {
+	position: absolute;
+    right: 0;
+    z-index: 1;
+    padding: 5px;
+  }
+
   .fullscreen {
 	top: 40px;
   }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 6bca2199..0dda7450 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -31,9 +31,13 @@
 		<ng-content select="[network-quality]"></ng-content>
 	</div>
 
+	<div id="audio-wave-container">
+		<ov-audio-wave [streamManager]="_stream.streamManager"></ov-audio-wave>
+	</div>
+
 	<ov-video
 		(dblclick)="toggleVideoEnlarged()"
-		[streamManager]="this._stream.streamManager"
+		[streamManager]="_stream.streamManager"
 		[mutedSound]="mutedSound"
 	></ov-video>
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 4c0dfecb..32e88978 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -59,7 +59,7 @@ import { ParticipantsPanelComponent } from './components/panel/participants-pane
 import { VideoconferenceComponent } from './components/videoconference/videoconference.component';
 import { PanelComponent } from './components/panel/panel.component';
 import { StreamDirective } from './directives/stream/stream.directive';
-import { BrowserModule } from '@angular/platform-browser';
+import { AudioWaveComponent } from './components/audio-wave/audio-wave.component';
 
 @NgModule({
 	declarations: [
@@ -81,6 +81,7 @@ import { BrowserModule } from '@angular/platform-browser';
 		ParticipantItemComponent,
 		ParticipantsPanelComponent,
 		VideoconferenceComponent,
+  		AudioWaveComponent,
 		PanelComponent,
 	],
 	imports: [
@@ -135,6 +136,7 @@ import { BrowserModule } from '@angular/platform-browser';
 		LayoutComponent,
 		StreamComponent,
 		VideoComponent,
+		AudioWaveComponent,
 		ParticipantConnectionsPipe,
 		CommonModule,
 		StreamDirective
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index 0a3505b0..0e86b561 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -30,6 +30,7 @@ export * from './lib/components/session/session.component';
 export * from './lib/components/layout/layout.component';
 export * from './lib/components/stream/stream.component';
 export * from './lib/components/video/video.component';
+export * from './lib/components/audio-wave/audio-wave.component';
 
 // Models
 export * from './lib/models/participant.model';

From ead068fbeec454dcf69a4105668c1b3dec110b3e Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 14 Feb 2022 10:41:55 +0100
Subject: [PATCH 12/74] openvidu-components: Improved video aspect ratios in
 layout

---
 .../src/lib/components/layout/layout.component.css          | 1 +
 .../src/lib/services/layout/layout.service.ts               | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
index 2b7b924a..66f36eae 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
@@ -219,6 +219,7 @@
 	position: relative;
 	min-width: 48px;
 	min-height: 48px;
+	margin: 1px;
   }
 
   .OT_publisher .OT_video-element,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
index e9035d73..08320213 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
@@ -36,14 +36,14 @@ export class LayoutService {
 	getOptions(): OpenViduLayoutOptions {
 		const options = {
 			maxRatio: 3 / 2, // The narrowest ratio that will be used (default 2x3)
-			minRatio: 9 / 15, // The widest ratio that will be used (default 16x9)
+			minRatio: 9 / 16, // The widest ratio that will be used (default 16x9)
 			fixedRatio: false /* If this is true then the aspect ratio of the video is maintained
       and minRatio and maxRatio are ignored (default false) */,
 			bigClass: LayoutClass.BIG_ELEMENT, // The class to add to elements that should be sized bigger
 			smallClass: LayoutClass.SMALL_ELEMENT,
-			bigPercentage: 0.85, // The maximum percentage of space the big ones should take up
+			bigPercentage: 0.7, // The maximum percentage of space the big ones should take up
 			bigFixedRatio: false, // fixedRatio for the big ones
-			bigMaxRatio: 3 / 2, // The narrowest ratio to use for the big elements (default 2x3)
+			bigMaxRatio: 9 / 16, // The narrowest ratio to use for the big elements (default 2x3)
 			bigMinRatio: 9 / 16, // The widest ratio to use for the big elements (default 16x9)
 			bigFirst: true, // Whether to place the big one in the top left (true) or bottom right
 			animate: true // Whether you want to animate the transitions. Invalid property, to disable it remove   transition: all .1s linear;

From 3b46b7333b53a2eb4c344bba59380f31ba5f8efd Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 14 Feb 2022 10:47:28 +0100
Subject: [PATCH 13/74] openvidu-components: Hidden audio detection when stream
 is not camera

---
 .../src/lib/components/stream/stream.component.html             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 0dda7450..7b3396cc 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -31,7 +31,7 @@
 		<ng-content select="[network-quality]"></ng-content>
 	</div>
 
-	<div id="audio-wave-container">
+	<div id="audio-wave-container" *ngIf="_stream.type === 'CAMERA'">
 		<ov-audio-wave [streamManager]="_stream.streamManager"></ov-audio-wave>
 	</div>
 

From 5d16528f82c8b7794a52da0392bde4e0eabdd5b3 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 14 Feb 2022 14:12:58 +0100
Subject: [PATCH 14/74] openvidu-components: Updated library config

---
 .../lib/components/stream/stream.component.html  |  8 --------
 .../lib/components/stream/stream.component.ts    |  2 --
 .../lib/components/toolbar/toolbar.component.css |  4 ++--
 .../components/toolbar/toolbar.component.html    |  6 ++----
 .../lib/components/toolbar/toolbar.component.ts  |  7 ++-----
 .../videoconference/videoconference.component.ts |  2 --
 .../src/lib/config/lib.config.ts                 |  9 +++++----
 .../src/lib/openvidu-angular.module.ts           |  4 ++--
 .../library-config/library-config.service.ts     | 15 +++++++++------
 .../services/participant/participant.service.ts  | 16 ++++++++++++----
 10 files changed, 34 insertions(+), 39 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 7b3396cc..f64a7593 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -43,9 +43,6 @@
 
 
 	<div class="status-icons">
-		<!-- <div id="statusMic" *ngIf="!this._stream.streamManager?.stream?.audioActive">
-			<mat-icon>mic_off</mat-icon>
-		</div> -->
 
 		<button mat-icon-button id="statusMic" *ngIf="!this._stream.streamManager?.stream?.audioActive" disabled>
 			<mat-icon>mic_off</mat-icon>
@@ -54,11 +51,6 @@
 
 	<div class="videoButtons">
 
-		<!-- Custom stream notifications -->
-		<ng-container *ngIf="notificationTemplate">
-			<ng-container *ngTemplateOutlet="notificationTemplate; context: { stream: _stream }"></ng-container>
-		</ng-container>
-
 		<button mat-icon-button (click)="toggleVideoMenu($event)" matTooltip="Settings" aria-label="Video settings menu">
 			<mat-icon>more_vert</mat-icon>
 		</button>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 55aaf140..52ce7013 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -22,8 +22,6 @@ import { ParticipantService } from '../../services/participant/participant.servi
 	styleUrls: ['./stream.component.css']
 })
 export class StreamComponent implements OnInit {
-	@ContentChild('notification', { read: TemplateRef }) notificationTemplate: TemplateRef<any>;
-
 	videoSizeIconEnum = VideoSizeIcon;
 	videoTypeEnum = VideoType;
 	videoSizeIcon: VideoSizeIcon = VideoSizeIcon.BIG;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
index 4c7809f9..d60f1930 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
@@ -15,7 +15,7 @@
 	align-items: center;
 }
 
-#media-buttons-container button, ::ng-deep #media-buttons-container>.ng-star-inserted {
+#media-buttons-container > *, ::ng-deep #media-buttons-container > * {
 	width: 40px;
 	height: 40px;
 	background-color: var(--ov-secondary-color);
@@ -26,7 +26,7 @@
 	background-color: var(--ov-warn-color) !important;
 }
 
-.active-btn {
+.active-btn, ::ng-deep .active-btn {
 	background-color: var(--ov-tertiary-color) !important;
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index b8d6d6ec..e22db811 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -61,10 +61,8 @@
 			<mat-icon *ngIf="!isFullscreenEnabled" matTooltip="Fullscreen">fullscreen</mat-icon>
 		</button>
 
-		<!-- Custom centered buttons -->
-		<ng-container *ngIf="centeredButtonsTemplate">
-			<ng-container *ngTemplateOutlet="centeredButtonsTemplate"></ng-container>
-		</ng-container>
+		<!-- Custom toolbar buttons -->
+		<ng-content select="[toolbar-btn]"></ng-content>
 
 		<!-- Leave session button -->
 		<button mat-icon-button (click)="leaveSession()" id="leave-btn">
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 6d8d0372..46768229 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -102,11 +102,8 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 
 		this.subscribeToUserMediaProperties();
 		this.subscribeToReconnection();
-
-		if(!this.libraryConfigSrv.isUsingProLibrary()){
-			this.subscribeToMenuToggling();
-			this.subscribeToChatMessages();
-		}
+		this.subscribeToMenuToggling();
+		this.subscribeToChatMessages();
 	}
 
 	toggleMicrophone() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 620b92aa..984b21c5 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -9,8 +9,6 @@ import { StreamDirective } from '../../directives/stream/stream.directive';
 export class VideoconferenceComponent implements OnInit {
 	streamTemplate: TemplateRef<any>;
 
-	// @ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
-
 	@ContentChild(StreamDirective)
 	set customStream(customStream: StreamDirective) {
 		if (customStream) {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/config/lib.config.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/config/lib.config.ts
index 5c9f3fdc..75e65db9 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/config/lib.config.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/config/lib.config.ts
@@ -1,6 +1,7 @@
 export interface LibConfig {
-	environment: {
-		production: boolean;
-		useProdLibrary?: boolean
-	};
+	production?: boolean,
+	participantFactory?: ParticipantFactoryFunction,
+
 }
+
+export type ParticipantFactoryFunction = (connWrapper: any, participantId: string) => any;
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 32e88978..34019121 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -144,9 +144,9 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 	entryComponents: [DialogTemplateComponent]
 })
 export class OpenviduAngularModule {
-	static forRoot(environment): ModuleWithProviders<OpenviduAngularModule> {
+	static forRoot(config): ModuleWithProviders<OpenviduAngularModule> {
 		// console.log(`${library.name} config: ${environment}`);
-		const libConfig: LibConfig = { environment };
+		const libConfig: LibConfig = config;
 		return {
 			ngModule: OpenviduAngularModule,
 			providers: [LibraryConfigService, { provide: 'LIB_CONFIG', useValue: libConfig }]
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.ts
index 51c28a4b..e6885b2d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.ts
@@ -1,5 +1,5 @@
 import { Inject, Injectable } from '@angular/core';
-import { LibConfig } from '../../config/lib.config';
+import { LibConfig, ParticipantFactoryFunction } from '../../config/lib.config';
 
 // import { version } from '../../../../package.json';
 
@@ -10,8 +10,7 @@ export class LibraryConfigService {
 	constructor(@Inject('LIB_CONFIG') config: LibConfig) {
 		this.configuration = config;
 		console.log(this.configuration);
-		this.isUsingProLibrary() ? console.log('Using PRO library') : console.log('Using CE library');
-		if(this.isProduction()) console.log('Production Mode');
+		if(this.isProduction()) console.log('OpenVidu Angular Production Mode');
 		// console.log(version)
 	}
 
@@ -19,10 +18,14 @@ export class LibraryConfigService {
 		return this.configuration;
 	}
 	isProduction(): boolean {
-		return this.configuration?.environment?.production;
+		return this.configuration?.production;
 	}
 
-	isUsingProLibrary(): boolean {
-		return !!this.configuration?.environment?.useProdLibrary;
+	hasParticipantFactory(): boolean {
+		return typeof this.getConfig().participantFactory === "function";
+	}
+
+	getParticipantFactory(): ParticipantFactoryFunction {
+		return this.getConfig().participantFactory;
 	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index 1620d62b..a9792fe7 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -4,6 +4,7 @@ import { BehaviorSubject, Observable } from 'rxjs';
 import { ILogger } from '../../models/logger.model';
 import { StreamModel, ParticipantAbstractModel, ParticipantModel } from '../../models/participant.model';
 import { VideoType } from '../../models/video-type.model';
+import { LibraryConfigService } from '../library-config/library-config.service';
 import { LoggerService } from '../logger/logger.service';
 
 @Injectable({
@@ -29,7 +30,7 @@ export class ParticipantService {
 
 	protected log: ILogger;
 
-	constructor(protected loggerSrv: LoggerService) {
+	constructor(protected libraryConfigSrv: LibraryConfigService, protected loggerSrv: LoggerService) {
 		this.log = this.loggerSrv.get('ParticipantService');
 
 		this.localParticipantObs = this._localParticipant.asObservable();
@@ -42,6 +43,9 @@ export class ParticipantService {
 		this.updateLocalParticipant();
 	}
 
+	getLocalParticipant(): ParticipantAbstractModel {
+		return this.localParticipant;
+	}
 	getMyParticipantId(): string {
 		return this.localParticipant.id;
 	}
@@ -189,7 +193,7 @@ export class ParticipantService {
 		return this.localParticipant.isScreenAudioActive();
 	}
 
-	protected updateLocalParticipant() {
+	updateLocalParticipant() {
 		// Cloning localParticipant object for not applying changes on the global variable
 		let participantsWithConnectionAvailable: ParticipantAbstractModel = Object.assign(this.newParticipant(), this.localParticipant);
 		const availableConnections = participantsWithConnectionAvailable.getAvailableConnections();
@@ -299,7 +303,11 @@ export class ParticipantService {
 	updateRemoteParticipants() {
 		this._remoteParticipants.next(this.remoteParticipants);
 	}
-	protected newParticipant(steramModel?: StreamModel, participantId?: string) {
-		return new ParticipantModel(steramModel, participantId);
+	protected newParticipant(streamModel?: StreamModel, participantId?: string) {
+
+		if(this.libraryConfigSrv.hasParticipantFactory()){
+			return this.libraryConfigSrv.getParticipantFactory().apply(this, [streamModel, participantId]);
+		}
+		return new ParticipantModel(streamModel, participantId);
 	}
 }

From 5a3430fab5dffcef62da4974277d3b285f6fe51d Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 15 Feb 2022 13:24:08 +0100
Subject: [PATCH 15/74] openvidu-components: Renamed connections to streams

---
 .../audio-wave/audio-wave.component.ts        |  1 -
 .../components/layout/layout.component.html   |  4 +--
 .../participants-panel.component.html         |  4 +--
 .../user-settings.component.html              |  4 +--
 .../src/lib/models/participant.model.ts       | 32 +++++++++----------
 .../src/lib/openvidu-angular.module.ts        |  9 +++---
 ...onnections.pipe.ts => participant.pipe.ts} | 16 +++++-----
 .../participant/participant.service.ts        |  4 +--
 .../openvidu-angular/src/public-api.ts        |  2 +-
 9 files changed, 37 insertions(+), 39 deletions(-)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/{participant-connections.pipe.ts => participant.pipe.ts} (64%)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts
index e129924d..fe8be885 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts
@@ -13,7 +13,6 @@ export class AudioWaveComponent implements OnInit {
 
 	@Input()
 	set streamManager(streamManager: StreamManager) {
-		console.log('streamManager', streamManager);
 
 		if(streamManager) {
 			streamManager.on('publisherStartSpeaking', (event: PublisherSpeakingEvent) => {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index f7f7df7c..2dac32be 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -2,14 +2,14 @@
 	<div
 		class="OT_root OT_publisher"
 		id="localUser"
-		*ngFor="let stream of localParticipant | connections"
+		*ngFor="let stream of localParticipant | streams"
 		[ngClass]="{ OV_small: !stream.streamManager?.stream?.videoActive }"
 	>
 		<ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: stream }"></ng-container>
 	</div>
 
 	<div
-		*ngFor="let stream of remoteParticipants | connections"
+		*ngFor="let stream of remoteParticipants | streams"
 		class="OT_root OT_publisher"
 		id="remote-participant"
 		[ngClass]="{ OV_small: !stream.streamManager?.stream?.videoActive }"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
index 0507c950..604766f7 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
@@ -11,7 +11,7 @@
 		<div class="local-participant-container">
 			<ov-participant-item
 				[name]="localParticipant | nickname"
-				[connections]="localParticipant | connectionsEnabled"
+				[connections]="localParticipant | streamsEnabled"
 				[showDividerLine]="true"
 			></ov-participant-item>
 		</div>
@@ -25,7 +25,7 @@
 			<ov-participant-item
 				*ngFor="let p of remoteParticipants; let lastItem = last"
 				[name]="p | nickname"
-				[connections]="p | connectionsEnabled"
+				[connections]="p | streamsEnabled"
 				[showDividerLine]="!lastItem"
 			></ov-participant-item>
 		</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
index 63c7a931..da57ddcc 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
@@ -22,12 +22,12 @@
 							<mat-spinner></mat-spinner>
 						</div>
 						<div class="videoContainer" *ngIf="!isLoading">
-							<div *ngFor="let stream of localParticipant | connections">
+							<div *ngFor="let stream of localParticipant | streams">
 								<!-- Only webcam video will be shown if webcamera is available -->
 								<ov-video
 									*ngIf="(stream.type === 'CAMERA' && hasVideoDevices) || stream.type === 'SCREEN'"
 									[streamManager]="stream.streamManager"
-									[ngClass]="{ ovVideoSmall: localParticipant.connections.size > 1 && stream.type === 'CAMERA' }"
+									[ngClass]="{ ovVideoSmall: localParticipant.streams.size > 1 && stream.type === 'CAMERA' }"
 								></ov-video>
 								<div class="cameraMessageContainer" *ngIf="stream.type === 'CAMERA' && !hasVideoDevices">
 									<span *ngIf="!hasVideoDevices && !hasAudioDevices">Oops! Camera and microphone are not available</span>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index 7c4c03fe..7a75c7f3 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -12,7 +12,7 @@ export interface StreamModel {
 }
 
 export abstract class ParticipantAbstractModel {
-	connections: Map<VideoType, StreamModel> = new Map();
+	streams: Map<VideoType, StreamModel> = new Map();
 	id: string;
 
 	constructor(model?: StreamModel, id?: string) {
@@ -25,12 +25,12 @@ export abstract class ParticipantAbstractModel {
 			videoEnlarged: model ? model.videoEnlarged : false,
 			connectionId: model ? model.connectionId : null
 		};
-		this.connections.set(streamModel.type, streamModel);
+		this.streams.set(streamModel.type, streamModel);
 		this.id = id ? id : new Date().getTime().toString();
 	}
 
 	addConnection(streamModel: StreamModel) {
-		this.connections.set(streamModel.type, streamModel);
+		this.streams.set(streamModel.type, streamModel);
 	}
 
 	public isCameraAudioActive(): boolean {
@@ -48,15 +48,15 @@ export abstract class ParticipantAbstractModel {
 	}
 
 	hasConnectionType(type: VideoType): boolean {
-		return this.connections.has(type);
+		return this.streams.has(type);
 	}
 
 	public getCameraConnection(): StreamModel {
-		return this.connections.get(VideoType.CAMERA);
+		return this.streams.get(VideoType.CAMERA);
 	}
 
 	public getScreenConnection(): StreamModel {
-		return this.connections.get(VideoType.SCREEN);
+		return this.streams.get(VideoType.SCREEN);
 	}
 
 	getConnectionTypesEnabled(): VideoType[] {
@@ -75,27 +75,27 @@ export abstract class ParticipantAbstractModel {
 	}
 
 	removeConnection(connectionId: string) {
-		this.connections.delete(this.getConnectionById(connectionId).type);
+		this.streams.delete(this.getConnectionById(connectionId).type);
 	}
 
 	hasConnectionId(connectionId: string): boolean {
-		return Array.from(this.connections.values()).some((conn) => conn.connectionId === connectionId);
+		return Array.from(this.streams.values()).some((conn) => conn.connectionId === connectionId);
 	}
 
 	getConnectionById(connectionId: string): StreamModel {
-		return Array.from(this.connections.values()).find((conn) => conn.connectionId === connectionId);
+		return Array.from(this.streams.values()).find((conn) => conn.connectionId === connectionId);
 	}
 
 	getAvailableConnections(): StreamModel[] {
-		return Array.from(this.connections.values()).filter((conn) => conn.connected);
+		return Array.from(this.streams.values()).filter((conn) => conn.connected);
 	}
 
 	isLocal(): boolean {
-		return Array.from(this.connections.values()).every((conn) => conn.local);
+		return Array.from(this.streams.values()).every((conn) => conn.local);
 	}
 
 	setNickname(nickname: string) {
-		this.connections.forEach((conn) => {
+		this.streams.forEach((conn) => {
 			if (conn.type === VideoType.CAMERA) {
 				conn.nickname = nickname;
 			} else {
@@ -123,7 +123,7 @@ export abstract class ParticipantAbstractModel {
 	}
 
 	setPublisher(connType: VideoType, publisher: StreamManager) {
-		const connection = this.connections.get(connType);
+		const connection = this.streams.get(connType);
 		if(connection) {
 			connection.streamManager = publisher;
 		}
@@ -157,11 +157,11 @@ export abstract class ParticipantAbstractModel {
 		if (screenConnection) screenConnection.connected = false;
 	}
 	setAllVideoEnlarged(enlarged: boolean) {
-		this.connections.forEach((conn) => (conn.videoEnlarged = enlarged));
+		this.streams.forEach((conn) => (conn.videoEnlarged = enlarged));
 	}
 
 	toggleVideoEnlarged(connectionId: string) {
-		this.connections.forEach((conn) => {
+		this.streams.forEach((conn) => {
 			if (conn.connectionId === connectionId) {
 				conn.videoEnlarged = !conn.videoEnlarged;
 			}
@@ -169,7 +169,7 @@ export abstract class ParticipantAbstractModel {
 	}
 
 	someHasVideoEnlarged(): boolean {
-		return Array.from(this.connections.values()).some((conn) => conn.videoEnlarged);
+		return Array.from(this.streams.values()).some((conn) => conn.videoEnlarged);
 	}
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 34019121..49641f00 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -37,7 +37,7 @@ import { DialogTemplateComponent } from './components/material/dialog.component'
 
 import { LinkifyPipe } from './pipes/linkify.pipe';
 import { TooltipListPipe } from './pipes/tooltip-list.pipe';
-import { ConnectionsEnabledPipe, NicknamePipe, ParticipantConnectionsPipe } from './pipes/participant-connections.pipe';
+import { StreamsEnabledPipe, NicknamePipe, ParticipantStreamsPipe } from './pipes/participant.pipe';
 
 import { LibConfig } from './config/lib.config';
 import { CdkOverlayContainer } from './config/custom-cdk-overlay';
@@ -64,7 +64,6 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 @NgModule({
 	declarations: [
 		StreamDirective,
-
 		UserSettingsComponent,
 		VideoComponent,
 		ToolbarComponent,
@@ -75,8 +74,8 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 		DialogTemplateComponent,
 		LinkifyPipe,
 		TooltipListPipe,
-		ParticipantConnectionsPipe,
-		ConnectionsEnabledPipe,
+		ParticipantStreamsPipe,
+		StreamsEnabledPipe,
 		NicknamePipe,
 		ParticipantItemComponent,
 		ParticipantsPanelComponent,
@@ -137,7 +136,7 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 		StreamComponent,
 		VideoComponent,
 		AudioWaveComponent,
-		ParticipantConnectionsPipe,
+		ParticipantStreamsPipe,
 		CommonModule,
 		StreamDirective
 	],
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant-connections.pipe.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
similarity index 64%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant-connections.pipe.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
index 87db658e..32c42364 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant-connections.pipe.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
@@ -1,25 +1,25 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import { StreamModel, ParticipantAbstractModel } from '../models/participant.model';
 
-@Pipe({ name: 'connections' })
-export class ParticipantConnectionsPipe implements PipeTransform {
+@Pipe({ name: 'streams' })
+export class ParticipantStreamsPipe implements PipeTransform {
 	constructor() {}
 
 	transform(participants: ParticipantAbstractModel[] | ParticipantAbstractModel): StreamModel[] {
-		let connections: StreamModel[] = [];
+		let streams: StreamModel[] = [];
 		if (Array.isArray(participants)) {
 			participants.forEach((p) => {
-				connections = connections.concat(Array.from(p.connections.values()));
+				streams = streams.concat(Array.from(p.streams.values()));
 			});
 		} else {
-			connections = Array.from(participants.connections.values());
+			streams = Array.from(participants.streams.values());
 		}
-		return connections;
+		return streams;
 	}
 }
 
-@Pipe({ name: 'connectionsEnabled', pure: false })
-export class ConnectionsEnabledPipe implements PipeTransform {
+@Pipe({ name: 'streamsEnabled', pure: false })
+export class StreamsEnabledPipe implements PipeTransform {
 	constructor() {}
 
 	transform(participant: ParticipantAbstractModel): string {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index a9792fe7..a3a4e722 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -198,7 +198,7 @@ export class ParticipantService {
 		let participantsWithConnectionAvailable: ParticipantAbstractModel = Object.assign(this.newParticipant(), this.localParticipant);
 		const availableConnections = participantsWithConnectionAvailable.getAvailableConnections();
 		const availableConnectionsMap = new Map(availableConnections.map((conn) => [conn.type, conn]));
-		participantsWithConnectionAvailable.connections = availableConnectionsMap;
+		participantsWithConnectionAvailable.streams = availableConnectionsMap;
 		this._localParticipant.next(participantsWithConnectionAvailable);
 	}
 
@@ -249,7 +249,7 @@ export class ParticipantService {
 		if (participant) {
 			participant.removeConnection(connectionId);
 			//TODO: Timeout of X seconds?? Its possible sometimes the connections map was empty but must not be deleted
-			if (participant.connections.size === 0) {
+			if (participant.streams.size === 0) {
 				// Remove participants without connections
 				this.remoteParticipants = this.remoteParticipants.filter((p) => p !== participant);
 			}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index 0e86b561..e6a38ab2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -40,7 +40,7 @@ export * from './lib/models/video-type.model';
 export * from './lib/models/notification-options.model';
 
 // Pipes
-export * from './lib/pipes/participant-connections.pipe';
+export * from './lib/pipes/participant.pipe';
 
 // Directives
 export * from './lib/directives/stream/stream.directive';
\ No newline at end of file

From 8f4ff06723ed9292f4f335af94de0e88247d041b Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 15 Feb 2022 15:52:59 +0100
Subject: [PATCH 16/74] openvidu-components: Renamed webrtc service to openvidu
 service

---
 .../components/session/session.component.ts   | 50 ++++++++--------
 .../lib/components/stream/stream.component.ts | 12 ++--
 .../components/toolbar/toolbar.component.ts   | 58 +++++++++----------
 .../user-settings/user-settings.component.ts  | 26 ++++-----
 .../src/lib/openvidu-angular.module.ts        |  4 +-
 .../src/lib/services/chat/chat.service.ts     | 10 ++--
 .../openvidu.service.mock.ts}                 |  2 +-
 .../openvidu.service.spec.ts}                 |  8 +--
 .../openvidu.service.ts}                      |  6 +-
 .../openvidu-angular/src/public-api.ts        |  2 +-
 10 files changed, 89 insertions(+), 89 deletions(-)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/services/{webrtc/webrtc.service.mock.ts => openvidu/openvidu.service.mock.ts} (98%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/services/{webrtc/webrtc.service.spec.ts => openvidu/openvidu.service.spec.ts} (86%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/services/{webrtc/webrtc.service.ts => openvidu/openvidu.service.ts} (98%)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index fbd781dc..acd13dd5 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -6,7 +6,7 @@ import { ILogger } from '../../models/logger.model';
 
 import { ChatService } from '../../services/chat/chat.service';
 import { LoggerService } from '../../services/logger/logger.service';
-import { WebrtcService } from '../../services/webrtc/webrtc.service';
+import { OpenViduService } from '../../services/openvidu/openvidu.service';
 import { TokenService } from '../../services/token/token.service';
 import { ActionService } from '../../services/action/action.service';
 import { Signal } from '../../models/signal.model';
@@ -50,7 +50,7 @@ export class SessionComponent implements OnInit, AfterViewInit {
 
 	constructor(
 		protected actionService: ActionService,
-		protected webrtcService: WebrtcService,
+		protected openviduService: OpenViduService,
 		protected participantService: ParticipantService,
 		protected loggerSrv: LoggerService,
 		protected chatService: ChatService,
@@ -83,12 +83,12 @@ export class SessionComponent implements OnInit, AfterViewInit {
 
 	async ngOnInit() {
 
-		if (this.webrtcService.getWebcamSession() === null) {
-			this.webrtcService.initialize();
-			await this.webrtcService.initDefaultPublisher(undefined);
+		if (this.openviduService.getWebcamSession() === null) {
+			this.openviduService.initialize();
+			await this.openviduService.initDefaultPublisher(undefined);
 		}
-		this.session = this.webrtcService.getWebcamSession();
-		this.sessionScreen = this.webrtcService.getScreenSession();
+		this.session = this.openviduService.getWebcamSession();
+		this.sessionScreen = this.openviduService.getScreenSession();
 		this.subscribeToConnectionCreatedAndDestroyed();
 		this.subscribeToStreamCreated();
 		this.subscribeToStreamDestroyed();
@@ -103,8 +103,8 @@ export class SessionComponent implements OnInit, AfterViewInit {
 		await this.connectToSession();
 		// Workaround, firefox does not have audio when publisher join with muted camera
 		// if (this.platformService.isFirefox() && !this.localUserService.hasCameraVideoActive()) {
-		// 	this.webrtcService.publishVideo(this.localUserService.getMyCameraPublisher(), true);
-		// 	this.webrtcService.publishVideo(this.localUserService.getMyCameraPublisher(), false);
+		// 	this.openviduService.publishVideo(this.localUserService.getMyCameraPublisher(), true);
+		// 	this.openviduService.publishVideo(this.localUserService.getMyCameraPublisher(), false);
 		// }
 
 		this._session.emit(this.session);
@@ -132,7 +132,7 @@ export class SessionComponent implements OnInit, AfterViewInit {
 
 	leaveSession() {
 		this.log.d('Leaving session...');
-		this.webrtcService.disconnect();
+		this.openviduService.disconnect();
 	}
 
 	protected subscribeToTogglingMenu() {
@@ -169,16 +169,16 @@ export class SessionComponent implements OnInit, AfterViewInit {
 	private async connectToSession(): Promise<void> {
 		try {
 			if (this.participantService.areBothEnabled()) {
-				await this.webrtcService.connectSession(this.webrtcService.getWebcamSession(), this.tokenService.getWebcamToken());
-				await this.webrtcService.connectSession(this.webrtcService.getScreenSession(), this.tokenService.getScreenToken());
-				await this.webrtcService.publish(this.participantService.getMyCameraPublisher());
-				await this.webrtcService.publish(this.participantService.getMyScreenPublisher());
+				await this.openviduService.connectSession(this.openviduService.getWebcamSession(), this.tokenService.getWebcamToken());
+				await this.openviduService.connectSession(this.openviduService.getScreenSession(), this.tokenService.getScreenToken());
+				await this.openviduService.publish(this.participantService.getMyCameraPublisher());
+				await this.openviduService.publish(this.participantService.getMyScreenPublisher());
 			} else if (this.participantService.isOnlyMyScreenEnabled()) {
-				await this.webrtcService.connectSession(this.webrtcService.getScreenSession(), this.tokenService.getScreenToken());
-				await this.webrtcService.publish(this.participantService.getMyScreenPublisher());
+				await this.openviduService.connectSession(this.openviduService.getScreenSession(), this.tokenService.getScreenToken());
+				await this.openviduService.publish(this.participantService.getMyScreenPublisher());
 			} else {
-				await this.webrtcService.connectSession(this.webrtcService.getWebcamSession(), this.tokenService.getWebcamToken());
-				await this.webrtcService.publish(this.participantService.getMyCameraPublisher());
+				await this.openviduService.connectSession(this.openviduService.getWebcamSession(), this.tokenService.getWebcamToken());
+				await this.openviduService.publish(this.participantService.getMyCameraPublisher());
 			}
 		} catch (error) {
 			this._error.emit({ error: error.error, messgae: error.message, code: error.code, status: error.status });
@@ -191,7 +191,7 @@ export class SessionComponent implements OnInit, AfterViewInit {
 		this.session.on('connectionCreated', (event: ConnectionEvent) => {
 			const connectionId = event.connection?.connectionId;
 			const nickname: string = this.participantService.getNicknameFromConnectionData(event.connection.data);
-			const isRemoteConnection: boolean = !this.webrtcService.isMyOwnConnection(connectionId);
+			const isRemoteConnection: boolean = !this.openviduService.isMyOwnConnection(connectionId);
 			const isCameraConnection: boolean = !nickname?.includes(`_${VideoType.SCREEN}`);
 			const data = event.connection?.data;
 
@@ -200,16 +200,16 @@ export class SessionComponent implements OnInit, AfterViewInit {
 				this.participantService.addRemoteConnection(connectionId, data, null);
 
 				//Sending nicnkanme signal to new participants
-				if (this.webrtcService.needSendNicknameSignal()) {
+				if (this.openviduService.needSendNicknameSignal()) {
 					const data = { clientData: this.participantService.getWebcamNickname() };
-					this.webrtcService.sendSignal(Signal.NICKNAME_CHANGED, [event.connection], data);
+					this.openviduService.sendSignal(Signal.NICKNAME_CHANGED, [event.connection], data);
 				}
 			}
 		});
 
 		this.session.on('connectionDestroyed', (event: ConnectionEvent) => {
 			const nickname: string = this.participantService.getNicknameFromConnectionData(event.connection.data);
-			const isRemoteConnection: boolean = !this.webrtcService.isMyOwnConnection(event.connection.connectionId);
+			const isRemoteConnection: boolean = !this.openviduService.isMyOwnConnection(event.connection.connectionId);
 			const isCameraConnection: boolean = !nickname?.includes(`_${VideoType.SCREEN}`);
 			// Deleting participant when connection is destroyed
 			if (isRemoteConnection && isCameraConnection) {
@@ -223,7 +223,7 @@ export class SessionComponent implements OnInit, AfterViewInit {
 			const connectionId = event.stream?.connection?.connectionId;
 			const data = event.stream?.connection?.data;
 
-			const isRemoteConnection: boolean = !this.webrtcService.isMyOwnConnection(connectionId);
+			const isRemoteConnection: boolean = !this.openviduService.isMyOwnConnection(connectionId);
 			if (isRemoteConnection) {
 				const subscriber: Subscriber = this.session.subscribe(event.stream, undefined);
 				this.participantService.addRemoteConnection(connectionId, data, subscriber);
@@ -243,7 +243,7 @@ export class SessionComponent implements OnInit, AfterViewInit {
 	private subscribeToStreamPropertyChange() {
 		// this.session.on('streamPropertyChanged', (event: StreamPropertyChangedEvent) => {
 		// 	const connectionId = event.stream.connection.connectionId;
-		// 	const isRemoteConnection: boolean = !this.webrtcService.isMyOwnConnection(connectionId);
+		// 	const isRemoteConnection: boolean = !this.openviduService.isMyOwnConnection(connectionId);
 		// 	if (isRemoteConnection) {
 		// 		if (event.changedProperty === 'videoActive') {
 		// 			// this.participantService.updateUsers();
@@ -255,7 +255,7 @@ export class SessionComponent implements OnInit, AfterViewInit {
 	private subscribeToNicknameChanged() {
 		this.session.on(`signal:${Signal.NICKNAME_CHANGED}`, (event: any) => {
 			const connectionId = event.from.connectionId;
-			const isRemoteConnection: boolean = !this.webrtcService.isMyOwnConnection(connectionId);
+			const isRemoteConnection: boolean = !this.openviduService.isMyOwnConnection(connectionId);
 
 			if (isRemoteConnection) {
 				const nickname = this.participantService.getNicknameFromConnectionData(event.data);
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 52ce7013..49e2c641 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -1,4 +1,4 @@
-import { Component, ContentChild, ElementRef, HostListener, Input, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
 import { FormControl, Validators } from '@angular/forms';
 import { MatMenuPanel, MatMenuTrigger } from '@angular/material/menu';
 import { NicknameMatcher } from '../../matchers/nickname.matcher';
@@ -7,7 +7,7 @@ import { ScreenType, VideoType } from '../../models/video-type.model';
 import { Storage } from '../../models/storage.model';
 import { DocumentService } from '../../services/document/document.service';
 import { CdkOverlayService } from '../../services/cdk-overlay/cdk-overlay.service';
-import { WebrtcService } from '../../services/webrtc/webrtc.service';
+import { OpenViduService } from '../../services/openvidu/openvidu.service';
 import { LayoutService } from '../../services/layout/layout.service';
 import { StorageService } from '../../services/storage/storage.service';
 import { Signal } from '../../models/signal.model';
@@ -36,7 +36,7 @@ export class StreamComponent implements OnInit {
 
 	constructor(
 		protected documentService: DocumentService,
-		protected openViduWebRTCService: WebrtcService,
+		protected openviduService: OpenViduService,
 		protected layoutService: LayoutService,
 		protected participantService: ParticipantService,
 		protected storageService: StorageService,
@@ -96,7 +96,7 @@ export class StreamComponent implements OnInit {
 		this.documentService.toggleBigElementClass(element);
 
 		if (!!this._stream.streamManager?.stream?.connection?.connectionId) {
-			if (this.openViduWebRTCService.isMyOwnConnection(this._stream.streamManager?.stream?.connection?.connectionId)) {
+			if (this.openviduService.isMyOwnConnection(this._stream.streamManager?.stream?.connection?.connectionId)) {
 				this.participantService.toggleMyVideoEnlarged(this._stream.streamManager?.stream?.connection?.connectionId);
 			} else {
 				this.participantService.toggleRemoteVideoEnlarged(this._stream.streamManager?.stream?.connection?.connectionId);
@@ -129,7 +129,7 @@ export class StreamComponent implements OnInit {
 			const nickname = this.nicknameFormControl.value;
 			this.participantService.setNickname(this._stream.connectionId, nickname);
 			this.storageService.set(Storage.USER_NICKNAME, nickname);
-			this.openViduWebRTCService.sendSignal(Signal.NICKNAME_CHANGED, undefined, { clientData: nickname });
+			this.openviduService.sendSignal(Signal.NICKNAME_CHANGED, undefined, { clientData: nickname });
 			this.toggleNicknameForm();
 		}
 	}
@@ -141,7 +141,7 @@ export class StreamComponent implements OnInit {
 			publishAudio: !this.participantService.isMyCameraEnabled(),
 			mirror: false
 		};
-		await this.openViduWebRTCService.replaceTrack(this.participantService.getMyScreenPublisher(), properties);
+		await this.openviduService.replaceTrack(this.participantService.getMyScreenPublisher(), properties);
 	}
 
 	protected checkVideoEnlarged() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 46768229..76c87615 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -5,7 +5,7 @@ import { ChatService } from '../../services/chat/chat.service';
 import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.service';
 import { DocumentService } from '../../services/document/document.service';
 
-import { WebrtcService } from '../../services/webrtc/webrtc.service';
+import { OpenViduService } from '../../services/openvidu/openvidu.service';
 import { LoggerService } from '../../services/logger/logger.service';
 import { ILogger } from '../../models/logger.model';
 import { ScreenType } from '../../models/video-type.model';
@@ -59,7 +59,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		protected menuService: SidenavMenuService,
 		protected tokenService: TokenService,
 		protected participantService: ParticipantService,
-		protected webrtcService: WebrtcService,
+		protected openviduService: OpenViduService,
 		protected oVDevicesService: DeviceService,
 		protected actionService: ActionService,
 		protected loggerSrv: LoggerService
@@ -98,7 +98,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		await this.oVDevicesService.initializeDevices();
 		this.hasVideoDevices = this.oVDevicesService.hasVideoDeviceAvailable();
 		this.hasAudioDevices = this.oVDevicesService.hasAudioDeviceAvailable();
-		this.session = this.webrtcService.getWebcamSession();
+		this.session = this.openviduService.getWebcamSession();
 
 		this.subscribeToUserMediaProperties();
 		this.subscribeToReconnection();
@@ -110,13 +110,13 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		this.onMicClicked.emit();
 
 		if (this.participantService.isMyCameraEnabled()) {
-			this.webrtcService.publishAudio(
+			this.openviduService.publishAudio(
 				this.participantService.getMyCameraPublisher(),
 				!this.participantService.hasCameraAudioActive()
 			);
 			return;
 		}
-		this.webrtcService.publishAudio(this.participantService.getMyScreenPublisher(), !this.participantService.hasScreenAudioActive());
+		this.openviduService.publishAudio(this.participantService.getMyScreenPublisher(), !this.participantService.hasScreenAudioActive());
 	}
 
 	async toggleCamera() {
@@ -127,26 +127,26 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 			const publishAudio = this.participantService.hasCameraAudioActive();
 			// Disabling webcam
 			if (this.participantService.areBothEnabled()) {
-				this.webrtcService.publishVideo(this.participantService.getMyCameraPublisher(), publishVideo);
+				this.openviduService.publishVideo(this.participantService.getMyCameraPublisher(), publishVideo);
 				this.participantService.disableWebcamUser();
-				this.webrtcService.unpublish(this.participantService.getMyCameraPublisher());
-				this.webrtcService.publishAudio(this.participantService.getMyScreenPublisher(), publishAudio);
+				this.openviduService.unpublish(this.participantService.getMyCameraPublisher());
+				this.openviduService.publishAudio(this.participantService.getMyScreenPublisher(), publishAudio);
 				return;
 			}
 			// Enabling webcam
 			if (this.participantService.isOnlyMyScreenEnabled()) {
 				const hasAudio = this.participantService.hasScreenAudioActive();
 
-				if (!this.webrtcService.isWebcamSessionConnected()) {
-					await this.webrtcService.connectSession(this.webrtcService.getWebcamSession(), this.tokenService.getWebcamToken());
+				if (!this.openviduService.isWebcamSessionConnected()) {
+					await this.openviduService.connectSession(this.openviduService.getWebcamSession(), this.tokenService.getWebcamToken());
 				}
-				await this.webrtcService.publish(this.participantService.getMyCameraPublisher());
-				this.webrtcService.publishAudio(this.participantService.getMyScreenPublisher(), false);
-				this.webrtcService.publishAudio(this.participantService.getMyCameraPublisher(), hasAudio);
+				await this.openviduService.publish(this.participantService.getMyCameraPublisher());
+				this.openviduService.publishAudio(this.participantService.getMyScreenPublisher(), false);
+				this.openviduService.publishAudio(this.participantService.getMyCameraPublisher(), hasAudio);
 				this.participantService.enableWebcamUser();
 			}
 			// Muting/unmuting webcam
-			this.webrtcService.publishVideo(this.participantService.getMyCameraPublisher(), publishVideo);
+			this.openviduService.publishVideo(this.participantService.getMyCameraPublisher(), publishVideo);
 		} catch (error) {
 			this.log.e('There was an error toggling camera:', error.code, error.message);
 			this.actionService.openDialog('There was an error toggling camera:', error?.error || error?.message);
@@ -160,7 +160,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 			// Disabling screenShare
 			if (this.participantService.areBothEnabled()) {
 				this.participantService.disableScreenUser();
-				this.webrtcService.unpublish(this.participantService.getMyScreenPublisher());
+				this.openviduService.unpublish(this.participantService.getMyScreenPublisher());
 				return;
 			}
 
@@ -175,7 +175,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 					publishAudio: hasAudio,
 					mirror: false
 				};
-				const screenPublisher = this.webrtcService.initPublisher(undefined, properties);
+				const screenPublisher = this.openviduService.initPublisher(undefined, properties);
 
 				screenPublisher.once('accessAllowed', async (event) => {
 					// Listen to event fired when native stop button is clicked
@@ -189,15 +189,15 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 					this.log.d('ACCESS ALOWED screenPublisher');
 					this.participantService.enableScreenUser(screenPublisher);
 
-					if (!this.webrtcService.isScreenSessionConnected()) {
-						await this.webrtcService.connectSession(this.webrtcService.getScreenSession(), this.tokenService.getScreenToken());
+					if (!this.openviduService.isScreenSessionConnected()) {
+						await this.openviduService.connectSession(this.openviduService.getScreenSession(), this.tokenService.getScreenToken());
 					}
-					await this.webrtcService.publish(this.participantService.getMyScreenPublisher());
-					// this.webrtcService.sendNicknameSignal();
+					await this.openviduService.publish(this.participantService.getMyScreenPublisher());
+					// this.openviduService.sendNicknameSignal();
 					if (!this.participantService.hasCameraVideoActive()) {
 						// Disabling webcam
 						this.participantService.disableWebcamUser();
-						this.webrtcService.unpublish(this.participantService.getMyCameraPublisher());
+						this.openviduService.unpublish(this.participantService.getMyCameraPublisher());
 					}
 				});
 
@@ -212,15 +212,15 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 
 			// Disabling screnShare and enabling webcam
 			const hasAudio = this.participantService.hasScreenAudioActive();
-			if (!this.webrtcService.isWebcamSessionConnected()) {
-				await this.webrtcService.connectSession(this.webrtcService.getWebcamSession(), this.tokenService.getWebcamToken());
+			if (!this.openviduService.isWebcamSessionConnected()) {
+				await this.openviduService.connectSession(this.openviduService.getWebcamSession(), this.tokenService.getWebcamToken());
 			}
-			await this.webrtcService.publish(this.participantService.getMyCameraPublisher());
-			this.webrtcService.publishAudio(this.participantService.getMyScreenPublisher(), false);
-			this.webrtcService.publishAudio(this.participantService.getMyCameraPublisher(), hasAudio);
+			await this.openviduService.publish(this.participantService.getMyCameraPublisher());
+			this.openviduService.publishAudio(this.participantService.getMyScreenPublisher(), false);
+			this.openviduService.publishAudio(this.participantService.getMyCameraPublisher(), hasAudio);
 			this.participantService.enableWebcamUser();
 			this.participantService.disableScreenUser();
-			this.webrtcService.unpublish(this.participantService.getMyScreenPublisher());
+			this.openviduService.unpublish(this.participantService.getMyScreenPublisher());
 		} catch (error) {
 			this.log.e('There was an error toggling screen share:', error.code, error.message);
 			this.actionService.openDialog('There was an error toggling screen share:', error?.error || error?.message);
@@ -234,12 +234,12 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 			publishAudio: !this.participantService.isMyCameraEnabled(),
 			mirror: false
 		};
-		await this.webrtcService.replaceTrack(this.participantService.getMyScreenPublisher(), properties);
+		await this.openviduService.replaceTrack(this.participantService.getMyScreenPublisher(), properties);
 	}
 
 	leaveSession() {
 		this.log.d('Leaving session...');
-		this.webrtcService.disconnect();
+		this.openviduService.disconnect();
 		this.onLeaveSessionClicked.emit();
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
index 7b96a017..6116a67b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
@@ -15,7 +15,7 @@ import { NicknameMatcher } from '../../matchers/nickname.matcher';
 import { DeviceService } from '../../services/device/device.service';
 import { LoggerService } from '../../services/logger/logger.service';
 import { StorageService } from '../../services/storage/storage.service';
-import { WebrtcService } from '../../services/webrtc/webrtc.service';
+import { OpenViduService } from '../../services/openvidu/openvidu.service';
 import { ActionService } from '../../services/action/action.service';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { ParticipantAbstractModel } from '../../models/participant.model';
@@ -55,7 +55,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 		private actionService: ActionService,
 		private deviceSrv: DeviceService,
 		private loggerSrv: LoggerService,
-		private openViduWebRTCService: WebrtcService,
+		private openViduopenviduService: OpenViduService,
 		private participantService: ParticipantService,
 		private storageSrv: StorageService
 	) {
@@ -69,7 +69,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 
 	async ngOnInit() {
 		this.subscribeToLocalParticipantEvents();
-		this.openViduWebRTCService.initialize();
+		this.openViduopenviduService.initialize();
 		await this.deviceSrv.initializeDevices();
 		const nickname = this.storageSrv.get(Storage.USER_NICKNAME) || this.generateRandomNickname();
 		this.nicknameFormControl.setValue(nickname);
@@ -99,18 +99,18 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 			// Is New deviceId different from the old one?
 			if (this.deviceSrv.needUpdateVideoTrack(videoSource)) {
 				const mirror = this.deviceSrv.cameraNeedsMirror(videoSource);
-				await this.openViduWebRTCService.republishTrack(videoSource, null, mirror);
+				await this.openViduopenviduService.republishTrack(videoSource, null, mirror);
 				this.deviceSrv.setCameraSelected(videoSource);
 				this.cameraSelected = this.deviceSrv.getCameraSelected();
 			}
 			// Publish Webcam video
-			this.openViduWebRTCService.publishVideo(this.participantService.getMyCameraPublisher(), true);
+			this.openViduopenviduService.publishVideo(this.participantService.getMyCameraPublisher(), true);
 			this.isVideoActive = true;
 
 		} else {
 			// Videosource is 'null' because of the user has selected 'None' or muted the camera
 			// Unpublish webcam
-			this.openViduWebRTCService.publishVideo(this.participantService.getMyCameraPublisher(), false);
+			this.openViduopenviduService.publishVideo(this.participantService.getMyCameraPublisher(), false);
 			//TODO: save 'None' device in storage
 			// this.deviceSrv.setCameraSelected(videoSource);
 			// this.cameraSelected = this.deviceSrv.getCameraSelected();
@@ -125,7 +125,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 			// Is New deviceId different than older?
 			if (this.deviceSrv.needUpdateAudioTrack(audioSource)) {
 				const mirror = this.deviceSrv.cameraNeedsMirror(this.cameraSelected.device);
-				await this.openViduWebRTCService.republishTrack(null, audioSource, mirror);
+				await this.openViduopenviduService.republishTrack(null, audioSource, mirror);
 				this.deviceSrv.setMicSelected(audioSource);
 				this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
 			}
@@ -141,11 +141,11 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 
 	toggleCam() {
 		this.isVideoActive = !this.isVideoActive;
-		this.openViduWebRTCService.publishVideo(this.participantService.getMyCameraPublisher(), this.isVideoActive);
+		this.openViduopenviduService.publishVideo(this.participantService.getMyCameraPublisher(), this.isVideoActive);
 
 		if (this.participantService.areBothEnabled()) {
 			this.participantService.disableWebcamUser();
-			this.openViduWebRTCService.publishAudio(this.participantService.getMyScreenPublisher(), this.isAudioActive);
+			this.openViduopenviduService.publishAudio(this.participantService.getMyScreenPublisher(), this.isAudioActive);
 		} else if (this.participantService.isOnlyMyScreenEnabled()) {
 			this.participantService.enableWebcamUser();
 		}
@@ -169,7 +169,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 				publishAudio: hasAudio,
 				mirror: false
 			};
-			const screenPublisher = this.openViduWebRTCService.initPublisher(undefined, properties);
+			const screenPublisher = this.openViduopenviduService.initPublisher(undefined, properties);
 
 			screenPublisher.on('accessAllowed', (event) => {
 				screenPublisher.stream
@@ -248,8 +248,8 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 
 	private publishAudio(audio: boolean) {
 		this.participantService.isMyCameraEnabled()
-			? this.openViduWebRTCService.publishAudio(this.participantService.getMyCameraPublisher(), audio)
-			: this.openViduWebRTCService.publishAudio(this.participantService.getMyScreenPublisher(), audio);
+			? this.openViduopenviduService.publishAudio(this.participantService.getMyCameraPublisher(), audio)
+			: this.openViduopenviduService.publishAudio(this.participantService.getMyScreenPublisher(), audio);
 	}
 
 	private subscribeToLocalParticipantEvents() {
@@ -262,7 +262,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	}
 
 	private async initwebcamPublisher() {
-		const publisher = await this.openViduWebRTCService.initDefaultPublisher(undefined);
+		const publisher = await this.openViduopenviduService.initDefaultPublisher(undefined);
 		if (publisher) {
 
 			// this.handlePublisherSuccess(publisher);
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 49641f00..2bffd7d5 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -47,7 +47,7 @@ import { PlatformService } from './services/platform/platform.service';
 import { StorageService } from './services/storage/storage.service';
 import { TokenService } from './services/token/token.service';
 import { LibraryConfigService } from './services/library-config/library-config.service';
-import { WebrtcService } from './services/webrtc/webrtc.service';
+import { OpenViduService } from './services/openvidu/openvidu.service';
 import { ActionService } from './services/action/action.service';
 import { ChatService } from './services/chat/chat.service';
 import { DocumentService } from './services/document/document.service';
@@ -124,7 +124,7 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 		ParticipantService,
 		StorageService,
 		TokenService,
-		WebrtcService
+		OpenViduService
 	],
 	exports: [
 		VideoconferenceComponent,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts
index 30e33772..2d61c0f8 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts
@@ -7,7 +7,7 @@ import { ChatMessage } from '../../models/chat.model';
 import { INotificationOptions } from '../../models/notification-options.model';
 
 import { ActionService } from '../action/action.service';
-import { WebrtcService } from '../webrtc/webrtc.service';
+import { OpenViduService } from '../openvidu/openvidu.service';
 import { LoggerService } from '../logger/logger.service';
 import { Signal } from '../../models/signal.model';
 import { SidenavMenuService } from '../sidenav-menu/sidenav-menu.service';
@@ -25,7 +25,7 @@ export class ChatService {
 	protected log: ILogger;
 	constructor(
 		protected loggerSrv: LoggerService,
-		protected webrtcService: WebrtcService,
+		protected openviduService: OpenViduService,
 		protected participantService: ParticipantService,
 		protected menuService: SidenavMenuService,
 		protected actionService: ActionService
@@ -35,11 +35,11 @@ export class ChatService {
 	}
 
 	subscribeToChat() {
-		const session = this.webrtcService.getWebcamSession();
+		const session = this.openviduService.getWebcamSession();
 		session.on(`signal:${Signal.CHAT}`, (event: any) => {
 			const connectionId = event.from.connectionId;
 			const data = JSON.parse(event.data);
-			const isMyOwnConnection = this.webrtcService.isMyOwnConnection(connectionId);
+			const isMyOwnConnection = this.openviduService.isMyOwnConnection(connectionId);
 			this.messageList.push({
 				isLocal: isMyOwnConnection,
 				nickname: data.nickname,
@@ -65,7 +65,7 @@ export class ChatService {
 				nickname: this.participantService.getWebcamNickname()
 			};
 
-			this.webrtcService.sendSignal(Signal.CHAT, undefined, data);
+			this.openviduService.sendSignal(Signal.CHAT, undefined, data);
 		}
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/webrtc/webrtc.service.mock.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.mock.ts
similarity index 98%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/services/webrtc/webrtc.service.mock.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.mock.ts
index c01f24dc..ca5e799e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/webrtc/webrtc.service.mock.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.mock.ts
@@ -5,7 +5,7 @@ import { Signal } from '../../models/signal.model';
 @Injectable({
 	providedIn: 'root'
 })
-export class WebrtcServiceMock {
+export class OpenViduServiceMock {
 	private OV: OpenVidu = null;
 	private OVScreen: OpenVidu = null;
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/webrtc/webrtc.service.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.spec.ts
similarity index 86%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/services/webrtc/webrtc.service.spec.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.spec.ts
index ced0e8b3..c3b02aab 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/webrtc/webrtc.service.spec.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.spec.ts
@@ -4,15 +4,15 @@ import { LoggerServiceMock } from '../logger/logger.service.mock';
 
 import { LocalUserService } from '../local-user/local-user.service';
 import { LocalUserServiceMock } from '../local-user/local-user.service.mock';
-import { WebrtcService } from './webrtc.service';
+import { OpenViduService } from './openvidu.service';
 import { PlatformService } from '../platform/platform.service';
 import { PlatformServiceMock } from '../platform/platform.service.mock';
 import { LibraryConfigService } from '../library-config/library-config.service';
 import { LibraryConfigServiceMock } from '../library-config/library-config.service.mock';
 
 
-describe('WebrtcService', () => {
-	let service: WebrtcService;
+describe('OpenViduService', () => {
+	let service: OpenViduService;
 
 	beforeEach(() => {
 		TestBed.configureTestingModule({
@@ -23,7 +23,7 @@ describe('WebrtcService', () => {
 				{ provide: LibraryConfigService, useClass: LibraryConfigServiceMock }
 			]
 		});
-		service = TestBed.inject(WebrtcService);
+		service = TestBed.inject(OpenViduService);
 	});
 
 	it('should be created', () => {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/webrtc/webrtc.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
similarity index 98%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/services/webrtc/webrtc.service.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index 487f1f16..9704a8a6 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/webrtc/webrtc.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Connection, OpenVidu, Publisher, PublisherProperties, Session, SignalOptions } from 'openvidu-browser';
 
-import { LoggerService } from '../../services/logger/logger.service';
+import { LoggerService } from '../logger/logger.service';
 
 import { ILogger } from '../../models/logger.model';
 import { Signal } from '../../models/signal.model';
@@ -15,7 +15,7 @@ import { ParticipantService } from '../participant/participant.service';
 @Injectable({
 	providedIn: 'root'
 })
-export class WebrtcService {
+export class OpenViduService {
 	protected OV: OpenVidu = null;
 	protected OVScreen: OpenVidu = null;
 	protected webcamSession: Session = null;
@@ -33,7 +33,7 @@ export class WebrtcService {
 		private participantService: ParticipantService,
 		protected deviceService: DeviceService
 	) {
-		this.log = this.loggerSrv.get('WebRTCService');
+		this.log = this.loggerSrv.get('OpenViduService');
 	}
 
 	initialize() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index e6a38ab2..c5316f69 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -5,7 +5,7 @@
 export * from './lib/openvidu-angular.module';
 
 // Services
-export * from './lib/services/webrtc/webrtc.service';
+export * from './lib/services/openvidu/openvidu.service';
 export * from './lib/services/participant/participant.service';
 export * from './lib/services/chat/chat.service';
 export * from './lib/services/platform/platform.service';

From cfef09245748d3208cd6ffa2d94c70086cf099ca Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 15 Feb 2022 16:24:01 +0100
Subject: [PATCH 17/74] openvidu-components: Renamed libConfig to
 openviduAngularConfig

---
 .../components/toolbar/toolbar.component.ts   |  2 --
 ...b.config.ts => openvidu-angular.config.ts} |  2 +-
 .../src/lib/openvidu-angular.module.ts        | 14 ++++++------
 .../openvidu-angular.config.service.mock.ts   | 19 ++++++++++++++++
 .../openvidu-angular.config.service.spec.ts   | 22 +++++++++++++++++++
 .../openvidu-angular.config.service.ts}       | 10 ++++-----
 .../library-config.service.mock.ts            | 19 ----------------
 .../library-config.service.spec.ts            | 22 -------------------
 .../src/lib/services/logger/logger.service.ts |  6 ++---
 .../lib/services/openvidu/openvidu.service.ts |  8 +++----
 .../participant/participant.service.ts        |  8 +++----
 .../openvidu-angular/src/public-api.ts        |  4 ++--
 .../src/app/app.module.ts                     |  4 ++--
 13 files changed, 69 insertions(+), 71 deletions(-)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/config/{lib.config.ts => openvidu-angular.config.ts} (67%)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.mock.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.spec.ts
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/services/{library-config/library-config.service.ts => config/openvidu-angular.config.service.ts} (65%)
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.mock.ts
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.spec.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 76c87615..f66c9fcd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -14,7 +14,6 @@ import { ActionService } from '../../services/action/action.service';
 import { DeviceService } from '../../services/device/device.service';
 import { ChatMessage } from '../../models/chat.model';
 import { ParticipantService } from '../../services/participant/participant.service';
-import { LibraryConfigService } from '../../services/library-config/library-config.service';
 import { MenuType } from '../../models/menu.model';
 
 @Component({
@@ -53,7 +52,6 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	protected webcamAudioStateSubscription: Subscription;
 
 	constructor(
-		protected libraryConfigSrv: LibraryConfigService,
 		protected documentService: DocumentService,
 		protected chatService: ChatService,
 		protected menuService: SidenavMenuService,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/config/lib.config.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts
similarity index 67%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/config/lib.config.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts
index 75e65db9..d0d91b33 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/config/lib.config.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts
@@ -1,4 +1,4 @@
-export interface LibConfig {
+export interface OpenViduAngularConfig {
 	production?: boolean,
 	participantFactory?: ParticipantFactoryFunction,
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 2bffd7d5..7e20386a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -39,14 +39,14 @@ import { LinkifyPipe } from './pipes/linkify.pipe';
 import { TooltipListPipe } from './pipes/tooltip-list.pipe';
 import { StreamsEnabledPipe, NicknamePipe, ParticipantStreamsPipe } from './pipes/participant.pipe';
 
-import { LibConfig } from './config/lib.config';
+import { OpenViduAngularConfig } from './config/openvidu-angular.config';
 import { CdkOverlayContainer } from './config/custom-cdk-overlay';
 import { DeviceService } from './services/device/device.service';
 import { LoggerService } from './services/logger/logger.service';
 import { PlatformService } from './services/platform/platform.service';
 import { StorageService } from './services/storage/storage.service';
 import { TokenService } from './services/token/token.service';
-import { LibraryConfigService } from './services/library-config/library-config.service';
+import { OpenViduAngularConfigService } from './services/config/openvidu-angular.config.service';
 import { OpenViduService } from './services/openvidu/openvidu.service';
 import { ActionService } from './services/action/action.service';
 import { ChatService } from './services/chat/chat.service';
@@ -142,13 +142,13 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 	],
 	entryComponents: [DialogTemplateComponent]
 })
-export class OpenviduAngularModule {
-	static forRoot(config): ModuleWithProviders<OpenviduAngularModule> {
+export class OpenViduAngularModule {
+	static forRoot(config): ModuleWithProviders<OpenViduAngularModule> {
 		// console.log(`${library.name} config: ${environment}`);
-		const libConfig: LibConfig = config;
+		const libConfig: OpenViduAngularConfig = config;
 		return {
-			ngModule: OpenviduAngularModule,
-			providers: [LibraryConfigService, { provide: 'LIB_CONFIG', useValue: libConfig }]
+			ngModule: OpenViduAngularModule,
+			providers: [OpenViduAngularConfigService, { provide: 'OPENVIDU_ANGULAR_CONFIG', useValue: libConfig }]
 		};
 	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.mock.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.mock.ts
new file mode 100644
index 00000000..0b4bd4a4
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.mock.ts
@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+import { OpenViduAngularConfig } from '../../config/openvidu-angular.config';
+
+@Injectable()
+export class OpenViduAngularConfigServiceMock {
+
+  private configuration: OpenViduAngularConfig;
+
+	constructor() {
+    	this.configuration = {production: false};
+	}
+
+	getConfig(): OpenViduAngularConfig {
+		return this.configuration;
+	}
+	isProduction(): boolean {
+		return this.configuration?.production;
+	}
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.spec.ts
new file mode 100644
index 00000000..447a1f64
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.spec.ts
@@ -0,0 +1,22 @@
+import { TestBed } from '@angular/core/testing';
+import { OpenViduAngularConfig } from '../../config/openvidu-angular.config';
+
+import { OpenViduAngularConfigService } from './openvidu-angular.config.service';
+
+describe('OpenViduAngularConfigService', () => {
+  let service: OpenViduAngularConfigService;
+  const config: OpenViduAngularConfig = { production: false };
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [
+        OpenViduAngularConfigService,
+        {provide: 'LIB_CONFIG', useValue: config}]
+    });
+    service = TestBed.inject(OpenViduAngularConfigService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
similarity index 65%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.ts
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
index e6885b2d..e34cb9e7 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
@@ -1,20 +1,20 @@
 import { Inject, Injectable } from '@angular/core';
-import { LibConfig, ParticipantFactoryFunction } from '../../config/lib.config';
+import { OpenViduAngularConfig, ParticipantFactoryFunction } from '../../config/openvidu-angular.config';
 
 // import { version } from '../../../../package.json';
 
 @Injectable()
-export class LibraryConfigService {
-	private configuration: LibConfig;
+export class OpenViduAngularConfigService {
+	private configuration: OpenViduAngularConfig;
 
-	constructor(@Inject('LIB_CONFIG') config: LibConfig) {
+	constructor(@Inject('OPENVIDU_ANGULAR_CONFIG') config: OpenViduAngularConfig) {
 		this.configuration = config;
 		console.log(this.configuration);
 		if(this.isProduction()) console.log('OpenVidu Angular Production Mode');
 		// console.log(version)
 	}
 
-	getConfig(): LibConfig {
+	getConfig(): OpenViduAngularConfig {
 		return this.configuration;
 	}
 	isProduction(): boolean {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.mock.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.mock.ts
deleted file mode 100644
index 4f6ff589..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.mock.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Injectable } from '@angular/core';
-import { LibConfig } from '../../config/lib.config';
-
-@Injectable()
-export class LibraryConfigServiceMock {
-
-  private configuration: LibConfig;
-
-	constructor() {
-    	this.configuration = {environment: {production: false}};
-	}
-
-	getConfig(): LibConfig {
-		return this.configuration;
-	}
-	isProduction(): boolean {
-		return this.configuration?.environment?.production;
-	}
-}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.spec.ts
deleted file mode 100644
index 6cc3db1e..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/library-config/library-config.service.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { LibConfig } from '../../config/lib.config';
-
-import { LibraryConfigService } from './library-config.service';
-
-describe('LibraryConfigService', () => {
-  let service: LibraryConfigService;
-  const libConfig: LibConfig = { environment: {production: false} };
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      providers: [
-        LibraryConfigService,
-        {provide: 'LIB_CONFIG', useValue: libConfig}]
-    });
-    service = TestBed.inject(LibraryConfigService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/logger/logger.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/logger/logger.service.ts
index 73201426..0720a34b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/logger/logger.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/logger/logger.service.ts
@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { ILogService } from '../../models/logger.model';
 
-import { LibraryConfigService } from '../library-config/library-config.service';
+import { OpenViduAngularConfigService } from '../config/openvidu-angular.config.service';
 
 @Injectable({
 	providedIn: 'root'
@@ -15,7 +15,7 @@ export class LoggerService implements ILogService {
 		['[', '] ERROR: ']
 	];
 
-	constructor(private libraryConfigSrv: LibraryConfigService) {
+	constructor(private openviduAngularConfigSrv: OpenViduAngularConfigService) {
 	}
 
 	private getLoggerFns(prefix: string) {
@@ -28,7 +28,7 @@ export class LoggerService implements ILogService {
 	}
 
 	public get(prefix: string) {
-		const prodMode = this.libraryConfigSrv.isProduction();
+		const prodMode = this.openviduAngularConfigSrv.isProduction();
 		const loggerService = this;
 		return {
 			d: function(...args: any[]) {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index 9704a8a6..92dc00b1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -5,7 +5,7 @@ import { LoggerService } from '../logger/logger.service';
 
 import { ILogger } from '../../models/logger.model';
 import { Signal } from '../../models/signal.model';
-import { LibraryConfigService } from '../library-config/library-config.service';
+import { OpenViduAngularConfigService } from '../config/openvidu-angular.config.service';
 import { PlatformService } from '../platform/platform.service';
 import { DeviceService } from '../device/device.service';
 import { CameraType } from '../../models/device.model';
@@ -27,7 +27,7 @@ export class OpenViduService {
 	protected log: ILogger;
 
 	constructor(
-		protected libraryConfigSrv: LibraryConfigService,
+		protected openviduAngularConfigSrv: OpenViduAngularConfigService,
 		protected platformService: PlatformService,
 		protected loggerSrv: LoggerService,
 		private participantService: ParticipantService,
@@ -38,13 +38,13 @@ export class OpenViduService {
 
 	initialize() {
 		this.OV = new OpenVidu();
-		if (this.libraryConfigSrv.isProduction()) this.OV.enableProdMode();
+		if (this.openviduAngularConfigSrv.isProduction()) this.OV.enableProdMode();
 		this.webcamSession = this.OV.initSession();
 
 		// Initialize screen session only if it is not mobile platform
 		if (!this.platformService.isMobile()) {
 			this.OVScreen = new OpenVidu();
-			if (this.libraryConfigSrv.isProduction()) this.OVScreen.enableProdMode();
+			if (this.openviduAngularConfigSrv.isProduction()) this.OVScreen.enableProdMode();
 			this.screenSession = this.OVScreen.initSession();
 		}
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index a3a4e722..2d1b976f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -4,7 +4,7 @@ import { BehaviorSubject, Observable } from 'rxjs';
 import { ILogger } from '../../models/logger.model';
 import { StreamModel, ParticipantAbstractModel, ParticipantModel } from '../../models/participant.model';
 import { VideoType } from '../../models/video-type.model';
-import { LibraryConfigService } from '../library-config/library-config.service';
+import { OpenViduAngularConfigService } from '../config/openvidu-angular.config.service';
 import { LoggerService } from '../logger/logger.service';
 
 @Injectable({
@@ -30,7 +30,7 @@ export class ParticipantService {
 
 	protected log: ILogger;
 
-	constructor(protected libraryConfigSrv: LibraryConfigService, protected loggerSrv: LoggerService) {
+	constructor(protected openviduAngularConfigSrv: OpenViduAngularConfigService, protected loggerSrv: LoggerService) {
 		this.log = this.loggerSrv.get('ParticipantService');
 
 		this.localParticipantObs = this._localParticipant.asObservable();
@@ -305,8 +305,8 @@ export class ParticipantService {
 	}
 	protected newParticipant(streamModel?: StreamModel, participantId?: string) {
 
-		if(this.libraryConfigSrv.hasParticipantFactory()){
-			return this.libraryConfigSrv.getParticipantFactory().apply(this, [streamModel, participantId]);
+		if(this.openviduAngularConfigSrv.hasParticipantFactory()){
+			return this.openviduAngularConfigSrv.getParticipantFactory().apply(this, [streamModel, participantId]);
 		}
 		return new ParticipantModel(streamModel, participantId);
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index c5316f69..d6ac2a26 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -10,7 +10,7 @@ export * from './lib/services/participant/participant.service';
 export * from './lib/services/chat/chat.service';
 export * from './lib/services/platform/platform.service';
 export * from './lib/services/logger/logger.service';
-export * from './lib/services/library-config/library-config.service';
+export * from './lib/services/config/openvidu-angular.config.service';
 export * from './lib/services/document/document.service';
 export * from './lib/services/token/token.service';
 export * from './lib/services/device/device.service';
@@ -34,7 +34,7 @@ export * from './lib/components/audio-wave/audio-wave.component';
 
 // Models
 export * from './lib/models/participant.model';
-export * from './lib/config/lib.config';
+export * from './lib/config/openvidu-angular.config';
 export * from './lib/models/logger.model';
 export * from './lib/models/video-type.model';
 export * from './lib/models/notification-options.model';
diff --git a/openvidu-components-angular/src/app/app.module.ts b/openvidu-components-angular/src/app/app.module.ts
index d516e1b2..102c74cf 100644
--- a/openvidu-components-angular/src/app/app.module.ts
+++ b/openvidu-components-angular/src/app/app.module.ts
@@ -17,7 +17,7 @@ import { LayoutTestComponent } from './components/layout-test/layout-test.compon
 import { StreamTestComponent } from './components/stream-test/stream-test.component';
 
 import {
-	OpenviduAngularModule,
+	OpenViduAngularModule,
 	UserSettingsComponent,
 	ChatPanelComponent,
 	ToolbarComponent,
@@ -41,7 +41,7 @@ import { MatButtonModule } from '@angular/material/button';
 		BrowserModule,
 		MatButtonModule,
 		BrowserAnimationsModule,
-		OpenviduAngularModule.forRoot(environment),
+		OpenViduAngularModule.forRoot(environment),
 		AppRoutingModule // Order is important, AppRoutingModule must be the last import for useHash working
 	],
 	providers: [VideoconferenceComponent, UserSettingsComponent, ToolbarComponent, ChatPanelComponent, SessionComponent, LayoutComponent],

From 301e284d36fe468a93b06b5ec91f6e67acc5a3a0 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 15 Feb 2022 16:30:06 +0100
Subject: [PATCH 18/74] openvidu-components: Renamed participant item component

---
 .../participant-item.component.spec.ts        | 25 -------------------
 .../participant-item.component.ts             | 16 ------------
 .../participant-panel-item.component.css}     |  0
 .../participant-panel-item.component.html}    |  0
 .../participant-panel-item.component.spec.ts  | 25 +++++++++++++++++++
 .../participant-panel-item.component.ts       | 16 ++++++++++++
 .../participants-panel.component.html         |  9 ++-----
 .../participants-panel.component.ts           |  4 +--
 .../src/lib/openvidu-angular.module.ts        |  4 +--
 9 files changed, 47 insertions(+), 52 deletions(-)
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.spec.ts
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.ts
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/{participant-item/participant-item.component.css => participant-panel-item/participant-panel-item.component.css} (100%)
 rename openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/{participant-item/participant-item.component.html => participant-panel-item/participant-panel-item.component.html} (100%)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.spec.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.spec.ts
deleted file mode 100644
index 19a0488e..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ParticipantItemComponent } from './participant-item.component';
-
-describe('ParticipantItemComponent', () => {
-  let component: ParticipantItemComponent;
-  let fixture: ComponentFixture<ParticipantItemComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ ParticipantItemComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ParticipantItemComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.ts
deleted file mode 100644
index a921937f..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-
-@Component({
-	selector: 'ov-participant-item',
-	templateUrl: './participant-item.component.html',
-	styleUrls: ['./participant-item.component.css']
-})
-export class ParticipantItemComponent implements OnInit {
-	@Input() name: string;
-	@Input() connections: string;
-	@Input() showDividerLine: boolean;
-
-	constructor() {}
-
-	ngOnInit(): void {}
-}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.css
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
similarity index 100%
rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-item/participant-item.component.html
rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.spec.ts
new file mode 100644
index 00000000..5386dbec
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ParticipantPanelItemComponent } from './participant-panel-item.component';
+
+describe('ParticipantPanelItemComponent', () => {
+  let component: ParticipantPanelItemComponent;
+  let fixture: ComponentFixture<ParticipantPanelItemComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ParticipantPanelItemComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ParticipantPanelItemComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
new file mode 100644
index 00000000..5c27caac
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
@@ -0,0 +1,16 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+	selector: 'ov-participant-panel-item',
+	templateUrl: './participant-panel-item.component.html',
+	styleUrls: ['./participant-panel-item.component.css']
+})
+export class ParticipantPanelItemComponent implements OnInit {
+	@Input() name: string;
+	@Input() connections: string;
+	@Input() showDividerLine: boolean;
+
+	constructor() {}
+
+	ngOnInit(): void {}
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
index 604766f7..f6f46473 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
@@ -9,18 +9,13 @@
 	<div class="scrollable">
 
 		<div class="local-participant-container">
-			<ov-participant-item
+			<ov-participant-panel-item
 				[name]="localParticipant | nickname"
 				[connections]="localParticipant | streamsEnabled"
 				[showDividerLine]="true"
-			></ov-participant-item>
+			></ov-participant-panel-item>
 		</div>
 
-		<!-- <div class="message-container">
-			<p *ngIf="remoteParticipants.length === 0" class="text-info">No remote participants connected</p>
-			<p *ngIf="remoteParticipants.length > 0" class="text-info">{{ remoteParticipants.length }} remote participants connected</p>
-		</div> -->
-
 		<div class="remote-participants-container" *ngIf="remoteParticipants.length > 0">
 			<ov-participant-item
 				*ngFor="let p of remoteParticipants; let lastItem = last"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
index b9d9dcc7..8de179af 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
@@ -17,13 +17,13 @@ export class ParticipantsPanelComponent implements OnInit {
 	ngOnInit(): void {
 		this.participantService.localParticipantObs.subscribe((p: ParticipantModel) => {
 			this.localParticipant = p;
-			// Mark for re-rendering using an impure pipe 'connectionsEnabled'
+			// Mark for re-rendering using an impure pipe 'streamsEnabled'
 			this.cd.markForCheck();
 		});
 
 		this.participantService.remoteParticipantsObs.subscribe((p: ParticipantModel[]) => {
 			this.remoteParticipants = p;
-			// Mark for re-rendering using an impure pipe 'connectionsEnabled'
+			// Mark for re-rendering using an impure pipe 'streamsEnabled'
 			this.cd.markForCheck();
 		});
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 7e20386a..b7e97453 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -54,7 +54,7 @@ import { DocumentService } from './services/document/document.service';
 import { LayoutService } from './services/layout/layout.service';
 import { SidenavMenuService } from './services/sidenav-menu/sidenav-menu.service';
 import { ParticipantService } from './services/participant/participant.service';
-import { ParticipantItemComponent } from './components/panel/participants-panel/participant-item/participant-item.component';
+import { ParticipantPanelItemComponent } from './components/panel/participants-panel/participant-panel-item/participant-panel-item.component';
 import { ParticipantsPanelComponent } from './components/panel/participants-panel/participants-panel/participants-panel.component';
 import { VideoconferenceComponent } from './components/videoconference/videoconference.component';
 import { PanelComponent } from './components/panel/panel.component';
@@ -77,7 +77,7 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 		ParticipantStreamsPipe,
 		StreamsEnabledPipe,
 		NicknamePipe,
-		ParticipantItemComponent,
+		ParticipantPanelItemComponent,
 		ParticipantsPanelComponent,
 		VideoconferenceComponent,
   		AudioWaveComponent,

From 602ae5b66b47c44149640207b5c3072a7fe3ba88 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 15 Feb 2022 16:44:09 +0100
Subject: [PATCH 19/74] openvidu-components: Added participant property in
 stream model

---
 .../openvidu-angular/src/lib/models/participant.model.ts      | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index 7a75c7f3..5f040d0d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -9,6 +9,7 @@ export interface StreamModel {
 	streamManager: StreamManager;
 	videoEnlarged: boolean;
 	connectionId: string;
+	participant?: ParticipantAbstractModel
 }
 
 export abstract class ParticipantAbstractModel {
@@ -23,7 +24,8 @@ export abstract class ParticipantAbstractModel {
 			type: model ? model.type : VideoType.CAMERA,
 			streamManager: model ? model.streamManager : null,
 			videoEnlarged: model ? model.videoEnlarged : false,
-			connectionId: model ? model.connectionId : null
+			connectionId: model ? model.connectionId : null,
+			participant: this
 		};
 		this.streams.set(streamModel.type, streamModel);
 		this.id = id ? id : new Date().getTime().toString();

From c24a6d4cd0fb7352e8f48f60c6f14e3d9178fac3 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 15 Feb 2022 16:45:40 +0100
Subject: [PATCH 20/74] openvidu-components: Added participant input in
 participant item

---
 .../participant-panel-item.component.html            |  4 ++--
 .../participant-panel-item.component.ts              |  4 ++--
 .../participants-panel.component.html                | 12 +++++-------
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
index 3879bd05..d76a303f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
@@ -1,8 +1,8 @@
 <mat-list>
 	<mat-list-item>
 		<mat-icon matListAvatar class="participant-avatar">person</mat-icon>
-		<h3 matLine class="participant-nickname">{{ name }}</h3>
-		<p matLine class="participant-subtitle">{{ connections }}</p>
+		<h3 matLine class="participant-nickname">{{ participant | nickname }}</h3>
+		<p matLine class="participant-subtitle">{{ participant | streamsEnabled }}</p>
 		<!-- <p matLine>
 			<span class="participant-subtitle"></span>
 		</p> -->
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
index 5c27caac..99f2973b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
@@ -1,4 +1,5 @@
 import { Component, Input, OnInit } from '@angular/core';
+import { ParticipantAbstractModel } from '../../../../models/participant.model';
 
 @Component({
 	selector: 'ov-participant-panel-item',
@@ -6,8 +7,7 @@ import { Component, Input, OnInit } from '@angular/core';
 	styleUrls: ['./participant-panel-item.component.css']
 })
 export class ParticipantPanelItemComponent implements OnInit {
-	@Input() name: string;
-	@Input() connections: string;
+	@Input() participant: ParticipantAbstractModel;
 	@Input() showDividerLine: boolean;
 
 	constructor() {}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
index f6f46473..e2fefabd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
@@ -10,19 +10,17 @@
 
 		<div class="local-participant-container">
 			<ov-participant-panel-item
-				[name]="localParticipant | nickname"
-				[connections]="localParticipant | streamsEnabled"
+				[participant]="localParticipant"
 				[showDividerLine]="true"
 			></ov-participant-panel-item>
 		</div>
 
 		<div class="remote-participants-container" *ngIf="remoteParticipants.length > 0">
-			<ov-participant-item
-				*ngFor="let p of remoteParticipants; let lastItem = last"
-				[name]="p | nickname"
-				[connections]="p | streamsEnabled"
+			<ov-participant-panel-item
+				*ngFor="let participant of remoteParticipants; let lastItem = last"
+				[participant]="participant"
 				[showDividerLine]="!lastItem"
-			></ov-participant-item>
+			></ov-participant-panel-item>
 		</div>
 
 	</div>

From b43754750113f1d966a25ae7cdb9277dab843914 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 17 Feb 2022 17:26:30 +0100
Subject: [PATCH 21/74] openvidu-components: Improved components cutomization

Custom structural directives have been added for improving the components customization.
These improvements now allow add custom child components inside of a custom parent component.
 Besides, the conditional logic has been moved from view to model for improving maintainability
---
 .../lib/components/layout/layout.component.ts |  10 ++
 .../lib/components/panel/panel.component.html |  10 +-
 .../lib/components/panel/panel.component.ts   |  19 +++
 .../participant-panel-item.component.html     |   5 +-
 .../participant-panel-item.component.ts       |  12 +-
 .../participants-panel.component.html         |  15 +--
 .../participants-panel.component.ts           |  19 ++-
 .../components/session/session.component.html |  23 +---
 .../components/session/session.component.ts   |   2 +
 .../videoconference.component.html            | 103 ++++++++-------
 .../videoconference.component.ts              | 123 ++++++++++++++----
 .../openvidu-angular.directive.spec.ts        |   8 ++
 .../directives/openvidu-angular.directive.ts  |  50 +++++++
 .../stream/stream.directive.spec.ts           |   8 --
 .../lib/directives/stream/stream.directive.ts |  10 --
 .../src/lib/openvidu-angular.module.ts        |  24 +++-
 .../src/lib/pipes/participant.pipe.ts         |   4 +-
 .../src/lib/pipes/settings.pipe.ts            |  82 ------------
 .../src/lib/pipes/tooltip-list.pipe.ts        |  13 --
 .../openvidu-angular/src/public-api.ts        |   4 +-
 20 files changed, 318 insertions(+), 226 deletions(-)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.spec.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.ts
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.spec.ts
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.ts
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/settings.pipe.ts
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/tooltip-list.pipe.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index 81de313a..da033354 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -3,6 +3,7 @@ import { Subscription } from 'rxjs';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { ParticipantAbstractModel } from '../../models/participant.model';
 import { LayoutService } from '../../services/layout/layout.service';
+import { StreamDirective } from '../../directives/openvidu-angular.directive';
 
 @Component({
 	selector: 'ov-layout',
@@ -12,6 +13,15 @@ import { LayoutService } from '../../services/layout/layout.service';
 export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 	@ContentChild('stream', { read: TemplateRef }) streamTemplate: TemplateRef<any>;
 
+	@ContentChild(StreamDirective)
+	set externalStream (externalStream: StreamDirective) {
+		// This directive will has value only when STREAM component tagget with '*ovStream' directive
+		// is inside of the layout component tagged with '*ovLayout' directive
+		if(externalStream) {
+			this.streamTemplate = externalStream.template;
+		}
+	}
+
 	localParticipant: ParticipantAbstractModel;
 	remoteParticipants: ParticipantAbstractModel[] = [];
 	protected localParticipantSubs: Subscription;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
index cf561c12..74eb725a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.html
@@ -1,6 +1,12 @@
 <!-- CHAT panel -->
-<ng-content select="[chatPanel]" *ngIf="isChatPanelOpened"></ng-content>
+<ng-container *ngIf="isChatPanelOpened">
+	<ng-container *ngTemplateOutlet="chatPanelTemplate"></ng-container>
+</ng-container>
+
 
 <!-- PARTICIPANTS panel -->
-<ng-content select="[participantsPanel]"  *ngIf="isParticipantsPanelOpened"></ng-content>
+<ng-container *ngIf="isParticipantsPanelOpened">
+	<ng-container *ngTemplateOutlet="participantsPanelTemplate"></ng-container>
+</ng-container>
+
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
index f27ce24e..cfa965bd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
@@ -1,5 +1,6 @@
 import { Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
 import { skip, Subscription } from 'rxjs';
+import { ChatPanelDirective, ParticipantsPanelDirective } from '../../directives/openvidu-angular.directive';
 import { MenuType } from '../../models/menu.model';
 import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.service';
 
@@ -12,6 +13,24 @@ export class PanelComponent implements OnInit {
 	@ContentChild('participantsPanel', { read: TemplateRef }) participantsPanelTemplate: TemplateRef<any>;
 	@ContentChild('chatPanel', { read: TemplateRef }) chatPanelTemplate: TemplateRef<any>;
 
+	@ContentChild(ParticipantsPanelDirective)
+	set externalParticipantPanel(externalParticipantsPanel: ParticipantsPanelDirective) {
+		// This directive will has value only when PARTICIPANTS PANEL component tagged with '*ovParticipantsPanel'
+		// is inside of the PANEL component tagged with '*ovPanel'
+		if (externalParticipantsPanel) {
+			this.participantsPanelTemplate = externalParticipantsPanel.template;
+		}
+	}
+
+	@ContentChild(ChatPanelDirective)
+	set externalChatPanel(externalChatPanel: ChatPanelDirective) {
+		// This directive will has value only when CHAT PANEL component tagged with '*ovChatPanel'
+		// is inside of the PANEL component tagged with '*ovPanel'
+		if (externalChatPanel) {
+			this.chatPanelTemplate = externalChatPanel.template;
+		}
+	}
+
 	isParticipantsPanelOpened: boolean;
 	isChatPanelOpened: boolean;
 	menuSubscription: Subscription;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
index d76a303f..fdba655f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
@@ -1,11 +1,10 @@
 <mat-list>
 	<mat-list-item>
 		<mat-icon matListAvatar class="participant-avatar">person</mat-icon>
-		<h3 matLine class="participant-nickname">{{ participant | nickname }}</h3>
-		<p matLine class="participant-subtitle">{{ participant | streamsEnabled }}</p>
+		<h3 matLine class="participant-nickname">{{ _participant | nickname }}</h3>
+		<p matLine class="participant-subtitle">{{ _participant | streamsEnabled }}</p>
 		<!-- <p matLine>
 			<span class="participant-subtitle"></span>
 		</p> -->
 	</mat-list-item>
-	<mat-divider *ngIf="showDividerLine"></mat-divider>
 </mat-list>
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
index 99f2973b..edd0b7ef 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { ParticipantAbstractModel } from '../../../../models/participant.model';
 
 @Component({
@@ -6,11 +6,13 @@ import { ParticipantAbstractModel } from '../../../../models/participant.model';
 	templateUrl: './participant-panel-item.component.html',
 	styleUrls: ['./participant-panel-item.component.css']
 })
-export class ParticipantPanelItemComponent implements OnInit {
-	@Input() participant: ParticipantAbstractModel;
-	@Input() showDividerLine: boolean;
+export class ParticipantPanelItemComponent {
 
+	@Input()
+	set participant( p: ParticipantAbstractModel) {
+		this._participant = p;
+	}
+	_participant: ParticipantAbstractModel;
 	constructor() {}
 
-	ngOnInit(): void {}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
index e2fefabd..3f0bc91e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
@@ -9,18 +9,15 @@
 	<div class="scrollable">
 
 		<div class="local-participant-container">
-			<ov-participant-panel-item
-				[participant]="localParticipant"
-				[showDividerLine]="true"
-			></ov-participant-panel-item>
+			<ng-container *ngTemplateOutlet="participantPanelItemTemplate; context: { $implicit: localParticipant }"></ng-container>
+			<mat-divider *ngIf="true"></mat-divider>
 		</div>
 
 		<div class="remote-participants-container" *ngIf="remoteParticipants.length > 0">
-			<ov-participant-panel-item
-				*ngFor="let participant of remoteParticipants; let lastItem = last"
-				[participant]="participant"
-				[showDividerLine]="!lastItem"
-			></ov-participant-panel-item>
+
+			<div *ngFor="let participant of remoteParticipants; let lastItem = last">
+				<ng-container *ngTemplateOutlet="participantPanelItemTemplate; context: { $implicit: participant }"></ng-container>
+			</div>
 		</div>
 
 	</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
index 8de179af..65660d73 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
@@ -1,7 +1,8 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
 import { ParticipantAbstractModel, ParticipantModel } from '../../../../models/participant.model';
 import { ParticipantService } from '../../../../services/participant/participant.service';
 import { SidenavMenuService } from '../../../..//services/sidenav-menu/sidenav-menu.service';
+import { ParticipantPanelItemDirective } from '../../../../directives/openvidu-angular.directive';
 
 @Component({
 	selector: 'ov-participants-panel',
@@ -11,8 +12,22 @@ import { SidenavMenuService } from '../../../..//services/sidenav-menu/sidenav-m
 export class ParticipantsPanelComponent implements OnInit {
 	localParticipant: any;
 	remoteParticipants: ParticipantAbstractModel[] = [];
+	@ContentChild('participantPanelItem', { read: TemplateRef }) participantPanelItemTemplate: TemplateRef<any>;
 
-	constructor(protected participantService: ParticipantService, protected menuService: SidenavMenuService, private cd: ChangeDetectorRef) {}
+	@ContentChild(ParticipantPanelItemDirective)
+	set externalParticipantPanelItem(externalParticipantPanelItem: ParticipantPanelItemDirective) {
+		// This directive will has value only when PARTICIPANT PANEL ITEM component tagged with '*ovParticipantPanelItem'
+		// is inside of the PARTICIPANTS PANEL component tagged with '*ovParticipantsPanel'
+		if (externalParticipantPanelItem) {
+			this.participantPanelItemTemplate = externalParticipantPanelItem.template;
+		}
+	}
+
+	constructor(
+		protected participantService: ParticipantService,
+		protected menuService: SidenavMenuService,
+		private cd: ChangeDetectorRef
+	) {}
 
 	ngOnInit(): void {
 		this.participantService.localParticipantObs.subscribe((p: ParticipantModel) => {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
index 46ca5801..16ed92b0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
@@ -9,30 +9,17 @@
 			fixedTopGap="0"
 			fixedBottomGap="0"
 		>
-
-			<!-- OPENVIDU PANEL -->
-			<ng-content select="[panel]"></ng-content>
-
+			<ng-container *ngTemplateOutlet="panelTemplate"></ng-container>
 		</mat-sidenav>
 
 		<mat-sidenav-content class="sidenav-main">
-			<!-- OPENVIDU LAYOUT -->
-			<ng-container *ngIf="layoutTemplate">
-				<div id="layout-container">
-					<ng-container *ngTemplateOutlet="layoutTemplate"></ng-container>
-				</div>
-			</ng-container>
+			<div id="layout-container">
+				<ng-container *ngTemplateOutlet="layoutTemplate"></ng-container>
+			</div>
 		</mat-sidenav-content>
 	</mat-sidenav-container>
 
-	<!-- OPENVIDU TOOLBAR -->
 	<div id="footer-container">
-		<span #toolbarRef>
-			<!-- Custom toolbar -->
-			<ng-content select="[toolbar]"></ng-content>
-		</span>
-
-		<!-- Default toolbar if custom toolbar is not injected -->
-		<ov-toolbar *ngIf="toolbarRef.childNodes.length === 0"></ov-toolbar>
+		<ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
 	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index acd13dd5..638e2064 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -24,6 +24,8 @@ import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.ser
 	styleUrls: ['./session.component.css']
 })
 export class SessionComponent implements OnInit, AfterViewInit {
+	@ContentChild('toolbar', { read: TemplateRef }) toolbarTemplate: TemplateRef<any>;
+	@ContentChild('panel', { read: TemplateRef }) panelTemplate: TemplateRef<any>;
 	@ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
 
 	@Input() tokens: { webcam: string; screen: string };
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index fef79f95..2e0e1a9e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -15,54 +15,69 @@
 
 	<div id="session-container" *ngIf="joinSessionClicked && isSessionAlive && !error">
 		<ov-session [tokens]="_tokens">
-			<ng-content select="[toolbar]" toolbar></ng-content>
+			<ng-template #toolbar>
+				<ng-container *ngIf="openviduAngularToolbarTemplate">
+					<ng-container *ngTemplateOutlet="openviduAngularToolbarTemplate"></ng-container>
+				</ng-container>
+			</ng-template>
 
-			<!-- OPENVIDU PANEL -->
-			<span #panelRef panel>
-				<!-- Custom panel -->
-				<ng-content select="[panel]"></ng-content>
-			</span>
-
-			<!-- Default panel if the custom one is not injected -->
-			<ov-panel *ngIf="panelRef.childNodes.length === 0" panel>
-				<span #chatPanelRef chatPanel>
-					<!-- Custom CHAT panel -->
-					<ng-content select="[chatPanel]"></ng-content>
-				</span>
-
-				<!-- Default CHAT PANEL if the custom one is not injected -->
-				<ov-chat-panel *ngIf="chatPanelRef.childNodes.length === 0" chatPanel></ov-chat-panel>
-
-				<span #participantsPanelRef participantsPanel>
-					<!-- Custom PARTICIPANTS panel -->
-					<ng-content select="[participantsPanel]"></ng-content>
-				</span>
-
-				<!-- Default PARTICIPANTS PANEL if the custom one is not injected -->
-				<ov-participants-panel *ngIf="participantsPanelRef.childNodes.length === 0" participantsPanel></ov-participants-panel>
-			</ov-panel>
+			<ng-template #panel>
+				<ng-container *ngIf="openviduAngularPanelTemplate">
+					<ng-container *ngTemplateOutlet="openviduAngularPanelTemplate"></ng-container>
+				</ng-container>
+			</ng-template>
 
 			<ng-template #layout>
-				<!-- Custom layout -->
-				<span #layoutRef layout>
-					<ng-content select="[layout]"></ng-content>
-				</span>
-
-				<!-- Default layout if custom layout is not injected -->
-				<ov-layout *ngIf="layoutRef.childNodes.length === 0" layout>
-					<ng-template #stream let-stream>
-						<!-- Custom stream component -->
-						<ng-container *ngIf="streamTemplate; else defaultStream">
-							<ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: stream }"> </ng-container>
-						</ng-container>
-
-						<!-- Default stream component if custom one is not injected -->
-						<ng-template #defaultStream>
-							<ov-stream [stream]="stream"></ov-stream>
-						</ng-template>
-					</ng-template>
-				</ov-layout>
+				<ng-container *ngIf="openviduAngularLayoutTemplate">
+					<ng-container *ngTemplateOutlet="openviduAngularLayoutTemplate"></ng-container>
+				</ng-container>
 			</ng-template>
 		</ov-session>
 	</div>
 </div>
+
+<ng-template #defaultToolbar>
+	<ov-toolbar></ov-toolbar>
+</ng-template>
+
+<ng-template #defaultPanel>
+	<ov-panel>
+		<ng-template #chatPanel>
+			<ng-container *ngTemplateOutlet="openviduAngularChatPanelTemplate"></ng-container>
+		</ng-template>
+
+		<ng-template #participantsPanel>
+			<ng-container *ngTemplateOutlet="openviduAngularParticipantsPanelTemplate"></ng-container>
+		</ng-template>
+	</ov-panel>
+</ng-template>
+
+<ng-template #defaultChatPanel>
+	<ov-chat-panel></ov-chat-panel>
+</ng-template>
+
+<ng-template #defaultParticipantsPanel>
+	<ov-participants-panel>
+		<ng-template #participantPanelItem let-participant>
+			<ng-container
+				*ngTemplateOutlet="openviduAngularParticipantPanelItemTemplate; context: { $implicit: participant }"
+			></ng-container>
+		</ng-template>
+	</ov-participants-panel>
+</ng-template>
+
+<ng-template #defaultParticipantPanelItem let-participant>
+	<ov-participant-panel-item [participant]="participant"></ov-participant-panel-item>
+</ng-template>
+
+<ng-template #defaultLayout>
+	<ov-layout>
+		<ng-template #stream let-stream>
+			<ng-container *ngTemplateOutlet="openviduAngularStreamTemplate; context: { $implicit: stream }"> </ng-container>
+		</ng-template>
+	</ov-layout>
+</ng-template>
+
+<ng-template #defaultStream let-stream>
+	<ov-stream [stream]="stream"></ov-stream>
+</ng-template>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 984b21c5..94162392 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -1,20 +1,47 @@
-import { Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
-import { StreamDirective } from '../../directives/stream/stream.directive';
+import { AfterViewInit, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
+import {
+	ChatPanelDirective,
+	LayoutDirective,
+	PanelDirective,
+	ParticipantPanelItemDirective,
+	ParticipantsPanelDirective,
+	StreamDirective,
+	ToolbarDirective
+} from '../../directives/openvidu-angular.directive';
+import { ILogger } from '../../models/logger.model';
+import { LoggerService } from '../../services/logger/logger.service';
 
 @Component({
 	selector: 'ov-videoconference',
 	templateUrl: './videoconference.component.html',
 	styleUrls: ['./videoconference.component.css']
 })
-export class VideoconferenceComponent implements OnInit {
-	streamTemplate: TemplateRef<any>;
+export class VideoconferenceComponent implements OnInit, AfterViewInit {
+	//Toolbar
+	@ContentChild(ToolbarDirective) externalToolbar: ToolbarDirective;
+	// Panels
+	@ContentChild(PanelDirective) externalPanel: PanelDirective;
+	@ContentChild(ChatPanelDirective) externalChatPanel: ChatPanelDirective;
+	@ContentChild(ParticipantsPanelDirective) externalParticipantsPanel: ParticipantsPanelDirective;
+	@ContentChild(ParticipantPanelItemDirective) externalParticipantPanelItem: ParticipantPanelItemDirective;
+	@ContentChild(LayoutDirective) externalLayout: LayoutDirective;
+	@ContentChild(StreamDirective) externalStream: StreamDirective;
 
-	@ContentChild(StreamDirective)
-	set customStream(customStream: StreamDirective) {
-		if (customStream) {
-			this.streamTemplate = customStream.template;
-		}
-	}
+	@ViewChild('defaultToolbar', { static: false, read: TemplateRef }) defaultToolbarTemplate: TemplateRef<any>;
+	@ViewChild('defaultPanel', { static: false, read: TemplateRef }) defaultPanelTemplate: TemplateRef<any>;
+	@ViewChild('defaultChatPanel', { static: false, read: TemplateRef }) defaultChatPanelTemplate: TemplateRef<any>;
+	@ViewChild('defaultParticipantsPanel', { static: false, read: TemplateRef }) defaultParticipantsPanelTemplate: TemplateRef<any>;
+	@ViewChild('defaultParticipantPanelItem', { static: false, read: TemplateRef }) defaultParticipantPanelItemTemplate: TemplateRef<any>;
+	@ViewChild('defaultLayout', { static: false, read: TemplateRef }) defaultLayoutTemplate: TemplateRef<any>;
+	@ViewChild('defaultStream', { static: false, read: TemplateRef }) defaultStreamTemplate: TemplateRef<any>;
+
+	openviduAngularToolbarTemplate: TemplateRef<any>;
+	openviduAngularPanelTemplate: TemplateRef<any>;
+	openviduAngularChatPanelTemplate: TemplateRef<any>;
+	openviduAngularParticipantsPanelTemplate: TemplateRef<any>;
+	openviduAngularParticipantPanelItemTemplate: TemplateRef<any>;
+	openviduAngularLayoutTemplate: TemplateRef<any>;
+	openviduAngularStreamTemplate: TemplateRef<any>;
 
 	@Input() sessionName: string;
 	@Input() userName: string;
@@ -24,7 +51,7 @@ export class VideoconferenceComponent implements OnInit {
 		if (!tokens || (!tokens.webcam && !tokens.screen)) {
 			//No tokens received
 			// throw new Error('No tokens received');
-			console.warn('No tokens received');
+			this.log.w('No tokens received');
 		} else {
 			if (tokens.webcam || tokens.screen) {
 				this._tokens = {
@@ -37,9 +64,6 @@ export class VideoconferenceComponent implements OnInit {
 		}
 	}
 
-	// @Input() openviduServerUrl: string;
-	// @Input() openviduSecret: string;
-
 	@Output() onJoinClicked = new EventEmitter<any>();
 	@Output() onCloseClicked = new EventEmitter<any>();
 
@@ -50,7 +74,68 @@ export class VideoconferenceComponent implements OnInit {
 	error: boolean = false;
 	errorMessage: string = '';
 
-	constructor() {}
+	private log: ILogger;
+
+	constructor(private loggerSrv: LoggerService) {
+		this.log = this.loggerSrv.get('VideoconferenceComponent');
+	}
+
+	ngAfterViewInit() {
+		if (this.externalToolbar) {
+			this.openviduAngularToolbarTemplate = this.externalToolbar.template;
+			this.log.d('Setting EXTERNAL TOOLBAR');
+		} else {
+			this.openviduAngularToolbarTemplate = this.defaultToolbarTemplate;
+			this.log.d('Setting  DEFAULT TOOLBAR');
+		}
+
+		if (this.externalPanel) {
+			this.openviduAngularPanelTemplate = this.externalPanel.template;
+			this.log.d('Setting EXTERNAL PANEL');
+		} else {
+			this.log.d('Setting DEFAULT PANEL');
+
+			if (this.externalParticipantsPanel) {
+				this.openviduAngularParticipantsPanelTemplate = this.externalParticipantsPanel.template;
+				this.log.d('Setting EXTERNAL PARTICIPANTS PANEL');
+			} else {
+				this.log.d('Setting DEFAULT PARTICIPANTS PANEL');
+				if (this.externalParticipantPanelItem) {
+					this.openviduAngularParticipantPanelItemTemplate = this.externalParticipantPanelItem.template;
+					this.log.d('Setting EXTERNAL P ITEM');
+				} else {
+					this.openviduAngularParticipantPanelItemTemplate = this.defaultParticipantPanelItemTemplate;
+					this.log.d('Setting DEFAULT P ITEM');
+				}
+				this.openviduAngularParticipantsPanelTemplate = this.defaultParticipantsPanelTemplate;
+			}
+
+			if (this.externalChatPanel) {
+				this.openviduAngularChatPanelTemplate = this.externalChatPanel.template;
+				this.log.d('Setting EXTERNAL CHAT PANEL');
+			} else {
+				this.openviduAngularChatPanelTemplate = this.defaultChatPanelTemplate;
+				this.log.d('Setting DEFAULT CHAT PANEL');
+			}
+			this.openviduAngularPanelTemplate = this.defaultPanelTemplate;
+		}
+
+		if (this.externalLayout) {
+			this.openviduAngularLayoutTemplate = this.externalLayout.template;
+			this.log.d('Setting EXTERNAL LAYOUT');
+		} else {
+			this.log.d('Setting DEAFULT LAYOUT');
+
+			if (this.externalStream) {
+				this.openviduAngularStreamTemplate = this.externalStream.template;
+				this.log.d('Setting EXTERNAL STREAM');
+			} else {
+				this.openviduAngularStreamTemplate = this.defaultStreamTemplate;
+				this.log.d('Setting DEFAULT STREAM');
+			}
+			this.openviduAngularLayoutTemplate = this.defaultLayoutTemplate;
+		}
+	}
 
 	ngOnInit() {}
 
@@ -61,12 +146,4 @@ export class VideoconferenceComponent implements OnInit {
 		this.isSessionAlive = false;
 		this.closeClicked = true;
 	}
-
-	onMicClicked() {}
-
-	onCamClicked() {}
-
-	onScreenShareClicked() {}
-
-	onSpeakerLayoutClicked() {}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.spec.ts
new file mode 100644
index 00000000..c946870a
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.spec.ts
@@ -0,0 +1,8 @@
+import { OpenviduAngularDirective } from './openvidu-angular.directive';
+
+describe('OpenviduAngularDirective', () => {
+  it('should create an instance', () => {
+    const directive = new OpenviduAngularDirective();
+    expect(directive).toBeTruthy();
+  });
+});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.ts
new file mode 100644
index 00000000..f8c8e321
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.ts
@@ -0,0 +1,50 @@
+import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';
+
+@Directive({
+	selector: '[ovToolbar]'
+})
+export class ToolbarDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovPanel]'
+})
+export class PanelDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovChatPanel]'
+})
+export class ChatPanelDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovParticipantsPanel]'
+})
+export class ParticipantsPanelDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovParticipantPanelItem]'
+})
+export class ParticipantPanelItemDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovLayout]'
+})
+export class LayoutDirective {
+	constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovStream]'
+})
+export class StreamDirective {
+	constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.spec.ts
deleted file mode 100644
index 8908b61a..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.spec.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { StreamDirective } from './stream.directive';
-
-describe('StreamDirective', () => {
-  it('should create an instance', () => {
-    const directive = new StreamDirective();
-    expect(directive).toBeTruthy();
-  });
-});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.ts
deleted file mode 100644
index 432e66af..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/stream/stream.directive.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Directive, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
-
-@Directive({
-	selector: '[ovStream]'
-})
-export class StreamDirective implements OnInit {
-	constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
-
-	ngOnInit() {}
-}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index b7e97453..0fe4ef35 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -36,7 +36,6 @@ import { StreamComponent } from './components/stream/stream.component';
 import { DialogTemplateComponent } from './components/material/dialog.component';
 
 import { LinkifyPipe } from './pipes/linkify.pipe';
-import { TooltipListPipe } from './pipes/tooltip-list.pipe';
 import { StreamsEnabledPipe, NicknamePipe, ParticipantStreamsPipe } from './pipes/participant.pipe';
 
 import { OpenViduAngularConfig } from './config/openvidu-angular.config';
@@ -58,12 +57,12 @@ import { ParticipantPanelItemComponent } from './components/panel/participants-p
 import { ParticipantsPanelComponent } from './components/panel/participants-panel/participants-panel/participants-panel.component';
 import { VideoconferenceComponent } from './components/videoconference/videoconference.component';
 import { PanelComponent } from './components/panel/panel.component';
-import { StreamDirective } from './directives/stream/stream.directive';
 import { AudioWaveComponent } from './components/audio-wave/audio-wave.component';
 
+import { ChatPanelDirective, LayoutDirective, PanelDirective, ParticipantPanelItemDirective, ParticipantsPanelDirective, StreamDirective, ToolbarDirective } from './directives/openvidu-angular.directive';
+
 @NgModule({
 	declarations: [
-		StreamDirective,
 		UserSettingsComponent,
 		VideoComponent,
 		ToolbarComponent,
@@ -73,7 +72,6 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 		StreamComponent,
 		DialogTemplateComponent,
 		LinkifyPipe,
-		TooltipListPipe,
 		ParticipantStreamsPipe,
 		StreamsEnabledPipe,
 		NicknamePipe,
@@ -82,6 +80,13 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 		VideoconferenceComponent,
   		AudioWaveComponent,
 		PanelComponent,
+		ToolbarDirective,
+		PanelDirective,
+		ChatPanelDirective,
+		ParticipantsPanelDirective,
+		ParticipantPanelItemDirective,
+		LayoutDirective,
+		StreamDirective
 	],
 	imports: [
 		CommonModule,
@@ -130,6 +135,9 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 		VideoconferenceComponent,
 		UserSettingsComponent,
 		ToolbarComponent,
+		PanelComponent,
+		ParticipantsPanelComponent,
+		ParticipantPanelItemComponent,
 		ChatPanelComponent,
 		SessionComponent,
 		LayoutComponent,
@@ -137,7 +145,15 @@ import { AudioWaveComponent } from './components/audio-wave/audio-wave.component
 		VideoComponent,
 		AudioWaveComponent,
 		ParticipantStreamsPipe,
+		StreamsEnabledPipe,
+		NicknamePipe,
 		CommonModule,
+		ToolbarDirective,
+		PanelDirective,
+		ChatPanelDirective,
+		ParticipantsPanelDirective,
+		ParticipantPanelItemDirective,
+		LayoutDirective,
 		StreamDirective
 	],
 	entryComponents: [DialogTemplateComponent]
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
index 32c42364..80634a19 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
@@ -23,7 +23,7 @@ export class StreamsEnabledPipe implements PipeTransform {
 	constructor() {}
 
 	transform(participant: ParticipantAbstractModel): string {
-		return `(${participant.getConnectionTypesEnabled().toString().replace(',', ', ')})`;
+		return `(${participant?.getConnectionTypesEnabled().toString().replace(',', ', ')})`;
 	}
 }
 
@@ -31,6 +31,6 @@ export class StreamsEnabledPipe implements PipeTransform {
 export class NicknamePipe implements PipeTransform {
 	constructor() {}
 	transform(participant: ParticipantAbstractModel): string {
-		return participant.getCameraNickname();
+		return participant?.getCameraNickname();
 	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/settings.pipe.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/settings.pipe.ts
deleted file mode 100644
index 78045472..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/settings.pipe.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-// import { Pipe, PipeTransform } from '@angular/core';
-// import { SettingsModel } from '../models/settings.model';
-
-// @Pipe({ name: 'hasChat', pure: true })
-// export class HasChatPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.hasChat();
-// 	}
-// }
-
-// @Pipe({ name: 'hasAudio', pure: true })
-// export class HasAudioPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.hasAudio();
-// 	}
-// }
-
-// @Pipe({ name: 'hasVideo', pure: true })
-// export class HasVideoPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.hasVideo();
-// 	}
-// }
-
-// @Pipe({ name: 'isAutoPublish', pure: true })
-// export class IsAutoPublishPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.isAutoPublish();
-// 	}
-// }
-
-// @Pipe({ name: 'hasScreenSharing', pure: true })
-// export class HasScreenSharingPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.hasScreenSharing();
-// 	}
-// }
-
-// @Pipe({ name: 'hasFullscreen', pure: true })
-// export class HasFullscreenPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.hasFullscreen();
-// 	}
-// }
-
-// @Pipe({ name: 'hasLayoutSpeaking', pure: true })
-// export class HasLayoutSpeakingPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.hasLayoutSpeaking();
-// 	}
-// }
-
-// @Pipe({ name: 'hasExit', pure: true })
-// export class HasExitPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.hasExit();
-// 	}
-// }
-
-// @Pipe({ name: 'hasToolbar', pure: true })
-// export class HasToolbarPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.hasToolbar();
-// 	}
-// }
-
-// @Pipe({ name: 'hasFooter', pure: true })
-// export class HasFooterPipe implements PipeTransform {
-// 	constructor() {}
-// 	transform(ovSettings: SettingsModel): boolean {
-// 		return !ovSettings || ovSettings.hasFooter();
-// 	}
-// }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/tooltip-list.pipe.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/tooltip-list.pipe.ts
deleted file mode 100644
index b81fda80..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/tooltip-list.pipe.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({ name: 'tooltipList', pure: true })
-export class TooltipListPipe implements PipeTransform {
-	transform(lines: string[]): string {
-		let list = '';
-		lines.forEach((line) => {
-			list += '• ' + line + '\n';
-		});
-
-		return list;
-	}
-}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index d6ac2a26..ca1bc888 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -24,8 +24,10 @@ export * from './lib/services/storage/storage.service';
 export * from './lib/components/videoconference/videoconference.component';
 export * from './lib/components/user-settings/user-settings.component';
 export * from './lib/components/toolbar/toolbar.component';
+export * from './lib/components/panel/panel.component';
 export * from './lib/components/panel/chat-panel/chat-panel.component';
 export * from './lib/components/panel/participants-panel/participants-panel/participants-panel.component';
+export * from './lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component';
 export * from './lib/components/session/session.component';
 export * from './lib/components/layout/layout.component';
 export * from './lib/components/stream/stream.component';
@@ -43,4 +45,4 @@ export * from './lib/models/notification-options.model';
 export * from './lib/pipes/participant.pipe';
 
 // Directives
-export * from './lib/directives/stream/stream.directive';
\ No newline at end of file
+export * from './lib/directives/openvidu-angular.directive';
\ No newline at end of file

From f40093746ff8c514648ab40a5eb87561ec9b91b8 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 21 Feb 2022 17:33:23 +0100
Subject: [PATCH 22/74] openvidu-components: Imrpoved user settings

Fixed some bugs with replacing tracks and devices saved on storage
Minor refactoring
---
 .../audio-wave/audio-wave.component.ts        |  19 +-
 .../components/stream/stream.component.html   |   6 +-
 .../lib/components/stream/stream.component.ts |   8 +-
 .../components/toolbar/toolbar.component.html |  11 -
 .../components/toolbar/toolbar.component.ts   |  12 +-
 .../user-settings.component.html              |  16 +-
 .../user-settings/user-settings.component.ts  | 116 ++++-----
 .../src/lib/models/storage.model.ts           |   4 +-
 .../src/lib/services/device/device.service.ts |  53 +++--
 .../lib/services/openvidu/openvidu.service.ts | 225 +++++++++---------
 .../participant/participant.service.ts        |   2 +-
 .../lib/services/storage/storage.service.ts   |  42 +++-
 12 files changed, 280 insertions(+), 234 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts
index fe8be885..90216fa6 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
 
 import { PublisherSpeakingEvent, StreamManager } from 'openvidu-browser';
 
@@ -7,19 +7,22 @@ import { PublisherSpeakingEvent, StreamManager } from 'openvidu-browser';
 	templateUrl: './audio-wave.component.html',
 	styleUrls: ['./audio-wave.component.css']
 })
-export class AudioWaveComponent implements OnInit {
+export class AudioWaveComponent implements OnInit, OnDestroy {
 	isSpeaking: boolean = false;
 	audioVolume: number = 0;
 
+	private _streamManager: StreamManager;
+
 	@Input()
 	set streamManager(streamManager: StreamManager) {
+		this._streamManager = streamManager;
 
-		if(streamManager) {
-			streamManager.on('publisherStartSpeaking', (event: PublisherSpeakingEvent) => {
+		if(this._streamManager) {
+			this._streamManager.on('publisherStartSpeaking', (event: PublisherSpeakingEvent) => {
 				this.isSpeaking = true;
 			});
 
-			streamManager.on('publisherStopSpeaking', (event: PublisherSpeakingEvent) => {
+			this._streamManager.on('publisherStopSpeaking', (event: PublisherSpeakingEvent) => {
 				this.isSpeaking = false;
 			});
 
@@ -35,6 +38,12 @@ export class AudioWaveComponent implements OnInit {
 	}
 
 	constructor() {}
+	ngOnDestroy(): void {
+		if(this._streamManager){
+			this._streamManager.off('publisherStartSpeaking');
+			this._streamManager.off('publisherStopSpeaking');
+		}
+	}
 
 	ngOnInit(): void {}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index f64a7593..eec326e4 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -4,7 +4,7 @@
 	[id]="'container-' + this._stream.streamManager?.stream?.streamId"
 	#streamContainer
 >
-	<div class="nickname" [class.fullscreen]="isFullscreen">
+	<div class="nickname" [class.fullscreen]="isFullscreen" *ngIf="showNickname">
 		<div (click)="toggleNicknameForm()" class="nicknameContainer" selected *ngIf="!toggleNickname">
 			<span id="nickname">{{ this._stream.nickname }}</span>
 			<span *ngIf="_stream.local || (_stream.streamManager && !_stream.streamManager?.remote)"> (edit)</span>
@@ -31,7 +31,7 @@
 		<ng-content select="[network-quality]"></ng-content>
 	</div>
 
-	<div id="audio-wave-container" *ngIf="_stream.type === 'CAMERA'">
+	<div id="audio-wave-container" *ngIf="showAudioDetection && _stream.type === 'CAMERA'">
 		<ov-audio-wave [streamManager]="_stream.streamManager"></ov-audio-wave>
 	</div>
 
@@ -49,7 +49,7 @@
 		</button>
 	</div>
 
-	<div class="videoButtons">
+	<div class="videoButtons" *ngIf="showSettings">
 
 		<button mat-icon-button (click)="toggleVideoMenu($event)" matTooltip="Settings" aria-label="Video settings menu">
 			<mat-icon>more_vert</mat-icon>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 49e2c641..62cc0815 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -34,6 +34,10 @@ export class StreamComponent implements OnInit {
 	@ViewChild(MatMenuTrigger) public menuTrigger: MatMenuTrigger;
 	@ViewChild('menu') menu: MatMenuPanel;
 
+	@Input() showNickname: boolean = true;
+	@Input() showAudioDetection: boolean = true;
+	@Input() showSettings: boolean = true;
+
 	constructor(
 		protected documentService: DocumentService,
 		protected openviduService: OpenViduService,
@@ -128,7 +132,7 @@ export class StreamComponent implements OnInit {
 		if (event && event.keyCode === 13 && this.nicknameFormControl.valid) {
 			const nickname = this.nicknameFormControl.value;
 			this.participantService.setNickname(this._stream.connectionId, nickname);
-			this.storageService.set(Storage.USER_NICKNAME, nickname);
+			this.storageService.setNickname(nickname);
 			this.openviduService.sendSignal(Signal.NICKNAME_CHANGED, undefined, { clientData: nickname });
 			this.toggleNicknameForm();
 		}
@@ -141,7 +145,7 @@ export class StreamComponent implements OnInit {
 			publishAudio: !this.participantService.isMyCameraEnabled(),
 			mirror: false
 		};
-		await this.openviduService.replaceTrack(this.participantService.getMyScreenPublisher(), properties);
+		await this.openviduService.replaceTrack(VideoType.SCREEN, properties);
 	}
 
 	protected checkVideoEnlarged() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index e22db811..bcd52178 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -44,17 +44,6 @@
 			<mat-icon *ngIf="isScreenShareEnabled" matTooltip="Disable screen share">screen_share</mat-icon>
 		</button>
 
-		<!-- Replace Screen track button -->
-		<!-- <button
-			id="navReplaceScreenButton"
-			mat-icon-button
-			*ngIf="isScreenShareEnabled"
-			(click)="replaceScreenTrack()"
-			[disabled]="isConnectionLost"
-		>
-			<mat-icon matTooltip="Replace screen track">picture_in_picture</mat-icon>
-		</button> -->
-
 		<!-- Fullscreen button -->
 		<button mat-icon-button (click)="toggleFullscreen()" [disabled]="isConnectionLost" [class.active-btn]="isFullscreenEnabled">
 			<mat-icon *ngIf="isFullscreenEnabled" matTooltip="Exit Fullscreen">fullscreen_exit</mat-icon>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index f66c9fcd..8ef04465 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -173,7 +173,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 					publishAudio: hasAudio,
 					mirror: false
 				};
-				const screenPublisher = this.openviduService.initPublisher(undefined, properties);
+				const screenPublisher = await this.openviduService.initPublisher(undefined, properties);
 
 				screenPublisher.once('accessAllowed', async (event) => {
 					// Listen to event fired when native stop button is clicked
@@ -225,16 +225,6 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		}
 	}
 
-	async replaceScreenTrack() {
-		const properties: PublisherProperties = {
-			videoSource: ScreenType.SCREEN,
-			publishVideo: true,
-			publishAudio: !this.participantService.isMyCameraEnabled(),
-			mirror: false
-		};
-		await this.openviduService.replaceTrack(this.participantService.getMyScreenPublisher(), properties);
-	}
-
 	leaveSession() {
 		this.log.d('Leaving session...');
 		this.openviduService.disconnect();
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
index da57ddcc..ce4c4918 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
@@ -48,17 +48,17 @@
 										(click)="toggleCam()"
 										class="deviceButton"
 										id="configCardCameraButton"
-										[class.warn-btn]="!isVideoActive"
+										[class.warn-btn]="isVideoMuted"
 									>
-										<mat-icon *ngIf="isVideoActive" matTooltip="Camera Enabled">videocam</mat-icon>
-										<mat-icon *ngIf="!isVideoActive" matTooltip="Camera Disabled">videocam_off</mat-icon>
+										<mat-icon *ngIf="!isVideoMuted" matTooltip="Camera Enabled">videocam</mat-icon>
+										<mat-icon *ngIf="isVideoMuted" matTooltip="Camera Disabled">videocam_off</mat-icon>
 									</button>
 								</div>
 								<div class="two" fxFlex="80" fxLayoutAlign="center center">
 									<mat-form-field class="alternate-theme">
 										<mat-select
 											placeholder="Camera Options"
-											[ngModel]="isVideoActive && !!cameraSelected ? cameraSelected.device : 'None'"
+											[ngModel]="!isVideoMuted && !!cameraSelected ? cameraSelected.device : 'None'"
 											(selectionChange)="onCameraSelected($event)"
 										>
 											<mat-option *ngFor="let camera of cameras" [value]="camera.device">
@@ -78,17 +78,17 @@
 										(click)="toggleMic()"
 										class="deviceButton"
 										id="configCardMicrophoneButton"
-										[class.warn-btn]="!isAudioActive"
+										[class.warn-btn]="isAudioMuted"
 									>
-										<mat-icon *ngIf="isAudioActive" matTooltip="Microphone Enabled">mic</mat-icon>
-										<mat-icon *ngIf="!isAudioActive" matTooltip="Microphone Disabled">mic_off</mat-icon>
+										<mat-icon *ngIf="!isAudioMuted" matTooltip="Microphone Enabled">mic</mat-icon>
+										<mat-icon *ngIf="isAudioMuted" matTooltip="Microphone Disabled">mic_off</mat-icon>
 									</button>
 								</div>
 								<div class="two" fxFlex="80" fxLayoutAlign="center center">
 									<mat-form-field class="alternate-theme">
 										<mat-select
 											placeholder="Microphone Options"
-											[ngModel]="isAudioActive && microphoneSelected ? microphoneSelected.device : 'None'"
+											[ngModel]="!isAudioMuted && microphoneSelected ? microphoneSelected.device : 'None'"
 											(selectionChange)="onMicrophoneSelected($event)"
 										>
 											<mat-option *ngFor="let microphone of microphones" [value]="microphone.device">
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
index 6116a67b..59d1dc64 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
@@ -7,8 +7,7 @@ import { Publisher, PublisherProperties } from 'openvidu-browser';
 
 import { ILogger } from '../../models/logger.model';
 import { CustomDevice } from '../../models/device.model';
-import { Storage } from '../../models/storage.model';
-import { ScreenType } from '../../models/video-type.model';
+import { ScreenType, VideoType } from '../../models/video-type.model';
 
 import { NicknameMatcher } from '../../matchers/nickname.matcher';
 
@@ -36,8 +35,8 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	microphones: CustomDevice[];
 	cameraSelected: CustomDevice;
 	microphoneSelected: CustomDevice;
-	isVideoActive = true;
-	isAudioActive = true;
+	isVideoMuted: boolean;
+	isAudioMuted: boolean;
 	screenShareEnabled: boolean;
 	localParticipant: ParticipantAbstractModel;
 	columns: number;
@@ -55,7 +54,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 		private actionService: ActionService,
 		private deviceSrv: DeviceService,
 		private loggerSrv: LoggerService,
-		private openViduopenviduService: OpenViduService,
+		private openviduService: OpenViduService,
 		private participantService: ParticipantService,
 		private storageSrv: StorageService
 	) {
@@ -68,10 +67,11 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	}
 
 	async ngOnInit() {
-		this.subscribeToLocalParticipantEvents();
-		this.openViduopenviduService.initialize();
 		await this.deviceSrv.initializeDevices();
-		const nickname = this.storageSrv.get(Storage.USER_NICKNAME) || this.generateRandomNickname();
+
+		this.subscribeToLocalParticipantEvents();
+		this.openviduService.initialize();
+		const nickname = this.storageSrv.getNickname() || this.generateRandomNickname();
 		this.nicknameFormControl.setValue(nickname);
 		this.columns = window.innerWidth > 900 ? 2 : 1;
 		this.setDevicesInfo();
@@ -79,7 +79,6 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 			await this.initwebcamPublisher();
 		}
 		this.isLoading = false;
-
 	}
 
 	ngOnDestroy() {
@@ -95,63 +94,57 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 
 	async onCameraSelected(event: any) {
 		const videoSource = event?.value;
-		if (!!videoSource) {
-			// Is New deviceId different from the old one?
-			if (this.deviceSrv.needUpdateVideoTrack(videoSource)) {
-				const mirror = this.deviceSrv.cameraNeedsMirror(videoSource);
-				await this.openViduopenviduService.republishTrack(videoSource, null, mirror);
-				this.deviceSrv.setCameraSelected(videoSource);
-				this.cameraSelected = this.deviceSrv.getCameraSelected();
-			}
-			// Publish Webcam video
-			this.openViduopenviduService.publishVideo(this.participantService.getMyCameraPublisher(), true);
-			this.isVideoActive = true;
+		// Is New deviceId different from the old one?
+		if (this.deviceSrv.needUpdateVideoTrack(videoSource)) {
+			const mirror = this.deviceSrv.cameraNeedsMirror(videoSource);
+			const pp: PublisherProperties = { videoSource, audioSource: false, mirror };
 
-		} else {
-			// Videosource is 'null' because of the user has selected 'None' or muted the camera
-			// Unpublish webcam
-			this.openViduopenviduService.publishVideo(this.participantService.getMyCameraPublisher(), false);
-			//TODO: save 'None' device in storage
-			// this.deviceSrv.setCameraSelected(videoSource);
-			// this.cameraSelected = this.deviceSrv.getCameraSelected();
-			this.isVideoActive = false;
+			await this.openviduService.replaceTrack(VideoType.CAMERA, pp);
+			this.cameraSelected = videoSource;
+			this.deviceSrv.setCameraSelected(this.cameraSelected);
+		}
+		if (this.isVideoMuted) {
+			// Publish Webcam video
+			this.openviduService.publishVideo(this.participantService.getMyCameraPublisher(), true);
+			this.isVideoMuted = false;
 		}
 	}
 
 	async onMicrophoneSelected(event: any) {
 		const audioSource = event?.value;
-
-		if (!!audioSource) {
-			// Is New deviceId different than older?
-			if (this.deviceSrv.needUpdateAudioTrack(audioSource)) {
-				const mirror = this.deviceSrv.cameraNeedsMirror(this.cameraSelected.device);
-				await this.openViduopenviduService.republishTrack(null, audioSource, mirror);
-				this.deviceSrv.setMicSelected(audioSource);
-				this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
-			}
-			// Publish microphone
-			this.publishAudio(true);
-			this.isAudioActive = true;
-			return;
+		// Is New deviceId different than older?
+		if (this.deviceSrv.needUpdateAudioTrack(audioSource)) {
+			const pp: PublisherProperties = { audioSource, videoSource: false };
+			await this.openviduService.replaceTrack(VideoType.CAMERA, pp);
+			this.microphoneSelected = audioSource;
+			this.deviceSrv.setMicSelected(this.microphoneSelected);
+		}
+		if (this.isAudioMuted) {
+			// Enable microphone
+			this.openviduService.publishAudio(this.participantService.getMyCameraPublisher(), true);
+			this.isAudioMuted = true;
 		}
-		// Unpublish microhpone
-		this.publishAudio(false);
-		this.isAudioActive = false;
 	}
 
 	toggleCam() {
-		this.isVideoActive = !this.isVideoActive;
-		this.openViduopenviduService.publishVideo(this.participantService.getMyCameraPublisher(), this.isVideoActive);
+
+		const publish = this.isVideoMuted;
+		this.openviduService.publishVideo(this.participantService.getMyCameraPublisher(), publish);
 
 		if (this.participantService.areBothEnabled()) {
+			// Cam will not published, disable webcam with screensharing active
 			this.participantService.disableWebcamUser();
-			this.openViduopenviduService.publishAudio(this.participantService.getMyScreenPublisher(), this.isAudioActive);
+			this.openviduService.publishAudio(this.participantService.getMyScreenPublisher(), publish);
 		} else if (this.participantService.isOnlyMyScreenEnabled()) {
+			// Cam will be published, enable webcam
 			this.participantService.enableWebcamUser();
 		}
+
+		this.isVideoMuted = !this.isVideoMuted;
+		this.storageSrv.setVideoMuted(this.isVideoMuted);
 	}
 
-	toggleScreenShare() {
+	async toggleScreenShare() {
 		// Disabling screenShare
 		if (this.participantService.areBothEnabled()) {
 			this.participantService.disableScreenUser();
@@ -161,7 +154,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 		// Enabling screenShare
 		if (this.participantService.isOnlyMyCameraEnabled()) {
 			const willThereBeWebcam = this.participantService.isMyCameraEnabled() && this.participantService.hasCameraVideoActive();
-			const hasAudio = willThereBeWebcam ? false : this.hasAudioDevices && this.isAudioActive;
+			const hasAudio = willThereBeWebcam ? false : this.hasAudioDevices && this.isAudioMuted;
 			const properties: PublisherProperties = {
 				videoSource: ScreenType.SCREEN,
 				audioSource: this.hasAudioDevices ? undefined : null,
@@ -169,7 +162,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 				publishAudio: hasAudio,
 				mirror: false
 			};
-			const screenPublisher = this.openViduopenviduService.initPublisher(undefined, properties);
+			const screenPublisher = await this.openviduService.initPublisher(undefined, properties);
 
 			screenPublisher.on('accessAllowed', (event) => {
 				screenPublisher.stream
@@ -199,8 +192,10 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	}
 
 	toggleMic() {
-		this.isAudioActive = !this.isAudioActive;
-		this.publishAudio(this.isAudioActive);
+		const publish = this.isAudioMuted;
+		this.openviduService.publishAudio(this.participantService.getMyCameraPublisher(), publish);
+		this.isAudioMuted = !this.isAudioMuted;
+		this.storageSrv.setAudioMuted(this.isAudioMuted);
 	}
 
 	eventKeyPress(event) {
@@ -217,7 +212,8 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 		if (this.nicknameFormControl.valid) {
 			const nickname = this.nicknameFormControl.value;
 			this.participantService.setNickname(this.participantService.getMyCameraConnectionId(), nickname);
-			this.storageSrv.set(Storage.USER_NICKNAME, nickname);
+			this.storageSrv.setNickname(nickname);
+			this.participantService.updateParticipantMediaStatus();
 			return this.onJoinClicked.emit();
 		}
 		this.scrollToBottom();
@@ -235,9 +231,8 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 		this.cameraSelected = this.deviceSrv.getCameraSelected();
 		this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
 
-		this.isVideoActive = this.hasVideoDevices && this.cameraSelected.label !== 'None';
-		this.isAudioActive = this.hasAudioDevices && this.microphoneSelected.label !== 'None';
-
+		this.isVideoMuted = this.deviceSrv.isVideoMuted();
+		this.isAudioMuted = this.deviceSrv.isAudioMuted();
 	}
 
 	private scrollToBottom(): void {
@@ -246,12 +241,6 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 		} catch (err) {}
 	}
 
-	private publishAudio(audio: boolean) {
-		this.participantService.isMyCameraEnabled()
-			? this.openViduopenviduService.publishAudio(this.participantService.getMyCameraPublisher(), audio)
-			: this.openViduopenviduService.publishAudio(this.participantService.getMyScreenPublisher(), audio);
-	}
-
 	private subscribeToLocalParticipantEvents() {
 		this.oVUsersSubscription = this.participantService.localParticipantObs.subscribe((p) => {
 			this.localParticipant = p;
@@ -262,9 +251,8 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	}
 
 	private async initwebcamPublisher() {
-		const publisher = await this.openViduopenviduService.initDefaultPublisher(undefined);
+		const publisher = await this.openviduService.initDefaultPublisher(undefined);
 		if (publisher) {
-
 			// this.handlePublisherSuccess(publisher);
 			this.handlePublisherError(publisher);
 		}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/storage.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/storage.model.ts
index dbd18d2d..e166d697 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/storage.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/storage.model.ts
@@ -1,5 +1,7 @@
 export enum Storage{
 	USER_NICKNAME = 'openviduCallNickname',
 	VIDEO_DEVICE = 'openviduCallVideoDevice',
-	AUDIO_DEVICE = 'openviduCallAudioDevice'
+	AUDIO_DEVICE = 'openviduCallAudioDevice',
+	AUDIO_MUTED = 'openviduCallAudioMuted',
+	VIDEO_MUTED = 'openviduCallVideoMuted'
 }
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
index f231a9e4..b28fcd22 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
@@ -3,7 +3,6 @@ import { Device, OpenVidu } from 'openvidu-browser';
 
 import { CameraType, DeviceType, CustomDevice } from '../../models/device.model';
 import { ILogger } from '../../models/logger.model';
-import { Storage } from '../../models/storage.model';
 
 import { LoggerService } from '../logger/logger.service';
 import { PlatformService } from '../platform/platform.service';
@@ -23,6 +22,11 @@ export class DeviceService {
 	private videoDevicesDisabled: boolean;
 	private audioDevicesDisabled: boolean;
 
+	// Initialized with Storage.VIDEO_MUTED info saved on storage
+	private _isVideoMuted: boolean;
+	// Initialized with Storage.AUDIO_MUTED info saved on storage
+	private _isAudioMuted: boolean;
+
 	constructor(private loggerSrv: LoggerService, private platformSrv: PlatformService, private storageSrv: StorageService) {
 		this.log = this.loggerSrv.get('DevicesService');
 		this.OV = new OpenVidu();
@@ -33,18 +37,21 @@ export class DeviceService {
 	}
 
 	async initializeDevices() {
-		// Requesting media permissions. Sometimes, browser doens't launch the media permissions modal.
-		const mediaStream = await this.OV.getUserMedia({audioSource: undefined, videoSource: undefined });
+		// Forcing media permissions request.
+		// Sometimes, browser doens't launch the media permissions modal.
+		const mediaStream = await this.OV.getUserMedia({ audioSource: undefined, videoSource: undefined });
+		mediaStream?.getAudioTracks().forEach((track) => track.stop());
+		mediaStream?.getVideoTracks().forEach((track) => track.stop());
 
 		this.devices = await this.OV.getDevices();
 		const customDevices = this.initializeCustomDevices(this.devices);
 		this.cameras = customDevices.cameras;
 		this.microphones = customDevices.microphones;
 
-		mediaStream?.getAudioTracks().forEach((track) => track.stop());
-		mediaStream?.getVideoTracks().forEach((track) => track.stop());
+		this._isVideoMuted = this.storageSrv.isVideoMuted();
+		this._isAudioMuted = this.storageSrv.isAudioMuted();
 
-		this.log.d('Media devices',customDevices);
+		this.log.d('Media devices', customDevices);
 	}
 
 	private initializeCustomDevices(defaultVDevices: Device[]) {
@@ -52,8 +59,8 @@ export class DeviceService {
 		const defaultMicrophones = defaultVDevices.filter((device) => device.kind === DeviceType.AUDIO_INPUT);
 		const defaultCameras = defaultVDevices.filter((device) => device.kind === DeviceType.VIDEO_INPUT);
 		const customDevices: { cameras: CustomDevice[]; microphones: CustomDevice[] } = {
-			cameras: [{ label: 'None', device: null, type: null }],
-			microphones: [{ label: 'None', device: null, type: null }]
+			cameras: [],
+			microphones: []
 		};
 
 		if (this.hasAudioDeviceAvailable) {
@@ -61,12 +68,12 @@ export class DeviceService {
 				customDevices.microphones.push({ label: device.label, device: device.deviceId });
 			});
 
-			// Settings microphone selected
+			// Setting microphone selected
 			const storageMicrophone = this.getMicrophoneFromStogare();
 			if (!!storageMicrophone) {
 				this.microphoneSelected = storageMicrophone;
 			} else if (customDevices.microphones.length > 0) {
-				this.microphoneSelected = customDevices.microphones.find((d) => d.label !== 'None');
+				this.microphoneSelected = customDevices.microphones[0];
 			}
 		}
 
@@ -96,12 +103,20 @@ export class DeviceService {
 			if (!!storageCamera) {
 				this.cameraSelected = storageCamera;
 			} else if (customDevices.cameras.length > 0) {
-				this.cameraSelected = customDevices.cameras.find((d) => d.label !== 'None');
+				this.cameraSelected = customDevices.cameras[0];
 			}
 		}
 		return customDevices;
 	}
 
+	isVideoMuted(): boolean {
+		return this.hasVideoDeviceAvailable() && this._isVideoMuted;
+	}
+
+	isAudioMuted(): boolean {
+		return this.hasAudioDeviceAvailable() && this._isAudioMuted;
+	}
+
 	getCameraSelected(): CustomDevice {
 		return this.cameraSelected;
 	}
@@ -137,11 +152,11 @@ export class DeviceService {
 	}
 
 	hasVideoDeviceAvailable(): boolean {
-		return !this.videoDevicesDisabled && !this.cameras.every((device) => device.label === 'None');
+		return !this.videoDevicesDisabled && this.cameras.length > 0;
 	}
 
 	hasAudioDeviceAvailable(): boolean {
-		return !this.audioDevicesDisabled && !this.microphones.every((device) => device.label === 'None');
+		return !this.audioDevicesDisabled && this.microphones.length > 0;
 	}
 
 	cameraNeedsMirror(deviceField: string): boolean {
@@ -180,24 +195,24 @@ export class DeviceService {
 	}
 
 	private getMicrophoneFromStogare(): CustomDevice {
-		let storageDevice = this.storageSrv.get(Storage.AUDIO_DEVICE);
-		if (!!storageDevice) {
+		const storageDevice: CustomDevice = this.storageSrv.getAudioDevice();
+		if (!!storageDevice && this.microphones.some((device) => device.device === storageDevice.device)) {
 			return storageDevice;
 		}
 	}
 
 	private getCameraFromStorage() {
-		let storageDevice = this.storageSrv.get(Storage.VIDEO_DEVICE);
-		if (!!storageDevice) {
+		const storageDevice: CustomDevice = this.storageSrv.getVideoDevice();
+		if (!!storageDevice && this.cameras.some((device) => device.device === storageDevice.device)) {
 			return storageDevice;
 		}
 	}
 
 	private saveCameraToStorage(cam: CustomDevice) {
-		this.storageSrv.set(Storage.VIDEO_DEVICE, cam);
+		this.storageSrv.setVideoDevice(cam);
 	}
 
 	private saveMicrophoneToStorage(mic: CustomDevice) {
-		this.storageSrv.set(Storage.AUDIO_DEVICE, mic);
+		this.storageSrv.setAudioDevice(mic);
 	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index 92dc00b1..a6922f77 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -22,8 +22,8 @@ export class OpenViduService {
 	protected screenSession: Session = null;
 	protected videoSource = undefined;
 	protected audioSource = undefined;
-	protected screenMediaStream: MediaStream = null;
-	protected webcamMediaStream: MediaStream = null;
+	// protected screenMediaStream: MediaStream = null;
+	// protected webcamMediaStream: MediaStream = null;
 	protected log: ILogger;
 
 	constructor(
@@ -49,6 +49,10 @@ export class OpenViduService {
 		}
 	}
 
+	getSession(): Session {
+		return this.getWebcamSession();
+	}
+
 	getWebcamSession(): Session {
 		return this.webcamSession;
 	}
@@ -90,60 +94,44 @@ export class OpenViduService {
 		}
 	}
 
-	private disconnectSession(session: Session) {
-		if (session) {
-			if (session.sessionId === this.webcamSession?.sessionId) {
-				this.log.d('Disconnecting webcam session');
-				this.webcamSession?.disconnect();
-				this.webcamSession = null;
-			} else if (session.sessionId === this.screenSession?.sessionId) {
-				this.log.d('Disconnecting screen session');
-				this.screenSession?.disconnect();
-				this.screenSession = null;
-			}
-		}
-	}
-
 	disconnect() {
 		this.disconnectSession(this.webcamSession);
 		this.disconnectSession(this.screenSession);
 		this.videoSource = undefined;
 		this.audioSource = undefined;
-		this.stopTracks(this.participantService.getMyCameraPublisher()?.stream?.getMediaStream());
-		this.stopTracks(this.participantService.getMyScreenPublisher()?.stream?.getMediaStream());
+		// this.stopTracks(this.participantService.getMyCameraPublisher()?.stream?.getMediaStream());
+		// this.stopTracks(this.participantService.getMyScreenPublisher()?.stream?.getMediaStream());
 	}
 
 	/**
 	 * Initialize a publisher checking devices saved on storage or if participant have devices available.
 	 */
 	async initDefaultPublisher(targetElement: string | HTMLElement): Promise<Publisher> {
-		await this.deviceService.initializeDevices();
 
 		const hasVideoDevices = this.deviceService.hasVideoDeviceAvailable();
 		const hasAudioDevices = this.deviceService.hasAudioDeviceAvailable();
-		const isVideoActive = hasVideoDevices && this.deviceService.getCameraSelected().label !== 'None';
-		const isAudioActive = hasAudioDevices && this.deviceService.getMicrophoneSelected().label !== 'None';
+		const isVideoActive = !this.deviceService.isVideoMuted();
+		const isAudioActive = !this.deviceService.isAudioMuted();
 
 		let videoSource = null;
 		let audioSource = null;
 
-		if(isVideoActive){
+		if (hasVideoDevices) {
 			// Video is active, assign the device selected
-			videoSource = this.deviceService.getCameraSelected().device
-		} else if(!isVideoActive && hasVideoDevices) {
+			videoSource = this.deviceService.getCameraSelected().device;
+		} else if (!isVideoActive && hasVideoDevices) {
 			// Video is muted, assign the default device
-			videoSource = undefined;
+			// videoSource = undefined;
 		}
 
-		if(isAudioActive){
+		if (hasAudioDevices) {
 			// Audio is active, assign the device selected
-			audioSource = this.deviceService.getMicrophoneSelected().device
-		} else if(!isAudioActive && hasAudioDevices) {
+			audioSource = this.deviceService.getMicrophoneSelected().device;
+		} else if (!isAudioActive && hasAudioDevices) {
 			// Audio is muted, assign the default device
-			audioSource = undefined;
+			// audioSource = undefined;
 		}
 
-
 		// const videoSource = publishVideo ? this.deviceService.getCameraSelected().device : false;
 		// const audioSource = publishAudio ? this.deviceService.getMicrophoneSelected().device : false;
 		const mirror = this.deviceService.getCameraSelected() && this.deviceService.getCameraSelected().type === CameraType.FRONT;
@@ -154,8 +142,8 @@ export class OpenViduService {
 			publishAudio: isAudioActive,
 			mirror
 		};
-		if (isVideoActive || isAudioActive) {
-			const publisher = this.initPublisher(targetElement, properties);
+		if (hasVideoDevices || hasAudioDevices) {
+			const publisher = await this.initPublisher(targetElement, properties);
 			this.participantService.setMyCameraPublisher(publisher);
 			return publisher;
 		} else {
@@ -163,10 +151,10 @@ export class OpenViduService {
 		}
 	}
 
-	initPublisher(targetElement: string | HTMLElement, properties: PublisherProperties): Publisher {
+	async initPublisher(targetElement: string | HTMLElement, properties: PublisherProperties): Promise<Publisher> {
 		this.log.d('Initializing publisher with properties: ', properties);
 
-		const publisher = this.OV.initPublisher(targetElement, properties);
+		const publisher = await this.OV.initPublisherAsync(targetElement, properties);
 		// this.participantService.setMyCameraPublisher(publisher);
 		publisher.once('streamPlaying', () => {
 			(<HTMLElement>publisher.videos[0].video).parentElement.classList.remove('custom-class');
@@ -174,21 +162,21 @@ export class OpenViduService {
 		return publisher;
 	}
 
-	//TODO: This method is used by replaceTrack. Check if it's neecessary
-	private destroyPublisher(publisher: Publisher): void {
-		if (!!publisher) {
-			// publisher.off('streamAudioVolumeChange');
-			if (publisher.stream.getWebRtcPeer()) {
-				publisher.stream.disposeWebRtcPeer();
-			}
-			publisher.stream.disposeMediaStream();
-			if (publisher.id === this.participantService.getMyCameraPublisher().id) {
-				this.participantService.setMyCameraPublisher(publisher);
-			} else if (publisher.id === this.participantService.getMyScreenPublisher().id) {
-				this.participantService.setMyScreenPublisher(publisher);
-			}
-		}
-	}
+	//TODO: This method is used by republishTrack. Check if it's neecessary
+	// private destroyPublisher(publisher: Publisher): void {
+	// 	if (!!publisher) {
+	// 		// publisher.off('streamAudioVolumeChange');
+	// 		if (publisher.stream.getWebRtcPeer()) {
+	// 			publisher.stream.disposeWebRtcPeer();
+	// 		}
+	// 		publisher.stream.disposeMediaStream();
+	// 		if (publisher.id === this.participantService.getMyCameraPublisher().id) {
+	// 			this.participantService.setMyCameraPublisher(publisher);
+	// 		} else if (publisher.id === this.participantService.getMyScreenPublisher().id) {
+	// 			this.participantService.setMyScreenPublisher(publisher);
+	// 		}
+	// 	}
+	// }
 
 	async publish(publisher: Publisher): Promise<void> {
 		if (!!publisher) {
@@ -221,7 +209,7 @@ export class OpenViduService {
 		if (!!publisher) {
 			publisher.publishVideo(value);
 			// Send event to subscribers because of video has changed and view must update
-			this.participantService.updateUsersStatus();
+			this.participantService.updateParticipantMediaStatus();
 		}
 	}
 
@@ -229,44 +217,43 @@ export class OpenViduService {
 		if (!!publisher) {
 			publisher.publishAudio(value);
 			// Send event to subscribers because of video has changed and view must update
-			this.participantService.updateUsersStatus();
+			this.participantService.updateParticipantMediaStatus();
 		}
 	}
 
-	republishTrack(videoSource: string, audioSource: string, mirror: boolean = true): Promise<void> {
-		return new Promise((resolve, reject) => {
-			if (!!videoSource) {
-				this.log.d('Replacing video track ' + videoSource);
-				this.videoSource = videoSource;
-				// this.stopVideoTracks(this.webcamUser.getStreamManager().stream.getMediaStream());
-			}
-			if (!!audioSource) {
-				this.log.d('Replacing audio track ' + audioSource);
-				this.audioSource = audioSource;
-				// this.stopAudioTracks(this.webcamUser.getStreamManager().stream.getMediaStream());
-			}
-			this.destroyPublisher(this.participantService.getMyCameraPublisher());
-			const properties: PublisherProperties = {
-				videoSource: this.videoSource,
-				audioSource: this.audioSource,
-				publishVideo: this.participantService.hasCameraVideoActive(),
-				publishAudio: this.participantService.hasCameraAudioActive(),
-				mirror
-			};
+	// Used replaceTrack instead
+	// republishTrack(videoSource: string, audioSource: string, mirror: boolean = true): Promise<void> {
+	// 	return new Promise(async (resolve, reject) => {
+	// 		if (!!videoSource) {
+	// 			this.log.d('Replacing video track ' + videoSource);
+	// 			this.videoSource = videoSource;
+	// 		}
+	// 		if (!!audioSource) {
+	// 			this.log.d('Replacing audio track ' + audioSource);
+	// 			this.audioSource = audioSource;
+	// 		}
+	// 		this.destroyPublisher(this.participantService.getMyCameraPublisher());
+	// 		const properties: PublisherProperties = {
+	// 			videoSource: this.videoSource,
+	// 			audioSource: this.audioSource,
+	// 			publishVideo: this.participantService.hasCameraVideoActive(),
+	// 			publishAudio: this.participantService.hasCameraAudioActive(),
+	// 			mirror
+	// 		};
 
-			const publisher = this.initPublisher(undefined, properties);
-			this.participantService.setMyCameraPublisher(publisher);
+	// 		const publisher = await this.initPublisher(undefined, properties);
+	// 		this.participantService.setMyCameraPublisher(publisher);
 
-			publisher.once('streamPlaying', () => {
-				this.participantService.setMyCameraPublisher(publisher);
-				resolve();
-			});
+	// 		publisher.once('streamPlaying', () => {
+	// 			this.participantService.setMyCameraPublisher(publisher);
+	// 			resolve();
+	// 		});
 
-			publisher.once('accessDenied', () => {
-				reject();
-			});
-		});
-	}
+	// 		publisher.once('accessDenied', () => {
+	// 			reject();
+	// 		});
+	// 	});
+	// }
 
 	sendSignal(type: Signal, connections?: Connection[], data?: any): void {
 		const signalOptions: SignalOptions = {
@@ -282,28 +269,38 @@ export class OpenViduService {
 		}
 	}
 
-	async replaceTrack(currentPublisher: Publisher, newProperties: PublisherProperties) {
+	async replaceTrack(videoType: VideoType, props: PublisherProperties) {
 		try {
-			if (!!currentPublisher) {
-				if (currentPublisher === this.participantService.getMyCameraPublisher()) {
-					// This branch has been disabled because echo problems replacing audio track.
-					// this.stopAudioTracks(this.webcamMediaStream);
-					// this.stopVideoTracks(this.webcamMediaStream);
-					// this.webcamMediaStream = await this.OV.getUserMedia(newProperties);
-					// const videoTrack: MediaStreamTrack = this.webcamMediaStream.getVideoTracks()[0];
-					// const audioTrack: MediaStreamTrack = this.webcamMediaStream.getAudioTracks()[0];
-					// if(!!videoTrack){
-					// 	await this.participantService.getMyCameraPublisher().replaceTrack(videoTrack);
-					// }
-					// if(!!audioTrack) {
-					// 	await this.participantService.getMyCameraPublisher().replaceTrack(audioTrack);
-					// }
-				} else if (currentPublisher === this.participantService.getMyScreenPublisher()) {
-					const newScreenMediaStream = await this.OVScreen.getUserMedia(newProperties);
-					this.stopTracks(this.screenMediaStream);
-					await this.participantService.getMyScreenPublisher().replaceTrack(newScreenMediaStream.getVideoTracks()[0]);
-					this.screenMediaStream = newScreenMediaStream;
+			this.log.d(`Replacing ${videoType} track`, props);
+			if (videoType === VideoType.CAMERA) {
+				const isReplacingAudio = !!props.audioSource;
+				const isReplacingVideo = !!props.videoSource;
+
+				if (this.platformService.isFirefox()) {
+					// Firefox throw an exception trying to get a new MediaStreamTrack if the older one is not stopped
+					// NotReadableError: Concurrent mic process limit. Stopping tracks before call to getUserMedia
+					if (isReplacingVideo) {
+						this.participantService.getMyCameraPublisher().stream.getMediaStream().getVideoTracks()[0].stop();
+					} else if (isReplacingAudio) {
+						this.participantService.getMyCameraPublisher().stream.getMediaStream().getAudioTracks()[0].stop();
+					}
 				}
+
+				const track = await this.OV.getUserMedia(props);
+				if (isReplacingAudio) {
+					// Replace audio track
+					const audioTrack: MediaStreamTrack = track.getAudioTracks()[0];
+					await this.participantService.getMyCameraPublisher().replaceTrack(audioTrack);
+				} else if (isReplacingVideo) {
+					// Replace video track
+					const videoTrack: MediaStreamTrack = track.getVideoTracks()[0];
+					await this.participantService.getMyCameraPublisher().replaceTrack(videoTrack);
+				}
+			} else if (videoType === VideoType.SCREEN) {
+				const newScreenMediaStream = await this.OVScreen.getUserMedia(props);
+				// this.stopTracks(this.screenMediaStream);
+				// this.screenMediaStream = newScreenMediaStream;
+				await this.participantService.getMyScreenPublisher().replaceTrack(newScreenMediaStream.getVideoTracks()[0]);
 			}
 		} catch (error) {
 			this.log.e('Error replacing track ', error);
@@ -331,11 +328,25 @@ export class OpenViduService {
 		return remoteCameraConnections;
 	}
 
-	private stopTracks(mediaStream: MediaStream) {
-		if (mediaStream) {
-			mediaStream?.getAudioTracks().forEach((track) => track.stop());
-			mediaStream?.getVideoTracks().forEach((track) => track.stop());
-			// this.webcamMediaStream?.getAudioTracks().forEach((track) => track.stop());
+	private disconnectSession(session: Session) {
+		if (session) {
+			if (session.sessionId === this.webcamSession?.sessionId) {
+				this.log.d('Disconnecting webcam session');
+				this.webcamSession?.disconnect();
+				this.webcamSession = null;
+			} else if (session.sessionId === this.screenSession?.sessionId) {
+				this.log.d('Disconnecting screen session');
+				this.screenSession?.disconnect();
+				this.screenSession = null;
+			}
 		}
 	}
+
+	// private stopTracks(mediaStream: MediaStream) {
+	// 	if (mediaStream) {
+	// 		mediaStream?.getAudioTracks().forEach((track) => track.stop());
+	// 		mediaStream?.getVideoTracks().forEach((track) => track.stop());
+	// 		// this.webcamMediaStream?.getAudioTracks().forEach((track) => track.stop());
+	// 	}
+	// }
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index 2d1b976f..cd679ad3 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -113,7 +113,7 @@ export class ParticipantService {
 		this._screensharing.next(false);
 	}
 
-	updateUsersStatus() {
+	updateParticipantMediaStatus() {
 		this._cameraVideoActive.next(this.localParticipant.isCameraVideoActive());
 		if (this.isMyCameraEnabled()) {
 			this._cameraAudioActive.next(this.localParticipant.isCameraAudioActive());
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/storage/storage.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/storage/storage.service.ts
index 4cf30e03..c348589f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/storage/storage.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/storage/storage.service.ts
@@ -1,6 +1,7 @@
 import { Injectable } from '@angular/core';
 import { ILogger } from '../../models/logger.model';
 import { LoggerService } from '../logger/logger.service';
+import { Storage } from '../../models/storage.model';
 
 @Injectable({
 	providedIn: 'root'
@@ -13,12 +14,49 @@ export class StorageService {
 		this.log = this.loggerSrv.get('StorageService');
 	}
 
-	public set(key: string, item: any) {
+	getNickname(): string {
+		return this.get(Storage.USER_NICKNAME);
+	}
+
+	setNickname(name: string){
+		this.set(Storage.USER_NICKNAME, name);
+	}
+	getVideoDevice() {
+		return this.get(Storage.VIDEO_DEVICE);
+	}
+
+	setVideoDevice(device: any) {
+		this.set(Storage.VIDEO_DEVICE, device);
+	}
+
+	getAudioDevice() {
+		return this.get(Storage.AUDIO_DEVICE);
+	}
+
+	setAudioDevice(device: any) {
+		this.set(Storage.AUDIO_DEVICE, device);
+	}
+	isVideoMuted(): boolean {
+		return this.get(Storage.VIDEO_MUTED) === 'true';
+	}
+	setVideoMuted(muted: boolean) {
+		this.set(Storage.VIDEO_MUTED, `${muted}`);
+	}
+
+	isAudioMuted(): boolean {
+		return this.get(Storage.AUDIO_MUTED) === 'true';
+	}
+
+	setAudioMuted(muted: boolean) {
+		this.set(Storage.AUDIO_MUTED, `${muted}`);
+	}
+
+	private set(key: string, item: any) {
 		const value = JSON.stringify({ item: item });
 		// this.log.d('Storing on localStorage "' + key + '" with value "' + value + '"');
 		this.storage.setItem(key, value);
 	}
-	public get(key: string): any {
+	private get(key: string): any {
 		const value = JSON.parse(this.storage.getItem(key));
 		return value?.item ? value.item : null;
 	}

From e63ef15d1832a12bf20ad5ca69ae82303b8ddd4b Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 22 Feb 2022 15:17:15 +0100
Subject: [PATCH 23/74] openvidu-components: Fixed bug replacing tracks in
 user-settings

---
 .../src/lib/services/device/device.service.ts | 43 ++++++++---
 .../lib/services/openvidu/openvidu.service.ts | 77 ++++++++++++++-----
 2 files changed, 90 insertions(+), 30 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
index b28fcd22..5f610e99 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { Device, OpenVidu } from 'openvidu-browser';
+import { Device, OpenVidu, OpenViduError, OpenViduErrorName } from 'openvidu-browser';
 
 import { CameraType, DeviceType, CustomDevice } from '../../models/device.model';
 import { ILogger } from '../../models/logger.model';
@@ -26,6 +26,7 @@ export class DeviceService {
 	private _isVideoMuted: boolean;
 	// Initialized with Storage.AUDIO_MUTED info saved on storage
 	private _isAudioMuted: boolean;
+	private deviceAccessDeniedError: boolean = false;
 
 	constructor(private loggerSrv: LoggerService, private platformSrv: PlatformService, private storageSrv: StorageService) {
 		this.log = this.loggerSrv.get('DevicesService');
@@ -37,13 +38,19 @@ export class DeviceService {
 	}
 
 	async initializeDevices() {
-		// Forcing media permissions request.
-		// Sometimes, browser doens't launch the media permissions modal.
-		const mediaStream = await this.OV.getUserMedia({ audioSource: undefined, videoSource: undefined });
-		mediaStream?.getAudioTracks().forEach((track) => track.stop());
-		mediaStream?.getVideoTracks().forEach((track) => track.stop());
+
+		try {
+			// Forcing media permissions request.
+			// Sometimes, browser doens't launch the media permissions modal.
+			const mediaStream = await this.OV.getUserMedia({ audioSource: undefined, videoSource: undefined });
+			mediaStream?.getAudioTracks().forEach((track) => track.stop());
+			mediaStream?.getVideoTracks().forEach((track) => track.stop());
+		} catch (error) {
+			this.deviceAccessDeniedError = (<OpenViduError>error).name === OpenViduErrorName.DEVICE_ACCESS_DENIED;
+		}
 
 		this.devices = await this.OV.getDevices();
+		console.log(this.devices);
 		const customDevices = this.initializeCustomDevices(this.devices);
 		this.cameras = customDevices.cameras;
 		this.microphones = customDevices.microphones;
@@ -56,14 +63,14 @@ export class DeviceService {
 
 	private initializeCustomDevices(defaultVDevices: Device[]) {
 		const FIRST_POSITION = 0;
-		const defaultMicrophones = defaultVDevices.filter((device) => device.kind === DeviceType.AUDIO_INPUT);
-		const defaultCameras = defaultVDevices.filter((device) => device.kind === DeviceType.VIDEO_INPUT);
+		const defaultMicrophones: Device[] = defaultVDevices.filter((device) => device.kind === DeviceType.AUDIO_INPUT);
+		const defaultCameras: Device[] = defaultVDevices.filter((device) => device.kind === DeviceType.VIDEO_INPUT);
 		const customDevices: { cameras: CustomDevice[]; microphones: CustomDevice[] } = {
 			cameras: [],
 			microphones: []
 		};
 
-		if (this.hasAudioDeviceAvailable) {
+		if (defaultMicrophones.length > 0) {
 			defaultMicrophones.forEach((device: Device) => {
 				customDevices.microphones.push({ label: device.label, device: device.deviceId });
 			});
@@ -73,11 +80,17 @@ export class DeviceService {
 			if (!!storageMicrophone) {
 				this.microphoneSelected = storageMicrophone;
 			} else if (customDevices.microphones.length > 0) {
-				this.microphoneSelected = customDevices.microphones[0];
+				if(this.deviceAccessDeniedError && customDevices.microphones.length > 1){
+					// We assume that the default device is already in use
+					// Assign an alternative device with the aim of avoiding the DEVICE_ALREADY_IN_USE error
+					this.microphoneSelected = customDevices.microphones[1];
+				} else {
+					this.microphoneSelected = customDevices.microphones[0];
+				}
 			}
 		}
 
-		if (this.hasVideoDeviceAvailable) {
+		if (defaultCameras.length > 0) {
 			defaultCameras.forEach((device: Device, index: number) => {
 				const myDevice: CustomDevice = {
 					label: device.label,
@@ -103,7 +116,13 @@ export class DeviceService {
 			if (!!storageCamera) {
 				this.cameraSelected = storageCamera;
 			} else if (customDevices.cameras.length > 0) {
-				this.cameraSelected = customDevices.cameras[0];
+				if(this.deviceAccessDeniedError && customDevices.cameras.length > 1){
+					// We assume that the default device is already in use
+					// Assign an alternative device with the aim of avoiding the DEVICE_ALREADY_IN_USE error
+					this.cameraSelected = customDevices.cameras[1];
+				} else {
+					this.cameraSelected = customDevices.cameras[0];
+				}
 			}
 		}
 		return customDevices;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index a6922f77..d55d3bcb 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -1,5 +1,14 @@
 import { Injectable } from '@angular/core';
-import { Connection, OpenVidu, Publisher, PublisherProperties, Session, SignalOptions } from 'openvidu-browser';
+import {
+	Connection,
+	OpenVidu,
+	OpenViduError,
+	OpenViduErrorName,
+	Publisher,
+	PublisherProperties,
+	Session,
+	SignalOptions
+} from 'openvidu-browser';
 
 import { LoggerService } from '../logger/logger.service';
 
@@ -107,7 +116,6 @@ export class OpenViduService {
 	 * Initialize a publisher checking devices saved on storage or if participant have devices available.
 	 */
 	async initDefaultPublisher(targetElement: string | HTMLElement): Promise<Publisher> {
-
 		const hasVideoDevices = this.deviceService.hasVideoDeviceAvailable();
 		const hasAudioDevices = this.deviceService.hasAudioDeviceAvailable();
 		const isVideoActive = !this.deviceService.isVideoMuted();
@@ -272,29 +280,35 @@ export class OpenViduService {
 	async replaceTrack(videoType: VideoType, props: PublisherProperties) {
 		try {
 			this.log.d(`Replacing ${videoType} track`, props);
+
 			if (videoType === VideoType.CAMERA) {
+				let mediaStream: MediaStream;
+				const oldMediaStream = this.participantService.getMyCameraPublisher().stream.getMediaStream();
+				const isFirefoxPlatform = this.platformService.isFirefox();
 				const isReplacingAudio = !!props.audioSource;
 				const isReplacingVideo = !!props.videoSource;
 
-				if (this.platformService.isFirefox()) {
-					// Firefox throw an exception trying to get a new MediaStreamTrack if the older one is not stopped
-					// NotReadableError: Concurrent mic process limit. Stopping tracks before call to getUserMedia
-					if (isReplacingVideo) {
-						this.participantService.getMyCameraPublisher().stream.getMediaStream().getVideoTracks()[0].stop();
-					} else if (isReplacingAudio) {
-						this.participantService.getMyCameraPublisher().stream.getMediaStream().getAudioTracks()[0].stop();
+				if (isReplacingVideo) {
+					if (isFirefoxPlatform) {
+						// Firefox throw an exception trying to get a new MediaStreamTrack if the older one is not stopped
+						// NotReadableError: Concurrent mic process limit. Stopping tracks before call to getUserMedia
+						oldMediaStream.getVideoTracks()[0].stop();
 					}
-				}
-
-				const track = await this.OV.getUserMedia(props);
-				if (isReplacingAudio) {
-					// Replace audio track
-					const audioTrack: MediaStreamTrack = track.getAudioTracks()[0];
-					await this.participantService.getMyCameraPublisher().replaceTrack(audioTrack);
-				} else if (isReplacingVideo) {
+					mediaStream = await this.createMediaStream(props);
 					// Replace video track
-					const videoTrack: MediaStreamTrack = track.getVideoTracks()[0];
+					const videoTrack: MediaStreamTrack = mediaStream.getVideoTracks()[0];
 					await this.participantService.getMyCameraPublisher().replaceTrack(videoTrack);
+
+				} else if (isReplacingAudio) {
+					if (isFirefoxPlatform) {
+						// Firefox throw an exception trying to get a new MediaStreamTrack if the older one is not stopped
+						// NotReadableError: Concurrent mic process limit. Stopping tracks before call to getUserMedia
+						oldMediaStream.getAudioTracks()[0].stop();
+					}
+					mediaStream = await this.createMediaStream(props);
+					// Replace audio track
+					const audioTrack: MediaStreamTrack = mediaStream.getAudioTracks()[0];
+					await this.participantService.getMyCameraPublisher().replaceTrack(audioTrack);
 				}
 			} else if (videoType === VideoType.SCREEN) {
 				const newScreenMediaStream = await this.OVScreen.getUserMedia(props);
@@ -307,6 +321,33 @@ export class OpenViduService {
 		}
 	}
 
+	private async createMediaStream(pp: PublisherProperties): Promise<MediaStream>{
+		let mediaStream: MediaStream;
+		const isFirefoxPlatform = this.platformService.isFirefox();
+		const isReplacingAudio = !!pp.audioSource;
+		const isReplacingVideo = !!pp.videoSource;
+
+		try {
+			mediaStream = await this.OV.getUserMedia(pp);
+		} catch (error) {
+			if ((<OpenViduError>error).name === OpenViduErrorName.DEVICE_ACCESS_DENIED) {
+				if (isFirefoxPlatform) {
+					this.log.w('The device requested is not available. Restoring the older one');
+					// The track requested is not available so we are getting the old tracks ids for recovering the track
+					if (isReplacingVideo) {
+						pp.videoSource = this.deviceService.getCameraSelected().device;
+					} else if (isReplacingAudio) {
+						pp.audioSource = this.deviceService.getMicrophoneSelected().device;
+					}
+					mediaStream = await this.OV.getUserMedia(pp);
+					// TODO show error alert informing that the new device is not available
+				}
+			}
+		} finally {
+			return mediaStream;
+		}
+	}
+
 	needSendNicknameSignal(): boolean {
 		const oldNickname: string = JSON.parse(this.webcamSession.connection.data).clientData;
 		return oldNickname !== this.participantService.getWebcamNickname();

From 8ab769161bf31348a7268dc29538bd33e69ef2c5 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 22 Feb 2022 16:59:24 +0100
Subject: [PATCH 24/74] openvidu-components: Fixed fullscreen toggle

---
 .../src/lib/components/toolbar/toolbar.component.ts             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 8ef04465..5bb3613a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -237,7 +237,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	}
 
 	toggleFullscreen() {
-		this.documentService.toggleFullscreen('room-container');
+		this.documentService.toggleFullscreen('session-container');
 		this.isFullscreenEnabled = !this.isFullscreenEnabled;
 	}
 

From 8ee9d74d3dd12df47e81a9dac3f480cb2253d966 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 23 Feb 2022 12:10:16 +0100
Subject: [PATCH 25/74] openvidu-components: Play sound when a new message is
 received

---
 .../openvidu-angular/src/lib/services/chat/chat.service.ts  | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts
index 2d61c0f8..4217db30 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts
@@ -19,7 +19,7 @@ import { MenuType } from '../../models/menu.model';
 })
 export class ChatService {
 	messagesObs: Observable<ChatMessage[]>;
-
+	private messageSound: HTMLAudioElement;
 	protected _messageList = <BehaviorSubject<ChatMessage[]>>new BehaviorSubject([]);
 	protected messageList: ChatMessage[] = [];
 	protected log: ILogger;
@@ -32,6 +32,8 @@ export class ChatService {
 	) {
 		this.log = this.loggerSrv.get('ChatService');
 		this.messagesObs = this._messageList.asObservable();
+		this.messageSound = new Audio('assets/audio/message_sound.mp3');
+		this.messageSound.volume = 0.5;
 	}
 
 	subscribeToChat() {
@@ -52,6 +54,8 @@ export class ChatService {
 					buttonActionText: 'READ'
 				};
 				this.launchNotification(notificationOptions);
+				this.messageSound.play().catch(() => {});
+
 			}
 			this._messageList.next(this.messageList);
 		});

From 948a64c5514ab7d979ad395c0e69574a156c4ef7 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 23 Feb 2022 12:13:28 +0100
Subject: [PATCH 26/74] openvidu-components: Added OnPush detection strategy

---
 .../lib/components/layout/layout.component.ts    | 16 ++++++++++------
 .../panel/chat-panel/chat-panel.component.ts     |  5 +++--
 .../src/lib/components/panel/panel.component.ts  |  8 +++++---
 .../participants-panel.component.ts              |  5 +++--
 .../lib/components/stream/stream.component.ts    |  1 -
 .../user-settings/user-settings.component.ts     |  5 +++--
 6 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index da033354..62e625f2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ContentChild, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { ParticipantAbstractModel } from '../../models/participant.model';
@@ -8,9 +8,10 @@ import { StreamDirective } from '../../directives/openvidu-angular.directive';
 @Component({
 	selector: 'ov-layout',
 	templateUrl: './layout.component.html',
-	styleUrls: ['./layout.component.css']
+	styleUrls: ['./layout.component.css'],
+	changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
+export class LayoutComponent implements OnInit, OnDestroy {
 	@ContentChild('stream', { read: TemplateRef }) streamTemplate: TemplateRef<any>;
 
 	@ContentChild(StreamDirective)
@@ -27,30 +28,33 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 	protected localParticipantSubs: Subscription;
 	protected remoteParticipantsSubs: Subscription;
 
-	constructor(protected layoutService: LayoutService, protected participantService: ParticipantService) {}
+	constructor(protected layoutService: LayoutService, protected participantService: ParticipantService, private cd: ChangeDetectorRef) {}
 
 	ngOnInit(): void {
 		this.subscribeToUsers();
+		this.layoutService.initialize();
+		this.layoutService.update();
 	}
 
-	ngAfterViewInit() {}
-
 	ngOnDestroy() {
 		this.localParticipant = null;
 		this.remoteParticipants = [];
 		if (this.localParticipantSubs) this.localParticipantSubs.unsubscribe();
 		if (this.remoteParticipantsSubs) this.remoteParticipantsSubs.unsubscribe();
+		this.layoutService.clear();
 	}
 
 	protected subscribeToUsers() {
 		this.localParticipantSubs = this.participantService.localParticipantObs.subscribe((p) => {
 			this.localParticipant = p;
 			this.layoutService.update();
+			this.cd.markForCheck();
 		});
 
 		this.remoteParticipantsSubs = this.participantService.remoteParticipantsObs.subscribe((participants) => {
 			this.remoteParticipants = [...participants];
 			this.layoutService.update();
+			this.cd.markForCheck();
 		});
 	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
index a885dce2..77e8fd17 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ChatMessage } from '../../../models/chat.model';
 import { MenuType } from '../../../models/menu.model';
@@ -8,7 +8,8 @@ import { SidenavMenuService } from '../../../services/sidenav-menu/sidenav-menu.
 @Component({
 	selector: 'ov-chat-panel',
 	templateUrl: './chat-panel.component.html',
-	styleUrls: ['./chat-panel.component.css']
+	styleUrls: ['./chat-panel.component.css'],
+	changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ChatPanelComponent implements OnInit, AfterViewInit {
 	@ViewChild('chatScroll') chatScroll: ElementRef;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
index cfa965bd..bdb79501 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
@@ -1,4 +1,4 @@
-import { Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
 import { skip, Subscription } from 'rxjs';
 import { ChatPanelDirective, ParticipantsPanelDirective } from '../../directives/openvidu-angular.directive';
 import { MenuType } from '../../models/menu.model';
@@ -7,7 +7,8 @@ import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.ser
 @Component({
 	selector: 'ov-panel',
 	templateUrl: './panel.component.html',
-	styleUrls: ['./panel.component.css']
+	styleUrls: ['./panel.component.css'],
+	changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class PanelComponent implements OnInit {
 	@ContentChild('participantsPanel', { read: TemplateRef }) participantsPanelTemplate: TemplateRef<any>;
@@ -34,7 +35,7 @@ export class PanelComponent implements OnInit {
 	isParticipantsPanelOpened: boolean;
 	isChatPanelOpened: boolean;
 	menuSubscription: Subscription;
-	constructor(protected menuService: SidenavMenuService) {}
+	constructor(protected menuService: SidenavMenuService, private cd: ChangeDetectorRef) {}
 
 	ngOnInit(): void {
 		this.subscribeToPanelToggling();
@@ -43,6 +44,7 @@ export class PanelComponent implements OnInit {
 		this.menuSubscription = this.menuService.menuOpenedObs.pipe(skip(1)).subscribe((ev: { opened: boolean; type?: MenuType }) => {
 			this.isChatPanelOpened = ev.opened && ev.type === MenuType.CHAT;
 			this.isParticipantsPanelOpened = ev.opened && ev.type === MenuType.PARTICIPANTS;
+			this.cd.markForCheck();
 		});
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
index 65660d73..1259228c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
 import { ParticipantAbstractModel, ParticipantModel } from '../../../../models/participant.model';
 import { ParticipantService } from '../../../../services/participant/participant.service';
 import { SidenavMenuService } from '../../../..//services/sidenav-menu/sidenav-menu.service';
@@ -7,7 +7,8 @@ import { ParticipantPanelItemDirective } from '../../../../directives/openvidu-a
 @Component({
 	selector: 'ov-participants-panel',
 	templateUrl: './participants-panel.component.html',
-	styleUrls: ['./participants-panel.component.css']
+	styleUrls: ['./participants-panel.component.css'],
+	changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ParticipantsPanelComponent implements OnInit {
 	localParticipant: any;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 62cc0815..33f1abe7 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -4,7 +4,6 @@ import { MatMenuPanel, MatMenuTrigger } from '@angular/material/menu';
 import { NicknameMatcher } from '../../matchers/nickname.matcher';
 import { VideoSizeIcon } from '../../models/icon.model';
 import { ScreenType, VideoType } from '../../models/video-type.model';
-import { Storage } from '../../models/storage.model';
 import { DocumentService } from '../../services/document/document.service';
 import { CdkOverlayService } from '../../services/cdk-overlay/cdk-overlay.service';
 import { OpenViduService } from '../../services/openvidu/openvidu.service';
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
index 59d1dc64..fa79141c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
 import { FormControl, Validators } from '@angular/forms';
 import { Subscription } from 'rxjs';
 
@@ -22,7 +22,8 @@ import { ParticipantAbstractModel } from '../../models/participant.model';
 @Component({
 	selector: 'ov-user-settings',
 	templateUrl: './user-settings.component.html',
-	styleUrls: ['./user-settings.component.css']
+	styleUrls: ['./user-settings.component.css'],
+	// changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class UserSettingsComponent implements OnInit, OnDestroy {
 	@ViewChild('bodyCard') bodyCard: ElementRef;

From ad06e2239b281dd601340b200071cba02046c438 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 23 Feb 2022 17:10:11 +0100
Subject: [PATCH 27/74] openvidu-components: Fixed bug replacing the screen
 track

---
 .../lib/services/openvidu/openvidu.service.ts    | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index d55d3bcb..43771661 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -153,6 +153,7 @@ export class OpenViduService {
 		if (hasVideoDevices || hasAudioDevices) {
 			const publisher = await this.initPublisher(targetElement, properties);
 			this.participantService.setMyCameraPublisher(publisher);
+			this.participantService.updateParticipantMediaStatus();
 			return publisher;
 		} else {
 			this.participantService.setMyCameraPublisher(null);
@@ -298,7 +299,6 @@ export class OpenViduService {
 					// Replace video track
 					const videoTrack: MediaStreamTrack = mediaStream.getVideoTracks()[0];
 					await this.participantService.getMyCameraPublisher().replaceTrack(videoTrack);
-
 				} else if (isReplacingAudio) {
 					if (isFirefoxPlatform) {
 						// Firefox throw an exception trying to get a new MediaStreamTrack if the older one is not stopped
@@ -311,17 +311,21 @@ export class OpenViduService {
 					await this.participantService.getMyCameraPublisher().replaceTrack(audioTrack);
 				}
 			} else if (videoType === VideoType.SCREEN) {
-				const newScreenMediaStream = await this.OVScreen.getUserMedia(props);
-				// this.stopTracks(this.screenMediaStream);
-				// this.screenMediaStream = newScreenMediaStream;
-				await this.participantService.getMyScreenPublisher().replaceTrack(newScreenMediaStream.getVideoTracks()[0]);
+				let newScreenMediaStream;
+				try {
+					newScreenMediaStream = await this.OVScreen.getUserMedia(props);
+					this.participantService.getMyScreenPublisher().stream.getMediaStream().getVideoTracks()[0].stop();
+					await this.participantService.getMyScreenPublisher().replaceTrack(newScreenMediaStream.getVideoTracks()[0]);
+				} catch (error) {
+					this.log.w('Cannot create the new MediaStream', error);
+				}
 			}
 		} catch (error) {
 			this.log.e('Error replacing track ', error);
 		}
 	}
 
-	private async createMediaStream(pp: PublisherProperties): Promise<MediaStream>{
+	private async createMediaStream(pp: PublisherProperties): Promise<MediaStream> {
 		let mediaStream: MediaStream;
 		const isFirefoxPlatform = this.platformService.isFirefox();
 		const isReplacingAudio = !!pp.audioSource;

From e02f72a0f165c6a44c58936208c5ce81a689c37e Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 24 Feb 2022 10:16:23 +0100
Subject: [PATCH 28/74] openvidu-components: Fixed bug with fullscreen

Listened the F11 keydown for updating the UI
---
 .../components/toolbar/toolbar.component.html | 30 +++++----
 .../components/toolbar/toolbar.component.ts   | 62 +++++++++++++------
 .../src/lib/services/device/device.service.ts |  1 -
 3 files changed, 57 insertions(+), 36 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index bcd52178..43ac495a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -11,12 +11,11 @@
 			id="navMicrophoneButton"
 			mat-icon-button
 			(click)="toggleMicrophone()"
-			[disabled]="isConnectionLost"
-			*ngIf="hasAudioDevices"
-			[class.warn-btn]="!isWebcamAudioEnabled"
+			[disabled]="isConnectionLost || !hasAudioDevices"
+			[class.warn-btn]="!isWebcamAudioActive"
 		>
-			<mat-icon *ngIf="isWebcamAudioEnabled" matTooltip="Mute your audio">mic</mat-icon>
-			<mat-icon *ngIf="!isWebcamAudioEnabled" matTooltip="Unmute your audio">mic_off</mat-icon>
+			<mat-icon *ngIf="isWebcamAudioActive" matTooltip="Mute your audio">mic</mat-icon>
+			<mat-icon *ngIf="!isWebcamAudioActive" matTooltip="Unmute your audio">mic_off</mat-icon>
 		</button>
 
 		<!-- Camera button -->
@@ -24,12 +23,11 @@
 			id="navCameraButton"
 			mat-icon-button
 			(click)="toggleCamera()"
-			[disabled]="isConnectionLost"
-			*ngIf="hasVideoDevices"
-			[class.warn-btn]="!isWebcamVideoEnabled"
+			[disabled]="isConnectionLost || !hasVideoDevices"
+			[class.warn-btn]="!isWebcamVideoActive"
 		>
-			<mat-icon *ngIf="isWebcamVideoEnabled" matTooltip="Mute your cam">videocam</mat-icon>
-			<mat-icon *ngIf="!isWebcamVideoEnabled" matTooltip="Unmute your cam">videocam_off</mat-icon>
+			<mat-icon *ngIf="isWebcamVideoActive" matTooltip="Mute your cam">videocam</mat-icon>
+			<mat-icon *ngIf="!isWebcamVideoActive" matTooltip="Unmute your cam">videocam_off</mat-icon>
 		</button>
 
 		<!-- Screenshare button -->
@@ -38,16 +36,16 @@
 			mat-icon-button
 			(click)="toggleScreenShare()"
 			[disabled]="isConnectionLost"
-			[class.active-btn]="isScreenShareEnabled"
+			[class.active-btn]="isScreenShareActive"
 		>
-			<mat-icon *ngIf="!isScreenShareEnabled" matTooltip="Enable screen share">screen_share</mat-icon>
-			<mat-icon *ngIf="isScreenShareEnabled" matTooltip="Disable screen share">screen_share</mat-icon>
+			<mat-icon *ngIf="!isScreenShareActive" matTooltip="Enable screen share">screen_share</mat-icon>
+			<mat-icon *ngIf="isScreenShareActive" matTooltip="Disable screen share">screen_share</mat-icon>
 		</button>
 
 		<!-- Fullscreen button -->
-		<button mat-icon-button (click)="toggleFullscreen()" [disabled]="isConnectionLost" [class.active-btn]="isFullscreenEnabled">
-			<mat-icon *ngIf="isFullscreenEnabled" matTooltip="Exit Fullscreen">fullscreen_exit</mat-icon>
-			<mat-icon *ngIf="!isFullscreenEnabled" matTooltip="Fullscreen">fullscreen</mat-icon>
+		<button mat-icon-button (click)="toggleFullscreen()" [disabled]="isConnectionLost" [class.active-btn]="isFullscreenActive">
+			<mat-icon *ngIf="isFullscreenActive" matTooltip="Exit Fullscreen">fullscreen_exit</mat-icon>
+			<mat-icon *ngIf="!isFullscreenActive" matTooltip="Fullscreen">fullscreen</mat-icon>
 		</button>
 
 		<!-- Custom toolbar buttons -->
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 5bb3613a..ac14fa66 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -1,4 +1,13 @@
-import { Component, ContentChild, EventEmitter, HostListener, OnDestroy, OnInit, Output, TemplateRef } from '@angular/core';
+import {
+	Component,
+	ContentChild,
+	EventEmitter,
+	HostListener,
+	OnDestroy,
+	OnInit,
+	Output,
+	TemplateRef
+} from '@angular/core';
 import { skip, Subscription } from 'rxjs';
 import { TokenService } from '../../services/token/token.service';
 import { ChatService } from '../../services/chat/chat.service';
@@ -33,13 +42,13 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	session: Session;
 	unreadMessages: number = 0;
 	messageList: ChatMessage[] = [];
-	isScreenShareEnabled: boolean;
-	isWebcamVideoEnabled: boolean;
-	isWebcamAudioEnabled: boolean;
+	isScreenShareActive: boolean;
+	isWebcamVideoActive: boolean;
+	isWebcamAudioActive: boolean;
 	isConnectionLost: boolean;
 	hasVideoDevices: boolean;
 	hasAudioDevices: boolean;
-	isFullscreenEnabled: boolean = false;
+	isFullscreenActive: boolean = false;
 	isChatOpened: boolean = false;
 	isParticipantsOpened: boolean = false;
 	logoUrl = 'assets/images/openvidu_globe.png';
@@ -51,6 +60,8 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	protected webcamVideoStateSubscription: Subscription;
 	protected webcamAudioStateSubscription: Subscription;
 
+	private currentWindowHeight = window.innerHeight;
+
 	constructor(
 		protected documentService: DocumentService,
 		protected chatService: ChatService,
@@ -85,11 +96,21 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 
 	@HostListener('window:resize', ['$event'])
 	sizeChange(event) {
-		const maxHeight = window.screen.height;
-		const maxWidth = window.screen.width;
-		const curHeight = window.innerHeight;
-		const curWidth = window.innerWidth;
-		this.isFullscreenEnabled = maxWidth == curWidth && maxHeight == curHeight;
+		if(this.currentWindowHeight >= window.innerHeight) {
+			// The user has exit the fullscreen mode
+			this.isFullscreenActive = false;
+			this.currentWindowHeight = window.innerHeight;
+		}
+	}
+
+	@HostListener('document:keydown', ['$event'])
+	keyDown(event: KeyboardEvent) {
+		if(event.key === 'F11'){
+			event.preventDefault();
+			this.toggleFullscreen();
+			this.currentWindowHeight = window.innerHeight;
+			return false;
+		}
 	}
 
 	async ngOnInit() {
@@ -188,7 +209,10 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 					this.participantService.enableScreenUser(screenPublisher);
 
 					if (!this.openviduService.isScreenSessionConnected()) {
-						await this.openviduService.connectSession(this.openviduService.getScreenSession(), this.tokenService.getScreenToken());
+						await this.openviduService.connectSession(
+							this.openviduService.getScreenSession(),
+							this.tokenService.getScreenToken()
+						);
 					}
 					await this.openviduService.publish(this.participantService.getMyScreenPublisher());
 					// this.openviduService.sendNicknameSignal();
@@ -237,8 +261,8 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	}
 
 	toggleFullscreen() {
+		this.isFullscreenActive = !this.isFullscreenActive;
 		this.documentService.toggleFullscreen('session-container');
-		this.isFullscreenEnabled = !this.isFullscreenEnabled;
 	}
 
 	protected subscribeToReconnection() {
@@ -253,7 +277,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		});
 	}
 	protected subscribeToMenuToggling() {
-		this.menuTogglingSubscription = this.menuService.menuOpenedObs.subscribe((ev: {opened: boolean, type?: MenuType}) => {
+		this.menuTogglingSubscription = this.menuService.menuOpenedObs.subscribe((ev: { opened: boolean; type?: MenuType }) => {
 			this.isChatOpened = ev.opened && ev.type === MenuType.CHAT;
 			this.isParticipantsOpened = ev.opened && ev.type === MenuType.PARTICIPANTS;
 			if (this.isChatOpened) {
@@ -271,15 +295,15 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		});
 	}
 	protected subscribeToUserMediaProperties() {
-		this.screenShareStateSubscription = this.participantService.screenShareState.subscribe((enabled) => {
-			this.isScreenShareEnabled = enabled;
+		this.screenShareStateSubscription = this.participantService.screenShareState.subscribe((active) => {
+			this.isScreenShareActive = active;
 		});
 
-		this.webcamVideoStateSubscription = this.participantService.webcamVideoActive.subscribe((enabled) => {
-			this.isWebcamVideoEnabled = enabled;
+		this.webcamVideoStateSubscription = this.participantService.webcamVideoActive.subscribe((active) => {
+			this.isWebcamVideoActive = active;
 		});
-		this.webcamAudioStateSubscription = this.participantService.webcamAudioActive.subscribe((enabled) => {
-			this.isWebcamAudioEnabled = enabled;
+		this.webcamAudioStateSubscription = this.participantService.webcamAudioActive.subscribe((active) => {
+			this.isWebcamAudioActive = active;
 		});
 	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
index 5f610e99..86a73d00 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
@@ -50,7 +50,6 @@ export class DeviceService {
 		}
 
 		this.devices = await this.OV.getDevices();
-		console.log(this.devices);
 		const customDevices = this.initializeCustomDevices(this.devices);
 		this.cameras = customDevices.cameras;
 		this.microphones = customDevices.microphones;

From 000f21b9ddad1d6afc4fd40b5d5165c085b93874 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 24 Feb 2022 10:20:32 +0100
Subject: [PATCH 29/74] openvidu-components: Used OnPush change detection
 strategy

---
 .../lib/components/session/session.component.ts   | 15 ++++-----------
 .../lib/components/toolbar/toolbar.component.ts   | 12 ++++++++++--
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index 638e2064..0ad6eb60 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ContentChild, EventEmitter, HostListener, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, HostListener, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
 import { Subscriber, Session, StreamEvent, StreamPropertyChangedEvent, SessionDisconnectedEvent, ConnectionEvent } from 'openvidu-browser';
 
 import { VideoType } from '../../models/video-type.model';
@@ -21,9 +21,10 @@ import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.ser
 @Component({
 	selector: 'ov-session',
 	templateUrl: './session.component.html',
-	styleUrls: ['./session.component.css']
+	styleUrls: ['./session.component.css'],
+	changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class SessionComponent implements OnInit, AfterViewInit {
+export class SessionComponent implements OnInit {
 	@ContentChild('toolbar', { read: TemplateRef }) toolbarTemplate: TemplateRef<any>;
 	@ContentChild('panel', { read: TemplateRef }) panelTemplate: TemplateRef<any>;
 	@ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
@@ -112,12 +113,6 @@ export class SessionComponent implements OnInit, AfterViewInit {
 		this._session.emit(this.session);
 	}
 
-	ngAfterViewInit(): void {
-		this.layoutService.initialize();
-		this.layoutService.update();
-
-	}
-
 	ngOnDestroy() {
 		// Reconnecting session is received in Firefox
 		// To avoid 'Connection lost' message uses session.off()
@@ -125,7 +120,6 @@ export class SessionComponent implements OnInit, AfterViewInit {
 		this.participantService.clear();
 		this.session = null;
 		this.sessionScreen = null;
-		this.layoutService.clear();
 		this.isChatPanelOpened = false;
 		this.isParticipantsPanelOpened = false;
 		if (this.menuSubscription) this.menuSubscription.unsubscribe();
@@ -238,7 +232,6 @@ export class SessionComponent implements OnInit, AfterViewInit {
 		this.session.on('streamDestroyed', (event: StreamEvent) => {
 			const connectionId = event.stream.connection.connectionId;
 			this.participantService.removeConnectionByConnectionId(connectionId);
-			// event.preventDefault();
 		});
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index ac14fa66..697cca81 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -1,4 +1,6 @@
 import {
+	ChangeDetectionStrategy,
+	ChangeDetectorRef,
 	Component,
 	ContentChild,
 	EventEmitter,
@@ -28,7 +30,8 @@ import { MenuType } from '../../models/menu.model';
 @Component({
 	selector: 'ov-toolbar',
 	templateUrl: './toolbar.component.html',
-	styleUrls: ['./toolbar.component.css']
+	styleUrls: ['./toolbar.component.css'],
+	changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ToolbarComponent implements OnInit, OnDestroy {
 	@ContentChild('centeredButtons', { read: TemplateRef }) centeredButtonsTemplate: TemplateRef<any>;
@@ -71,7 +74,8 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		protected openviduService: OpenViduService,
 		protected oVDevicesService: DeviceService,
 		protected actionService: ActionService,
-		protected loggerSrv: LoggerService
+		protected loggerSrv: LoggerService,
+		private cd: ChangeDetectorRef
 	) {
 		this.log = this.loggerSrv.get('ToolbarComponent');
 	}
@@ -292,18 +296,22 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 				this.unreadMessages++;
 			}
 			this.messageList = messages;
+			this.cd.markForCheck();
 		});
 	}
 	protected subscribeToUserMediaProperties() {
 		this.screenShareStateSubscription = this.participantService.screenShareState.subscribe((active) => {
 			this.isScreenShareActive = active;
+			this.cd.markForCheck();
 		});
 
 		this.webcamVideoStateSubscription = this.participantService.webcamVideoActive.subscribe((active) => {
 			this.isWebcamVideoActive = active;
+			this.cd.markForCheck();
 		});
 		this.webcamAudioStateSubscription = this.participantService.webcamAudioActive.subscribe((active) => {
 			this.isWebcamAudioActive = active;
+			this.cd.markForCheck();
 		});
 	}
 }

From b52ca52e1d9d56a716c3b3d9113be8cf025f82a6 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 24 Feb 2022 10:21:58 +0100
Subject: [PATCH 30/74] openvidu-components: Minor styles changes

---
 .../src/lib/components/layout/layout.component.css    |  7 +++++--
 .../src/lib/components/layout/layout.component.html   |  2 +-
 .../src/lib/components/session/session.component.css  | 11 ++++++++---
 .../user-settings/user-settings.component.html        |  2 +-
 .../user-settings/user-settings.component.ts          |  1 -
 .../src/lib/components/video/video.component.ts       |  1 +
 6 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
index 66f36eae..73b24935 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
@@ -3,14 +3,17 @@
 }
 
 
-.bounds {
-	position: absolute;
+.layout {
+	position: relative;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	min-width: 350px !important;
+	min-height: 100%;
 	width: inherit;
+	height: -webkit-fill-available;
+	height: -moz-available;
 }
 
   /*!
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index 2dac32be..cdf2de43 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -1,4 +1,4 @@
-<div id="layout" class="bounds">
+<div id="layout" class="layout">
 	<div
 		class="OT_root OT_publisher"
 		id="localUser"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
index b7eff885..e23a7c18 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
@@ -6,8 +6,8 @@
 
 .sidenav-container {
 	position: relative;
-	height: calc(100% - 80px);
-	min-height: calc(100% - 80px);
+	height: calc(100% - 70px);
+	min-height: calc(100% - 70px);
 	padding-top: 10px;
 	width: 100%;
 	overflow: hidden;
@@ -30,6 +30,11 @@
 	min-height: -moz-available;
 }
 
+#layout-container {
+	height: inherit;
+	width: inherit;
+}
+
 .mat-drawer-container {
 	background-color: var(--ov-primary-color);
 }
@@ -38,7 +43,7 @@
 	background-color: var(--ov-primary-color);
 	min-width: 400px !important;
 	width: 100%;
-	height: 60px;
+	height: 70px;
 }
 
 #footer {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
index ce4c4918..a1c122b0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
@@ -19,7 +19,7 @@
 				<div class="row align-items-center">
 					<div class="col-sm-6 col-md-6 col-lg-6 leftSection">
 						<div class="spinner-container" *ngIf="isLoading">
-							<mat-spinner></mat-spinner>
+							<mat-spinner [diameter]="50"></mat-spinner>
 						</div>
 						<div class="videoContainer" *ngIf="!isLoading">
 							<div *ngFor="let stream of localParticipant | streams">
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
index fa79141c..94d43450 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
@@ -214,7 +214,6 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 			const nickname = this.nicknameFormControl.value;
 			this.participantService.setNickname(this.participantService.getMyCameraConnectionId(), nickname);
 			this.storageSrv.setNickname(nickname);
-			this.participantService.updateParticipantMediaStatus();
 			return this.onJoinClicked.emit();
 		}
 		this.scrollToBottom();
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
index 36594476..60e38e4d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
@@ -12,6 +12,7 @@ import { VideoType } from '../../models/video-type.model';
 			src="assets/images/poster.png"
 		/>
 		<video
+			class="OT_video-element"
 			#videoElement
 			[attr.id]="streamManager && _streamManager.stream ? 'video-' + _streamManager.stream.streamId : 'video-undefined'"
 			[muted]="mutedSound"

From 1bf3ce1bc91666cd0adc5d38e4f932469ada6c00 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 24 Feb 2022 13:02:00 +0100
Subject: [PATCH 31/74] openvidu-components: Fixed layout bug.

The layout has a bad UX. The root element is created with the entire layout width and it has a weird UX behaviour. Custom class with no width and height has been added and removed dynamically when stream container is present.
---
 .../components/layout/layout.component.css    | 21 ++++---------------
 .../components/layout/layout.component.html   |  1 -
 .../components/stream/stream.component.css    |  7 +++++++
 .../components/stream/stream.component.html   |  2 +-
 .../lib/components/stream/stream.component.ts | 12 ++++-------
 .../lib/components/video/video.component.ts   |  5 +++--
 .../src/lib/models/layout.model.ts            |  3 ++-
 .../lib/services/document/document.service.ts |  5 +++++
 .../src/lib/services/layout/layout.service.ts |  2 +-
 .../lib/services/openvidu/openvidu.service.ts |  8 +------
 10 files changed, 28 insertions(+), 38 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
index 73b24935..1027a0cd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
@@ -22,9 +22,6 @@
    * http://opensource.org/licenses/MIT
    */
 
-  .custom-class {
-	min-height: 0px !important;
-  }
 
   /**
    * OT Base styles
@@ -38,9 +35,7 @@
 	padding: 0;
 	border: 0;
 	font-size: 100%;
-	font-family: 'Ubuntu', sans-serif;
 	vertical-align: baseline;
-	transition: all .1s linear;
   }
 
   .OT_dialog-centering {
@@ -220,9 +215,11 @@
   .OT_publisher,
   .OT_subscriber {
 	position: relative;
-	min-width: 48px;
-	min-height: 48px;
+	min-width: 0px;
+	min-height: 0px;
 	margin: 1px;
+	transition-duration: 0.1s;
+	transition-timing-function: ease-in-out;
   }
 
   .OT_publisher .OT_video-element,
@@ -231,20 +228,10 @@
 	position: absolute;
 	width: 100%;
 	height: 100%;
-
 	-webkit-transform-origin: 0 0;
-
 	transform-origin: 0 0;
   }
 
-  /* Styles that are applied when the video element should be mirrored */
-  .OT_publisher.OT_mirrored .OT_video-element {
-	-webkit-transform: scale(-1, 1);
-	transform: scale(-1, 1);
-	-webkit-transform-origin: 50% 50%;
-	transform-origin: 50% 50%;
-  }
-
   .OT_subscriber_error {
 	background-color: #000;
 	color: #fff;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index cdf2de43..ca9c8403 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -1,7 +1,6 @@
 <div id="layout" class="layout">
 	<div
 		class="OT_root OT_publisher"
-		id="localUser"
 		*ngFor="let stream of localParticipant | streams"
 		[ngClass]="{ OV_small: !stream.streamManager?.stream?.videoActive }"
 	>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
index 359f99a4..dd1b3647 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
@@ -1,3 +1,10 @@
+   /* Fixes layout bug. The OT_root is created with the entire layout width and it has a weird UX behaviour */
+   .no-size {
+	height: 0px !important;
+	width: 0px !important;
+  }
+
+
 .nickname {
 	padding: 0px;
 	position: absolute;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index eec326e4..c0773def 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -1,6 +1,6 @@
 <div
 	*ngIf="this._stream"
-	class="OT_widget-container"
+	class="OT_widget-container no-size"
 	[id]="'container-' + this._stream.streamManager?.stream?.streamId"
 	#streamContainer
 >
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 33f1abe7..8ff084e1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -46,14 +46,6 @@ export class StreamComponent implements OnInit {
 		protected cdkSrv: CdkOverlayService
 	) {}
 
-	// @HostListener('document:fullscreenchange', ['$event'])
-	// @HostListener('document:webkitfullscreenchange', ['$event'])
-	// @HostListener('document:mozfullscreenchange', ['$event'])
-	// @HostListener('document:MSFullscreenChange', ['$event'])
-	// onFullscreenHandler(event) {
-	// 	this.isFullscreenEnabled = !this.isFullscreenEnabled;
-	// }
-
 	@ViewChild('streamContainer', { static: false, read: ElementRef })
 	set streamContainer(streamContainer: ElementRef) {
 		setTimeout(() => {
@@ -62,6 +54,10 @@ export class StreamComponent implements OnInit {
 				if (this._stream.type === VideoType.SCREEN) {
 					this.toggleVideoEnlarged(true);
 				}
+				// Remove 'no-size' css class for showing the element in the view.
+				// This is a workaround for fixing a layout bug which provide a bad UX with each new elements created.
+				//
+				this.documentService.removeNoSizeElementClass(this._streamContainer.nativeElement);
 			}
 		}, 0);
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
index 60e38e4d..5ac50ef1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
@@ -1,3 +1,4 @@
+import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
 import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
 import { StreamManager } from 'openvidu-browser';
 import { VideoType } from '../../models/video-type.model';
@@ -43,7 +44,7 @@ export class VideoComponent implements AfterViewInit {
 
 	@Input()
 	set streamManager(streamManager: StreamManager) {
-		setTimeout(() => {
+		if(streamManager) {
 			this._streamManager = streamManager;
 			if (!!this._videoElement && this._streamManager) {
 				this.type = <VideoType>this._streamManager?.stream?.typeOfVideo;
@@ -55,6 +56,6 @@ export class VideoComponent implements AfterViewInit {
 				}
 				this._streamManager.addVideoElement(this._videoElement.nativeElement);
 			}
-		});
+		}
 	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/layout.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/layout.model.ts
index daa0bada..d8755be3 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/layout.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/layout.model.ts
@@ -2,7 +2,8 @@ export enum LayoutClass {
 	ROOT_ELEMENT = 'OT_root',
 	BIG_ELEMENT = 'OV_big',
 	SMALL_ELEMENT = 'OV_small',
-	SIDENAV_CONTAINER = 'sidenav-container'
+	SIDENAV_CONTAINER = 'sidenav-container',
+	NO_SIZE_ELEMENT = 'no-size'
 }
 
 export enum SidenavMode {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/document/document.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/document/document.service.ts
index 0e3f1fd3..3dcf8332 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/document/document.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/document/document.service.ts
@@ -55,6 +55,11 @@ export class DocumentService {
 		}
 	}
 
+
+	removeNoSizeElementClass(element: HTMLElement | Element) {
+		element?.classList.remove(LayoutClass.NO_SIZE_ELEMENT);
+	}
+
 	removeBigElementClass(element: HTMLElement | Element) {
 		element?.classList.remove(LayoutClass.BIG_ELEMENT);
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
index 08320213..50d1e508 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
@@ -46,7 +46,7 @@ export class LayoutService {
 			bigMaxRatio: 9 / 16, // The narrowest ratio to use for the big elements (default 2x3)
 			bigMinRatio: 9 / 16, // The widest ratio to use for the big elements (default 16x9)
 			bigFirst: true, // Whether to place the big one in the top left (true) or bottom right
-			animate: true // Whether you want to animate the transitions. Invalid property, to disable it remove   transition: all .1s linear;
+			animate: true // Whether you want to animate the transitions. Deprecated property, to disable it remove the transaction property on OT_publisher css class
 		};
 		return options;
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index 43771661..301cf5cf 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -162,13 +162,7 @@ export class OpenViduService {
 
 	async initPublisher(targetElement: string | HTMLElement, properties: PublisherProperties): Promise<Publisher> {
 		this.log.d('Initializing publisher with properties: ', properties);
-
-		const publisher = await this.OV.initPublisherAsync(targetElement, properties);
-		// this.participantService.setMyCameraPublisher(publisher);
-		publisher.once('streamPlaying', () => {
-			(<HTMLElement>publisher.videos[0].video).parentElement.classList.remove('custom-class');
-		});
-		return publisher;
+		return await this.OV.initPublisherAsync(targetElement, properties);
 	}
 
 	//TODO: This method is used by republishTrack. Check if it's neecessary

From de4812754b42048ac94617dbaee00b141f228856 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 24 Feb 2022 17:16:11 +0100
Subject: [PATCH 32/74] openvidu-components: Splitted connection data  from
 session

---
 .../src/lib/services/openvidu/openvidu.service.ts         | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index 301cf5cf..bda4cd1d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -347,7 +347,13 @@ export class OpenViduService {
 	}
 
 	needSendNicknameSignal(): boolean {
-		const oldNickname: string = JSON.parse(this.webcamSession.connection.data).clientData;
+		let oldNickname: string;
+		try {
+			const connData = JSON.parse(this.webcamSession.connection.data.split('%/%')[0]);
+			oldNickname = connData.clientData;
+		} catch (error) {
+			this.log.e(error);
+		}
 		return oldNickname !== this.participantService.getWebcamNickname();
 	}
 

From 3318dfd207523d6d1d45936d9f420c5190f14927 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 25 Feb 2022 11:19:21 +0100
Subject: [PATCH 33/74] openvidu-components: Refactored names and particicipant
 observables

---
 .../components/session/session.component.ts   |  4 +-
 .../lib/components/stream/stream.component.ts |  2 +-
 .../components/toolbar/toolbar.component.ts   | 42 ++++++------------
 .../user-settings/user-settings.component.ts  | 22 +++++-----
 .../src/lib/models/participant.model.ts       | 22 ++++++----
 .../src/lib/pipes/participant.pipe.ts         |  2 +-
 .../lib/services/openvidu/openvidu.service.ts | 10 ++---
 .../participant/participant.service.ts        | 44 +++++--------------
 8 files changed, 55 insertions(+), 93 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index 0ad6eb60..30b22b8e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -164,12 +164,12 @@ export class SessionComponent implements OnInit {
 
 	private async connectToSession(): Promise<void> {
 		try {
-			if (this.participantService.areBothEnabled()) {
+			if (this.participantService.haveICameraAndScreenActive()) {
 				await this.openviduService.connectSession(this.openviduService.getWebcamSession(), this.tokenService.getWebcamToken());
 				await this.openviduService.connectSession(this.openviduService.getScreenSession(), this.tokenService.getScreenToken());
 				await this.openviduService.publish(this.participantService.getMyCameraPublisher());
 				await this.openviduService.publish(this.participantService.getMyScreenPublisher());
-			} else if (this.participantService.isOnlyMyScreenEnabled()) {
+			} else if (this.participantService.isOnlyMyScreenActive()) {
 				await this.openviduService.connectSession(this.openviduService.getScreenSession(), this.tokenService.getScreenToken());
 				await this.openviduService.publish(this.participantService.getMyScreenPublisher());
 			} else {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 8ff084e1..94a786e1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -137,7 +137,7 @@ export class StreamComponent implements OnInit {
 		const properties: PublisherProperties = {
 			videoSource: ScreenType.SCREEN,
 			publishVideo: true,
-			publishAudio: !this.participantService.isMyCameraEnabled(),
+			publishAudio: !this.participantService.isMyCameraActive(),
 			mirror: false
 		};
 		await this.openviduService.replaceTrack(VideoType.SCREEN, properties);
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 697cca81..212ad5bd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -59,10 +59,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	protected log: ILogger;
 	protected menuTogglingSubscription: Subscription;
 	protected chatMessagesSubscription: Subscription;
-	protected screenShareStateSubscription: Subscription;
-	protected webcamVideoStateSubscription: Subscription;
-	protected webcamAudioStateSubscription: Subscription;
-
+	protected localParticipantSubscription: Subscription;
 	private currentWindowHeight = window.innerHeight;
 
 	constructor(
@@ -87,14 +84,8 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		if (this.chatMessagesSubscription) {
 			this.chatMessagesSubscription.unsubscribe();
 		}
-		if (this.screenShareStateSubscription) {
-			this.screenShareStateSubscription.unsubscribe();
-		}
-		if (this.webcamVideoStateSubscription) {
-			this.webcamVideoStateSubscription.unsubscribe();
-		}
-		if (this.webcamAudioStateSubscription) {
-			this.webcamAudioStateSubscription.unsubscribe();
+		if (this.localParticipantSubscription) {
+			this.localParticipantSubscription.unsubscribe();
 		}
 	}
 
@@ -132,7 +123,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	toggleMicrophone() {
 		this.onMicClicked.emit();
 
-		if (this.participantService.isMyCameraEnabled()) {
+		if (this.participantService.isMyCameraActive()) {
 			this.openviduService.publishAudio(
 				this.participantService.getMyCameraPublisher(),
 				!this.participantService.hasCameraAudioActive()
@@ -149,7 +140,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 			const publishVideo = !this.participantService.hasCameraVideoActive();
 			const publishAudio = this.participantService.hasCameraAudioActive();
 			// Disabling webcam
-			if (this.participantService.areBothEnabled()) {
+			if (this.participantService.haveICameraAndScreenActive()) {
 				this.openviduService.publishVideo(this.participantService.getMyCameraPublisher(), publishVideo);
 				this.participantService.disableWebcamUser();
 				this.openviduService.unpublish(this.participantService.getMyCameraPublisher());
@@ -157,7 +148,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 				return;
 			}
 			// Enabling webcam
-			if (this.participantService.isOnlyMyScreenEnabled()) {
+			if (this.participantService.isOnlyMyScreenActive()) {
 				const hasAudio = this.participantService.hasScreenAudioActive();
 
 				if (!this.openviduService.isWebcamSessionConnected()) {
@@ -181,15 +172,15 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 
 		try {
 			// Disabling screenShare
-			if (this.participantService.areBothEnabled()) {
+			if (this.participantService.haveICameraAndScreenActive()) {
 				this.participantService.disableScreenUser();
 				this.openviduService.unpublish(this.participantService.getMyScreenPublisher());
 				return;
 			}
 
 			// Enabling screenShare
-			if (this.participantService.isOnlyMyCameraEnabled()) {
-				const willThereBeWebcam = this.participantService.isMyCameraEnabled() && this.participantService.hasCameraVideoActive();
+			if (this.participantService.isOnlyMyCameraActive()) {
+				const willThereBeWebcam = this.participantService.isMyCameraActive() && this.participantService.hasCameraVideoActive();
 				const hasAudio = willThereBeWebcam ? false : this.hasAudioDevices && this.participantService.hasCameraAudioActive();
 				const properties: PublisherProperties = {
 					videoSource: ScreenType.SCREEN,
@@ -300,17 +291,10 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		});
 	}
 	protected subscribeToUserMediaProperties() {
-		this.screenShareStateSubscription = this.participantService.screenShareState.subscribe((active) => {
-			this.isScreenShareActive = active;
-			this.cd.markForCheck();
-		});
-
-		this.webcamVideoStateSubscription = this.participantService.webcamVideoActive.subscribe((active) => {
-			this.isWebcamVideoActive = active;
-			this.cd.markForCheck();
-		});
-		this.webcamAudioStateSubscription = this.participantService.webcamAudioActive.subscribe((active) => {
-			this.isWebcamAudioActive = active;
+		this.localParticipantSubscription = this.participantService.localParticipantObs.subscribe((p) => {
+			this.isWebcamVideoActive = p.isCameraVideoActive();
+			this.isWebcamAudioActive = p.isCameraAudioActive();
+			this.isScreenShareActive = p.isScreenActive();
 			this.cd.markForCheck();
 		});
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
index 94d43450..bc3ba3d9 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
@@ -48,7 +48,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	hasAudioDevices: boolean;
 	isLoading = true;
 	private log: ILogger;
-	private oVUsersSubscription: Subscription;
+	private localParticipantSubscription: Subscription;
 	private screenShareStateSubscription: Subscription;
 
 	constructor(
@@ -83,8 +83,8 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	}
 
 	ngOnDestroy() {
-		if (this.oVUsersSubscription) {
-			this.oVUsersSubscription.unsubscribe();
+		if (this.localParticipantSubscription) {
+			this.localParticipantSubscription.unsubscribe();
 		}
 
 		if (this.screenShareStateSubscription) {
@@ -132,11 +132,11 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 		const publish = this.isVideoMuted;
 		this.openviduService.publishVideo(this.participantService.getMyCameraPublisher(), publish);
 
-		if (this.participantService.areBothEnabled()) {
+		if (this.participantService.haveICameraAndScreenActive()) {
 			// Cam will not published, disable webcam with screensharing active
 			this.participantService.disableWebcamUser();
 			this.openviduService.publishAudio(this.participantService.getMyScreenPublisher(), publish);
-		} else if (this.participantService.isOnlyMyScreenEnabled()) {
+		} else if (this.participantService.isOnlyMyScreenActive()) {
 			// Cam will be published, enable webcam
 			this.participantService.enableWebcamUser();
 		}
@@ -147,14 +147,14 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 
 	async toggleScreenShare() {
 		// Disabling screenShare
-		if (this.participantService.areBothEnabled()) {
+		if (this.participantService.haveICameraAndScreenActive()) {
 			this.participantService.disableScreenUser();
 			return;
 		}
 
 		// Enabling screenShare
-		if (this.participantService.isOnlyMyCameraEnabled()) {
-			const willThereBeWebcam = this.participantService.isMyCameraEnabled() && this.participantService.hasCameraVideoActive();
+		if (this.participantService.isOnlyMyCameraActive()) {
+			const willThereBeWebcam = this.participantService.isMyCameraActive() && this.participantService.hasCameraVideoActive();
 			const hasAudio = willThereBeWebcam ? false : this.hasAudioDevices && this.isAudioMuted;
 			const properties: PublisherProperties = {
 				videoSource: ScreenType.SCREEN,
@@ -242,11 +242,9 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	}
 
 	private subscribeToLocalParticipantEvents() {
-		this.oVUsersSubscription = this.participantService.localParticipantObs.subscribe((p) => {
+		this.localParticipantSubscription = this.participantService.localParticipantObs.subscribe((p) => {
 			this.localParticipant = p;
-		});
-		this.screenShareStateSubscription = this.participantService.screenShareState.subscribe((enabled) => {
-			this.screenShareEnabled = enabled;
+			this.screenShareEnabled = p.isScreenActive();
 		});
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index 5f040d0d..10b7c1fb 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -37,7 +37,10 @@ export abstract class ParticipantAbstractModel {
 
 	public isCameraAudioActive(): boolean {
 		const cameraConnection = this.getCameraConnection();
-		return cameraConnection.connected && cameraConnection.streamManager.stream.audioActive;
+		if(cameraConnection) {
+			return cameraConnection.connected && cameraConnection.streamManager.stream.audioActive;
+		}
+		return this.isScreenAudioActive();;
 	}
 
 	public isCameraVideoActive(): boolean {
@@ -46,7 +49,10 @@ export abstract class ParticipantAbstractModel {
 	}
 	isScreenAudioActive(): boolean {
 		const screenConnection = this.getScreenConnection();
-		return screenConnection?.connected && screenConnection?.streamManager?.stream?.audioActive;
+		if(screenConnection){
+			return screenConnection?.connected && screenConnection?.streamManager?.stream?.audioActive;
+		}
+		return false;
 	}
 
 	hasConnectionType(type: VideoType): boolean {
@@ -61,10 +67,10 @@ export abstract class ParticipantAbstractModel {
 		return this.streams.get(VideoType.SCREEN);
 	}
 
-	getConnectionTypesEnabled(): VideoType[] {
+	getConnectionTypesActive(): VideoType[] {
 		let connType = [];
-		if (this.isCameraEnabled()) connType.push(VideoType.CAMERA);
-		if (this.isScreenEnabled()) connType.push(VideoType.SCREEN);
+		if (this.isCameraActive()) connType.push(VideoType.CAMERA);
+		if (this.isScreenActive()) connType.push(VideoType.SCREEN);
 
 		return connType;
 	}
@@ -131,7 +137,7 @@ export abstract class ParticipantAbstractModel {
 		}
 	}
 
-	isCameraEnabled(): boolean {
+	isCameraActive(): boolean {
 		return this.getCameraConnection()?.connected;
 	}
 
@@ -145,11 +151,11 @@ export abstract class ParticipantAbstractModel {
 		if (cameraConnection) cameraConnection.connected = false;
 	}
 
-	isScreenEnabled(): boolean {
+	isScreenActive(): boolean {
 		return this.getScreenConnection()?.connected;
 	}
 
-	enablescreen() {
+	enableScreen() {
 		const screenConnection = this.getScreenConnection();
 		if (screenConnection) screenConnection.connected = true;
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
index 80634a19..7847373f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
@@ -23,7 +23,7 @@ export class StreamsEnabledPipe implements PipeTransform {
 	constructor() {}
 
 	transform(participant: ParticipantAbstractModel): string {
-		return `(${participant?.getConnectionTypesEnabled().toString().replace(',', ', ')})`;
+		return `(${participant?.getConnectionTypesActive().toString().replace(',', ', ')})`;
 	}
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index bda4cd1d..74368b16 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -31,8 +31,6 @@ export class OpenViduService {
 	protected screenSession: Session = null;
 	protected videoSource = undefined;
 	protected audioSource = undefined;
-	// protected screenMediaStream: MediaStream = null;
-	// protected webcamMediaStream: MediaStream = null;
 	protected log: ILogger;
 
 	constructor(
@@ -153,7 +151,7 @@ export class OpenViduService {
 		if (hasVideoDevices || hasAudioDevices) {
 			const publisher = await this.initPublisher(targetElement, properties);
 			this.participantService.setMyCameraPublisher(publisher);
-			this.participantService.updateParticipantMediaStatus();
+			this.participantService.updateLocalParticipant();
 			return publisher;
 		} else {
 			this.participantService.setMyCameraPublisher(null);
@@ -211,16 +209,14 @@ export class OpenViduService {
 	publishVideo(publisher: Publisher, value: boolean): void {
 		if (!!publisher) {
 			publisher.publishVideo(value);
-			// Send event to subscribers because of video has changed and view must update
-			this.participantService.updateParticipantMediaStatus();
+			this.participantService.updateLocalParticipant();
 		}
 	}
 
 	publishAudio(publisher: Publisher, value: boolean): void {
 		if (!!publisher) {
 			publisher.publishAudio(value);
-			// Send event to subscribers because of video has changed and view must update
-			this.participantService.updateParticipantMediaStatus();
+			this.participantService.updateLocalParticipant();
 		}
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index cd679ad3..0c9f5737 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -13,13 +13,7 @@ import { LoggerService } from '../logger/logger.service';
 export class ParticipantService {
 	//Local participants observables
 	localParticipantObs: Observable<ParticipantAbstractModel>;
-	screenShareState: Observable<boolean>;
-	webcamVideoActive: Observable<boolean>;
-	webcamAudioActive: Observable<boolean>;
 	protected _localParticipant = <BehaviorSubject<ParticipantAbstractModel>>new BehaviorSubject(null);
-	protected _screensharing = <BehaviorSubject<boolean>>new BehaviorSubject(false);
-	protected _cameraVideoActive = <BehaviorSubject<boolean>>new BehaviorSubject(true);
-	protected _cameraAudioActive = <BehaviorSubject<boolean>>new BehaviorSubject(true);
 
 	//Remote participants observable
 	remoteParticipantsObs: Observable<ParticipantAbstractModel[]>;
@@ -35,9 +29,6 @@ export class ParticipantService {
 
 		this.localParticipantObs = this._localParticipant.asObservable();
 		this.remoteParticipantsObs = this._remoteParticipants.asObservable();
-		this.screenShareState = this._screensharing.asObservable();
-		this.webcamVideoActive = this._cameraVideoActive.asObservable();
-		this.webcamAudioActive = this._cameraAudioActive.asObservable();
 
 		this.localParticipant = this.newParticipant();
 		this.updateLocalParticipant();
@@ -101,25 +92,12 @@ export class ParticipantService {
 		};
 
 		this.localParticipant.addConnection(steramModel);
-
-		this._screensharing.next(true);
-
 		this.updateLocalParticipant();
 	}
 
 	disableScreenUser() {
 		this.localParticipant.disableScreen();
 		this.updateLocalParticipant();
-		this._screensharing.next(false);
-	}
-
-	updateParticipantMediaStatus() {
-		this._cameraVideoActive.next(this.localParticipant.isCameraVideoActive());
-		if (this.isMyCameraEnabled()) {
-			this._cameraAudioActive.next(this.localParticipant.isCameraAudioActive());
-		} else {
-			this._cameraAudioActive.next(this.hasScreenAudioActive());
-		}
 	}
 
 	setNickname(connectionId: string, nickname: string) {
@@ -154,31 +132,31 @@ export class ParticipantService {
 	clear() {
 		this.disableScreenUser();
 		this.localParticipant = this.newParticipant();
-		this._screensharing.next(false);
+		// this._screensharing.next(false);
 		this.remoteParticipants = [];
 		this._remoteParticipants = <BehaviorSubject<ParticipantAbstractModel[]>>new BehaviorSubject([]);
 		this.remoteParticipantsObs = this._remoteParticipants.asObservable();
 		this.updateLocalParticipant();
 	}
 
-	isMyCameraEnabled(): boolean {
-		return this.localParticipant.isCameraEnabled();
+	isMyCameraActive(): boolean {
+		return this.localParticipant.isCameraActive();
 	}
 
-	isMyScreenEnabled(): boolean {
-		return this.localParticipant.isScreenEnabled();
+	isMyScreenActive(): boolean {
+		return this.localParticipant.isScreenActive();
 	}
 
-	isOnlyMyCameraEnabled(): boolean {
-		return this.isMyCameraEnabled() && !this.isMyScreenEnabled();
+	isOnlyMyCameraActive(): boolean {
+		return this.isMyCameraActive() && !this.isMyScreenActive();
 	}
 
-	isOnlyMyScreenEnabled(): boolean {
-		return this.isMyScreenEnabled() && !this.isMyCameraEnabled();
+	isOnlyMyScreenActive(): boolean {
+		return this.isMyScreenActive() && !this.isMyCameraActive();
 	}
 
-	areBothEnabled(): boolean {
-		return this.isMyCameraEnabled() && this.isMyScreenEnabled();
+	haveICameraAndScreenActive(): boolean {
+		return this.isMyCameraActive() && this.isMyScreenActive();
 	}
 
 	hasCameraVideoActive(): boolean {

From 6057d1c11e5e9dd3f6a4680470f3ec2e9e47d1b9 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 25 Feb 2022 13:53:49 +0100
Subject: [PATCH 34/74] openvidu-components: Refactored the video enlarged
 logic

---
 .../components/layout/layout.component.html   |  4 +-
 .../components/session/session.component.ts   | 16 ++---
 .../lib/components/stream/stream.component.ts | 15 +----
 .../components/toolbar/toolbar.component.ts   |  2 +-
 .../user-settings/user-settings.component.ts  |  2 +-
 .../lib/components/video/video.component.ts   |  1 -
 .../src/lib/models/participant.model.ts       | 15 ++++-
 .../lib/services/document/document.service.ts | 20 ------
 .../participant/participant.service.ts        | 64 +++++++++++++------
 9 files changed, 69 insertions(+), 70 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index ca9c8403..1a7e39a5 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -2,7 +2,7 @@
 	<div
 		class="OT_root OT_publisher"
 		*ngFor="let stream of localParticipant | streams"
-		[ngClass]="{ OV_small: !stream.streamManager?.stream?.videoActive }"
+		[ngClass]="{ OV_big: stream.videoEnlarged }"
 	>
 		<ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: stream }"></ng-container>
 	</div>
@@ -11,7 +11,7 @@
 		*ngFor="let stream of remoteParticipants | streams"
 		class="OT_root OT_publisher"
 		id="remote-participant"
-		[ngClass]="{ OV_small: !stream.streamManager?.stream?.videoActive }"
+		[ngClass]="{ OV_big: stream.videoEnlarged }"
 	>
 		<ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: stream }"></ng-container>
 	</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index 30b22b8e..616e5674 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -236,15 +236,13 @@ export class SessionComponent implements OnInit {
 	}
 
 	private subscribeToStreamPropertyChange() {
-		// this.session.on('streamPropertyChanged', (event: StreamPropertyChangedEvent) => {
-		// 	const connectionId = event.stream.connection.connectionId;
-		// 	const isRemoteConnection: boolean = !this.openviduService.isMyOwnConnection(connectionId);
-		// 	if (isRemoteConnection) {
-		// 		if (event.changedProperty === 'videoActive') {
-		// 			// this.participantService.updateUsers();
-		// 		}
-		// 	}
-		// });
+		this.session.on('streamPropertyChanged', (event: StreamPropertyChangedEvent) => {
+			const connectionId = event.stream.connection.connectionId;
+			const isRemoteConnection: boolean = !this.openviduService.isMyOwnConnection(connectionId);
+			if (isRemoteConnection) {
+				this.participantService.updateRemoteParticipants();
+			}
+		});
 	}
 
 	private subscribeToNicknameChanged() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 94a786e1..62106e3c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -51,12 +51,8 @@ export class StreamComponent implements OnInit {
 		setTimeout(() => {
 			if (streamContainer) {
 				this._streamContainer = streamContainer;
-				if (this._stream.type === VideoType.SCREEN) {
-					this.toggleVideoEnlarged(true);
-				}
 				// Remove 'no-size' css class for showing the element in the view.
 				// This is a workaround for fixing a layout bug which provide a bad UX with each new elements created.
-				//
 				this.documentService.removeNoSizeElementClass(this._streamContainer.nativeElement);
 			}
 		}, 0);
@@ -84,16 +80,7 @@ export class StreamComponent implements OnInit {
 		this.cdkSrv.setSelector('body');
 	}
 
-	toggleVideoEnlarged(resetAll?) {
-		const element = this.documentService.getHTMLElementByClassName(this._streamContainer.nativeElement, LayoutClass.ROOT_ELEMENT);
-		if (!!resetAll) {
-			this.documentService.removeAllBigElementClass();
-			this.participantService.resetMyVideoEnlarged();
-			this.participantService.resetRemotesVideoEnlarged();
-		}
-
-		this.documentService.toggleBigElementClass(element);
-
+	toggleVideoEnlarged() {
 		if (!!this._stream.streamManager?.stream?.connection?.connectionId) {
 			if (this.openviduService.isMyOwnConnection(this._stream.streamManager?.stream?.connection?.connectionId)) {
 				this.participantService.toggleMyVideoEnlarged(this._stream.streamManager?.stream?.connection?.connectionId);
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 212ad5bd..817ccbe2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -201,7 +201,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 							this.toggleScreenShare();
 						});
 					this.log.d('ACCESS ALOWED screenPublisher');
-					this.participantService.enableScreenUser(screenPublisher);
+					this.participantService.activeMyScreenShare(screenPublisher);
 
 					if (!this.openviduService.isScreenSessionConnected()) {
 						await this.openviduService.connectSession(
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
index bc3ba3d9..bbd1e8e6 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
@@ -173,7 +173,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 						this.log.d('Clicked native stop button. Stopping screen sharing');
 						this.toggleScreenShare();
 					});
-				this.participantService.enableScreenUser(screenPublisher);
+				this.participantService.activeMyScreenShare(screenPublisher);
 				if (!this.participantService.hasCameraVideoActive()) {
 					this.participantService.disableWebcamUser();
 				}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
index 5ac50ef1..86dcb215 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
@@ -1,4 +1,3 @@
-import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
 import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
 import { StreamManager } from 'openvidu-browser';
 import { VideoType } from '../../models/video-type.model';
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index 10b7c1fb..ed0b94fb 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -82,8 +82,10 @@ export abstract class ParticipantAbstractModel {
 		this.getScreenConnection().connectionId = connectionId;
 	}
 
-	removeConnection(connectionId: string) {
-		this.streams.delete(this.getConnectionById(connectionId).type);
+	removeConnection(connectionId: string): StreamModel {
+		const removeStream = this.getConnectionById(connectionId);
+		this.streams.delete(removeStream.type);
+		return removeStream;
 	}
 
 	hasConnectionId(connectionId: string): boolean {
@@ -164,10 +166,19 @@ export abstract class ParticipantAbstractModel {
 		const screenConnection = this.getScreenConnection();
 		if (screenConnection) screenConnection.connected = false;
 	}
+
 	setAllVideoEnlarged(enlarged: boolean) {
 		this.streams.forEach((conn) => (conn.videoEnlarged = enlarged));
 	}
 
+	setCameraEnlarged(enlarged: boolean) {
+		this.streams.get(VideoType.CAMERA).videoEnlarged = enlarged;
+	}
+	setScreenEnlarged(enlarged: boolean) {
+		this.streams.get(VideoType.SCREEN).videoEnlarged = enlarged;
+	}
+
+
 	toggleVideoEnlarged(connectionId: string) {
 		this.streams.forEach((conn) => {
 			if (conn.connectionId === connectionId) {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/document/document.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/document/document.service.ts
index 3dcf8332..6b0c7e76 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/document/document.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/document/document.service.ts
@@ -48,30 +48,10 @@ export class DocumentService {
 		}
 	}
 
-	removeAllBigElementClass() {
-		const elements: HTMLCollectionOf<Element> = document.getElementsByClassName(LayoutClass.BIG_ELEMENT);
-		while (elements.length > 0) {
-			this.removeBigElementClass(elements[0]);
-		}
-	}
-
-
 	removeNoSizeElementClass(element: HTMLElement | Element) {
 		element?.classList.remove(LayoutClass.NO_SIZE_ELEMENT);
 	}
 
-	removeBigElementClass(element: HTMLElement | Element) {
-		element?.classList.remove(LayoutClass.BIG_ELEMENT);
-	}
-
-	toggleBigElementClass(element: HTMLElement | Element) {
-		if (element?.className.includes(LayoutClass.BIG_ELEMENT)) {
-			this.removeBigElementClass(element);
-		} else {
-			element.classList.add(LayoutClass.BIG_ELEMENT);
-		}
-	}
-
 	isSmallElement(element: HTMLElement | Element): boolean {
 		return element?.className.includes(LayoutClass.SMALL_ELEMENT);
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index 0c9f5737..d2376fea 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -78,7 +78,7 @@ export class ParticipantService {
 		this.updateLocalParticipant();
 	}
 
-	enableScreenUser(screenPublisher: Publisher) {
+	activeMyScreenShare(screenPublisher: Publisher) {
 		this.log.d('Enabling screen publisher');
 
 		const steramModel: StreamModel = {
@@ -91,6 +91,8 @@ export class ParticipantService {
 			connectionId: null
 		};
 
+		this.resetRemoteStreamsToNormalSize();
+		this.resetMyStreamsToNormalSize();
 		this.localParticipant.addConnection(steramModel);
 		this.updateLocalParticipant();
 	}
@@ -121,14 +123,19 @@ export class ParticipantService {
 		return this.localParticipant.getScreenNickname();
 	}
 
-	resetMyVideoEnlarged() {
-		this.localParticipant?.setAllVideoEnlarged(false);
-	}
 
 	toggleMyVideoEnlarged(connectionId: string) {
 		this.localParticipant.toggleVideoEnlarged(connectionId);
 	}
 
+
+	resetMyStreamsToNormalSize() {
+		if(this.localParticipant.someHasVideoEnlarged()){
+			this.localParticipant.setAllVideoEnlarged(false);
+			this.updateLocalParticipant();
+		}
+	}
+
 	clear() {
 		this.disableScreenUser();
 		this.localParticipant = this.newParticipant();
@@ -186,10 +193,11 @@ export class ParticipantService {
 
 	addRemoteConnection(connectionId:string, data: string, subscriber: Subscriber) {
 
-		const steramModel: StreamModel = {
+		const type: VideoType = this.getTypeConnectionData(data);
+		const streamModel: StreamModel = {
 			local: false,
-			type: this.getTypeConnectionData(data),
-			videoEnlarged: false,
+			type,
+			videoEnlarged: type === VideoType.SCREEN,
 			streamManager: subscriber,
 			nickname: this.getNicknameFromConnectionData(data),
 			connected: true,
@@ -200,21 +208,28 @@ export class ParticipantService {
 		const participantAdded = this.getRemoteParticipantById(participantId);
 		if (!!participantAdded) {
 			this.log.d('Adding connection to existing participant: ', participantId);
-			if(participantAdded.hasConnectionType(steramModel.type)) {
+			if(participantAdded.hasConnectionType(streamModel.type)) {
 				this.log.d('Participant has publisher, updating it');
-				participantAdded.setPublisher(steramModel.type, subscriber);
+				participantAdded.setPublisher(streamModel.type, subscriber);
 			} else {
 				this.log.d('Participant has not publisher, adding it');
-				participantAdded.addConnection(steramModel);
+				this.resetRemoteStreamsToNormalSize();
+				this.resetMyStreamsToNormalSize();
+				participantAdded.addConnection(streamModel);
 			}
 		} else {
-			this.log.d('Creating new participant with id: ', participantId);
-			const remoteParticipant = this.newParticipant(steramModel, participantId);
+			this.log.w('Creating new participant with id: ', participantId);
+			const remoteParticipant = this.newParticipant(streamModel, participantId);
 			this.remoteParticipants.push(remoteParticipant);
 		}
 		this.updateRemoteParticipants();
 	}
 
+	resetRemoteStreamsToNormalSize() {
+		this.remoteParticipants.forEach(participant => participant.setAllVideoEnlarged(false));
+		this.updateRemoteParticipants();
+	}
+
 	removeConnectionByConnectionId(connectionId: string) {
 		this.log.w('Deleting connection: ', connectionId);
 		let participant = null;
@@ -225,12 +240,24 @@ export class ParticipantService {
 		}
 
 		if (participant) {
-			participant.removeConnection(connectionId);
+			const removeStream: StreamModel = participant.removeConnection(connectionId);
 			//TODO: Timeout of X seconds?? Its possible sometimes the connections map was empty but must not be deleted
 			if (participant.streams.size === 0) {
 				// Remove participants without connections
 				this.remoteParticipants = this.remoteParticipants.filter((p) => p !== participant);
 			}
+			if(removeStream.type === VideoType.SCREEN){
+				const remoteScreens = this.remoteParticipants.filter(p => p.isScreenActive());
+				if(remoteScreens.length > 0){
+					// Enlarging the last screen connection active
+					const lastScreenActive = remoteScreens[remoteScreens.length -1];
+					lastScreenActive.setScreenEnlarged(true);
+				} else if(this.localParticipant.isScreenActive()) {
+					// Enlarging my screen if thereare not any remote screen active
+					this.localParticipant.setScreenEnlarged(true);
+				}
+			}
+
 			this.updateRemoteParticipants();
 		}
 	}
@@ -250,10 +277,6 @@ export class ParticipantService {
 		p.toggleVideoEnlarged(connectionId);
 	}
 
-	resetRemotesVideoEnlarged() {
-		this.remoteParticipants.forEach((u) => u.setAllVideoEnlarged(false));
-	}
-
 	getNicknameFromConnectionData(data: string): string {
 		try {
 			return JSON.parse(data).clientData;
@@ -262,6 +285,10 @@ export class ParticipantService {
 		}
 	}
 
+	updateRemoteParticipants() {
+		this._remoteParticipants.next(this.remoteParticipants);
+	}
+
 	protected getTypeConnectionData(data: string): VideoType {
 		try {
 			return JSON.parse(data).type;
@@ -278,9 +305,6 @@ export class ParticipantService {
 		}
 	}
 
-	updateRemoteParticipants() {
-		this._remoteParticipants.next(this.remoteParticipants);
-	}
 	protected newParticipant(streamModel?: StreamModel, participantId?: string) {
 
 		if(this.openviduAngularConfigSrv.hasParticipantFactory()){

From 99a5c945b3211a8a74c79e0bdc802ed2cbbe0266 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 25 Feb 2022 13:58:54 +0100
Subject: [PATCH 35/74] openvidu-components: Minor style change

---
 .../lib/components/panel/chat-panel/chat-panel.component.html   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.html
index 1a97e6f2..b7414b3e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.html
@@ -6,7 +6,7 @@
 		</button>
 	</div>
 
-	<div class="text-container" fxFlex="30px">
+	<div class="text-container" fxFlex="20px">
 		<p class="text-info">Messages will be removed at the end of the session</p>
 	</div>
 

From f23f39dd6ff8fffb8fb0993d5f781aaef30ea2e9 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 25 Feb 2022 14:36:36 +0100
Subject: [PATCH 36/74] openvidu-components: Improved user-settings component

- Changed replaceTrack to republishTrack until replaceTrack issue is fixed (https://github.com/OpenVidu/openvidu/pull/700)
- Fixed bug in mat options
- Added audio detector
---
 .../user-settings/user-settings.component.css |   8 +-
 .../user-settings.component.html              |  17 +-
 .../user-settings/user-settings.component.ts  |  19 ++-
 .../lib/services/openvidu/openvidu.service.ts | 147 +++++++++---------
 4 files changed, 104 insertions(+), 87 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css
index fbdec7a2..6c2c167b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css
@@ -47,6 +47,12 @@
 	bottom: 0px;
   }
 
+  #audio-wave-container {
+	position: absolute;
+    right: 20px;
+	top: 30px;
+  }
+
   .cameraMessageContainer {
 	height: 100%;
 	width: 100%;
@@ -1074,7 +1080,7 @@
 	  padding: 35px;
 	}
 	.videoContainer{
-	  width: 90%;
+	  width: 100%;
 	}
   }
   @media (min-width: 768px) {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
index a1c122b0..4d3b7251 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
@@ -34,6 +34,9 @@
 									<span *ngIf="!hasVideoDevices && hasAudioDevices">Oops! Camera is not available</span>
 									<span *ngIf="hasVideoDevices && !hasAudioDevices">Oops! Microphone is not available</span>
 								</div>
+								<div id="audio-wave-container" *ngIf="stream.type === 'CAMERA'">
+									<ov-audio-wave [streamManager]="stream.streamManager"></ov-audio-wave>
+								</div>
 							</div>
 						</div>
 					</div>
@@ -56,11 +59,8 @@
 								</div>
 								<div class="two" fxFlex="80" fxLayoutAlign="center center">
 									<mat-form-field class="alternate-theme">
-										<mat-select
-											placeholder="Camera Options"
-											[ngModel]="!isVideoMuted && !!cameraSelected ? cameraSelected.device : 'None'"
-											(selectionChange)="onCameraSelected($event)"
-										>
+										<mat-label>Camera Options</mat-label>
+										<mat-select [disabled]="isVideoMuted" (selectionChange)="onCameraSelected($event)">
 											<mat-option *ngFor="let camera of cameras" [value]="camera.device">
 												{{ camera.label }}
 											</mat-option>
@@ -86,11 +86,8 @@
 								</div>
 								<div class="two" fxFlex="80" fxLayoutAlign="center center">
 									<mat-form-field class="alternate-theme">
-										<mat-select
-											placeholder="Microphone Options"
-											[ngModel]="!isAudioMuted && microphoneSelected ? microphoneSelected.device : 'None'"
-											(selectionChange)="onMicrophoneSelected($event)"
-										>
+										<mat-label>Microphone Options</mat-label>
+										<mat-select [disabled]="isAudioMuted" (selectionChange)="onMicrophoneSelected($event)">
 											<mat-option *ngFor="let microphone of microphones" [value]="microphone.device">
 												{{ microphone.label }}
 											</mat-option>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
index bbd1e8e6..a7bee0fd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
@@ -98,9 +98,14 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 		// Is New deviceId different from the old one?
 		if (this.deviceSrv.needUpdateVideoTrack(videoSource)) {
 			const mirror = this.deviceSrv.cameraNeedsMirror(videoSource);
-			const pp: PublisherProperties = { videoSource, audioSource: false, mirror };
+			//TODO: Uncomment this when replaceTrack issue is fixed
+			// const pp: PublisherProperties = { videoSource, audioSource: false, mirror };
+			// await this.openviduService.replaceTrack(VideoType.CAMERA, pp);
+			// TODO: Remove this when replaceTrack issue is fixed
+			const pp: PublisherProperties = { videoSource, audioSource: this.microphoneSelected.device, mirror };
+			await this.openviduService.republishTrack(pp);
+
 
-			await this.openviduService.replaceTrack(VideoType.CAMERA, pp);
 			this.cameraSelected = videoSource;
 			this.deviceSrv.setCameraSelected(this.cameraSelected);
 		}
@@ -115,8 +120,14 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 		const audioSource = event?.value;
 		// Is New deviceId different than older?
 		if (this.deviceSrv.needUpdateAudioTrack(audioSource)) {
-			const pp: PublisherProperties = { audioSource, videoSource: false };
-			await this.openviduService.replaceTrack(VideoType.CAMERA, pp);
+			//TODO: Uncomment this when replaceTrack issue is fixed
+			// const pp: PublisherProperties = { audioSource, videoSource: false };
+			// await this.openviduService.replaceTrack(VideoType.CAMERA, pp);
+			// TODO: Remove this when replaceTrack issue is fixed
+			const mirror = this.deviceSrv.cameraNeedsMirror(this.cameraSelected.device);
+			const pp: PublisherProperties = { videoSource: this.cameraSelected.device, audioSource, mirror };
+			await this.openviduService.republishTrack(pp);
+
 			this.microphoneSelected = audioSource;
 			this.deviceSrv.setMicSelected(this.microphoneSelected);
 		}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index 74368b16..d6ac44ab 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -163,22 +163,6 @@ export class OpenViduService {
 		return await this.OV.initPublisherAsync(targetElement, properties);
 	}
 
-	//TODO: This method is used by republishTrack. Check if it's neecessary
-	// private destroyPublisher(publisher: Publisher): void {
-	// 	if (!!publisher) {
-	// 		// publisher.off('streamAudioVolumeChange');
-	// 		if (publisher.stream.getWebRtcPeer()) {
-	// 			publisher.stream.disposeWebRtcPeer();
-	// 		}
-	// 		publisher.stream.disposeMediaStream();
-	// 		if (publisher.id === this.participantService.getMyCameraPublisher().id) {
-	// 			this.participantService.setMyCameraPublisher(publisher);
-	// 		} else if (publisher.id === this.participantService.getMyScreenPublisher().id) {
-	// 			this.participantService.setMyScreenPublisher(publisher);
-	// 		}
-	// 	}
-	// }
-
 	async publish(publisher: Publisher): Promise<void> {
 		if (!!publisher) {
 			if (publisher === this.participantService.getMyCameraPublisher()) {
@@ -220,39 +204,41 @@ export class OpenViduService {
 		}
 	}
 
-	// Used replaceTrack instead
-	// republishTrack(videoSource: string, audioSource: string, mirror: boolean = true): Promise<void> {
-	// 	return new Promise(async (resolve, reject) => {
-	// 		if (!!videoSource) {
-	// 			this.log.d('Replacing video track ' + videoSource);
-	// 			this.videoSource = videoSource;
-	// 		}
-	// 		if (!!audioSource) {
-	// 			this.log.d('Replacing audio track ' + audioSource);
-	// 			this.audioSource = audioSource;
-	// 		}
-	// 		this.destroyPublisher(this.participantService.getMyCameraPublisher());
-	// 		const properties: PublisherProperties = {
-	// 			videoSource: this.videoSource,
-	// 			audioSource: this.audioSource,
-	// 			publishVideo: this.participantService.hasCameraVideoActive(),
-	// 			publishAudio: this.participantService.hasCameraAudioActive(),
-	// 			mirror
-	// 		};
+	// TODO: Remove this method when replaceTrack issue is fixed
+	// https://github.com/OpenVidu/openvidu/pull/700
+	republishTrack(properties: PublisherProperties): Promise<void> {
+		const {videoSource, audioSource, mirror} = properties;
+		return new Promise(async (resolve, reject) => {
+			if (!!videoSource) {
+				this.log.d('Replacing video track ' + videoSource);
+				this.videoSource = videoSource;
+			}
+			if (!!audioSource) {
+				this.log.d('Replacing audio track ' + audioSource);
+				this.audioSource = audioSource;
+			}
+			this.destroyPublisher(this.participantService.getMyCameraPublisher());
+			const properties: PublisherProperties = {
+				videoSource: this.videoSource,
+				audioSource: this.audioSource,
+				publishVideo: this.participantService.hasCameraVideoActive(),
+				publishAudio: this.participantService.hasCameraAudioActive(),
+				mirror
+			};
 
-	// 		const publisher = await this.initPublisher(undefined, properties);
-	// 		this.participantService.setMyCameraPublisher(publisher);
+			const publisher = await this.initPublisher(undefined, properties);
+			this.participantService.setMyCameraPublisher(publisher);
 
-	// 		publisher.once('streamPlaying', () => {
-	// 			this.participantService.setMyCameraPublisher(publisher);
-	// 			resolve();
-	// 		});
+			publisher.once('streamPlaying', () => {
+				this.participantService.setMyCameraPublisher(publisher);
+				resolve();
+			});
 
-	// 		publisher.once('accessDenied', () => {
-	// 			reject();
-	// 		});
-	// 	});
-	// }
+			publisher.once('accessDenied', () => {
+				reject();
+			});
+		});
+	}
 
 	sendSignal(type: Signal, connections?: Connection[], data?: any): void {
 		const signalOptions: SignalOptions = {
@@ -273,33 +259,36 @@ export class OpenViduService {
 			this.log.d(`Replacing ${videoType} track`, props);
 
 			if (videoType === VideoType.CAMERA) {
-				let mediaStream: MediaStream;
-				const oldMediaStream = this.participantService.getMyCameraPublisher().stream.getMediaStream();
-				const isFirefoxPlatform = this.platformService.isFirefox();
-				const isReplacingAudio = !!props.audioSource;
-				const isReplacingVideo = !!props.videoSource;
+				//TODO: Uncomment this section when replaceTrack issue is fixed
+				// https://github.com/OpenVidu/openvidu/pull/700
+				throw('Replace track feature has a bug. We are trying to fix it');
+				// let mediaStream: MediaStream;
+				// const oldMediaStream = this.participantService.getMyCameraPublisher().stream.getMediaStream();
+				// const isFirefoxPlatform = this.platformService.isFirefox();
+				// const isReplacingAudio = !!props.audioSource;
+				// const isReplacingVideo = !!props.videoSource;
 
-				if (isReplacingVideo) {
-					if (isFirefoxPlatform) {
-						// Firefox throw an exception trying to get a new MediaStreamTrack if the older one is not stopped
-						// NotReadableError: Concurrent mic process limit. Stopping tracks before call to getUserMedia
-						oldMediaStream.getVideoTracks()[0].stop();
-					}
-					mediaStream = await this.createMediaStream(props);
-					// Replace video track
-					const videoTrack: MediaStreamTrack = mediaStream.getVideoTracks()[0];
-					await this.participantService.getMyCameraPublisher().replaceTrack(videoTrack);
-				} else if (isReplacingAudio) {
-					if (isFirefoxPlatform) {
-						// Firefox throw an exception trying to get a new MediaStreamTrack if the older one is not stopped
-						// NotReadableError: Concurrent mic process limit. Stopping tracks before call to getUserMedia
-						oldMediaStream.getAudioTracks()[0].stop();
-					}
-					mediaStream = await this.createMediaStream(props);
-					// Replace audio track
-					const audioTrack: MediaStreamTrack = mediaStream.getAudioTracks()[0];
-					await this.participantService.getMyCameraPublisher().replaceTrack(audioTrack);
-				}
+				// if (isReplacingVideo) {
+				// 	if (isFirefoxPlatform) {
+				// 		// Firefox throw an exception trying to get a new MediaStreamTrack if the older one is not stopped
+				// 		// NotReadableError: Concurrent mic process limit. Stopping tracks before call to getUserMedia
+				// 		oldMediaStream.getVideoTracks()[0].stop();
+				// 	}
+				// 	mediaStream = await this.createMediaStream(props);
+				// 	// Replace video track
+				// 	const videoTrack: MediaStreamTrack = mediaStream.getVideoTracks()[0];
+				// 	await this.participantService.getMyCameraPublisher().replaceTrack(videoTrack);
+				// } else if (isReplacingAudio) {
+				// 	if (isFirefoxPlatform) {
+				// 		// Firefox throw an exception trying to get a new MediaStreamTrack if the older one is not stopped
+				// 		// NotReadableError: Concurrent mic process limit. Stopping tracks before call to getUserMedia
+				// 		oldMediaStream.getAudioTracks()[0].stop();
+				// 	}
+				// 	mediaStream = await this.createMediaStream(props);
+				// 	// Replace audio track
+				// 	const audioTrack: MediaStreamTrack = mediaStream.getAudioTracks()[0];
+				// 	await this.participantService.getMyCameraPublisher().replaceTrack(audioTrack);
+				// }
 			} else if (videoType === VideoType.SCREEN) {
 				let newScreenMediaStream;
 				try {
@@ -315,6 +304,20 @@ export class OpenViduService {
 		}
 	}
 
+	private destroyPublisher(publisher: Publisher): void {
+		if (!!publisher) {
+			if (publisher.stream.getWebRtcPeer()) {
+				publisher.stream.disposeWebRtcPeer();
+			}
+			publisher.stream.disposeMediaStream();
+			if (publisher.id === this.participantService.getMyCameraPublisher().id) {
+				this.participantService.setMyCameraPublisher(publisher);
+			} else if (publisher.id === this.participantService.getMyScreenPublisher().id) {
+				this.participantService.setMyScreenPublisher(publisher);
+			}
+		}
+	}
+
 	private async createMediaStream(pp: PublisherProperties): Promise<MediaStream> {
 		let mediaStream: MediaStream;
 		const isFirefoxPlatform = this.platformService.isFirefox();

From 3e21207f8cf9aad8bcfd6f51bf091a9e9e26f7ab Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 28 Feb 2022 12:12:16 +0100
Subject: [PATCH 37/74] openvidu-components: Parametrized styles properties

---
 .../audio-wave/audio-wave.component.css          |  2 +-
 .../panel/chat-panel/chat-panel.component.css    | 10 +++++++---
 .../panel/chat-panel/chat-panel.component.ts     |  6 ++++--
 .../participants-panel.component.css             |  3 ++-
 .../lib/components/stream/stream.component.css   |  9 +++++----
 .../lib/components/stream/stream.component.html  |  2 --
 .../lib/components/stream/stream.component.ts    |  1 -
 .../lib/components/toolbar/toolbar.component.css | 16 ++++++++++------
 .../components/toolbar/toolbar.component.html    |  2 +-
 .../lib/components/toolbar/toolbar.component.ts  |  1 -
 .../user-settings/user-settings.component.css    |  5 +++--
 .../src/lib/components/video/video.component.css |  4 ++--
 openvidu-components-angular/src/styles.scss      |  5 +++++
 13 files changed, 40 insertions(+), 26 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.css
index cf377d64..3c9a16f0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/audio-wave/audio-wave.component.css
@@ -29,7 +29,7 @@
 	max-height: 15px;
 	height: 15px;
 	width: 15px;
-	border-radius: 50%;
+	border-radius: var(--ov-buttons-radius);
 	display: flex;
 	justify-content: space-between;
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
index b2b64bd1..06ffa974 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
@@ -1,7 +1,7 @@
 #chat-container {
 	margin: 20px;
 	background-color: var(--ov-light-color);
-	border-radius: 5px;
+	border-radius: var(--ov-panel-radius);
 	height: -webkit-fill-available;
 	height: -moz-available;
 }
@@ -19,6 +19,7 @@
 
 .header-container button {
 	margin-left: auto;
+	border-radius: var(--ov-buttons-radius);
 }
 
 .text-container{
@@ -43,7 +44,7 @@
 	background-color: var(--ov-light-dark-color);
 	padding: 10px;
 	margin: 10px;
-	border-radius: 5px;
+	border-radius: var(--ov-panel-radius);
 }
 
 .input-container textarea {
@@ -89,14 +90,17 @@
 
   .msg-content {
 	position: relative;
-	border-radius: 5px;
+	border-radius: var(--ov-panel-radius);
 	padding: 8px;
 	color: #000000;
 	width: auto;
 	max-width: 95%;
 	font-size: 13px;
 	word-break: break-all;
+  }
 
+  #send-btn {
+	border-radius: var(--ov-buttons-radius);
   }
 
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
index 77e8fd17..0495fbbf 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
@@ -53,8 +53,10 @@ export class ChatPanelComponent implements OnInit, AfterViewInit {
 	}
 
 	sendMessage(): void {
-		this.chatService.sendMessage(this.message);
-		this.message = '';
+		if(!!this.message) {
+			this.chatService.sendMessage(this.message);
+			this.message = '';
+		}
 	}
 
 	scrollToBottom(): void {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
index a4109f88..e0ec0517 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
@@ -1,7 +1,7 @@
 .participants-container {
 	margin: 20px;
 	background-color: var(--ov-light-color);
-	border-radius: 5px;
+	border-radius: var(--ov-panel-radius);
 	height: -webkit-fill-available;
 	height: -moz-available;
 }
@@ -19,6 +19,7 @@
 
 .header-container button {
 	margin-left: auto;
+	border-radius: var(--ov-buttons-radius);
 }
 
 .local-participant-container, .remote-participants-container {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
index dd1b3647..c46200ef 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
@@ -9,7 +9,7 @@
 	padding: 0px;
 	position: absolute;
 	z-index: 999;
-	border-radius: 5px;
+	border-radius: var(--ov-panel-radius);
 	color: #ffffff;
 	font-family: 'Roboto','RobotoDraft',Helvetica,Arial,sans-serif;
   }
@@ -18,12 +18,12 @@
 	padding: 5px;
 	color: #ffffff;
 	font-weight: bold;
-	border-radius: 2px;
+	border-radius: var(--ov-panel-radius);
   }
 
   #dialogNickname {
 	background-color:  #0000005e;
-	border-radius: 3px;
+	border-radius: var(--ov-panel-radius);
   }
 
   #closeButton {
@@ -81,6 +81,7 @@
 	width: 26px;
 	height: 26px;
 	margin: 5px;
+	border-radius: var(--ov-buttons-radius);
   }
 
   .status-icons button {
@@ -110,7 +111,7 @@
 	position: absolute;
 	overflow: hidden;
 	background-color: #000000;
-	border-radius: 5px;
+	border-radius: var(--ov-video-radius);
   }
 
   mat-error,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index c0773def..7e1bab4f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -27,8 +27,6 @@
 				</mat-form-field>
 			</form>
 		</div>
-		<!-- Custom network quality element -->
-		<ng-content select="[network-quality]"></ng-content>
 	</div>
 
 	<div id="audio-wave-container" *ngIf="showAudioDetection && _stream.type === 'CAMERA'">
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 62106e3c..c9c7f1c3 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -10,7 +10,6 @@ import { OpenViduService } from '../../services/openvidu/openvidu.service';
 import { LayoutService } from '../../services/layout/layout.service';
 import { StorageService } from '../../services/storage/storage.service';
 import { Signal } from '../../models/signal.model';
-import { LayoutClass } from '../../models/layout.model';
 import { PublisherProperties } from 'openvidu-browser';
 import { StreamModel } from '../../models/participant.model';
 import { ParticipantService } from '../../services/participant/participant.service';
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
index d60f1930..f63c818a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
@@ -34,13 +34,17 @@
 	font-size: 24px;
 }
 
-  #company-logo {
+#media-buttons-container button, #menu-buttons-container button {
+	border-radius: var(--ov-buttons-radius);
+}
+
+#branding-logo {
 	background-color: var(--ov-dark-color);
-	border-radius: 5px;
+	border-radius: var(--ov-panel-radius);
 	max-width: 35px;
 	max-height: 35px;
 	padding: 10px;
-  }
+}
 
   #session-title {
 	font-family: 'Ubuntu', sans-serif;
@@ -56,7 +60,7 @@
 	position: absolute;
 	top: 12px;
 	right: 33px;
-	border-radius: 50%;
+	border-radius: var(--ov-buttons-radius);
 	background-color: #ffa600;
 	border: 1px solid #000;
 	z-index: 99999;
@@ -64,7 +68,7 @@
 
   #leave-btn {
 	  background-color: var(--ov-warn-color) !important;
-	  border-radius: 10px !important;
+	  border-radius: var(--ov-leave-button-radius) !important;
 	  width: 60px !important;
   }
 
@@ -92,7 +96,7 @@
   }
 
   @media (max-width: 850px) {
-	#company-logo {
+	#branding-logo {
 	  display: none;
 	}
   }
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index 43ac495a..f2d09adc 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -1,7 +1,7 @@
 <mat-toolbar id="toolbar" role="heading" fxLayout fxLayoutAlign="center" fxLayoutGap="10px">
 	<div fxFlex="20%" fxLayoutAlign="start center">
 		<div id="img-container">
-			<img id="company-logo" alt="OpenVidu Logo" [src]="logoUrl" />
+			<img id="branding-logo" src='assets/images/openvidu_globe.png'/>
 			<span id="session-title" *ngIf="session && session.sessionId">{{ session.sessionId }}</span>
 		</div>
 	</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 817ccbe2..af352700 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -54,7 +54,6 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	isFullscreenActive: boolean = false;
 	isChatOpened: boolean = false;
 	isParticipantsOpened: boolean = false;
-	logoUrl = 'assets/images/openvidu_globe.png';
 
 	protected log: ILogger;
 	protected menuTogglingSubscription: Subscription;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css
index 6c2c167b..8400a4a5 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.css
@@ -1,6 +1,6 @@
 .card-header {
 	background-color: var(--ov-primary-color);
-	border-radius: 10px 10px 0px 0px;
+	border-radius: var(--ov-panel-radius) var(--ov-panel-radius) 0px 0px;
 	text-align: center;
 	height: 50px;
   }
@@ -67,6 +67,7 @@
   }
   .deviceButton {
 	box-shadow: none;
+	border-radius: var(--ov-buttons-radius);
 	background-color: var(--ov-secondary-color) !important;
 	color: var(--ov-light-color) !important;
   }
@@ -965,7 +966,7 @@
 	background-clip: padding-box;
 	border: 1px solid #999999;
 	border: 1px solid rgba(0, 0, 0, 0.2);
-	border-radius: 10px;
+	border-radius: var(--ov-panel-radius);
 	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 	outline: 0;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.css
index 180a5cc6..b4900a5f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.css
@@ -8,11 +8,11 @@ video {
 	padding: 0;
 	border: 0;
 	font-size: 100%;
-	border-radius: 5px;
+	border-radius: var(--ov-video-radius);
 	background-color: #000000;
 }
 
-.poster_img {
+.poster {
 	position: absolute;
 	z-index: 888;
 	max-width: 60%;
diff --git a/openvidu-components-angular/src/styles.scss b/openvidu-components-angular/src/styles.scss
index cc42a25d..e6b267b6 100644
--- a/openvidu-components-angular/src/styles.scss
+++ b/openvidu-components-angular/src/styles.scss
@@ -50,6 +50,11 @@ $openvidu-components-theme: mat.define-light-theme((
 
   --ov-light-color: #ffffff;
   --ov-light-dark-color: #f1f1f1;
+
+  --ov-buttons-radius: 50%; // border-radius property
+  --ov-leave-button-radius: 10px;
+  --ov-video-radius: 5px;
+  --ov-panel-radius: 5px;
 }
 
 

From 5f22072f7169019f2f1a9453d4becd97b36243e3 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 28 Feb 2022 13:06:39 +0100
Subject: [PATCH 38/74] openvidu-components: Force mute participant from
 participants panel

---
 .../participant-panel-item.component.css             |  8 ++++++++
 .../participant-panel-item.component.html            |  7 ++++++-
 .../participant-panel-item.component.ts              |  4 ++++
 .../src/lib/components/stream/stream.component.html  | 12 ++++++------
 .../src/lib/components/stream/stream.component.ts    |  4 ++--
 .../src/lib/models/participant.model.ts              |  6 ++++++
 6 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
index 4391e21a..ae5f341e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
@@ -23,3 +23,11 @@ mat-list {
 	display: contents;
 }
 
+#action-btn {
+	border-radius: var(--ov-buttons-radius);
+}
+
+.warn-btn {
+	/* background-color: var(--ov-warn-color) !important; */
+	color: var(--ov-warn-color);
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
index fdba655f..ebc2e54c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
@@ -6,5 +6,10 @@
 		<!-- <p matLine>
 			<span class="participant-subtitle"></span>
 		</p> -->
+
+		<button mat-icon-button id="action-btn" [class.warn-btn]="_participant.isMutedForcibly" (click)="toggleMuteForcibly()">
+			<mat-icon *ngIf="!_participant.isMutedForcibly">volume_up</mat-icon>
+			<mat-icon *ngIf="_participant.isMutedForcibly">volume_off</mat-icon>
+		</button>
 	</mat-list-item>
-</mat-list>
\ No newline at end of file
+</mat-list>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
index edd0b7ef..dcea75f2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
@@ -15,4 +15,8 @@ export class ParticipantPanelItemComponent {
 	_participant: ParticipantAbstractModel;
 	constructor() {}
 
+	toggleMuteForcibly() {
+		this._participant.setMutedForcibly(!this._participant.isMutedForcibly);
+	}
+
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 7e1bab4f..6fb61964 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -36,7 +36,7 @@
 	<ov-video
 		(dblclick)="toggleVideoEnlarged()"
 		[streamManager]="_stream.streamManager"
-		[mutedSound]="mutedSound"
+		[mutedSound]="_stream.participant.isMutedForcibly"
 	></ov-video>
 
 
@@ -59,12 +59,12 @@
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.NORMAL">Zoom out</span>
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.BIG">Zoom in</span>
 			</button>
-			<button mat-menu-item id="volumeButton" *ngIf="this._stream.streamManager?.remote" (click)="toggleSound()">
-				<mat-icon *ngIf="!mutedSound">volume_up</mat-icon>
-				<span *ngIf="!mutedSound">Mute sound</span>
+			<button mat-menu-item id="volumeButton" *ngIf="!this._stream.local" (click)="toggleSound()">
+				<mat-icon *ngIf="!_stream.participant.isMutedForcibly">volume_up</mat-icon>
+				<span *ngIf="!_stream.participant.isMutedForcibly">Mute sound</span>
 
-				<mat-icon *ngIf="mutedSound">volume_off</mat-icon>
-				<span *ngIf="mutedSound">Unmute sound</span>
+				<mat-icon *ngIf="_stream.participant.isMutedForcibly">volume_off</mat-icon>
+				<span *ngIf="_stream.participant.isMutedForcibly">Unmute sound</span>
 			</button>
 			<!-- <button mat-menu-item *ngIf="this._stream.streamManager?.stream?.videoActive" id="fullscreenButton" (click)="toggleFullscreen()">
 				<mat-icon *ngIf="!isFullscreenEnabled">fullscreen</mat-icon>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index c9c7f1c3..d636a5cf 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -23,7 +23,6 @@ export class StreamComponent implements OnInit {
 	videoSizeIconEnum = VideoSizeIcon;
 	videoTypeEnum = VideoType;
 	videoSizeIcon: VideoSizeIcon = VideoSizeIcon.BIG;
-	mutedSound: boolean;
 	toggleNickname: boolean;
 	nicknameFormControl: FormControl;
 	matcher: NicknameMatcher;
@@ -100,7 +99,8 @@ export class StreamComponent implements OnInit {
 	}
 
 	toggleSound() {
-		this.mutedSound = !this.mutedSound;
+		this._stream.participant.setMutedForcibly(!this._stream.participant.isMutedForcibly);
+
 	}
 
 	toggleNicknameForm() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index ed0b94fb..fb58f121 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -15,6 +15,7 @@ export interface StreamModel {
 export abstract class ParticipantAbstractModel {
 	streams: Map<VideoType, StreamModel> = new Map();
 	id: string;
+	isMutedForcibly: boolean;
 
 	constructor(model?: StreamModel, id?: string) {
 		let streamModel: StreamModel = {
@@ -29,6 +30,7 @@ export abstract class ParticipantAbstractModel {
 		};
 		this.streams.set(streamModel.type, streamModel);
 		this.id = id ? id : new Date().getTime().toString();
+		this.isMutedForcibly = false;
 	}
 
 	addConnection(streamModel: StreamModel) {
@@ -190,6 +192,10 @@ export abstract class ParticipantAbstractModel {
 	someHasVideoEnlarged(): boolean {
 		return Array.from(this.streams.values()).some((conn) => conn.videoEnlarged);
 	}
+
+	setMutedForcibly(muted: boolean){
+		this.isMutedForcibly = muted;
+	}
 }
 
 export class ParticipantModel extends ParticipantAbstractModel {

From 8f2d598236f0a1201b2b79cead6e8658df22fa97 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 28 Feb 2022 13:48:58 +0100
Subject: [PATCH 39/74] openvidu-components: Updated participant model

Moved local and nickname properties to Participant Model from Stream Model
---
 .../participant-panel-item.component.html     | 10 +++-
 .../components/session/session.component.ts   |  2 +-
 .../components/stream/stream.component.html   |  6 ++-
 .../lib/components/stream/stream.component.ts |  6 ++-
 .../src/lib/models/participant.model.ts       | 47 +++++++++++--------
 .../src/lib/openvidu-angular.module.ts        |  4 +-
 .../src/lib/pipes/participant.pipe.ts         |  8 ----
 .../src/lib/services/chat/chat.service.ts     |  2 +-
 .../lib/services/openvidu/openvidu.service.ts | 13 ++---
 .../participant/participant.service.ts        | 27 ++++++-----
 10 files changed, 67 insertions(+), 58 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
index ebc2e54c..ffffd7c8 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
@@ -1,13 +1,19 @@
 <mat-list>
 	<mat-list-item>
 		<mat-icon matListAvatar class="participant-avatar">person</mat-icon>
-		<h3 matLine class="participant-nickname">{{ _participant | nickname }}</h3>
+		<h3 matLine class="participant-nickname">{{ _participant.nickname }}</h3>
 		<p matLine class="participant-subtitle">{{ _participant | streamsEnabled }}</p>
 		<!-- <p matLine>
 			<span class="participant-subtitle"></span>
 		</p> -->
 
-		<button mat-icon-button id="action-btn" [class.warn-btn]="_participant.isMutedForcibly" (click)="toggleMuteForcibly()">
+		<button
+			mat-icon-button
+			id="action-btn"
+			*ngIf="!_participant.local"
+			[class.warn-btn]="_participant.isMutedForcibly"
+			(click)="toggleMuteForcibly()"
+		>
 			<mat-icon *ngIf="!_participant.isMutedForcibly">volume_up</mat-icon>
 			<mat-icon *ngIf="_participant.isMutedForcibly">volume_off</mat-icon>
 		</button>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index 616e5674..541ad097 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -197,7 +197,7 @@ export class SessionComponent implements OnInit {
 
 				//Sending nicnkanme signal to new participants
 				if (this.openviduService.needSendNicknameSignal()) {
-					const data = { clientData: this.participantService.getWebcamNickname() };
+					const data = { clientData: this.participantService.getMyNickname() };
 					this.openviduService.sendSignal(Signal.NICKNAME_CHANGED, [event.connection], data);
 				}
 			}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 6fb61964..5ecfb18f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -6,7 +6,9 @@
 >
 	<div class="nickname" [class.fullscreen]="isFullscreen" *ngIf="showNickname">
 		<div (click)="toggleNicknameForm()" class="nicknameContainer" selected *ngIf="!toggleNickname">
-			<span id="nickname">{{ this._stream.nickname }}</span>
+			<span id="nickname" *ngIf="this._stream.type === 'CAMERA'">{{ this._stream.participant.nickname }}</span>
+			<span id="nickname" *ngIf="this._stream.type === 'SCREEN'">{{ this._stream.participant.nickname }}_SCREEN</span>
+
 			<span *ngIf="_stream.local || (_stream.streamManager && !_stream.streamManager?.remote)"> (edit)</span>
 		</div>
 		<div *ngIf="toggleNickname && !this._stream.streamManager?.remote" [class.fullscreen]="isFullscreen" id="dialogNickname">
@@ -36,7 +38,7 @@
 	<ov-video
 		(dblclick)="toggleVideoEnlarged()"
 		[streamManager]="_stream.streamManager"
-		[mutedSound]="_stream.participant.isMutedForcibly"
+		[mutedSound]="_stream?.participant?.isMutedForcibly"
 	></ov-video>
 
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index d636a5cf..a40e7059 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -60,7 +60,9 @@ export class StreamComponent implements OnInit {
 	set stream(stream: StreamModel) {
 		this._stream = stream;
 		this.checkVideoEnlarged();
-		this.nicknameFormControl = new FormControl(this._stream.nickname, [Validators.maxLength(25), Validators.required]);
+		if(this._stream.participant) {
+			this.nicknameFormControl = new FormControl(this._stream.participant.nickname, [Validators.maxLength(25), Validators.required]);
+		}
 	}
 
 	@ViewChild('nicknameInput')
@@ -104,7 +106,7 @@ export class StreamComponent implements OnInit {
 	}
 
 	toggleNicknameForm() {
-		if (this._stream.local) {
+		if (this._stream.participant.local) {
 			this.toggleNickname = !this.toggleNickname;
 		}
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index fb58f121..2427b406 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -2,9 +2,7 @@ import { Publisher, StreamManager } from 'openvidu-browser';
 import { VideoType } from './video-type.model';
 
 export interface StreamModel {
-	local: boolean;
 	connected: boolean;
-	nickname: string;
 	type: VideoType;
 	streamManager: StreamManager;
 	videoEnlarged: boolean;
@@ -15,13 +13,17 @@ export interface StreamModel {
 export abstract class ParticipantAbstractModel {
 	streams: Map<VideoType, StreamModel> = new Map();
 	id: string;
+	local: boolean;
+	nickname: string;
 	isMutedForcibly: boolean;
 
-	constructor(model?: StreamModel, id?: string) {
+	constructor(model?: StreamModel, id?: string, local?: boolean, nickname?: string) {
+		this.id = id ? id : new Date().getTime().toString();
+		this.local = local ? local : true,
+		this.nickname = nickname ? nickname : 'OpenVidu_User',
+		this.isMutedForcibly = false;
 		let streamModel: StreamModel = {
-			local: model ? model.local : true,
 			connected: true,
-			nickname: model ? model.nickname : 'OpenVidu_User',
 			type: model ? model.type : VideoType.CAMERA,
 			streamManager: model ? model.streamManager : null,
 			videoEnlarged: model ? model.videoEnlarged : false,
@@ -29,11 +31,10 @@ export abstract class ParticipantAbstractModel {
 			participant: this
 		};
 		this.streams.set(streamModel.type, streamModel);
-		this.id = id ? id : new Date().getTime().toString();
-		this.isMutedForcibly = false;
 	}
 
 	addConnection(streamModel: StreamModel) {
+		streamModel.participant = this;
 		this.streams.set(streamModel.type, streamModel);
 	}
 
@@ -103,26 +104,32 @@ export abstract class ParticipantAbstractModel {
 	}
 
 	isLocal(): boolean {
-		return Array.from(this.streams.values()).every((conn) => conn.local);
+		return this.local;
+		// return Array.from(this.streams.values()).every((conn) => conn.local);
 	}
 
 	setNickname(nickname: string) {
-		this.streams.forEach((conn) => {
-			if (conn.type === VideoType.CAMERA) {
-				conn.nickname = nickname;
-			} else {
-				conn.nickname = `${nickname}_${conn.type}`;
-			}
-		});
+		this.nickname = nickname;
+		// this.streams.forEach((conn) => {
+		// 	if (conn.type === VideoType.CAMERA) {
+		// 		conn.nickname = nickname;
+		// 	} else {
+		// 		conn.nickname = `${nickname}_${conn.type}`;
+		// 	}
+		// });
 	}
 
-	getCameraNickname(): string {
-		return this.getCameraConnection()?.nickname;
+	getNickname() {
+		return this.nickname;
 	}
 
-	getScreenNickname(): string {
-		return this.getScreenConnection()?.nickname;
-	}
+	// getCameraNickname(): string {
+	// 	return this.getCameraConnection()?.nickname;
+	// }
+
+	// getScreenNickname(): string {
+	// 	return this.getScreenConnection()?.nickname;
+	// }
 
 	setCameraPublisher(publisher: Publisher) {
 		const cameraConnection = this.getCameraConnection();
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 0fe4ef35..4cd2b10e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -36,7 +36,7 @@ import { StreamComponent } from './components/stream/stream.component';
 import { DialogTemplateComponent } from './components/material/dialog.component';
 
 import { LinkifyPipe } from './pipes/linkify.pipe';
-import { StreamsEnabledPipe, NicknamePipe, ParticipantStreamsPipe } from './pipes/participant.pipe';
+import { StreamsEnabledPipe, ParticipantStreamsPipe } from './pipes/participant.pipe';
 
 import { OpenViduAngularConfig } from './config/openvidu-angular.config';
 import { CdkOverlayContainer } from './config/custom-cdk-overlay';
@@ -74,7 +74,6 @@ import { ChatPanelDirective, LayoutDirective, PanelDirective, ParticipantPanelIt
 		LinkifyPipe,
 		ParticipantStreamsPipe,
 		StreamsEnabledPipe,
-		NicknamePipe,
 		ParticipantPanelItemComponent,
 		ParticipantsPanelComponent,
 		VideoconferenceComponent,
@@ -146,7 +145,6 @@ import { ChatPanelDirective, LayoutDirective, PanelDirective, ParticipantPanelIt
 		AudioWaveComponent,
 		ParticipantStreamsPipe,
 		StreamsEnabledPipe,
-		NicknamePipe,
 		CommonModule,
 		ToolbarDirective,
 		PanelDirective,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
index 7847373f..6f5f9d6a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
@@ -26,11 +26,3 @@ export class StreamsEnabledPipe implements PipeTransform {
 		return `(${participant?.getConnectionTypesActive().toString().replace(',', ', ')})`;
 	}
 }
-
-@Pipe({ name: 'nickname', pure: false })
-export class NicknamePipe implements PipeTransform {
-	constructor() {}
-	transform(participant: ParticipantAbstractModel): string {
-		return participant?.getCameraNickname();
-	}
-}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts
index 4217db30..28184a3b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/chat/chat.service.ts
@@ -66,7 +66,7 @@ export class ChatService {
 		if (message !== '' && message !== ' ') {
 			const data = {
 				message: message,
-				nickname: this.participantService.getWebcamNickname()
+				nickname: this.participantService.getMyNickname()
 			};
 
 			this.openviduService.sendSignal(Signal.CHAT, undefined, data);
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
index d6ac44ab..5ae10377 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/openvidu/openvidu.service.ts
@@ -78,7 +78,7 @@ export class OpenViduService {
 
 	async connectSession(session: Session, token: string): Promise<void> {
 		if (!!token && session) {
-			const nickname = this.participantService.getWebcamNickname();
+			const nickname = this.participantService.getMyNickname();
 			const participantId = this.participantService.getMyParticipantId();
 			if (session === this.webcamSession) {
 				this.log.d('Connecting webcam session');
@@ -248,10 +248,11 @@ export class OpenViduService {
 		};
 		this.webcamSession.signal(signalOptions);
 
-		if (type === Signal.NICKNAME_CHANGED && !!this.getScreenSession().connection) {
-			signalOptions.data = JSON.stringify({ clientData: this.participantService.getScreenNickname() });
-			this.getScreenSession()?.signal(signalOptions);
-		}
+		// TODO: Check if it is necessary
+		// if (type === Signal.NICKNAME_CHANGED && !!this.getScreenSession().connection) {
+		// 	signalOptions.data = JSON.stringify({ clientData: this.participantService.getScreenNickname() });
+		// 	this.getScreenSession()?.signal(signalOptions);
+		// }
 	}
 
 	async replaceTrack(videoType: VideoType, props: PublisherProperties) {
@@ -353,7 +354,7 @@ export class OpenViduService {
 		} catch (error) {
 			this.log.e(error);
 		}
-		return oldNickname !== this.participantService.getWebcamNickname();
+		return oldNickname !== this.participantService.getMyNickname();
 	}
 
 	isMyOwnConnection(connectionId: string): boolean {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index d2376fea..c998f6c6 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -82,11 +82,9 @@ export class ParticipantService {
 		this.log.d('Enabling screen publisher');
 
 		const steramModel: StreamModel = {
-			local: true,
 			type: VideoType.SCREEN,
 			videoEnlarged: true,
 			streamManager: screenPublisher,
-			nickname: `${this.localParticipant.getCameraNickname()}_${VideoType.SCREEN}`,
 			connected: true,
 			connectionId: null
 		};
@@ -115,13 +113,16 @@ export class ParticipantService {
 		}
 	}
 
-	getWebcamNickname(): string {
-		return this.localParticipant.getCameraNickname();
+	getMyNickname(): string {
+		return this.localParticipant.nickname;
 	}
+	// getWebcamNickname(): string {
+	// 	return this.localParticipant.getCameraNickname();
+	// }
 
-	getScreenNickname(): string {
-		return this.localParticipant.getScreenNickname();
-	}
+	// getScreenNickname(): string {
+	// 	return this.localParticipant.getScreenNickname();
+	// }
 
 
 	toggleMyVideoEnlarged(connectionId: string) {
@@ -195,11 +196,9 @@ export class ParticipantService {
 
 		const type: VideoType = this.getTypeConnectionData(data);
 		const streamModel: StreamModel = {
-			local: false,
 			type,
 			videoEnlarged: type === VideoType.SCREEN,
 			streamManager: subscriber,
-			nickname: this.getNicknameFromConnectionData(data),
 			connected: true,
 			connectionId
 		};
@@ -219,7 +218,9 @@ export class ParticipantService {
 			}
 		} else {
 			this.log.w('Creating new participant with id: ', participantId);
-			const remoteParticipant = this.newParticipant(streamModel, participantId);
+			const nickname = this.getNicknameFromConnectionData(data);
+			const local = false;
+			const remoteParticipant = this.newParticipant(streamModel, participantId, local, nickname);
 			this.remoteParticipants.push(remoteParticipant);
 		}
 		this.updateRemoteParticipants();
@@ -305,11 +306,11 @@ export class ParticipantService {
 		}
 	}
 
-	protected newParticipant(streamModel?: StreamModel, participantId?: string) {
+	protected newParticipant(streamModel?: StreamModel, participantId?: string, local?: boolean, nickname?: string) {
 
 		if(this.openviduAngularConfigSrv.hasParticipantFactory()){
-			return this.openviduAngularConfigSrv.getParticipantFactory().apply(this, [streamModel, participantId]);
+			return this.openviduAngularConfigSrv.getParticipantFactory().apply(this, [streamModel, participantId, local, nickname]);
 		}
-		return new ParticipantModel(streamModel, participantId);
+		return new ParticipantModel(streamModel, participantId, local, nickname);
 	}
 }

From b529f6edc61e0365ed4ab9025c5d875e5f4413c1 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 28 Feb 2022 14:37:35 +0100
Subject: [PATCH 40/74] openvidu-components: Refactored nickname container

---
 .../components/session/session.component.ts   |  2 +-
 .../components/stream/stream.component.css    |  3 +-
 .../components/stream/stream.component.html   | 32 ++++++-------------
 .../lib/components/stream/stream.component.ts | 20 ++++++------
 .../user-settings/user-settings.component.ts  |  4 +--
 .../participant/participant.service.ts        | 22 ++++++-------
 6 files changed, 35 insertions(+), 48 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index 541ad097..7398f80f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -252,7 +252,7 @@ export class SessionComponent implements OnInit {
 
 			if (isRemoteConnection) {
 				const nickname = this.participantService.getNicknameFromConnectionData(event.data);
-				this.participantService.setNickname(connectionId, nickname);
+				this.participantService.setRemoteNickname(connectionId, nickname);
 			}
 		});
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
index c46200ef..86d9173d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
@@ -21,9 +21,10 @@
 	border-radius: var(--ov-panel-radius);
   }
 
-  #dialogNickname {
+  #nickname-input-container {
 	background-color:  #0000005e;
 	border-radius: var(--ov-panel-radius);
+
   }
 
   #closeButton {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 5ecfb18f..71fa9318 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -8,26 +8,17 @@
 		<div (click)="toggleNicknameForm()" class="nicknameContainer" selected *ngIf="!toggleNickname">
 			<span id="nickname" *ngIf="this._stream.type === 'CAMERA'">{{ this._stream.participant.nickname }}</span>
 			<span id="nickname" *ngIf="this._stream.type === 'SCREEN'">{{ this._stream.participant.nickname }}_SCREEN</span>
-
-			<span *ngIf="_stream.local || (_stream.streamManager && !_stream.streamManager?.remote)"> (edit)</span>
 		</div>
-		<div *ngIf="toggleNickname && !this._stream.streamManager?.remote" [class.fullscreen]="isFullscreen" id="dialogNickname">
-			<form id="nicknameForm">
-				<mat-form-field color="primary">
-					<input
-						matInput
-						#nicknameInput
-						placeholder="Nick: {{ this._stream.nickname }}"
-						[formControl]="nicknameFormControl"
-						[errorStateMatcher]="matcher"
-						(keypress)="eventKeyPress($event)"
-						autocomplete="off"
-						(focusout)="toggleNicknameForm()"
-					/>
-					<mat-error *ngIf="nicknameFormControl.hasError('required')"> Nickname is <strong>required</strong> </mat-error>
-					<mat-error *ngIf="nicknameFormControl.hasError('maxlength')"> Nickname is <strong>too long!</strong> </mat-error>
-				</mat-form-field>
-			</form>
+		<div *ngIf="toggleNickname && !this._stream.streamManager?.remote" [class.fullscreen]="isFullscreen" id="nickname-input-container">
+			<input
+				matInput
+				#nicknameInput
+				autocomplete="off"
+				maxlength="20"
+				[(ngModel)]="this.nickname"
+				(keypress)="updateNickname($event)"
+				(focusout)="updateNickname($event)"
+			/>
 		</div>
 	</div>
 
@@ -41,16 +32,13 @@
 		[mutedSound]="_stream?.participant?.isMutedForcibly"
 	></ov-video>
 
-
 	<div class="status-icons">
-
 		<button mat-icon-button id="statusMic" *ngIf="!this._stream.streamManager?.stream?.audioActive" disabled>
 			<mat-icon>mic_off</mat-icon>
 		</button>
 	</div>
 
 	<div class="videoButtons" *ngIf="showSettings">
-
 		<button mat-icon-button (click)="toggleVideoMenu($event)" matTooltip="Settings" aria-label="Video settings menu">
 			<mat-icon>more_vert</mat-icon>
 		</button>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index a40e7059..32ea866a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -1,5 +1,4 @@
 import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { FormControl, Validators } from '@angular/forms';
 import { MatMenuPanel, MatMenuTrigger } from '@angular/material/menu';
 import { NicknameMatcher } from '../../matchers/nickname.matcher';
 import { VideoSizeIcon } from '../../models/icon.model';
@@ -24,9 +23,8 @@ export class StreamComponent implements OnInit {
 	videoTypeEnum = VideoType;
 	videoSizeIcon: VideoSizeIcon = VideoSizeIcon.BIG;
 	toggleNickname: boolean;
-	nicknameFormControl: FormControl;
-	matcher: NicknameMatcher;
 	_stream: StreamModel;
+	nickname: string;
 	private _streamContainer: ElementRef;
 	@ViewChild(MatMenuTrigger) public menuTrigger: MatMenuTrigger;
 	@ViewChild('menu') menu: MatMenuPanel;
@@ -61,7 +59,7 @@ export class StreamComponent implements OnInit {
 		this._stream = stream;
 		this.checkVideoEnlarged();
 		if(this._stream.participant) {
-			this.nicknameFormControl = new FormControl(this._stream.participant.nickname, [Validators.maxLength(25), Validators.required]);
+			this.nickname = this._stream.participant.nickname;
 		}
 	}
 
@@ -73,7 +71,6 @@ export class StreamComponent implements OnInit {
 	}
 
 	ngOnInit() {
-		this.matcher = new NicknameMatcher();
 	}
 
 	ngOnDestroy() {
@@ -111,12 +108,13 @@ export class StreamComponent implements OnInit {
 		}
 	}
 
-	eventKeyPress(event) {
-		if (event && event.keyCode === 13 && this.nicknameFormControl.valid) {
-			const nickname = this.nicknameFormControl.value;
-			this.participantService.setNickname(this._stream.connectionId, nickname);
-			this.storageService.setNickname(nickname);
-			this.openviduService.sendSignal(Signal.NICKNAME_CHANGED, undefined, { clientData: nickname });
+	updateNickname(event) {
+		if (event?.keyCode === 13 || event?.type === 'focusout') {
+			if(!!this.nickname){
+				this.participantService.setMyNickname(this.nickname);
+				this.storageService.setNickname(this.nickname);
+				this.openviduService.sendSignal(Signal.NICKNAME_CHANGED, undefined, { clientData: this.nickname });
+			}
 			this.toggleNicknameForm();
 		}
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
index a7bee0fd..aa50c3fe 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
@@ -42,7 +42,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	localParticipant: ParticipantAbstractModel;
 	columns: number;
 
-	nicknameFormControl = new FormControl('', [Validators.maxLength(25), Validators.required]);
+	nicknameFormControl = new FormControl('', [Validators.maxLength(20), Validators.required]);
 	matcher = new NicknameMatcher();
 	hasVideoDevices: boolean;
 	hasAudioDevices: boolean;
@@ -223,7 +223,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 	joinSession() {
 		if (this.nicknameFormControl.valid) {
 			const nickname = this.nicknameFormControl.value;
-			this.participantService.setNickname(this.participantService.getMyCameraConnectionId(), nickname);
+			this.participantService.setMyNickname(nickname);
 			this.storageSrv.setNickname(nickname);
 			return this.onJoinClicked.emit();
 		}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index c998f6c6..f1c5dd9a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -100,17 +100,9 @@ export class ParticipantService {
 		this.updateLocalParticipant();
 	}
 
-	setNickname(connectionId: string, nickname: string) {
-		if (this.localParticipant.hasConnectionId(connectionId)) {
-			this.localParticipant.setNickname(nickname);
-			// this.updateLocalParticipant();
-		} else {
-			const participant = this.getRemoteParticipantByConnectionId(connectionId);
-			if (participant) {
-				participant.setNickname(nickname);
-				// this.updateRemoteParticipants();
-			}
-		}
+	setMyNickname(nickname: string) {
+		this.localParticipant.setNickname(nickname);
+		// this.updateLocalParticipant();
 	}
 
 	getMyNickname(): string {
@@ -286,6 +278,14 @@ export class ParticipantService {
 		}
 	}
 
+	setRemoteNickname(connectionId: string, nickname: string) {
+		const participant = this.getRemoteParticipantByConnectionId(connectionId);
+		if (participant) {
+			participant.setNickname(nickname);
+			// this.updateRemoteParticipants();
+		}
+	}
+
 	updateRemoteParticipants() {
 		this._remoteParticipants.next(this.remoteParticipants);
 	}

From e512dcc735aa84cce060d37cb5a40ec92bc17559 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 28 Feb 2022 15:28:53 +0100
Subject: [PATCH 41/74] openvidu-components: Fixed participants initialization

---
 .../openvidu-angular/src/lib/models/participant.model.ts      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index 2427b406..8fc9b837 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -17,9 +17,9 @@ export abstract class ParticipantAbstractModel {
 	nickname: string;
 	isMutedForcibly: boolean;
 
-	constructor(model?: StreamModel, id?: string, local?: boolean, nickname?: string) {
+	constructor(model?: StreamModel, id?: string, local: boolean = true, nickname?: string) {
 		this.id = id ? id : new Date().getTime().toString();
-		this.local = local ? local : true,
+		this.local = local,
 		this.nickname = nickname ? nickname : 'OpenVidu_User',
 		this.isMutedForcibly = false;
 		let streamModel: StreamModel = {

From d29f650b02dfb0ce69ba013314aab2ecba20f4f6 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 28 Feb 2022 16:18:37 +0100
Subject: [PATCH 42/74] openvidu-components: Replaced poster image to letter
 color box

---
 .../avatar-profile.component.css              | 22 ++++++++++++++++
 .../avatar-profile.component.spec.ts          | 25 +++++++++++++++++++
 .../avatar-profile.component.ts               | 24 ++++++++++++++++++
 .../lib/components/video/video.component.css  | 11 --------
 .../lib/components/video/video.component.ts   | 10 +++-----
 5 files changed, 74 insertions(+), 18 deletions(-)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.spec.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css
new file mode 100644
index 00000000..c942b6f6
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css
@@ -0,0 +1,22 @@
+.poster {
+	position: absolute;
+	display: inline-grid;
+    z-index: 1;
+    margin: auto;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    top: 0;
+    height: 70px;
+    width: 70px;
+	border-radius: var(--ov-video-radius);
+	border: 2px solid var(--ov-light-color);
+	color: #000000;
+}
+
+#poster-text {
+	padding: 20px;
+	font-weight: bold;
+	font-size: 40px;
+	margin: auto;
+}
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.spec.ts
new file mode 100644
index 00000000..e170b085
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AvatarProfileComponent } from './avatar-profile.component';
+
+describe('AvatarProfileComponent', () => {
+  let component: AvatarProfileComponent;
+  let fixture: ComponentFixture<AvatarProfileComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ AvatarProfileComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AvatarProfileComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.ts
new file mode 100644
index 00000000..e0d70722
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.ts
@@ -0,0 +1,24 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ov-avatar-profile',
+	template: `
+    <div class="poster" [ngStyle]="{ 'background-color': color }">
+      <span id="poster-text">{{letter}}</span>
+    </div>
+  `,
+  styleUrls: ['./avatar-profile.component.css']
+})
+export class AvatarProfileComponent implements OnInit {
+
+  color: string;
+
+  @Input() letter;
+
+  constructor() { }
+
+  ngOnInit(): void {
+		this.color = `hsl(${Math.random() * 360}, 100%, 75%)`;
+	}
+
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.css
index b4900a5f..f163a97e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.css
@@ -11,14 +11,3 @@ video {
 	border-radius: var(--ov-video-radius);
 	background-color: #000000;
 }
-
-.poster {
-	position: absolute;
-	z-index: 888;
-	max-width: 60%;
-	max-height: 60%;
-	bottom: 25%;
-	margin: auto;
-	right: 0;
-	left: 0;
-}
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
index 86dcb215..7acb23f2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
@@ -5,12 +5,8 @@ import { VideoType } from '../../models/video-type.model';
 @Component({
 	selector: 'ov-video',
 	template: `
-		<img
-			*ngIf="!_streamManager?.stream?.videoActive && (type === 'CAMERA' || !type)"
-			class="poster_img"
-			alt="OpenVidu Logo"
-			src="assets/images/poster.png"
-		/>
+		<ov-avatar-profile *ngIf="!_streamManager?.stream?.videoActive && (type === 'CAMERA' || !type)" [letter]="'K'"></ov-avatar-profile>
+
 		<video
 			class="OT_video-element"
 			#videoElement
@@ -43,7 +39,7 @@ export class VideoComponent implements AfterViewInit {
 
 	@Input()
 	set streamManager(streamManager: StreamManager) {
-		if(streamManager) {
+		if (streamManager) {
 			this._streamManager = streamManager;
 			if (!!this._videoElement && this._streamManager) {
 				this.type = <VideoType>this._streamManager?.stream?.typeOfVideo;

From 12799625552b5a4e57673f0e481cdb1eebb953d6 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 2 Mar 2022 11:00:58 +0100
Subject: [PATCH 43/74] openvidu-components: Replaced user-settings component
 to pre-join

---
 .../lib/components/layout/layout.component.ts |   7 +-
 .../pre-join/pre-join.component.css           | 155 ++++++++++
 .../pre-join/pre-join.component.html          |  94 ++++++
 .../pre-join/pre-join.component.spec.ts       |  25 ++
 .../components/pre-join/pre-join.component.ts | 283 ++++++++++++++++++
 .../videoconference.component.css             |   2 +-
 .../videoconference.component.html            |   6 +-
 .../videoconference.component.ts              |  12 +-
 .../src/lib/openvidu-angular.module.ts        |  25 +-
 .../src/lib/services/device/device.service.ts |   2 +-
 .../openvidu-angular/src/public-api.ts        |   3 +-
 11 files changed, 595 insertions(+), 19 deletions(-)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.spec.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index 62e625f2..392307c0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { ParticipantAbstractModel } from '../../models/participant.model';
@@ -11,7 +11,7 @@ import { StreamDirective } from '../../directives/openvidu-angular.directive';
 	styleUrls: ['./layout.component.css'],
 	changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class LayoutComponent implements OnInit, OnDestroy {
+export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 	@ContentChild('stream', { read: TemplateRef }) streamTemplate: TemplateRef<any>;
 
 	@ContentChild(StreamDirective)
@@ -32,6 +32,9 @@ export class LayoutComponent implements OnInit, OnDestroy {
 
 	ngOnInit(): void {
 		this.subscribeToUsers();
+	}
+
+	ngAfterViewInit() {
 		this.layoutService.initialize();
 		this.layoutService.update();
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css
new file mode 100644
index 00000000..fa00db67
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css
@@ -0,0 +1,155 @@
+.container {
+	height: 100%;
+	padding: 80px;
+	background-color: var(--ov-light-dark-color);
+}
+
+h4 {
+	margin-bottom: 1px;
+	font-weight: bold;
+}
+hr {
+	margin: 0;
+}
+
+ov-layout {
+	height: -webkit-fill-available;
+	height: -moz-available;
+	width: -webkit-fill-available;
+	width: -moz-available;
+}
+
+.media-panel {
+	background-color: var(--ov-light-dark-color);
+}
+.media-panel-container {
+	width: 100%;
+	padding: 20px;
+	padding-right: 0px;
+}
+
+.nickname-container {
+	/* padding: 10px; */
+	display: block !important;
+	margin-bottom: 0px !important;
+}
+
+#nickname-input-container, .device-container-element {
+	display: flex;
+}
+
+#nickname-input-container button, .device-container-element button {
+	margin: auto 10px auto auto;
+}
+
+
+#nickname-input-container button.mat-button-disabled {
+	color: #000000 !important;
+}
+
+
+#nickname-input-container mat-form-field, .device-container-element mat-form-field {
+	width: 100%;
+	margin-top: 10px;
+	color: var(--ov-primary-color);
+}
+
+#nickname-input-container mat-form-field {
+	color: var(--ov-primary-color);
+}
+
+.mat-form-field-appearance-fill .mat-form-field-flex {
+	background-color: var(--ov-light-color);
+	border-radius: var(--ov-video-radius);
+}
+
+
+.buttons-container{
+ 	border-radius: 5px;
+ 	padding: 10px 0px;
+ 	height: 100px;
+	display: block !important;
+}
+
+#camera-button {
+	border-radius: var(--ov-buttons-radius);
+	/* background-color: var(--ov-secondary-color) !important; */
+	/* color: var(--ov-light-color) !important; */
+
+}
+
+.join-btn-container {
+	width: inherit;
+	text-align: center;
+}
+
+#join-button {
+	width: 100%;
+	font-weight: bold;
+	color: var(--ov-light-color);
+	background-color: var(--ov-tertiary-color);
+	border-radius: var(--ov-video-radius);
+
+}
+
+.warn-btn {
+	color: var(--ov-light-color);
+	background-color: var(--ov-warn-color) !important;
+}
+
+.active-btn {
+	color: var(--ov-light-color);
+	background-color: var(--ov-tertiary-color) !important;
+}
+.media-btn {
+	margin: auto;
+}
+
+::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
+	padding: 1px !important;
+}
+
+::ng-deep .mat-input-element {
+	caret-color: #000000;
+}
+::ng-deep .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
+	color: #000000;
+}
+
+
+@media only screen and (max-width: 480px) {
+	.container, .media-panel-container, .buttons-container {
+		padding: 0;
+	}
+	.nickname-container, .buttons-container, .join-btn-container {
+		width: 90% !important;
+		margin: auto;
+	}
+	.join-btn-container {
+		padding: 0px 10px;
+	}
+	.media-panel {
+		align-items: flex-start !important;
+	}
+}
+
+@media only screen and (min-width: 480px) and (max-width: 960px) {
+	.container, .media-panel-container, .buttons-container  {
+		padding: 0;
+	}
+
+	.nickname-container, .buttons-container, .join-btn-container{
+		  width: 80% !important;
+		  min-width: 80% !important;
+		  margin: auto;
+	}
+
+	.buttons-container, .media-panel-container {
+		  padding-top: 0px;
+		  max-width: 600px;
+	}
+
+	.media-panel {
+		align-items: flex-start !important;
+	}
+}
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
new file mode 100644
index 00000000..2b0096aa
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
@@ -0,0 +1,94 @@
+<div class="container" fxLayout.gt-sm="row" fxLayout.lt-md="column">
+	<div fxFlex.gt-sm="65%" fxFlex.lt-md="55%" fxLayoutAlign="center center">
+		<ov-layout>
+			<ng-template #stream let-stream>
+				<ov-stream [stream]="stream" [showNickname]="false" [showSettings]="false"></ov-stream>
+			</ng-template>
+		</ov-layout>
+	</div>
+	<div fxFlex.gt-sm="35%" fxFlex.lt-md="45%" fxLayoutAlign="center center" class="media-panel">
+		<div fxLayout="column" fxLayoutGap="10px" class="media-panel-container">
+			<div fxLayout.gt-sm="column" fxLayout.lt-md="column" fxLayoutGap="10px" fxFlex="33%">
+				<div fxFlex.gt-sm="100%" fxFlex.lt-md="33%" fxLayoutAlign="center center" fxFlexFill class="nickname-container">
+					<h4 *ngIf="windowSize >= 960">Set your name</h4>
+					<hr *ngIf="windowSize >= 960"/>
+					<div id="nickname-input-container">
+						<button	mat-icon-button disabled>
+							<mat-icon>person</mat-icon>
+						</button>
+						<mat-form-field appearance="standard">
+							<mat-label>Nickname</mat-label>
+							<input matInput type="text" maxlength="20" [(ngModel)]="nickname" (change)="updateNickname()" autocomplete="off" />
+						</mat-form-field>
+					</div>
+					<!-- <mat-button-toggle-group style="border-radius: 20px">
+						<button mat-icon-button class="media-btn">
+							<mat-icon matTooltip="Mute your audio">mic</mat-icon>
+						</button>
+						<mat-button-toggle class="split-button-1 drop-down-button" [matMenuTriggerFor]="dropdownMenuOne">
+							<mat-icon>arrow_drop_down</mat-icon>
+						</mat-button-toggle>
+					</mat-button-toggle-group>
+
+					<mat-menu #dropdownMenuOne="matMenu">
+						<button mat-menu-item>One</button>
+						<button mat-menu-item>Two</button>
+						<button mat-menu-item>Three</button>
+					</mat-menu> -->
+				</div>
+
+				<div fxFlex.gt-sm="100%" fxFlex.lt-md="33%" fxLayoutAlign="center center" fxFlexFill class="buttons-container">
+					<h4 *ngIf="windowSize >= 960">Choose your devices</h4>
+					<hr *ngIf="windowSize >= 960"/>
+					<!-- Camera -->
+					<div class="device-container-element">
+						<button
+							mat-icon-button
+							id="camera-button"
+							[disabled]="!hasVideoDevices"
+							[class.warn-btn]="isVideoMuted"
+							(click)="toggleCam()"
+						>
+							<mat-icon *ngIf="!isVideoMuted" matTooltip="Mute Camera">videocam</mat-icon>
+							<mat-icon *ngIf="isVideoMuted" matTooltip="Unmute Camera">videocam_off</mat-icon>
+						</button>
+						<mat-form-field>
+							<mat-label>Video devices</mat-label>
+							<mat-select [disabled]="isVideoMuted || !hasVideoDevices" [value]="cameraSelected?.device" (selectionChange)="onCameraSelected($event)">
+								<mat-option *ngFor="let camera of cameras" [value]="camera.device">
+									{{ camera.label }}
+								</mat-option>
+							</mat-select>
+						</mat-form-field>
+					</div>
+
+					<!-- Microphone -->
+					<div class="device-container-element">
+						<button
+							mat-icon-button
+							id="microhpone-button"
+							[disabled]="!hasAudioDevices"
+							[class.warn-btn]="isAudioMuted"
+							(click)="toggleMic()"
+						>
+							<mat-icon *ngIf="!isAudioMuted" matTooltip="Mute Audio">mic</mat-icon>
+							<mat-icon *ngIf="isAudioMuted" matTooltip="Unmute Audio">mic_off</mat-icon>
+						</button>
+						<mat-form-field>
+							<mat-label>Audio devices</mat-label>
+							<mat-select [disabled]="isAudioMuted || !hasAudioDevices" [value]="microphoneSelected?.device" (selectionChange)="onMicrophoneSelected($event)">
+								<mat-option *ngFor="let microphone of microphones" [value]="microphone.device">
+									{{ microphone.label }}
+								</mat-option>
+							</mat-select>
+						</mat-form-field>
+					</div>
+				</div>
+
+				<div fxFlex.gt-sm="60%" fxLayout.lt-md="column" fxLayoutAlign="center center" fxFlexFill class="join-btn-container">
+					<button mat-flat-button (click)="joinSession()" form="nicknameForm" id="join-button">Join session</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.spec.ts
new file mode 100644
index 00000000..81c19d7b
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PreJoinComponent } from './pre-join.component';
+
+describe('PreJoinComponent', () => {
+  let component: PreJoinComponent;
+  let fixture: ComponentFixture<PreJoinComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PreJoinComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PreJoinComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
new file mode 100644
index 00000000..82309fb5
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
@@ -0,0 +1,283 @@
+import { Component, HostListener, OnDestroy, OnInit, Output, EventEmitter } from '@angular/core';
+import { Publisher, PublisherProperties } from 'openvidu-browser';
+import { OpenViduErrorName } from 'openvidu-browser/lib/OpenViduInternal/Enums/OpenViduError';
+import { Subscription } from 'rxjs';
+import { CustomDevice } from '../../models/device.model';
+import { ILogger } from '../../models/logger.model';
+import { ParticipantAbstractModel } from '../../models/participant.model';
+import { ActionService } from '../../services/action/action.service';
+import { DeviceService } from '../../services/device/device.service';
+import { LayoutService } from '../../services/layout/layout.service';
+import { LoggerService } from '../../services/logger/logger.service';
+import { OpenViduService } from '../../services/openvidu/openvidu.service';
+import { ParticipantService } from '../../services/participant/participant.service';
+import { StorageService } from '../../services/storage/storage.service';
+
+@Component({
+	selector: 'ov-pre-join',
+	templateUrl: './pre-join.component.html',
+	styleUrls: ['./pre-join.component.css']
+})
+export class PreJoinComponent implements OnInit, OnDestroy {
+	@Output() onJoinClicked = new EventEmitter<any>();
+	cameras: CustomDevice[];
+	microphones: CustomDevice[];
+	cameraSelected: CustomDevice;
+	microphoneSelected: CustomDevice;
+	isVideoMuted: boolean;
+	isAudioMuted: boolean;
+	screenShareEnabled: boolean;
+	localParticipant: ParticipantAbstractModel;
+	windowSize: number;
+	hasVideoDevices: boolean;
+	hasAudioDevices: boolean;
+	isLoading = true;
+	nickname: string;
+	private log: ILogger;
+	private localParticipantSubscription: Subscription;
+	private screenShareStateSubscription: Subscription;
+
+	@HostListener('window:resize')
+	sizeChange() {
+		this.windowSize = window.innerWidth;
+		this.layoutService.update();
+	}
+
+	constructor(
+		private layoutService: LayoutService,
+		private actionService: ActionService,
+		private deviceSrv: DeviceService,
+		private loggerSrv: LoggerService,
+		private openviduService: OpenViduService,
+		private participantService: ParticipantService,
+		private storageSrv: StorageService
+	) {
+		this.log = this.loggerSrv.get('PreJoinComponent');
+	}
+
+	async ngOnInit() {
+		await this.deviceSrv.initializeDevices();
+
+		this.subscribeToLocalParticipantEvents();
+		this.openviduService.initialize();
+		this.nickname = this.storageSrv.getNickname() || this.generateRandomNickname();
+		this.windowSize = window.innerWidth;
+		this.setDevicesInfo();
+		if (this.hasAudioDevices || this.hasVideoDevices) {
+			await this.initwebcamPublisher();
+		}
+		this.isLoading = false;
+	}
+
+	ngOnDestroy() {
+		if (this.localParticipantSubscription) {
+			this.localParticipantSubscription.unsubscribe();
+		}
+
+		if (this.screenShareStateSubscription) {
+			this.screenShareStateSubscription.unsubscribe();
+		}
+		this.deviceSrv.clear();
+	}
+
+	async onCameraSelected(event: any) {
+		const videoSource = event?.value;
+		// Is New deviceId different from the old one?
+		if (this.deviceSrv.needUpdateVideoTrack(videoSource)) {
+			const mirror = this.deviceSrv.cameraNeedsMirror(videoSource);
+			//TODO: Uncomment this when replaceTrack issue is fixed
+			// const pp: PublisherProperties = { videoSource, audioSource: false, mirror };
+			// await this.openviduService.replaceTrack(VideoType.CAMERA, pp);
+			// TODO: Remove this when replaceTrack issue is fixed
+			const pp: PublisherProperties = { videoSource, audioSource: this.microphoneSelected.device, mirror };
+			await this.openviduService.republishTrack(pp);
+
+			this.cameraSelected = videoSource;
+			this.deviceSrv.setCameraSelected(this.cameraSelected);
+		}
+		if (this.isVideoMuted) {
+			// Publish Webcam video
+			this.openviduService.publishVideo(this.participantService.getMyCameraPublisher(), true);
+			this.isVideoMuted = false;
+		}
+	}
+
+	async onMicrophoneSelected(event: any) {
+		const audioSource = event?.value;
+		// Is New deviceId different than older?
+		if (this.deviceSrv.needUpdateAudioTrack(audioSource)) {
+			//TODO: Uncomment this when replaceTrack issue is fixed
+			// const pp: PublisherProperties = { audioSource, videoSource: false };
+			// await this.openviduService.replaceTrack(VideoType.CAMERA, pp);
+			// TODO: Remove this when replaceTrack issue is fixed
+			const mirror = this.deviceSrv.cameraNeedsMirror(this.cameraSelected.device);
+			const pp: PublisherProperties = { videoSource: this.cameraSelected.device, audioSource, mirror };
+			await this.openviduService.republishTrack(pp);
+
+			this.microphoneSelected = audioSource;
+			this.deviceSrv.setMicSelected(this.microphoneSelected);
+		}
+		if (this.isAudioMuted) {
+			// Enable microphone
+			this.openviduService.publishAudio(this.participantService.getMyCameraPublisher(), true);
+			this.isAudioMuted = true;
+		}
+	}
+
+	toggleCam() {
+		const publish = this.isVideoMuted;
+		this.openviduService.publishVideo(this.participantService.getMyCameraPublisher(), publish);
+
+		if (this.participantService.haveICameraAndScreenActive()) {
+			// Cam will not published, disable webcam with screensharing active
+			this.participantService.disableWebcamUser();
+			this.openviduService.publishAudio(this.participantService.getMyScreenPublisher(), publish);
+		} else if (this.participantService.isOnlyMyScreenActive()) {
+			// Cam will be published, enable webcam
+			this.participantService.enableWebcamUser();
+		}
+
+		this.isVideoMuted = !this.isVideoMuted;
+		this.storageSrv.setVideoMuted(this.isVideoMuted);
+	}
+
+	// async toggleScreenShare() {
+	// 	// Disabling screenShare
+	// 	if (this.participantService.haveICameraAndScreenActive()) {
+	// 		this.participantService.disableScreenUser();
+	// 		return;
+	// 	}
+
+	// 	// Enabling screenShare
+	// 	if (this.participantService.isOnlyMyCameraActive()) {
+	// 		const willThereBeWebcam = this.participantService.isMyCameraActive() && this.participantService.hasCameraVideoActive();
+	// 		const hasAudio = willThereBeWebcam ? false : this.hasAudioDevices && this.isAudioMuted;
+	// 		const properties: PublisherProperties = {
+	// 			videoSource: ScreenType.SCREEN,
+	// 			audioSource: this.hasAudioDevices ? undefined : null,
+	// 			publishVideo: true,
+	// 			publishAudio: hasAudio,
+	// 			mirror: false
+	// 		};
+	// 		const screenPublisher = await this.openviduService.initPublisher(undefined, properties);
+
+	// 		screenPublisher.on('accessAllowed', (event) => {
+	// 			screenPublisher.stream
+	// 				.getMediaStream()
+	// 				.getVideoTracks()[0]
+	// 				.addEventListener('ended', () => {
+	// 					this.log.d('Clicked native stop button. Stopping screen sharing');
+	// 					this.toggleScreenShare();
+	// 				});
+	// 			this.participantService.activeMyScreenShare(screenPublisher);
+	// 			if (!this.participantService.hasCameraVideoActive()) {
+	// 				this.participantService.disableWebcamUser();
+	// 			}
+	// 		});
+
+	// 		screenPublisher.on('accessDenied', (error: any) => {
+	// 			if (error && error.name === 'SCREEN_SHARING_NOT_SUPPORTED') {
+	// 				this.actionService.openDialog('Error sharing screen', 'Your browser does not support screen sharing');
+	// 			}
+	// 		});
+	// 		return;
+	// 	}
+
+	// 	// Disabling screnShare and enabling webcam
+	// 	this.participantService.enableWebcamUser();
+	// 	this.participantService.disableScreenUser();
+	// }
+
+	toggleMic() {
+		const publish = this.isAudioMuted;
+		this.openviduService.publishAudio(this.participantService.getMyCameraPublisher(), publish);
+		this.isAudioMuted = !this.isAudioMuted;
+		this.storageSrv.setAudioMuted(this.isAudioMuted);
+	}
+
+	updateNickname() {
+		this.nickname = this.nickname === '' ? this.generateRandomNickname() : this.nickname;
+		this.participantService.setMyNickname(this.nickname);
+		this.storageSrv.setNickname(this.nickname);
+	}
+
+	joinSession() {
+		this.onJoinClicked.emit();
+	}
+
+	private setDevicesInfo() {
+		this.hasVideoDevices = this.deviceSrv.hasVideoDeviceAvailable();
+		this.hasAudioDevices = this.deviceSrv.hasAudioDeviceAvailable();
+		this.microphones = this.deviceSrv.getMicrophones();
+		this.cameras = this.deviceSrv.getCameras();
+		this.cameraSelected = this.deviceSrv.getCameraSelected();
+		this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
+
+		this.isVideoMuted = this.deviceSrv.isVideoMuted();
+		this.isAudioMuted = this.deviceSrv.isAudioMuted();
+	}
+
+	private subscribeToLocalParticipantEvents() {
+		this.localParticipantSubscription = this.participantService.localParticipantObs.subscribe((p) => {
+			this.localParticipant = p;
+			this.screenShareEnabled = p.isScreenActive();
+		});
+	}
+
+	private async initwebcamPublisher() {
+		const publisher = await this.openviduService.initDefaultPublisher(undefined);
+		if (publisher) {
+			// this.handlePublisherSuccess(publisher);
+			this.handlePublisherError(publisher);
+		}
+	}
+
+	//? After test in Chrome and Firefox, the devices always have labels.
+	//? It's not longer needed
+	// private handlePublisherSuccess(publisher: Publisher) {
+	// 	publisher.once('accessAllowed', async () => {
+	// 		if (this.deviceSrv.areEmptyLabels()) {
+	// 			await this.deviceSrv.forceUpdate();
+	// 			if (this.hasAudioDevices) {
+	// 				const audioLabel = publisher?.stream?.getMediaStream()?.getAudioTracks()[0]?.label;
+	// 				this.deviceSrv.setMicSelected(audioLabel);
+	// 			}
+
+	// 			if (this.hasVideoDevices) {
+	// 				const videoLabel = publisher?.stream?.getMediaStream()?.getVideoTracks()[0]?.label;
+	// 				this.deviceSrv.setCameraSelected(videoLabel);
+	// 			}
+	// 			this.setDevicesInfo();
+	// 		}
+	// 	});
+	// }
+
+	private handlePublisherError(publisher: Publisher) {
+		publisher.once('accessDenied', (e: any) => {
+			let message: string;
+			if (e.name === OpenViduErrorName.DEVICE_ALREADY_IN_USE) {
+				this.log.w('Video device already in use. Disabling video device...');
+				// Allow access to the room with only mic if camera device is already in use
+				this.hasVideoDevices = false;
+				this.deviceSrv.disableVideoDevices();
+				return this.initwebcamPublisher();
+			}
+			if (e.name === OpenViduErrorName.DEVICE_ACCESS_DENIED) {
+				message = 'Access to media devices was not allowed.';
+				this.hasVideoDevices = false;
+				this.hasAudioDevices = false;
+				this.deviceSrv.disableVideoDevices();
+				this.deviceSrv.disableAudioDevices();
+				return this.initwebcamPublisher();
+			} else if (e.name === OpenViduErrorName.NO_INPUT_SOURCE_SET) {
+				message = 'No video or audio devices have been found. Please, connect at least one.';
+			}
+			this.actionService.openDialog(e.name.replace(/_/g, ' '), message, true);
+			this.log.e(e.message);
+		});
+	}
+
+	private generateRandomNickname(): string {
+		return 'OpenVidu_User' + Math.floor(Math.random() * 100);
+	}
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.css
index 3e093cff..5441f1cd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.css
@@ -2,7 +2,7 @@
 	height: 100%;
 }
 
-#user-settings-container {
+#pre-join-container {
     height: inherit;
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index 2e0e1a9e..0deed966 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -1,6 +1,8 @@
 <div id="call-container">
-	<div id="user-settings-container" *ngIf="!joinSessionClicked && !closeClicked">
-		<ov-user-settings (onJoinClicked)="_onJoinClicked()" (onCloseClicked)="onLeaveSessionClicked()"></ov-user-settings>
+	<div id="pre-join-container" *ngIf="!joinSessionClicked">
+		<ov-pre-join (onJoinClicked)="_onJoinClicked()"></ov-pre-join>
+		<!-- <ov-user-settings (onJoinClicked)="_onJoinClicked()" (onCloseClicked)="onLeaveSessionClicked()"></ov-user-settings> -->
+
 	</div>
 
 	<div id="spinner" *ngIf="joinSessionClicked && !isSessionAlive && !error">
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 94162392..4be77eef 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -58,7 +58,6 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 					webcam: tokens.webcam,
 					screen: tokens.screen
 				};
-				this.joinSessionClicked = true;
 				this.isSessionAlive = true;
 			}
 		}
@@ -68,7 +67,7 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	@Output() onCloseClicked = new EventEmitter<any>();
 
 	joinSessionClicked: boolean = false;
-	closeClicked: boolean = false;
+	// closeClicked: boolean = false;
 	isSessionAlive: boolean = false;
 	_tokens: { webcam: string; screen: string };
 	error: boolean = false;
@@ -140,10 +139,11 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	ngOnInit() {}
 
 	async _onJoinClicked() {
+		this.joinSessionClicked = true;
 		this.onJoinClicked.emit();
 	}
-	onLeaveSessionClicked() {
-		this.isSessionAlive = false;
-		this.closeClicked = true;
-	}
+	// onLeaveSessionClicked() {
+	// 	this.isSessionAlive = false;
+	// 	this.closeClicked = true;
+	// }
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 4cd2b10e..235981cb 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -26,7 +26,7 @@ import { CommonModule } from '@angular/common';
 import { ModuleWithProviders, NgModule } from '@angular/core';
 import { HttpClientModule } from '@angular/common/http';
 
-import { UserSettingsComponent } from './components/user-settings/user-settings.component';
+// import { UserSettingsComponent } from './components/user-settings/user-settings.component';
 import { ToolbarComponent } from './components/toolbar/toolbar.component';
 import { VideoComponent } from './components/video/video.component';
 import { ChatPanelComponent } from './components/panel/chat-panel/chat-panel.component';
@@ -58,12 +58,22 @@ import { ParticipantsPanelComponent } from './components/panel/participants-pane
 import { VideoconferenceComponent } from './components/videoconference/videoconference.component';
 import { PanelComponent } from './components/panel/panel.component';
 import { AudioWaveComponent } from './components/audio-wave/audio-wave.component';
+import { PreJoinComponent } from './components/pre-join/pre-join.component';
 
-import { ChatPanelDirective, LayoutDirective, PanelDirective, ParticipantPanelItemDirective, ParticipantsPanelDirective, StreamDirective, ToolbarDirective } from './directives/openvidu-angular.directive';
+import {
+	ChatPanelDirective,
+	LayoutDirective,
+	PanelDirective,
+	ParticipantPanelItemDirective,
+	ParticipantsPanelDirective,
+	StreamDirective,
+	ToolbarDirective
+} from './directives/openvidu-angular.directive';
+import { AvatarProfileComponent } from './components/avatar-profile/avatar-profile.component';
 
 @NgModule({
 	declarations: [
-		UserSettingsComponent,
+		// UserSettingsComponent,
 		VideoComponent,
 		ToolbarComponent,
 		ChatPanelComponent,
@@ -77,7 +87,7 @@ import { ChatPanelDirective, LayoutDirective, PanelDirective, ParticipantPanelIt
 		ParticipantPanelItemComponent,
 		ParticipantsPanelComponent,
 		VideoconferenceComponent,
-  		AudioWaveComponent,
+		AudioWaveComponent,
 		PanelComponent,
 		ToolbarDirective,
 		PanelDirective,
@@ -85,7 +95,9 @@ import { ChatPanelDirective, LayoutDirective, PanelDirective, ParticipantPanelIt
 		ParticipantsPanelDirective,
 		ParticipantPanelItemDirective,
 		LayoutDirective,
-		StreamDirective
+		StreamDirective,
+		PreJoinComponent,
+		AvatarProfileComponent
 	],
 	imports: [
 		CommonModule,
@@ -132,7 +144,7 @@ import { ChatPanelDirective, LayoutDirective, PanelDirective, ParticipantPanelIt
 	],
 	exports: [
 		VideoconferenceComponent,
-		UserSettingsComponent,
+		// UserSettingsComponent,
 		ToolbarComponent,
 		PanelComponent,
 		ParticipantsPanelComponent,
@@ -143,6 +155,7 @@ import { ChatPanelDirective, LayoutDirective, PanelDirective, ParticipantPanelIt
 		StreamComponent,
 		VideoComponent,
 		AudioWaveComponent,
+		PreJoinComponent,
 		ParticipantStreamsPipe,
 		StreamsEnabledPipe,
 		CommonModule,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
index 86a73d00..3fc68f69 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
@@ -194,7 +194,7 @@ export class DeviceService {
 	}
 
 	clear() {
-		this.OV = new OpenVidu();
+		// this.OV = new OpenVidu();
 		this.devices = [];
 		this.cameras = [];
 		this.microphones = [];
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index ca1bc888..a3a98b22 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -22,7 +22,7 @@ export * from './lib/services/storage/storage.service';
 
 // Components
 export * from './lib/components/videoconference/videoconference.component';
-export * from './lib/components/user-settings/user-settings.component';
+// export * from './lib/components/user-settings/user-settings.component';
 export * from './lib/components/toolbar/toolbar.component';
 export * from './lib/components/panel/panel.component';
 export * from './lib/components/panel/chat-panel/chat-panel.component';
@@ -33,6 +33,7 @@ export * from './lib/components/layout/layout.component';
 export * from './lib/components/stream/stream.component';
 export * from './lib/components/video/video.component';
 export * from './lib/components/audio-wave/audio-wave.component';
+export * from './lib/components/pre-join/pre-join.component';
 
 // Models
 export * from './lib/models/participant.model';

From b4decda1f5feccc32bdc9cfb681848dc46a3e982 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 2 Mar 2022 11:02:06 +0100
Subject: [PATCH 44/74] openvidu-components: Updated avatar-profile component

---
 .../avatar-profile.component.ts               | 30 +++++++++----------
 .../components/stream/stream.component.html   |  6 ++++
 .../lib/components/stream/stream.component.ts |  1 -
 .../lib/components/video/video.component.ts   |  4 ---
 .../src/lib/models/participant.model.ts       |  4 ++-
 .../participant/participant.service.ts        |  2 +-
 6 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.ts
index e0d70722..1f54f11c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.ts
@@ -1,24 +1,22 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 
 @Component({
-  selector: 'ov-avatar-profile',
+	selector: 'ov-avatar-profile',
 	template: `
-    <div class="poster" [ngStyle]="{ 'background-color': color }">
-      <span id="poster-text">{{letter}}</span>
-    </div>
-  `,
-  styleUrls: ['./avatar-profile.component.css']
+		<div class="poster" [ngStyle]="{ 'background-color': color }">
+			<span id="poster-text">{{ letter }}</span>
+		</div>
+	`,
+	styleUrls: ['./avatar-profile.component.css']
 })
-export class AvatarProfileComponent implements OnInit {
+export class AvatarProfileComponent {
+	letter: string;
 
-  color: string;
-
-  @Input() letter;
-
-  constructor() { }
-
-  ngOnInit(): void {
-		this.color = `hsl(${Math.random() * 360}, 100%, 75%)`;
+	@Input()
+	set name(nickname: string) {
+		this.letter = nickname[0];
 	}
+	@Input() color;
 
+	constructor() {}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 71fa9318..f4e081f2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -26,6 +26,12 @@
 		<ov-audio-wave [streamManager]="_stream.streamManager"></ov-audio-wave>
 	</div>
 
+	<ov-avatar-profile
+		*ngIf="!_stream.streamManager?.stream?.videoActive && _stream.type === 'CAMERA'"
+		[name]="_stream.participant.nickname"
+		[color]="_stream.participant.colorProfile"
+	></ov-avatar-profile>
+
 	<ov-video
 		(dblclick)="toggleVideoEnlarged()"
 		[streamManager]="_stream.streamManager"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 32ea866a..9d65609d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -1,6 +1,5 @@
 import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
 import { MatMenuPanel, MatMenuTrigger } from '@angular/material/menu';
-import { NicknameMatcher } from '../../matchers/nickname.matcher';
 import { VideoSizeIcon } from '../../models/icon.model';
 import { ScreenType, VideoType } from '../../models/video-type.model';
 import { DocumentService } from '../../services/document/document.service';
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
index 7acb23f2..9b1b1dce 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
@@ -5,8 +5,6 @@ import { VideoType } from '../../models/video-type.model';
 @Component({
 	selector: 'ov-video',
 	template: `
-		<ov-avatar-profile *ngIf="!_streamManager?.stream?.videoActive && (type === 'CAMERA' || !type)" [letter]="'K'"></ov-avatar-profile>
-
 		<video
 			class="OT_video-element"
 			#videoElement
@@ -18,9 +16,7 @@ import { VideoType } from '../../models/video-type.model';
 })
 export class VideoComponent implements AfterViewInit {
 	@Input() mutedSound: boolean;
-
 	_streamManager: StreamManager;
-
 	_videoElement: ElementRef;
 	type: VideoType = VideoType.CAMERA;
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index 8fc9b837..44bb22ca 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -15,12 +15,14 @@ export abstract class ParticipantAbstractModel {
 	id: string;
 	local: boolean;
 	nickname: string;
+	colorProfile: string;
 	isMutedForcibly: boolean;
 
 	constructor(model?: StreamModel, id?: string, local: boolean = true, nickname?: string) {
 		this.id = id ? id : new Date().getTime().toString();
 		this.local = local,
-		this.nickname = nickname ? nickname : 'OpenVidu_User',
+		this.nickname = nickname ? nickname : 'OpenVidu_User';
+		this.colorProfile = `hsl(${Math.random()*360}, 100%, 80%)`;
 		this.isMutedForcibly = false;
 		let streamModel: StreamModel = {
 			connected: true,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index f1c5dd9a..2b351b2b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -102,7 +102,7 @@ export class ParticipantService {
 
 	setMyNickname(nickname: string) {
 		this.localParticipant.setNickname(nickname);
-		// this.updateLocalParticipant();
+		this.updateLocalParticipant();
 	}
 
 	getMyNickname(): string {

From 7af7b96a2d66d5acbfd3d9790ab2b8bf6b139df8 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 2 Mar 2022 17:35:14 +0100
Subject: [PATCH 45/74] openvidu-components: Created participant from pre-join
 component

* Refactored update local participant method
* Refactored pipes
---
 .../lib/components/layout/layout.component.ts |  7 +++--
 .../participant-panel-item.component.html     |  2 +-
 .../participants-panel.component.ts           |  4 +--
 .../components/pre-join/pre-join.component.ts |  9 ++++--
 .../src/lib/models/participant.model.ts       | 20 +++++++++----
 .../src/lib/openvidu-angular.module.ts        |  6 ++--
 .../src/lib/pipes/participant.pipe.ts         | 23 ++++++++------
 .../participant/participant.service.ts        | 30 +++++++++----------
 8 files changed, 60 insertions(+), 41 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index 392307c0..8c6242a2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -31,7 +31,7 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 	constructor(protected layoutService: LayoutService, protected participantService: ParticipantService, private cd: ChangeDetectorRef) {}
 
 	ngOnInit(): void {
-		this.subscribeToUsers();
+		this.subscribeToParticipants();
 	}
 
 	ngAfterViewInit() {
@@ -47,9 +47,10 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 		this.layoutService.clear();
 	}
 
-	protected subscribeToUsers() {
+	protected subscribeToParticipants() {
 		this.localParticipantSubs = this.participantService.localParticipantObs.subscribe((p) => {
-			this.localParticipant = p;
+			// We need to update the object reference doing a deep copy for update the view
+			this.localParticipant = Object.assign(Object.create(p), p)
 			this.layoutService.update();
 			this.cd.markForCheck();
 		});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
index ffffd7c8..c7b72989 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
@@ -2,7 +2,7 @@
 	<mat-list-item>
 		<mat-icon matListAvatar class="participant-avatar">person</mat-icon>
 		<h3 matLine class="participant-nickname">{{ _participant.nickname }}</h3>
-		<p matLine class="participant-subtitle">{{ _participant | streamsEnabled }}</p>
+		<p matLine class="participant-subtitle">{{ _participant | streamTypesEnabled }}</p>
 		<!-- <p matLine>
 			<span class="participant-subtitle"></span>
 		</p> -->
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
index 1259228c..f9fcc698 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
@@ -33,13 +33,13 @@ export class ParticipantsPanelComponent implements OnInit {
 	ngOnInit(): void {
 		this.participantService.localParticipantObs.subscribe((p: ParticipantModel) => {
 			this.localParticipant = p;
-			// Mark for re-rendering using an impure pipe 'streamsEnabled'
+			// Mark for re-rendering using an impure pipe 'streamsTypesEnabled'
 			this.cd.markForCheck();
 		});
 
 		this.participantService.remoteParticipantsObs.subscribe((p: ParticipantModel[]) => {
 			this.remoteParticipants = p;
-			// Mark for re-rendering using an impure pipe 'streamsEnabled'
+			// Mark for re-rendering using an impure pipe 'streamsTypesEnabled'
 			this.cd.markForCheck();
 		});
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
index 82309fb5..b25785c1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
@@ -4,7 +4,7 @@ import { OpenViduErrorName } from 'openvidu-browser/lib/OpenViduInternal/Enums/O
 import { Subscription } from 'rxjs';
 import { CustomDevice } from '../../models/device.model';
 import { ILogger } from '../../models/logger.model';
-import { ParticipantAbstractModel } from '../../models/participant.model';
+import { ParticipantAbstractModel, ParticipantProperties } from '../../models/participant.model';
 import { ActionService } from '../../services/action/action.service';
 import { DeviceService } from '../../services/device/device.service';
 import { LayoutService } from '../../services/layout/layout.service';
@@ -57,10 +57,15 @@ export class PreJoinComponent implements OnInit, OnDestroy {
 
 	async ngOnInit() {
 		await this.deviceSrv.initializeDevices();
+		this.nickname = this.storageSrv.getNickname() || this.generateRandomNickname();
+		const props: ParticipantProperties = {
+			local: true,
+			nickname: this.nickname
+		};
+		this.participantService.initLocalParticipant(props);
 
 		this.subscribeToLocalParticipantEvents();
 		this.openviduService.initialize();
-		this.nickname = this.storageSrv.getNickname() || this.generateRandomNickname();
 		this.windowSize = window.innerWidth;
 		this.setDevicesInfo();
 		if (this.hasAudioDevices || this.hasVideoDevices) {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index 44bb22ca..a15499f6 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -10,6 +10,14 @@ export interface StreamModel {
 	participant?: ParticipantAbstractModel
 }
 
+export interface ParticipantProperties {
+	local: boolean;
+	nickname: string;
+	id?: string;
+	colorProfile?: string;
+	isMutedForcibly?: boolean;
+}
+
 export abstract class ParticipantAbstractModel {
 	streams: Map<VideoType, StreamModel> = new Map();
 	id: string;
@@ -18,12 +26,12 @@ export abstract class ParticipantAbstractModel {
 	colorProfile: string;
 	isMutedForcibly: boolean;
 
-	constructor(model?: StreamModel, id?: string, local: boolean = true, nickname?: string) {
-		this.id = id ? id : new Date().getTime().toString();
-		this.local = local,
-		this.nickname = nickname ? nickname : 'OpenVidu_User';
-		this.colorProfile = `hsl(${Math.random()*360}, 100%, 80%)`;
-		this.isMutedForcibly = false;
+	constructor(props: ParticipantProperties, model?: StreamModel) {
+		this.id = props.id ? props.id : new Date().getTime().toString();
+		this.local = props.local;
+		this.nickname = props.nickname;
+		this.colorProfile = !!props.colorProfile ? props.colorProfile : `hsl(${Math.random()*360}, 100%, 80%)`;
+		this.isMutedForcibly = typeof props.isMutedForcibly === 'boolean' ? props.isMutedForcibly : false;
 		let streamModel: StreamModel = {
 			connected: true,
 			type: model ? model.type : VideoType.CAMERA,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 235981cb..0b4383b3 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -36,7 +36,7 @@ import { StreamComponent } from './components/stream/stream.component';
 import { DialogTemplateComponent } from './components/material/dialog.component';
 
 import { LinkifyPipe } from './pipes/linkify.pipe';
-import { StreamsEnabledPipe, ParticipantStreamsPipe } from './pipes/participant.pipe';
+import { StreamTypesEnabledPipe, ParticipantStreamsPipe } from './pipes/participant.pipe';
 
 import { OpenViduAngularConfig } from './config/openvidu-angular.config';
 import { CdkOverlayContainer } from './config/custom-cdk-overlay';
@@ -83,7 +83,7 @@ import { AvatarProfileComponent } from './components/avatar-profile/avatar-profi
 		DialogTemplateComponent,
 		LinkifyPipe,
 		ParticipantStreamsPipe,
-		StreamsEnabledPipe,
+		StreamTypesEnabledPipe,
 		ParticipantPanelItemComponent,
 		ParticipantsPanelComponent,
 		VideoconferenceComponent,
@@ -157,7 +157,7 @@ import { AvatarProfileComponent } from './components/avatar-profile/avatar-profi
 		AudioWaveComponent,
 		PreJoinComponent,
 		ParticipantStreamsPipe,
-		StreamsEnabledPipe,
+		StreamTypesEnabledPipe,
 		CommonModule,
 		ToolbarDirective,
 		PanelDirective,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
index 6f5f9d6a..5dd3328d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
@@ -1,25 +1,30 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import { StreamModel, ParticipantAbstractModel } from '../models/participant.model';
 
-@Pipe({ name: 'streams' })
+@Pipe({ name: 'streams', pure: true })
 export class ParticipantStreamsPipe implements PipeTransform {
 	constructor() {}
 
 	transform(participants: ParticipantAbstractModel[] | ParticipantAbstractModel): StreamModel[] {
 		let streams: StreamModel[] = [];
-		if (Array.isArray(participants)) {
-			participants.forEach((p) => {
-				streams = streams.concat(Array.from(p.streams.values()));
-			});
-		} else {
-			streams = Array.from(participants.streams.values());
+		console.log('STREAM PIPE')
+		debugger
+		if(Object.keys(participants).length > 0){
+			if (Array.isArray(participants)) {
+				participants.forEach((p) => {
+					streams = streams.concat(p.getAvailableConnections());
+				});
+			} else {
+
+				streams = participants.getAvailableConnections();
+			}
 		}
 		return streams;
 	}
 }
 
-@Pipe({ name: 'streamsEnabled', pure: false })
-export class StreamsEnabledPipe implements PipeTransform {
+@Pipe({ name: 'streamTypesEnabled', pure: false })
+export class StreamTypesEnabledPipe implements PipeTransform {
 	constructor() {}
 
 	transform(participant: ParticipantAbstractModel): string {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index 2b351b2b..5be13c3f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 import { Publisher, Subscriber } from 'openvidu-browser';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { ILogger } from '../../models/logger.model';
-import { StreamModel, ParticipantAbstractModel, ParticipantModel } from '../../models/participant.model';
+import { StreamModel, ParticipantAbstractModel, ParticipantModel, ParticipantProperties } from '../../models/participant.model';
 import { VideoType } from '../../models/video-type.model';
 import { OpenViduAngularConfigService } from '../config/openvidu-angular.config.service';
 import { LoggerService } from '../logger/logger.service';
@@ -29,8 +29,10 @@ export class ParticipantService {
 
 		this.localParticipantObs = this._localParticipant.asObservable();
 		this.remoteParticipantsObs = this._remoteParticipants.asObservable();
+	}
 
-		this.localParticipant = this.newParticipant();
+	initLocalParticipant(props: ParticipantProperties)  {
+		this.localParticipant = this.newParticipant(props);
 		this.updateLocalParticipant();
 	}
 
@@ -131,7 +133,7 @@ export class ParticipantService {
 
 	clear() {
 		this.disableScreenUser();
-		this.localParticipant = this.newParticipant();
+		// this.localParticipant = this.newParticipant();
 		// this._screensharing.next(false);
 		this.remoteParticipants = [];
 		this._remoteParticipants = <BehaviorSubject<ParticipantAbstractModel[]>>new BehaviorSubject([]);
@@ -172,12 +174,7 @@ export class ParticipantService {
 	}
 
 	updateLocalParticipant() {
-		// Cloning localParticipant object for not applying changes on the global variable
-		let participantsWithConnectionAvailable: ParticipantAbstractModel = Object.assign(this.newParticipant(), this.localParticipant);
-		const availableConnections = participantsWithConnectionAvailable.getAvailableConnections();
-		const availableConnectionsMap = new Map(availableConnections.map((conn) => [conn.type, conn]));
-		participantsWithConnectionAvailable.streams = availableConnectionsMap;
-		this._localParticipant.next(participantsWithConnectionAvailable);
+		this._localParticipant.next(this.localParticipant);
 	}
 
 	/**
@@ -210,9 +207,12 @@ export class ParticipantService {
 			}
 		} else {
 			this.log.w('Creating new participant with id: ', participantId);
-			const nickname = this.getNicknameFromConnectionData(data);
-			const local = false;
-			const remoteParticipant = this.newParticipant(streamModel, participantId, local, nickname);
+			const props: ParticipantProperties = {
+				nickname: this.getNicknameFromConnectionData(data),
+				local: false,
+				id: participantId
+			}
+			const remoteParticipant = this.newParticipant(props, streamModel);
 			this.remoteParticipants.push(remoteParticipant);
 		}
 		this.updateRemoteParticipants();
@@ -306,11 +306,11 @@ export class ParticipantService {
 		}
 	}
 
-	protected newParticipant(streamModel?: StreamModel, participantId?: string, local?: boolean, nickname?: string) {
+	protected newParticipant(props: ParticipantProperties, streamModel?: StreamModel) {
 
 		if(this.openviduAngularConfigSrv.hasParticipantFactory()){
-			return this.openviduAngularConfigSrv.getParticipantFactory().apply(this, [streamModel, participantId, local, nickname]);
+			return this.openviduAngularConfigSrv.getParticipantFactory().apply(this, [props, streamModel]);
 		}
-		return new ParticipantModel(streamModel, participantId, local, nickname);
+		return new ParticipantModel(props, streamModel);
 	}
 }

From 5a41202935885d8de996fe3fd7844ae6ea3d28c4 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 3 Mar 2022 10:21:33 +0100
Subject: [PATCH 46/74] openvidu-components: Changed impure pipe to pure to
 increased efficiency

- Updated the behaviour subject creating a new reference object
- Made the streamTypesEnabled pipe to pure
- Fixed update bug in participants panel
---
 .../lib/components/layout/layout.component.ts |  5 ++--
 .../participant-panel-item.component.ts       |  9 ++++--
 .../participants-panel.component.css          |  2 ++
 .../participants-panel.component.html         |  4 +--
 .../participants-panel.component.ts           | 30 ++++++++++++++-----
 .../src/lib/models/participant.model.ts       |  2 +-
 .../src/lib/pipes/participant.pipe.ts         | 11 ++++---
 .../participant/participant.service.ts        |  6 ++--
 8 files changed, 44 insertions(+), 25 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index 8c6242a2..e1e421c2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -49,14 +49,13 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 
 	protected subscribeToParticipants() {
 		this.localParticipantSubs = this.participantService.localParticipantObs.subscribe((p) => {
-			// We need to update the object reference doing a deep copy for update the view
-			this.localParticipant = Object.assign(Object.create(p), p)
+			this.localParticipant = p;
 			this.layoutService.update();
 			this.cd.markForCheck();
 		});
 
 		this.remoteParticipantsSubs = this.participantService.remoteParticipantsObs.subscribe((participants) => {
-			this.remoteParticipants = [...participants];
+			this.remoteParticipants = participants;
 			this.layoutService.update();
 			this.cd.markForCheck();
 		});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
index dcea75f2..9f89df78 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
@@ -1,17 +1,20 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core';
 import { ParticipantAbstractModel } from '../../../../models/participant.model';
 
 @Component({
 	selector: 'ov-participant-panel-item',
 	templateUrl: './participant-panel-item.component.html',
-	styleUrls: ['./participant-panel-item.component.css']
+	styleUrls: ['./participant-panel-item.component.css'],
+	changeDetection: ChangeDetectionStrategy.OnPush
+
 })
 export class ParticipantPanelItemComponent {
 
 	@Input()
-	set participant( p: ParticipantAbstractModel) {
+	set participant(p: ParticipantAbstractModel) {
 		this._participant = p;
 	}
+
 	_participant: ParticipantAbstractModel;
 	constructor() {}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
index e0ec0517..e381b608 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
@@ -27,6 +27,8 @@
 }
 
 .scrollable {
+	height: calc(100% - 60px);
+	max-height: calc(100% - 60px);
 	overflow: auto;
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
index 3f0bc91e..abfae45c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
@@ -8,14 +8,14 @@
 
 	<div class="scrollable">
 
-		<div class="local-participant-container">
+		<div class="local-participant-container" *ngIf="localParticipant">
 			<ng-container *ngTemplateOutlet="participantPanelItemTemplate; context: { $implicit: localParticipant }"></ng-container>
 			<mat-divider *ngIf="true"></mat-divider>
 		</div>
 
 		<div class="remote-participants-container" *ngIf="remoteParticipants.length > 0">
 
-			<div *ngFor="let participant of remoteParticipants; let lastItem = last">
+			<div *ngFor="let participant of this.remoteParticipants">
 				<ng-container *ngTemplateOutlet="participantPanelItemTemplate; context: { $implicit: participant }"></ng-container>
 			</div>
 		</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
index f9fcc698..50822f64 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
@@ -1,8 +1,9 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
-import { ParticipantAbstractModel, ParticipantModel } from '../../../../models/participant.model';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { ParticipantAbstractModel } from '../../../../models/participant.model';
 import { ParticipantService } from '../../../../services/participant/participant.service';
 import { SidenavMenuService } from '../../../..//services/sidenav-menu/sidenav-menu.service';
 import { ParticipantPanelItemDirective } from '../../../../directives/openvidu-angular.directive';
+import { Subscription } from 'rxjs';
 
 @Component({
 	selector: 'ov-participants-panel',
@@ -10,9 +11,12 @@ import { ParticipantPanelItemDirective } from '../../../../directives/openvidu-a
 	styleUrls: ['./participants-panel.component.css'],
 	changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class ParticipantsPanelComponent implements OnInit {
+export class ParticipantsPanelComponent implements OnInit, OnDestroy {
 	localParticipant: any;
 	remoteParticipants: ParticipantAbstractModel[] = [];
+
+	private localParticipantSubs: Subscription;
+	private remoteParticipantsSubs: Subscription;
 	@ContentChild('participantPanelItem', { read: TemplateRef }) participantPanelItemTemplate: TemplateRef<any>;
 
 	@ContentChild(ParticipantPanelItemDirective)
@@ -28,22 +32,34 @@ export class ParticipantsPanelComponent implements OnInit {
 		protected participantService: ParticipantService,
 		protected menuService: SidenavMenuService,
 		private cd: ChangeDetectorRef
-	) {}
+	) {
+
+	}
 
 	ngOnInit(): void {
-		this.participantService.localParticipantObs.subscribe((p: ParticipantModel) => {
+
+		this.localParticipantSubs = this.participantService.localParticipantObs.subscribe((p: ParticipantAbstractModel) => {
 			this.localParticipant = p;
 			// Mark for re-rendering using an impure pipe 'streamsTypesEnabled'
 			this.cd.markForCheck();
 		});
 
-		this.participantService.remoteParticipantsObs.subscribe((p: ParticipantModel[]) => {
-			this.remoteParticipants = p;
+		this.remoteParticipantsSubs = this.participantService.remoteParticipantsObs.subscribe((p: ParticipantAbstractModel[]) => {
+			// Workaround which forc the objects references update
+			// After one entirely day trying to make it works, this is the only way
+			p.forEach((par, index) => {
+				this.remoteParticipants[index] = Object.create(par);
+			});
 			// Mark for re-rendering using an impure pipe 'streamsTypesEnabled'
 			this.cd.markForCheck();
 		});
 	}
 
+	ngOnDestroy() {
+		if (this.localParticipantSubs) this.localParticipantSubs.unsubscribe();
+		if (this.remoteParticipantsSubs) this.remoteParticipantsSubs.unsubscribe;
+	}
+
 	close() {
 		this.menuService.closeMenu();
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index a15499f6..3e34fd88 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -33,7 +33,7 @@ export abstract class ParticipantAbstractModel {
 		this.colorProfile = !!props.colorProfile ? props.colorProfile : `hsl(${Math.random()*360}, 100%, 80%)`;
 		this.isMutedForcibly = typeof props.isMutedForcibly === 'boolean' ? props.isMutedForcibly : false;
 		let streamModel: StreamModel = {
-			connected: true,
+			connected: model ? model.connected : true,
 			type: model ? model.type : VideoType.CAMERA,
 			streamManager: model ? model.streamManager : null,
 			videoEnlarged: model ? model.videoEnlarged : false,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
index 5dd3328d..b6b31a0f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/participant.pipe.ts
@@ -1,15 +1,13 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import { StreamModel, ParticipantAbstractModel } from '../models/participant.model';
 
-@Pipe({ name: 'streams', pure: true })
+@Pipe({ name: 'streams' })
 export class ParticipantStreamsPipe implements PipeTransform {
 	constructor() {}
 
 	transform(participants: ParticipantAbstractModel[] | ParticipantAbstractModel): StreamModel[] {
 		let streams: StreamModel[] = [];
-		console.log('STREAM PIPE')
-		debugger
-		if(Object.keys(participants).length > 0){
+		if(participants && Object.keys(participants).length > 0){
 			if (Array.isArray(participants)) {
 				participants.forEach((p) => {
 					streams = streams.concat(p.getAvailableConnections());
@@ -23,11 +21,12 @@ export class ParticipantStreamsPipe implements PipeTransform {
 	}
 }
 
-@Pipe({ name: 'streamTypesEnabled', pure: false })
+@Pipe({ name: 'streamTypesEnabled' })
 export class StreamTypesEnabledPipe implements PipeTransform {
 	constructor() {}
 
 	transform(participant: ParticipantAbstractModel): string {
-		return `(${participant?.getConnectionTypesActive().toString().replace(',', ', ')})`;
+		const activeStreams = participant?.getConnectionTypesActive().toString();
+		return `(${activeStreams.replace(',', ', ')})`;
 	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index 5be13c3f..cf4f873b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -174,7 +174,7 @@ export class ParticipantService {
 	}
 
 	updateLocalParticipant() {
-		this._localParticipant.next(this.localParticipant);
+		this._localParticipant.next(Object.assign(Object.create(this.localParticipant),this.localParticipant));
 	}
 
 	/**
@@ -188,7 +188,7 @@ export class ParticipantService {
 			type,
 			videoEnlarged: type === VideoType.SCREEN,
 			streamManager: subscriber,
-			connected: true,
+			connected:  true,
 			connectionId
 		};
 
@@ -287,7 +287,7 @@ export class ParticipantService {
 	}
 
 	updateRemoteParticipants() {
-		this._remoteParticipants.next(this.remoteParticipants);
+		this._remoteParticipants.next([...this.remoteParticipants]);
 	}
 
 	protected getTypeConnectionData(data: string): VideoType {

From 3786d5bef299edf335118e1a3ca9c7b8e89e427f Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 3 Mar 2022 10:36:17 +0100
Subject: [PATCH 47/74] openvidu-components: Fixed bug enlarging the screen
 video

---
 .../src/lib/services/participant/participant.service.ts     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index cf4f873b..38ebe98b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -201,8 +201,10 @@ export class ParticipantService {
 				participantAdded.setPublisher(streamModel.type, subscriber);
 			} else {
 				this.log.d('Participant has not publisher, adding it');
-				this.resetRemoteStreamsToNormalSize();
-				this.resetMyStreamsToNormalSize();
+				if(streamModel.type === VideoType.SCREEN) {
+					this.resetRemoteStreamsToNormalSize();
+					this.resetMyStreamsToNormalSize();
+				}
 				participantAdded.addConnection(streamModel);
 			}
 		} else {

From 4cb959ac83c4925ada41a22a1905c411153b88c9 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 3 Mar 2022 10:59:17 +0100
Subject: [PATCH 48/74] openvidu-components: Avoided show prejoin until
 participant created

---
 .../src/lib/components/pre-join/pre-join.component.html         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
index 2b0096aa..8f034cde 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
@@ -6,7 +6,7 @@
 			</ng-template>
 		</ov-layout>
 	</div>
-	<div fxFlex.gt-sm="35%" fxFlex.lt-md="45%" fxLayoutAlign="center center" class="media-panel">
+	<div fxFlex.gt-sm="35%" fxFlex.lt-md="45%" fxLayoutAlign="center center" class="media-panel" *ngIf="localParticipant">
 		<div fxLayout="column" fxLayoutGap="10px" class="media-panel-container">
 			<div fxLayout.gt-sm="column" fxLayout.lt-md="column" fxLayoutGap="10px" fxFlex="33%">
 				<div fxFlex.gt-sm="100%" fxFlex.lt-md="33%" fxLayoutAlign="center center" fxFlexFill class="nickname-container">

From c6e84cb5dafa9ddc0b9d447330e7fc9c362e60f9 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 7 Mar 2022 15:50:27 +0100
Subject: [PATCH 49/74] openvidu-components: Allowed meeting customization

Added attribute directives for allowing the app customization
---
 .../components/layout/layout.component.html   |   4 +-
 .../lib/components/layout/layout.component.ts |   2 +-
 .../lib/components/panel/panel.component.ts   |   2 +-
 .../participants-panel.component.ts           |   2 +-
 .../pre-join/pre-join.component.html          |   2 +-
 .../components/session/session.component.html |   2 +-
 .../components/stream/stream.component.html   |   6 +-
 .../lib/components/stream/stream.component.ts |  55 +++-
 .../components/toolbar/toolbar.component.css  |   3 +
 .../components/toolbar/toolbar.component.html |  24 +-
 .../components/toolbar/toolbar.component.ts   | 129 +++++---
 .../videoconference.component.ts              |  30 +-
 .../directives/api/api.directive.module.ts    |  50 +++
 .../lib/directives/api/stream.directive.ts    | 131 ++++++++
 .../lib/directives/api/toolbar.directive.ts   | 300 ++++++++++++++++++
 .../api/videoconference.directive.ts          |  32 ++
 .../openvidu-angular.directive.spec.ts        |   8 -
 .../directives/openvidu-angular.directive.ts  |  50 ---
 .../openvidu-angular.directive.module.ts      |  35 ++
 .../template/openvidu-angular.directive.ts    |  65 ++++
 .../src/lib/openvidu-angular.module.ts        |  33 +-
 .../config/openvidu-angular.config.service.ts |  51 ++-
 .../src/lib/services/device/device.service.ts |  17 +-
 .../openvidu-angular/src/public-api.ts        |   8 +-
 24 files changed, 876 insertions(+), 165 deletions(-)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/stream.directive.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.spec.ts
 delete mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index 1a7e39a5..2d6121e0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -1,6 +1,6 @@
 <div id="layout" class="layout">
 	<div
-		class="OT_root OT_publisher"
+		class="OT_root OT_publisher ovStream"
 		*ngFor="let stream of localParticipant | streams"
 		[ngClass]="{ OV_big: stream.videoEnlarged }"
 	>
@@ -9,7 +9,7 @@
 
 	<div
 		*ngFor="let stream of remoteParticipants | streams"
-		class="OT_root OT_publisher"
+		class="OT_root OT_publisher ovStream"
 		id="remote-participant"
 		[ngClass]="{ OV_big: stream.videoEnlarged }"
 	>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index e1e421c2..9d29702e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -3,7 +3,7 @@ import { Subscription } from 'rxjs';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { ParticipantAbstractModel } from '../../models/participant.model';
 import { LayoutService } from '../../services/layout/layout.service';
-import { StreamDirective } from '../../directives/openvidu-angular.directive';
+import { StreamDirective } from '../../directives/template/openvidu-angular.directive';
 
 @Component({
 	selector: 'ov-layout',
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
index bdb79501..14950363 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/panel.component.ts
@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
 import { skip, Subscription } from 'rxjs';
-import { ChatPanelDirective, ParticipantsPanelDirective } from '../../directives/openvidu-angular.directive';
+import { ChatPanelDirective, ParticipantsPanelDirective } from '../../directives/template/openvidu-angular.directive';
 import { MenuType } from '../../models/menu.model';
 import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.service';
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
index 50822f64..096652f1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, On
 import { ParticipantAbstractModel } from '../../../../models/participant.model';
 import { ParticipantService } from '../../../../services/participant/participant.service';
 import { SidenavMenuService } from '../../../..//services/sidenav-menu/sidenav-menu.service';
-import { ParticipantPanelItemDirective } from '../../../../directives/openvidu-angular.directive';
+import { ParticipantPanelItemDirective } from '../../../../directives/template/openvidu-angular.directive';
 import { Subscription } from 'rxjs';
 
 @Component({
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
index 8f034cde..31c1ab99 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
@@ -2,7 +2,7 @@
 	<div fxFlex.gt-sm="65%" fxFlex.lt-md="55%" fxLayoutAlign="center center">
 		<ov-layout>
 			<ng-template #stream let-stream>
-				<ov-stream [stream]="stream" [showNickname]="false" [showSettings]="false"></ov-stream>
+				<ov-stream [stream]="stream" [displayParticipantName]="false" [settingsButton]="false"></ov-stream>
 			</ng-template>
 		</ov-layout>
 	</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
index 16ed92b0..2f1ec71a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
@@ -19,7 +19,7 @@
 		</mat-sidenav-content>
 	</mat-sidenav-container>
 
-	<div id="footer-container">
+	<div id="footer-container" class="ovToolbar">
 		<ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
 	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index f4e081f2..9ea55f22 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -4,7 +4,7 @@
 	[id]="'container-' + this._stream.streamManager?.stream?.streamId"
 	#streamContainer
 >
-	<div class="nickname" [class.fullscreen]="isFullscreen" *ngIf="showNickname">
+	<div *ngIf="!isMinimal && showNickname" class="nickname" [class.fullscreen]="isFullscreen">
 		<div (click)="toggleNicknameForm()" class="nicknameContainer" selected *ngIf="!toggleNickname">
 			<span id="nickname" *ngIf="this._stream.type === 'CAMERA'">{{ this._stream.participant.nickname }}</span>
 			<span id="nickname" *ngIf="this._stream.type === 'SCREEN'">{{ this._stream.participant.nickname }}_SCREEN</span>
@@ -22,7 +22,7 @@
 		</div>
 	</div>
 
-	<div id="audio-wave-container" *ngIf="showAudioDetection && _stream.type === 'CAMERA'">
+	<div *ngIf="!isMinimal && showAudioDetection && _stream.type === 'CAMERA'" id="audio-wave-container">
 		<ov-audio-wave [streamManager]="_stream.streamManager"></ov-audio-wave>
 	</div>
 
@@ -44,7 +44,7 @@
 		</button>
 	</div>
 
-	<div class="videoButtons" *ngIf="showSettings">
+	<div *ngIf="!isMinimal && showSettingsButton" class="videoButtons">
 		<button mat-icon-button (click)="toggleVideoMenu($event)" matTooltip="Settings" aria-label="Video settings menu">
 			<mat-icon>more_vert</mat-icon>
 		</button>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
index 9d65609d..51479af1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.ts
@@ -1,4 +1,5 @@
 import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
+import { Subscription } from 'rxjs';
 import { MatMenuPanel, MatMenuTrigger } from '@angular/material/menu';
 import { VideoSizeIcon } from '../../models/icon.model';
 import { ScreenType, VideoType } from '../../models/video-type.model';
@@ -11,6 +12,7 @@ import { Signal } from '../../models/signal.model';
 import { PublisherProperties } from 'openvidu-browser';
 import { StreamModel } from '../../models/participant.model';
 import { ParticipantService } from '../../services/participant/participant.service';
+import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
 
 @Component({
 	selector: 'ov-stream',
@@ -18,19 +20,27 @@ import { ParticipantService } from '../../services/participant/participant.servi
 	styleUrls: ['./stream.component.css']
 })
 export class StreamComponent implements OnInit {
+	@ViewChild(MatMenuTrigger) public menuTrigger: MatMenuTrigger;
+	@ViewChild('menu') menu: MatMenuPanel;
+
 	videoSizeIconEnum = VideoSizeIcon;
 	videoTypeEnum = VideoType;
 	videoSizeIcon: VideoSizeIcon = VideoSizeIcon.BIG;
 	toggleNickname: boolean;
 	_stream: StreamModel;
 	nickname: string;
-	private _streamContainer: ElementRef;
-	@ViewChild(MatMenuTrigger) public menuTrigger: MatMenuTrigger;
-	@ViewChild('menu') menu: MatMenuPanel;
 
-	@Input() showNickname: boolean = true;
-	@Input() showAudioDetection: boolean = true;
-	@Input() showSettings: boolean = true;
+	isMinimal: boolean = false;
+	showNickname: boolean = true;
+	showAudioDetection: boolean = true;
+	showSettingsButton: boolean = true;
+
+	private _streamContainer: ElementRef;
+
+	private minimalSub: Subscription;
+	private displayParticipantNameSub: Subscription;
+	private displayAudioDetectionSub: Subscription;
+	private settingsButtonSub: Subscription;
 
 	constructor(
 		protected documentService: DocumentService,
@@ -38,7 +48,8 @@ export class StreamComponent implements OnInit {
 		protected layoutService: LayoutService,
 		protected participantService: ParticipantService,
 		protected storageService: StorageService,
-		protected cdkSrv: CdkOverlayService
+		protected cdkSrv: CdkOverlayService,
+		private libService: OpenViduAngularConfigService
 	) {}
 
 	@ViewChild('streamContainer', { static: false, read: ElementRef })
@@ -57,7 +68,7 @@ export class StreamComponent implements OnInit {
 	set stream(stream: StreamModel) {
 		this._stream = stream;
 		this.checkVideoEnlarged();
-		if(this._stream.participant) {
+		if (this._stream.participant) {
 			this.nickname = this._stream.participant.nickname;
 		}
 	}
@@ -70,10 +81,14 @@ export class StreamComponent implements OnInit {
 	}
 
 	ngOnInit() {
+		this.subscribeToStreamDirectives();
 	}
 
 	ngOnDestroy() {
 		this.cdkSrv.setSelector('body');
+		if (this.settingsButtonSub) this.settingsButtonSub.unsubscribe();
+		if (this.displayAudioDetectionSub) this.displayAudioDetectionSub.unsubscribe();
+		if (this.displayParticipantNameSub) this.displayParticipantNameSub.unsubscribe();
 	}
 
 	toggleVideoEnlarged() {
@@ -98,7 +113,6 @@ export class StreamComponent implements OnInit {
 
 	toggleSound() {
 		this._stream.participant.setMutedForcibly(!this._stream.participant.isMutedForcibly);
-
 	}
 
 	toggleNicknameForm() {
@@ -109,7 +123,7 @@ export class StreamComponent implements OnInit {
 
 	updateNickname(event) {
 		if (event?.keyCode === 13 || event?.type === 'focusout') {
-			if(!!this.nickname){
+			if (!!this.nickname) {
 				this.participantService.setMyNickname(this.nickname);
 				this.storageService.setNickname(this.nickname);
 				this.openviduService.sendSignal(Signal.NICKNAME_CHANGED, undefined, { clientData: this.nickname });
@@ -128,7 +142,26 @@ export class StreamComponent implements OnInit {
 		await this.openviduService.replaceTrack(VideoType.SCREEN, properties);
 	}
 
-	protected checkVideoEnlarged() {
+	private checkVideoEnlarged() {
 		this.videoSizeIcon = this._stream.videoEnlarged ? VideoSizeIcon.NORMAL : VideoSizeIcon.BIG;
 	}
+
+	private subscribeToStreamDirectives() {
+
+		this.minimalSub = this.libService.minimalObs.subscribe((value: boolean) => {
+			this.isMinimal = value;
+		});
+		this.displayParticipantNameSub = this.libService.displayParticipantNameObs.subscribe((value: boolean) => {
+			this.showNickname = value;
+			// this.cd.markForCheck();
+		});
+		this.displayAudioDetectionSub = this.libService.displayAudioDetectionObs.subscribe((value: boolean) => {
+			this.showAudioDetection = value;
+			// this.cd.markForCheck();
+		});
+		this.settingsButtonSub = this.libService.settingsButtonObs.subscribe((value: boolean) => {
+			this.showSettingsButton = value;
+			// this.cd.markForCheck();
+		});
+	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
index f63c818a..de639455 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
@@ -14,6 +14,9 @@
 	display: flex;
 	align-items: center;
 }
+#media-buttons-container {
+	max-height: 100%;
+}
 
 #media-buttons-container > *, ::ng-deep #media-buttons-container > * {
 	width: 40px;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index f2d09adc..ab277cdd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -1,8 +1,8 @@
 <mat-toolbar id="toolbar" role="heading" fxLayout fxLayoutAlign="center" fxLayoutGap="10px">
 	<div fxFlex="20%" fxLayoutAlign="start center">
 		<div id="img-container">
-			<img id="branding-logo" src='assets/images/openvidu_globe.png'/>
-			<span id="session-title" *ngIf="session && session.sessionId">{{ session.sessionId }}</span>
+			<img *ngIf="!isMinimal && showLogo" id="branding-logo" src="assets/images/ov_company_logo.png" ovImage />
+			<span id="session-title" *ngIf="!isMinimal && session && session.sessionId && showSessionName">{{ session.sessionId }}</span>
 		</div>
 	</div>
 	<div fxFlex="60%" fxFlexOrder="2" fxLayoutAlign="center center" id="media-buttons-container">
@@ -32,8 +32,9 @@
 
 		<!-- Screenshare button -->
 		<button
-			id="navScreenButton"
 			mat-icon-button
+			*ngIf="!isMinimal && showScreenshareButton"
+			id="navScreenButton"
 			(click)="toggleScreenShare()"
 			[disabled]="isConnectionLost"
 			[class.active-btn]="isScreenShareActive"
@@ -43,7 +44,13 @@
 		</button>
 
 		<!-- Fullscreen button -->
-		<button mat-icon-button (click)="toggleFullscreen()" [disabled]="isConnectionLost" [class.active-btn]="isFullscreenActive">
+		<button
+			mat-icon-button
+			*ngIf="!isMinimal && showFullscreenButton"
+			(click)="toggleFullscreen()"
+			[disabled]="isConnectionLost"
+			[class.active-btn]="isFullscreenActive"
+		>
 			<mat-icon *ngIf="isFullscreenActive" matTooltip="Exit Fullscreen">fullscreen_exit</mat-icon>
 			<mat-icon *ngIf="!isFullscreenActive" matTooltip="Fullscreen">fullscreen</mat-icon>
 		</button>
@@ -52,7 +59,7 @@
 		<ng-content select="[toolbar-btn]"></ng-content>
 
 		<!-- Leave session button -->
-		<button mat-icon-button (click)="leaveSession()" id="leave-btn">
+		<button mat-icon-button *ngIf="showLeaveButton" (click)="leaveSession()" id="leave-btn">
 			<mat-icon matTooltip="Leave the session">call_end</mat-icon>
 		</button>
 	</div>
@@ -60,6 +67,7 @@
 		<!-- Default participants button -->
 		<button
 			mat-icon-button
+			*ngIf="!isMinimal && showParticipantsPanelButton"
 			matTooltip="Show articipants"
 			(click)="toggleMenu('participants')"
 			[disabled]="isConnectionLost"
@@ -68,14 +76,10 @@
 			<mat-icon>people</mat-icon>
 		</button>
 
-		<div #customMenuButton>
-			<ng-content select="[menu-button]"></ng-content>
-		</div>
-
 		<!-- Default chat button -->
 		<button
 			mat-icon-button
-			*ngIf="!customMenuButton.innerHTML"
+			*ngIf="!isMinimal && showChatPanelButton"
 			(click)="toggleMenu('chat')"
 			[disabled]="isConnectionLost"
 			[class.active-btn]="isChatOpened"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index af352700..ca854a70 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -26,6 +26,7 @@ import { DeviceService } from '../../services/device/device.service';
 import { ChatMessage } from '../../models/chat.model';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { MenuType } from '../../models/menu.model';
+import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
 
 @Component({
 	selector: 'ov-toolbar',
@@ -55,12 +56,48 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	isChatOpened: boolean = false;
 	isParticipantsOpened: boolean = false;
 
-	protected log: ILogger;
-	protected menuTogglingSubscription: Subscription;
-	protected chatMessagesSubscription: Subscription;
-	protected localParticipantSubscription: Subscription;
+	isMinimal: boolean = false;
+	showScreenshareButton = true;
+	showFullscreenButton: boolean = true;
+	showLeaveButton: boolean = true;
+	showParticipantsPanelButton: boolean = true;
+	showChatPanelButton: boolean = true;
+	showLogo: boolean = true;
+	showSessionName: boolean = true;
+
+	private log: ILogger;
+	private minimalSub: Subscription;
+	private menuTogglingSubscription: Subscription;
+	private chatMessagesSubscription: Subscription;
+	private localParticipantSubscription: Subscription;
+	private screenshareButtonSub: Subscription;
+	private fullscreenButtonSub: Subscription;
+	private leaveButtonSub: Subscription;
+	private participantsPanelButtonSub: Subscription;
+	private chatPanelButtonSub: Subscription;
+	private displayLogoSub: Subscription;
+	private displaySessionNameSub: Subscription;
 	private currentWindowHeight = window.innerHeight;
 
+	@HostListener('window:resize', ['$event'])
+	sizeChange(event) {
+		if (this.currentWindowHeight >= window.innerHeight) {
+			// The user has exit the fullscreen mode
+			this.isFullscreenActive = false;
+			this.currentWindowHeight = window.innerHeight;
+		}
+	}
+
+	@HostListener('document:keydown', ['$event'])
+	keyDown(event: KeyboardEvent) {
+		if (event.key === 'F11') {
+			event.preventDefault();
+			this.toggleFullscreen();
+			this.currentWindowHeight = window.innerHeight;
+			return false;
+		}
+	}
+
 	constructor(
 		protected documentService: DocumentService,
 		protected chatService: ChatService,
@@ -71,43 +108,15 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		protected oVDevicesService: DeviceService,
 		protected actionService: ActionService,
 		protected loggerSrv: LoggerService,
-		private cd: ChangeDetectorRef
+		private cd: ChangeDetectorRef,
+		private libService: OpenViduAngularConfigService
 	) {
 		this.log = this.loggerSrv.get('ToolbarComponent');
 	}
 
-	ngOnDestroy(): void {
-		if (this.menuTogglingSubscription) {
-			this.menuTogglingSubscription.unsubscribe();
-		}
-		if (this.chatMessagesSubscription) {
-			this.chatMessagesSubscription.unsubscribe();
-		}
-		if (this.localParticipantSubscription) {
-			this.localParticipantSubscription.unsubscribe();
-		}
-	}
-
-	@HostListener('window:resize', ['$event'])
-	sizeChange(event) {
-		if(this.currentWindowHeight >= window.innerHeight) {
-			// The user has exit the fullscreen mode
-			this.isFullscreenActive = false;
-			this.currentWindowHeight = window.innerHeight;
-		}
-	}
-
-	@HostListener('document:keydown', ['$event'])
-	keyDown(event: KeyboardEvent) {
-		if(event.key === 'F11'){
-			event.preventDefault();
-			this.toggleFullscreen();
-			this.currentWindowHeight = window.innerHeight;
-			return false;
-		}
-	}
-
 	async ngOnInit() {
+		this.subscribeToToolbarDirectives();
+
 		await this.oVDevicesService.initializeDevices();
 		this.hasVideoDevices = this.oVDevicesService.hasVideoDeviceAvailable();
 		this.hasAudioDevices = this.oVDevicesService.hasAudioDeviceAvailable();
@@ -119,6 +128,19 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 		this.subscribeToChatMessages();
 	}
 
+	ngOnDestroy(): void {
+		if (this.menuTogglingSubscription) this.menuTogglingSubscription.unsubscribe();
+		if (this.chatMessagesSubscription) this.chatMessagesSubscription.unsubscribe();
+		if (this.localParticipantSubscription) this.localParticipantSubscription.unsubscribe();
+		if (this.screenshareButtonSub) this.screenshareButtonSub.unsubscribe();
+		if (this.fullscreenButtonSub) this.fullscreenButtonSub.unsubscribe();
+		if (this.leaveButtonSub) this.leaveButtonSub.unsubscribe();
+		if (this.participantsPanelButtonSub) this.participantsPanelButtonSub.unsubscribe();
+		if (this.chatPanelButtonSub) this.chatPanelButtonSub.unsubscribe();
+		if (this.displayLogoSub) this.displayLogoSub.unsubscribe();
+		if (this.displaySessionNameSub) this.displaySessionNameSub.unsubscribe();
+	}
+
 	toggleMicrophone() {
 		this.onMicClicked.emit();
 
@@ -297,4 +319,39 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 			this.cd.markForCheck();
 		});
 	}
+
+	private subscribeToToolbarDirectives() {
+		this.minimalSub = this.libService.minimalObs.subscribe((value: boolean) => {
+			this.isMinimal = value;
+			this.cd.markForCheck();
+		});
+		this.screenshareButtonSub = this.libService.screenshareButtonObs.subscribe((value: boolean) => {
+			this.showScreenshareButton = value;
+			this.cd.markForCheck();
+		});
+		this.fullscreenButtonSub = this.libService.fullscreenButtonObs.subscribe((value: boolean) => {
+			this.showFullscreenButton = value;
+			this.cd.markForCheck();
+		});
+		this.leaveButtonSub = this.libService.leaveButtonObs.subscribe((value: boolean) => {
+			this.showLeaveButton = value;
+			this.cd.markForCheck();
+		});
+		this.chatPanelButtonSub = this.libService.chatPanelButtonObs.subscribe((value: boolean) => {
+			this.showChatPanelButton = value;
+			this.cd.markForCheck();
+		});
+		this.participantsPanelButtonSub = this.libService.participantsPanelButtonObs.subscribe((value: boolean) => {
+			this.showParticipantsPanelButton = value;
+			this.cd.markForCheck();
+		});
+		this.displayLogoSub = this.libService.displayLogoObs.subscribe((value: boolean) => {
+			this.showLogo = value;
+			this.cd.markForCheck();
+		});
+		this.displaySessionNameSub = this.libService.displaySessionNameObs.subscribe((value: boolean) => {
+			this.showSessionName = value;
+			this.cd.markForCheck();
+		});
+	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 4be77eef..074b5e5a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -7,7 +7,7 @@ import {
 	ParticipantsPanelDirective,
 	StreamDirective,
 	ToolbarDirective
-} from '../../directives/openvidu-angular.directive';
+} from '../../directives/template/openvidu-angular.directive';
 import { ILogger } from '../../models/logger.model';
 import { LoggerService } from '../../services/logger/logger.service';
 
@@ -17,13 +17,16 @@ import { LoggerService } from '../../services/logger/logger.service';
 	styleUrls: ['./videoconference.component.css']
 })
 export class VideoconferenceComponent implements OnInit, AfterViewInit {
-	//Toolbar
+	// *** Toolbar ***
 	@ContentChild(ToolbarDirective) externalToolbar: ToolbarDirective;
-	// Panels
+
+	// *** Panels ***
 	@ContentChild(PanelDirective) externalPanel: PanelDirective;
 	@ContentChild(ChatPanelDirective) externalChatPanel: ChatPanelDirective;
 	@ContentChild(ParticipantsPanelDirective) externalParticipantsPanel: ParticipantsPanelDirective;
 	@ContentChild(ParticipantPanelItemDirective) externalParticipantPanelItem: ParticipantPanelItemDirective;
+
+	// *** Layout ***
 	@ContentChild(LayoutDirective) externalLayout: LayoutDirective;
 	@ContentChild(StreamDirective) externalStream: StreamDirective;
 
@@ -43,8 +46,9 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	openviduAngularLayoutTemplate: TemplateRef<any>;
 	openviduAngularStreamTemplate: TemplateRef<any>;
 
+	// *** Parameters ***
 	@Input() sessionName: string;
-	@Input() userName: string;
+	@Input() participantName: string;
 
 	@Input()
 	set tokens(tokens: { webcam: string; screen: string }) {
@@ -63,8 +67,20 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 		}
 	}
 
-	@Output() onJoinClicked = new EventEmitter<any>();
-	@Output() onCloseClicked = new EventEmitter<any>();
+	// *** Events ***
+
+	// Event sent when user click on the join button in pre-join page
+	@Output() onJoinSessionClicked = new EventEmitter<any>();
+
+	// Event sent when participant has joined the session
+	@Output() onParticipantJoined = new EventEmitter<any>();
+
+	// Event sent when participant has left the session
+	@Output() onParticipantLeft = new EventEmitter<any>();
+
+	// Event sent when session has been created
+	@Output() onSessionCreated = new EventEmitter<any>();
+
 
 	joinSessionClicked: boolean = false;
 	// closeClicked: boolean = false;
@@ -140,7 +156,7 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 
 	async _onJoinClicked() {
 		this.joinSessionClicked = true;
-		this.onJoinClicked.emit();
+		this.onJoinSessionClicked.emit();
 	}
 	// onLeaveSessionClicked() {
 	// 	this.isSessionAlive = false;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
new file mode 100644
index 00000000..08a11351
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
@@ -0,0 +1,50 @@
+import { NgModule } from '@angular/core';
+import {
+	StreamDisplayParticipantNameDirective,
+	StreamDisplayAudioDetectionDirective,
+	StreamSettingsButtonDirective
+} from './stream.directive';
+import {
+	ToolbarScreenshareButtonDirective,
+	ToolbarFullscreenButtonDirective,
+	ToolbarLeaveButtonDirective,
+	ToolbarParticipantsPanelButtonDirective,
+	ToolbarChatPanelButtonDirective,
+	ToolbarDisplaySessionNameDirective,
+	ToolbarDisplayLogoDirective
+} from './toolbar.directive';
+import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './videoconference.directive';
+
+@NgModule({
+	declarations: [
+		MinimalDirective,
+		VideoMutedDirective,
+		AudioMutedDirective,
+		ToolbarScreenshareButtonDirective,
+		ToolbarFullscreenButtonDirective,
+		ToolbarLeaveButtonDirective,
+		ToolbarParticipantsPanelButtonDirective,
+		ToolbarChatPanelButtonDirective,
+		ToolbarDisplaySessionNameDirective,
+		ToolbarDisplayLogoDirective,
+		StreamDisplayParticipantNameDirective,
+		StreamDisplayAudioDetectionDirective,
+		StreamSettingsButtonDirective,
+	],
+	exports: [
+		MinimalDirective,
+		VideoMutedDirective,
+		AudioMutedDirective,
+		ToolbarScreenshareButtonDirective,
+		ToolbarFullscreenButtonDirective,
+		ToolbarLeaveButtonDirective,
+		ToolbarParticipantsPanelButtonDirective,
+		ToolbarChatPanelButtonDirective,
+		ToolbarDisplaySessionNameDirective,
+		ToolbarDisplayLogoDirective,
+		StreamDisplayParticipantNameDirective,
+		StreamDisplayAudioDetectionDirective,
+		StreamSettingsButtonDirective
+	]
+})
+export class ApiDirectiveModule {}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/stream.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/stream.directive.ts
new file mode 100644
index 00000000..ab686161
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/stream.directive.ts
@@ -0,0 +1,131 @@
+import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';
+import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
+
+const VIDEOCONFERENCE_COMPONENT_NAME = 'ov-videoconference';
+const OV_STREAM_CLASS = 'ovStream';
+
+@Directive({
+	selector: 'ov-videoconference[streamDisplayParticipantName], [displayParticipantName]'
+})
+export class StreamDisplayParticipantNameDirective implements AfterViewInit {
+	@Input() set streamDisplayParticipantName(value: boolean) {
+		this.displayParticipantNameValue = value;
+		this.update(this.displayParticipantNameValue);
+	}
+	@Input() set displayParticipantName(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
+
+		if (isExternalComponentInput) {
+			this.displayParticipantNameValue = value;
+			this.update(this.displayParticipantNameValue);
+		}
+	}
+
+	displayParticipantNameValue: boolean;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.displayParticipantNameValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.displayParticipantName.getValue() !== value) {
+			this.libService.displayParticipantName.next(value);
+		}
+	}
+}
+
+@Directive({
+	selector: 'ov-videoconference[streamDisplayAudioDetection], [displayAudioDetection]'
+})
+export class StreamDisplayAudioDetectionDirective implements AfterViewInit {
+	@Input() set streamDisplayAudioDetection(value: boolean) {
+		this.displayAudioDetectionValue = value;
+		this.update(this.displayAudioDetectionValue);
+	}
+	@Input() set displayAudioDetection(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
+
+		if (isExternalComponentInput) {
+			this.displayAudioDetectionValue = value;
+			this.update(this.displayAudioDetectionValue);
+		}
+	}
+
+	displayAudioDetectionValue: boolean;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.displayAudioDetectionValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.displayAudioDetection.getValue() !== value) {
+			this.libService.displayAudioDetection.next(value);
+		}
+	}
+}
+
+@Directive({
+	selector: 'ov-videoconference[streamSettingsButton], [settingsButton]'
+})
+export class StreamSettingsButtonDirective implements AfterViewInit {
+	@Input() set streamSettingsButton(value: boolean) {
+		this.settingsValue = value;
+		this.update(this.settingsValue);
+	}
+	@Input() set settingsButton(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
+
+		if (isExternalComponentInput) {
+			this.settingsValue = value;
+			this.update(this.settingsValue);
+		}
+	}
+
+	settingsValue: boolean;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.settingsValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.settingsButton.getValue() !== value) {
+			this.libService.settingsButton.next(value);
+		}
+	}
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
new file mode 100644
index 00000000..24863b25
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
@@ -0,0 +1,300 @@
+import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';
+import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
+
+const VIDEOCONFERENCE_COMPONENT_NAME = 'ov-videoconference';
+const OV_TOOLBAR_CLASS = 'ovToolbar';
+
+@Directive({
+	selector: 'ov-videoconference[toolbarScreenshareButton], [screenshareButton]'
+})
+export class ToolbarScreenshareButtonDirective implements AfterViewInit {
+	@Input() set toolbarScreenshareButton(value: boolean) {
+		this.screenshareValue = value;
+		this.update(this.screenshareValue);
+	}
+	@Input() set screenshareButton(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isExternalComponentInput) {
+			this.screenshareValue = value;
+			this.update(this.screenshareValue);
+		}
+	}
+
+	screenshareValue: boolean = true;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// We need to distinguish where the directive is being used
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.screenshareValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.screenshareButton.getValue() !== value) {
+			this.libService.screenshareButton.next(value);
+		}
+	}
+}
+
+@Directive({
+	selector: 'ov-videoconference[toolbarFullscreenButton], [fullscreenButton]'
+})
+export class ToolbarFullscreenButtonDirective implements AfterViewInit {
+	@Input() set toolbarFullscreenButton(value: boolean) {
+		this.fullscreenValue = value;
+		this.update(this.fullscreenValue);
+	}
+	@Input() set fullscreenButton(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isExternalComponentInput) {
+			this.fullscreenValue = value;
+			this.update(this.fullscreenValue);
+		}
+	}
+
+	fullscreenValue: boolean = true;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// We need to distinguish where the directive is being used
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.fullscreenValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.fullscreenButton.getValue() !== value) {
+			this.libService.fullscreenButton.next(value);
+		}
+	}
+}
+
+@Directive({
+	selector: 'ov-videoconference[toolbarLeaveButton], [leaveButton]'
+})
+export class ToolbarLeaveButtonDirective implements AfterViewInit {
+	@Input() set toolbarLeaveButton(value: boolean) {
+		this.leaveValue = value;
+		this.update(this.leaveValue);
+	}
+	@Input() set leaveButton(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isExternalComponentInput) {
+			this.leaveValue = value;
+			this.update(this.leaveValue);
+		}
+	}
+
+	leaveValue: boolean;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.leaveValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.leaveButton.getValue() !== value) {
+			this.libService.leaveButton.next(value);
+		}
+	}
+}
+
+@Directive({
+	selector: 'ov-videoconference[toolbarParticipantsPanelButton], [participantsPanelButton]'
+})
+export class ToolbarParticipantsPanelButtonDirective implements AfterViewInit {
+	@Input() set toolbarParticipantsPanelButton(value: boolean) {
+		this.participantsPanelValue = value;
+		this.update(this.participantsPanelValue);
+	}
+	@Input() set participantsPanelButton(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isExternalComponentInput) {
+			this.participantsPanelValue = value;
+			this.update(this.participantsPanelValue);
+		}
+	}
+
+	participantsPanelValue: boolean;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.participantsPanelValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.participantsPanelButton.getValue() !== value) {
+			this.libService.participantsPanelButton.next(value);
+		}
+	}
+}
+
+@Directive({
+	selector: 'ov-videoconference[toolbarChatPanelButton], [chatPanelButton]'
+})
+export class ToolbarChatPanelButtonDirective implements AfterViewInit {
+	@Input() set toolbarChatPanelButton(value: boolean) {
+		this.toolbarChatPanelValue = value;
+		this.update(this.toolbarChatPanelValue);
+	}
+	@Input() set chatPanelButton(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isExternalComponentInput) {
+			this.toolbarChatPanelValue = value;
+			this.update(this.toolbarChatPanelValue);
+		}
+	}
+	toolbarChatPanelValue: boolean;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.toolbarChatPanelValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.chatPanelButton.getValue() !== value) {
+			this.libService.chatPanelButton.next(value);
+		}
+	}
+}
+
+@Directive({
+	selector: 'ov-videoconference[toolbarDisplaySessionName], [displaySessionName]'
+})
+export class ToolbarDisplaySessionNameDirective implements AfterViewInit {
+	@Input() set toolbarDisplaySessionName(value: boolean) {
+		this.displaySessionValue = value;
+		this.update(this.displaySessionValue);
+	}
+	@Input() set displaySessionName(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isExternalComponentInput) {
+			this.displaySessionValue = value;
+			this.update(this.displaySessionValue);
+		}
+	}
+
+	displaySessionValue: boolean;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.displaySessionValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.displaySessionName.getValue() !== value) {
+			this.libService.displaySessionName.next(value);
+		}
+	}
+}
+
+@Directive({
+	selector: 'ov-videoconference[toolbarDisplayLogo], [displayLogo]'
+})
+export class ToolbarDisplayLogoDirective implements AfterViewInit {
+	@Input() set toolbarDisplayLogo(value: boolean) {
+		this.displayLogoValue = value;
+		this.update(this.displayLogoValue);
+	}
+	@Input() set displayLogo(value: boolean) {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isExternalComponentInput) {
+			this.displayLogoValue = value;
+			this.update(this.displayLogoValue);
+		}
+	}
+
+	displayLogoValue: boolean;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		const element = <HTMLElement>this.elementRef.nativeElement;
+		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
+		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
+		// Checking if element is injected inside of an element with ovToolbar class
+		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+
+		if (isGlobalInput || isExternalComponentInput) {
+			this.update(this.displayLogoValue);
+		}
+	}
+
+	update(value: boolean) {
+		if (this.libService.displayLogo.getValue() !== value) {
+			this.libService.displayLogo.next(value);
+		}
+	}
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
new file mode 100644
index 00000000..b5e019a0
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
@@ -0,0 +1,32 @@
+import { Directive, Input, ElementRef } from '@angular/core';
+import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
+
+@Directive({
+	selector: 'ov-videoconference[minimal]'
+})
+export class MinimalDirective {
+	@Input() set minimal(value: boolean) {
+		this.libService.minimal.next(value);
+	}
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+}
+
+@Directive({
+	selector: 'ov-videoconference[videoMuted]'
+})
+export class VideoMutedDirective {
+	@Input() set videoMuted(value: boolean) {
+		this.libService.videoMuted.next(value);
+	}
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+}
+
+@Directive({
+	selector: 'ov-videoconference[audioMuted]'
+})
+export class AudioMutedDirective {
+	@Input() set audioMuted(value: boolean) {
+		this.libService.audioMuted.next(value);
+	}
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+}
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.spec.ts
deleted file mode 100644
index c946870a..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.spec.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { OpenviduAngularDirective } from './openvidu-angular.directive';
-
-describe('OpenviduAngularDirective', () => {
-  it('should create an instance', () => {
-    const directive = new OpenviduAngularDirective();
-    expect(directive).toBeTruthy();
-  });
-});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.ts
deleted file mode 100644
index f8c8e321..00000000
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/openvidu-angular.directive.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';
-
-@Directive({
-	selector: '[ovToolbar]'
-})
-export class ToolbarDirective {
-	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
-}
-
-@Directive({
-	selector: '[ovPanel]'
-})
-export class PanelDirective {
-	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
-}
-
-@Directive({
-	selector: '[ovChatPanel]'
-})
-export class ChatPanelDirective {
-	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
-}
-
-@Directive({
-	selector: '[ovParticipantsPanel]'
-})
-export class ParticipantsPanelDirective {
-	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
-}
-
-@Directive({
-	selector: '[ovParticipantPanelItem]'
-})
-export class ParticipantPanelItemDirective {
-	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
-}
-
-@Directive({
-	selector: '[ovLayout]'
-})
-export class LayoutDirective {
-	constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
-}
-
-@Directive({
-	selector: '[ovStream]'
-})
-export class StreamDirective {
-	constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
-}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
new file mode 100644
index 00000000..7dbcc0a5
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
@@ -0,0 +1,35 @@
+import { NgModule } from '@angular/core';
+import {
+	ChatPanelDirective,
+	LayoutDirective,
+	OvImageDirective,
+	PanelDirective,
+	ParticipantPanelItemDirective,
+	ParticipantsPanelDirective,
+	StreamDirective,
+	ToolbarDirective
+} from './openvidu-angular.directive';
+
+@NgModule({
+	declarations: [
+		ChatPanelDirective,
+		LayoutDirective,
+		OvImageDirective,
+		PanelDirective,
+		ParticipantPanelItemDirective,
+		ParticipantsPanelDirective,
+		StreamDirective,
+		ToolbarDirective
+	],
+	exports: [
+		ChatPanelDirective,
+		LayoutDirective,
+		OvImageDirective,
+		PanelDirective,
+		ParticipantPanelItemDirective,
+		ParticipantsPanelDirective,
+		StreamDirective,
+		ToolbarDirective
+	]
+})
+export class OpenViduAngularDirectiveModule {}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
new file mode 100644
index 00000000..5de41312
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
@@ -0,0 +1,65 @@
+import { Directive, ElementRef, HostListener, Input, TemplateRef, ViewContainerRef } from '@angular/core';
+
+@Directive({
+	selector: '[ovToolbar]'
+})
+export class ToolbarDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovPanel]'
+})
+export class PanelDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovChatPanel]'
+})
+export class ChatPanelDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovParticipantsPanel]'
+})
+export class ParticipantsPanelDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovParticipantPanelItem]'
+})
+export class ParticipantPanelItemDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovLayout]'
+})
+export class LayoutDirective {
+	constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: '[ovStream]'
+})
+export class StreamDirective {
+	constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
+}
+
+@Directive({
+	selector: 'img[ovImage]'
+})
+export class OvImageDirective {
+	@Input() ovImage: string;
+	constructor(public elementRef: ElementRef) {}
+	@HostListener('error')
+	loadDefaultImage() {
+		const element = <HTMLImageElement>this.elementRef.nativeElement;
+		element.src =
+			this.ovImage ||
+			'data:image/png;base64,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';
+	}
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
index 0b4383b3..f3cac73c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
@@ -60,16 +60,9 @@ import { PanelComponent } from './components/panel/panel.component';
 import { AudioWaveComponent } from './components/audio-wave/audio-wave.component';
 import { PreJoinComponent } from './components/pre-join/pre-join.component';
 
-import {
-	ChatPanelDirective,
-	LayoutDirective,
-	PanelDirective,
-	ParticipantPanelItemDirective,
-	ParticipantsPanelDirective,
-	StreamDirective,
-	ToolbarDirective
-} from './directives/openvidu-angular.directive';
 import { AvatarProfileComponent } from './components/avatar-profile/avatar-profile.component';
+import { OpenViduAngularDirectiveModule } from './directives/template/openvidu-angular.directive.module';
+import { ApiDirectiveModule } from './directives/api/api.directive.module';
 
 @NgModule({
 	declarations: [
@@ -89,15 +82,8 @@ import { AvatarProfileComponent } from './components/avatar-profile/avatar-profi
 		VideoconferenceComponent,
 		AudioWaveComponent,
 		PanelComponent,
-		ToolbarDirective,
-		PanelDirective,
-		ChatPanelDirective,
-		ParticipantsPanelDirective,
-		ParticipantPanelItemDirective,
-		LayoutDirective,
-		StreamDirective,
+		AvatarProfileComponent,
 		PreJoinComponent,
-		AvatarProfileComponent
 	],
 	imports: [
 		CommonModule,
@@ -124,7 +110,9 @@ import { AvatarProfileComponent } from './components/avatar-profile/avatar-profi
 		FlexLayoutModule,
 		MatMenuModule,
 		MatDividerModule,
-		MatListModule
+		MatListModule,
+		OpenViduAngularDirectiveModule,
+		ApiDirectiveModule
 	],
 	providers: [
 		ActionService,
@@ -159,13 +147,8 @@ import { AvatarProfileComponent } from './components/avatar-profile/avatar-profi
 		ParticipantStreamsPipe,
 		StreamTypesEnabledPipe,
 		CommonModule,
-		ToolbarDirective,
-		PanelDirective,
-		ChatPanelDirective,
-		ParticipantsPanelDirective,
-		ParticipantPanelItemDirective,
-		LayoutDirective,
-		StreamDirective
+		OpenViduAngularDirectiveModule,
+		ApiDirectiveModule
 	],
 	entryComponents: [DialogTemplateComponent]
 })
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
index e34cb9e7..eedaa351 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
@@ -1,17 +1,66 @@
 import { Inject, Injectable } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { OpenViduAngularConfig, ParticipantFactoryFunction } from '../../config/openvidu-angular.config';
 
 // import { version } from '../../../../package.json';
 
+
 @Injectable()
 export class OpenViduAngularConfigService {
 	private configuration: OpenViduAngularConfig;
 
+	minimal = <BehaviorSubject<boolean>>new BehaviorSubject(false);
+	minimalObs: Observable<boolean>;
+	videoMuted = <BehaviorSubject<boolean>>new BehaviorSubject(false);
+	videoMutedObs: Observable<boolean>;
+	audioMuted = <BehaviorSubject<boolean>>new BehaviorSubject(false);
+	audioMutedObs: Observable<boolean>;
+	screenshareButton = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	screenshareButtonObs: Observable<boolean>;
+
+	fullscreenButton = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	fullscreenButtonObs: Observable<boolean>;
+
+	leaveButton = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	leaveButtonObs: Observable<boolean>;
+
+	participantsPanelButton = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	participantsPanelButtonObs: Observable<boolean>;
+
+	chatPanelButton = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	chatPanelButtonObs: Observable<boolean>;
+
+	displaySessionName = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	displaySessionNameObs: Observable<boolean>;
+
+	displayLogo = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	displayLogoObs: Observable<boolean>;
+	displayParticipantName = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	displayParticipantNameObs: Observable<boolean>;
+	displayAudioDetection = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	displayAudioDetectionObs: Observable<boolean>;
+	settingsButton = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	settingsButtonObs: Observable<boolean>;
+
 	constructor(@Inject('OPENVIDU_ANGULAR_CONFIG') config: OpenViduAngularConfig) {
 		this.configuration = config;
 		console.log(this.configuration);
 		if(this.isProduction()) console.log('OpenVidu Angular Production Mode');
-		// console.log(version)
+		this.minimalObs = this.minimal.asObservable();
+		this.videoMutedObs = this.videoMuted.asObservable();
+		this.audioMutedObs = this.audioMuted.asObservable();
+		//Toolbar observables
+		this.screenshareButtonObs = this.screenshareButton.asObservable();
+		this.fullscreenButtonObs = this.fullscreenButton.asObservable();
+		this.leaveButtonObs = this.leaveButton.asObservable();
+		this.participantsPanelButtonObs = this.participantsPanelButton.asObservable();
+		this.chatPanelButtonObs = this.chatPanelButton.asObservable();
+		this.displaySessionNameObs = this.displaySessionName.asObservable();
+		this.displayLogoObs = this.displayLogo.asObservable();
+		//Stream observables
+		this.displayParticipantNameObs = this.displayParticipantName.asObservable();
+		this.displayAudioDetectionObs = this.displayAudioDetection.asObservable();
+		this.settingsButtonObs = this.settingsButton.asObservable();
 	}
 
 	getConfig(): OpenViduAngularConfig {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
index 3fc68f69..a742f217 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/device/device.service.ts
@@ -3,6 +3,7 @@ import { Device, OpenVidu, OpenViduError, OpenViduErrorName } from 'openvidu-bro
 
 import { CameraType, DeviceType, CustomDevice } from '../../models/device.model';
 import { ILogger } from '../../models/logger.model';
+import { OpenViduAngularConfigService } from '../config/openvidu-angular.config.service';
 
 import { LoggerService } from '../logger/logger.service';
 import { PlatformService } from '../platform/platform.service';
@@ -28,7 +29,12 @@ export class DeviceService {
 	private _isAudioMuted: boolean;
 	private deviceAccessDeniedError: boolean = false;
 
-	constructor(private loggerSrv: LoggerService, private platformSrv: PlatformService, private storageSrv: StorageService) {
+	constructor(
+		private loggerSrv: LoggerService,
+		private platformSrv: PlatformService,
+		private storageSrv: StorageService,
+		private libSrv: OpenViduAngularConfigService
+	) {
 		this.log = this.loggerSrv.get('DevicesService');
 		this.OV = new OpenVidu();
 	}
@@ -38,7 +44,6 @@ export class DeviceService {
 	}
 
 	async initializeDevices() {
-
 		try {
 			// Forcing media permissions request.
 			// Sometimes, browser doens't launch the media permissions modal.
@@ -54,8 +59,8 @@ export class DeviceService {
 		this.cameras = customDevices.cameras;
 		this.microphones = customDevices.microphones;
 
-		this._isVideoMuted = this.storageSrv.isVideoMuted();
-		this._isAudioMuted = this.storageSrv.isAudioMuted();
+		this._isVideoMuted = this.storageSrv.isVideoMuted() || this.libSrv.videoMuted.getValue();
+		this._isAudioMuted = this.storageSrv.isAudioMuted() || this.libSrv.audioMuted.getValue();;
 
 		this.log.d('Media devices', customDevices);
 	}
@@ -79,7 +84,7 @@ export class DeviceService {
 			if (!!storageMicrophone) {
 				this.microphoneSelected = storageMicrophone;
 			} else if (customDevices.microphones.length > 0) {
-				if(this.deviceAccessDeniedError && customDevices.microphones.length > 1){
+				if (this.deviceAccessDeniedError && customDevices.microphones.length > 1) {
 					// We assume that the default device is already in use
 					// Assign an alternative device with the aim of avoiding the DEVICE_ALREADY_IN_USE error
 					this.microphoneSelected = customDevices.microphones[1];
@@ -115,7 +120,7 @@ export class DeviceService {
 			if (!!storageCamera) {
 				this.cameraSelected = storageCamera;
 			} else if (customDevices.cameras.length > 0) {
-				if(this.deviceAccessDeniedError && customDevices.cameras.length > 1){
+				if (this.deviceAccessDeniedError && customDevices.cameras.length > 1) {
 					// We assume that the default device is already in use
 					// Assign an alternative device with the aim of avoiding the DEVICE_ALREADY_IN_USE error
 					this.cameraSelected = customDevices.cameras[1];
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index a3a98b22..0589f04e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -46,4 +46,10 @@ export * from './lib/models/notification-options.model';
 export * from './lib/pipes/participant.pipe';
 
 // Directives
-export * from './lib/directives/openvidu-angular.directive';
\ No newline at end of file
+export * from './lib/directives/api/api.directive.module';
+export * from './lib/directives/template/openvidu-angular.directive.module';
+
+export * from './lib/directives/template/openvidu-angular.directive';
+export * from './lib/directives/api/toolbar.directive';
+export * from './lib/directives/api/stream.directive';
+export * from './lib/directives/api/videoconference.directive';

From b5a0ab434a599338551b8473ae57bf67fcf73b24 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Mon, 7 Mar 2022 16:54:27 +0100
Subject: [PATCH 50/74] openvidu-components: Added logo directive allowing load
 default logo

---
 .../components/toolbar/toolbar.component.html |  2 +-
 .../videoconference.component.ts              |  1 -
 .../directives/api/api.directive.module.ts    |  7 +++++--
 .../lib/directives/api/toolbar.directive.ts   | 21 ++++++++++++++++++-
 .../openvidu-angular.directive.module.ts      |  3 ---
 .../template/openvidu-angular.directive.ts    | 16 +-------------
 6 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index ab277cdd..52c8475f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -1,7 +1,7 @@
 <mat-toolbar id="toolbar" role="heading" fxLayout fxLayoutAlign="center" fxLayoutGap="10px">
 	<div fxFlex="20%" fxLayoutAlign="start center">
 		<div id="img-container">
-			<img *ngIf="!isMinimal && showLogo" id="branding-logo" src="assets/images/ov_company_logo.png" ovImage />
+			<img *ngIf="!isMinimal && showLogo" id="branding-logo" src="assets/images/logo.png" ovLogo />
 			<span id="session-title" *ngIf="!isMinimal && session && session.sessionId && showSessionName">{{ session.sessionId }}</span>
 		</div>
 	</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 074b5e5a..dbf20df1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -81,7 +81,6 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	// Event sent when session has been created
 	@Output() onSessionCreated = new EventEmitter<any>();
 
-
 	joinSessionClicked: boolean = false;
 	// closeClicked: boolean = false;
 	isSessionAlive: boolean = false;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
index 08a11351..1d293d67 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
@@ -11,7 +11,8 @@ import {
 	ToolbarParticipantsPanelButtonDirective,
 	ToolbarChatPanelButtonDirective,
 	ToolbarDisplaySessionNameDirective,
-	ToolbarDisplayLogoDirective
+	ToolbarDisplayLogoDirective,
+	LogoDirective
 } from './toolbar.directive';
 import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './videoconference.directive';
 
@@ -30,6 +31,7 @@ import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './vi
 		StreamDisplayParticipantNameDirective,
 		StreamDisplayAudioDetectionDirective,
 		StreamSettingsButtonDirective,
+		LogoDirective
 	],
 	exports: [
 		MinimalDirective,
@@ -44,7 +46,8 @@ import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './vi
 		ToolbarDisplayLogoDirective,
 		StreamDisplayParticipantNameDirective,
 		StreamDisplayAudioDetectionDirective,
-		StreamSettingsButtonDirective
+		StreamSettingsButtonDirective,
+		LogoDirective
 	]
 })
 export class ApiDirectiveModule {}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
index 24863b25..68445221 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';
+import { AfterViewInit, Directive, ElementRef, HostListener, Input } from '@angular/core';
 import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
 
 const VIDEOCONFERENCE_COMPONENT_NAME = 'ov-videoconference';
@@ -298,3 +298,22 @@ export class ToolbarDisplayLogoDirective implements AfterViewInit {
 		}
 	}
 }
+
+// * Private directives *
+
+// Load default OpenVidu logo if custom one is not exist
+@Directive({
+	selector: 'img[ovLogo]'
+})
+export class LogoDirective {
+	defaultLogo =
+		'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ0AAADtCAMAAACS/9AMAAACLlBMVEUAAAAAiqoAiKoAiKr/zAD/zAD/zAD/zAD+zAH/zAD/zAD+zAH/zAD/zAAAiKoBiKoAian/zAAAiKoAiKoAiKoAiKr/zAD/zAAAiKr/zAAAiKoAiKr/zAD/zAD/zAD/zAAAiKsAiKr/zAD/zQAAiKsAiKr/zAD/zQD/zAAAiKoAiKr/zAD/zAD/zQD/zAAAiKr+zAD/zAAAiar/zAD/zAD/zAAAian/zAAAiKr/zAD/zAD/zQAAiKv/zAAAiKr/zAAAiKr/zAD/zAAAiKoAiKoAiKr+zAD/zQAAiKr/zAAAiKr/zAAAiKr/zAAAiKr/zAAAiKoAiKoAiKoAiKoAiKoBian/zQBHwlYWymQAiKr/zAAG02IAiKr///8G0mMJ02EA02j7zAH9zAEA02UI02EG1mBl0D3+//4FxW+sziEG02MG1l/9//0ExHED02AJ1GT7/v0S1Wns/PMI02MA0FgA0VoG2F0Ag68C0l4Ah6sAha0B0lwi2HQN1GYBmJsEwXP2/vnL9t7a+egCpI8FzWhNzknk++7A9Ni789Sk78Z66KwAjqRV4pQu2nze+euE6rJh5JwEu3kX12yUzyqO67hx5qUDqopD3ok83YU13IADtIAO01880kxg0D/Hzhav8c2Z7b9o5aBN4I8DsYMFyGwU012A0DLnzQnxzQXx/ffp+/HU+OSS7Lsw0lGfzyalzyO0zh27zhvUzRHczg0Ai6cBk6Ad0lkm0lVy0De/zhkyJ1GVAAAAWnRSTlMAAvz+/AX6gAT7cQMB/qYDBAJh9p7h7BoO0beJbsyfPy1YZwjbvXtbUicU9XYg45FjMyDYxcGxsIFFKRQI8Oq7q6mJeW5COg3So5iYUujIkGRQRjszoU7vu07Vus4OAAANMUlEQVR42uzWPWsCQRDG8adYz93MTLGNEvAFTtADX1CiiEoQLGIl9vP9P0i8GIJNCvdOcBd/H+CKPzOzh5eXuzF7Imtt48lZS54ZD8TeEqJC1uMxiHDBx22/yN8mw+ZTm3TyYrHzANgy6sbEQGOR95anTCNhxt1ePgVAHrUihv86vBv9IcY5lz0154xoabzKd2Bi1MZ7DEYrKXM7IyIaBxHjjIq2Dm14X+NgFB8q4kwsHW6IMaKtSQOEWli01+VHNVZiRLsLEKM6wmamEbcoGaPjeR05CPNM427x2+MAz5Vj5LEPxpWUOahqjCLmi3FLnA6r5fDYthJYk7/pKECoYpVMDFWjpy08QhE6CcVQdboGIxCjPdMIf7j+V2VXCE11mhKjSwYjBOOY2GhUGQ6LUVJX41pjjzCMdXI1RLMtfNgN/UxtUVSdDmFxP0pwUcJXxeKc2ItSEm3twAGLgn2Cs3GxAQXUGCT3vpaMdgIOh8c0S7GG03NADUJfU6zxzX4drDQMBAEYnk08iApbqIJaBREL1kuhB/FQFNFeRDwIRdgEs9utUiM+Rp+gx1ZvrV6sUA/q2zmth4gYIQu7W0N+8gQfM8tkhh3CgoLGdhoxUOMgu0S//6oALCTX2Eypxvq8isZaCs+NscbKrIrGXKaRaWQamUamkWn8Fw0xrmG0Lw1Cyc8ozeVylACxoiEEsxNq/Hl9IYlpjQnF48dw8H5ttPs2dlFf/KWT8t7x6cYyYJSY1BD4PQx6/ZAbT0ou7/zYnP1ioVYFIMSUBi7vU6cXchl6zcBCty0nLndCslQoAaHEiIZgYvjGpRc0PStdXrX82Fx3QpKvl4ASAxqCjXpcBoFnqUgjngRB8kcUiHYNwW66XGEsTGlEHqs7QDVrCNaRocJcGNOIPPwt3BatGojBPYXBMK6BIUcFiEYNXBOpgGFHAznOqkC0aTTYqC8VMCxpIEdZnwbW5gpvhiUNzPVrQDVpCPYyBRhJNBy/qO/dEM/29ySRBg7HOdBII32jkUjD8XeBRBqpezWSzka+AkSDRoO9dkNvCkqigcPxyY6967YNQ2EAdtu96dBOXfoGfYUOHfsGLKcEEUIQomySgABZgOMhdgxfgsBG4ilxgAC5DVnzdjmKRSYGsgiIACX8/0HQ/OHw8PD8bX2rQYMGr0aURlWNPzXVxu471Pjy/wdNYE7jw90olTU+/6pF4+pymzUhlTSI419r6801aCpvxDlxGpXa6FtrUBN9aMSNUl3jZy0a9804KJU1fre2atDYa0YTrazxvfUJGl7jKzSgAQ1oQAMa0IAGNKARtIZWLI7pK6DBhM5MnOfCmlTp0DUEs8v5oD/dP1x1yUMEraHT/FzyIhHv3HVNrES4GoKpIZeJpCSSPEbHhUeoGtrOeRLxdSL6Oxi1ySNMDZ1NejziPrLwWLQNUyFqKDPjiaPwHtNVTh7habCYugbfjJQR768UeYSmEedTr7HpcXu0Qx5BaYi43Snaxqse+2NmmYLG2oOTR2yFgob3uEjJAxrOY3BCHhoapUc0PMms1tAokkguz05tpjU0So/kbGkzpaHhPA4nNlUaGuVzrrf2gIbzOO8a8oCG87grPAQ0So/r+ZMHNEqPzuxpPQaN0uNmvS6Exsa6EBp+PbbIDdPQcB79o51MQcOvgwYTq6Dh6oNfj62CRpmEy7FR0CgjeW+ZaWj46himqI3nRKeZhoYvjpFR0PAaM2i80FhAwyXiyQR945G98+pxGggC8CYxkJBYTui99957Eb33ItiYhHYCJaEJSAjlQi8CUQSiwwNdIJpE+3mM44QhIoBnbbi143m4p9Pp9Gm+bTPrxdS4dNifYX/AuHr8iE+jsrXfcv7eYX8tarLIbTl13N+nVEssJ68dPObvYavlpuNw3OOfbxil6hyUIuHo3D/7MtsYjkFZ1j8XNVugjJYOv4KwyzwPhXYfv7pUrh0YZ+X7/Mpjpc4GLPyqdLUmDTU2v0a/P1fpV8j4/Rs5o9fJ7+35scC4eNfv+6ouMIweWr8n0Cy4vrkCCwy/X7Q8kVwt383we4nNxhW4x9RAfeavkcavTV5GU1Pj3EGA2zqnt+T+vMBonPspgONCPRq5cvOwwaKR7i7BLT+4APr7BUaD3Ws7ePgOjhu1l1L2HWy8O4+GKvvrnuY04H1YSI67+xFH7sdpTkPelYaR4/D1XdWL9LuqpzmNeo/eyI4np82xw+iKNU5zGvcbC2UcJ65fOnX6zcVbTw4Yk2ojf3/DwLH30OHMiX3wE062ZPg2y4iWpJHMwGwKH+7ZhywcopEVodGKDfLmN52ye4RotOGtPUmj5NNAGvlS0aeBNG4c9ccNpHG/4LoZFsNxGreFaIzhigdpJJvOCNCIso1c9SKNVLPAuJFgYxWueo9G09lPAnNKjE2f6UEaOKUQaSR6csWDNG4XBGiwKFvGI56jgcMGjQZMKt7LDdilFHURGgk2cjhXvUYDRaHRYDE2mSseo5E8e7koRiPKBnuNRir/FFOD9EQZ5Eb/8Vzx0ts6qSZIDTKNSkTZGOdofJTg3aVUHlfl1l96rESMxSY6hGM7f5xs8cCVF/3dS3N1PpwrXnnmMZV9hp4Qxw10xZlZ9tWXFho4EMbZz5gapDkFcQziiuLIyPGwZSYV1ORsc0Gn01jKNOYYDlTlUUu+eplK5vdgZlBoTGFxpBGDVcdw4OHqF1FTqWzyqY4wKDRWmzQQx7QJXFUU25NKy4yigCKZzZaaC0UBGCE9tK4ybqAsrfqNAh4RVbWVHV///8CRAhRN+WTpTBETg0Zj1jCTBkYiwRa1Hc+BRSSiqKqoKt+sqJJyMJJAIp989rS5iMMnVZRuCANtgVX6xl6jTBBgTQRCcVAVZNGUdSLyRjQlU7tv3G7+VKiTF7QHUX/lAT8WLRw0Z/xM5d89Og4snu2xHaVS6caN+09vn2m+rB8VQ4Fvjg/F3KjlkWAQ4eljpw7u13bEoB5zuErdquzY+ZdZ8OwZ3YkoFo8WII4WdVuBK9G6QBLhBKtEGAqTEWeWHDgL3r9c0GWKkL4AadQlEktEw+Fwqyh9t6/yl192pH8rSb48C8oUQX0DwLAQxGoLbuszO38rCcyCUkVQHzDOGo0w1qxJON7tyNTJDgklKQ+h65hmBUaMMTz5IOF4n96RdoEkRma0X2MNBp6n03E8frs1k5ZdEj0U1GctsAgDROmHqUHE8erFA+CRlncmMViE9IHjrMCwW1zYDsdgjx5s3ZpJptM7D8onSQhQhPSOqzUCjOmdhAtP6jbOX94893zH1q07ks9AEvMfEIpgyDEGRgSD5h9cPL8LCwSYxYiyIUKpgekBQD68ePRw06QB7YM2/XY42i8evSDOAhYTw1bBGvNju6LyCQtZLD6sz9rl7QSjb/f2uiPpEZrVseOAxSu7LZ23fJyRE5rVxDDLTqNsHqUrCl8xJsoCMWYvhk7SHdAlpPdlXWZUN6uawYKSGr05V+2xiCzrzBJRBhHQtLhoQD6vGWBXFzwLDmhx6yRwfp1rRxS1Ikk0xmwH+N1lim1dYA6ZUTtsUkSJYtePUGJ06hdl0QRzJLSAI7rgUosYCTatNVfFWSi9qpI4xQN1EValO4szemBfragkPXvXSiKDLiF9scYCTCxmc0VYkh6tCJJQdOmGugjQCPYRoxFjnWHHJockmB6oi6Aq84RUMbvjZJHEti5YKhAdRJdwRR5JbOqCRzt4zkUSZdEKrkokSU16sL4d6bpgwZUaZje+XJLU6kLeu2CjhgiNVTwimyQ1uvQh6YIVV9jF00VpBaUD6SQR1wVxbGYafQxdqHJVQklEdUFVRpNoYI1NTkkwNEbXJaQPgJ0bVRQ2gSuSSmJLFyCHjSukHZu0kgjqgi1eVFF6cEVmScRnl5C+MoDJYb10ILUkQrpgswZxxzaTq5JLIqILNvJYC7ykIb8kZF2wp5xGoxePuEASmi6oCjQAknZs0CrpCkloumAhgVRVmuoeSei6BPUOLEAsHbhGErIuUEgg7NxiLNyVKy6ShK7LWlTFWrOXqyQh6EIsJJifeXKZJCRdoJAQt6pKrFw6cJ0kBF2gkLAeaBCavVwoSa0uA1EXC4UEcrOXKr0kVnUBGgPhdyzmxpx6NECSrtJLYkUXLCTQm71Qkpkj+rtAkjq6iBUSsNlL/VUSPmekOySxogveOqA3e6mGJFPdI4kFXfDq1u8DvzHgckkwNIa61OJYzjRCsxdKorpPkj/pgi1gFksHHpCkhsew0YYupEICluYjPy+32rpVku9DqV1CENkFMZHAT1whimhueQ7hTIKSPBiF4NkFMZFA1JAoJ+8wySS4swvhiQTE0SRsnCycwEwyZGsS7MEBzy6IiQRiZg9MQZUK7/DIJDiyC2LIh3CLQ93T3N9tuGQSBOAHZRcmYHYhZXkgDyQQBIdLJkEARljtwsQkTPR6OB4Obh7u4ZRJMLMLM2Tb54gHwOSh5Swl5aw1GhiQ8ICkktHAgGYXAUZGgdHAIAAAQBR1+dE1+L0AAAAASUVORK5CYII=';
+	@Input() ovLogo: string;
+	constructor(public elementRef: ElementRef) {}
+
+	@HostListener('error')
+	loadDefaultLogo() {
+		const element = <HTMLImageElement>this.elementRef.nativeElement;
+		element.src = this.ovLogo || this.defaultLogo;
+	}
+}
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
index 7dbcc0a5..e62b6a91 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
@@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
 import {
 	ChatPanelDirective,
 	LayoutDirective,
-	OvImageDirective,
 	PanelDirective,
 	ParticipantPanelItemDirective,
 	ParticipantsPanelDirective,
@@ -14,7 +13,6 @@ import {
 	declarations: [
 		ChatPanelDirective,
 		LayoutDirective,
-		OvImageDirective,
 		PanelDirective,
 		ParticipantPanelItemDirective,
 		ParticipantsPanelDirective,
@@ -24,7 +22,6 @@ import {
 	exports: [
 		ChatPanelDirective,
 		LayoutDirective,
-		OvImageDirective,
 		PanelDirective,
 		ParticipantPanelItemDirective,
 		ParticipantsPanelDirective,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
index 5de41312..f29d1cf8 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, ElementRef, HostListener, Input, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';
 
 @Directive({
 	selector: '[ovToolbar]'
@@ -49,17 +49,3 @@ export class StreamDirective {
 	constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
 }
 
-@Directive({
-	selector: 'img[ovImage]'
-})
-export class OvImageDirective {
-	@Input() ovImage: string;
-	constructor(public elementRef: ElementRef) {}
-	@HostListener('error')
-	loadDefaultImage() {
-		const element = <HTMLImageElement>this.elementRef.nativeElement;
-		element.src =
-			this.ovImage ||
-			'data:image/png;base64,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';
-	}
-}

From 4d659581b70f5044319b78f7a33c40662214c168 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 8 Mar 2022 17:20:19 +0100
Subject: [PATCH 51/74]  openvidu-components: Fixed bug if ID is not in the
 connection data

---
 .../src/lib/services/participant/participant.service.ts      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
index 38ebe98b..ea88e921 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/participant/participant.service.ts
@@ -192,7 +192,10 @@ export class ParticipantService {
 			connectionId
 		};
 
-		const participantId = this.getParticipantIdFromData(data);
+		// Avoiding create a new participant if participantId param is not exist in connection data
+		// participant Id is necessary for allowing to have multiple connection in one participant
+		const participantId = this.getParticipantIdFromData(data) || connectionId;
+
 		const participantAdded = this.getRemoteParticipantById(participantId);
 		if (!!participantAdded) {
 			this.log.d('Adding connection to existing participant: ', participantId);

From 1ee9486143a1d9387e3d13fd15506a00e3b62659 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 8 Mar 2022 17:47:37 +0100
Subject: [PATCH 52/74] openvidu-components: Updated API directives

---
 .../components/layout/layout.component.html   |   4 +-
 .../components/session/session.component.html |   2 +-
 .../lib/directives/api/stream.directive.ts    |  97 +++-----
 .../lib/directives/api/toolbar.directive.ts   | 230 +++++++-----------
 .../api/videoconference.directive.ts          |  51 +++-
 5 files changed, 174 insertions(+), 210 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index 2d6121e0..1a7e39a5 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -1,6 +1,6 @@
 <div id="layout" class="layout">
 	<div
-		class="OT_root OT_publisher ovStream"
+		class="OT_root OT_publisher"
 		*ngFor="let stream of localParticipant | streams"
 		[ngClass]="{ OV_big: stream.videoEnlarged }"
 	>
@@ -9,7 +9,7 @@
 
 	<div
 		*ngFor="let stream of remoteParticipants | streams"
-		class="OT_root OT_publisher ovStream"
+		class="OT_root OT_publisher"
 		id="remote-participant"
 		[ngClass]="{ OV_big: stream.videoEnlarged }"
 	>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
index 2f1ec71a..16ed92b0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
@@ -19,7 +19,7 @@
 		</mat-sidenav-content>
 	</mat-sidenav-container>
 
-	<div id="footer-container" class="ovToolbar">
+	<div id="footer-container">
 		<ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
 	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/stream.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/stream.directive.ts
index ab686161..7f94be9b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/stream.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/stream.directive.ts
@@ -1,42 +1,29 @@
-import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';
+import { AfterViewInit, Directive, ElementRef, Input, OnDestroy } from '@angular/core';
 import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
 
-const VIDEOCONFERENCE_COMPONENT_NAME = 'ov-videoconference';
-const OV_STREAM_CLASS = 'ovStream';
-
 @Directive({
-	selector: 'ov-videoconference[streamDisplayParticipantName], [displayParticipantName]'
+	selector: 'ov-videoconference[streamDisplayParticipantName], ov-stream[displayParticipantName]'
 })
-export class StreamDisplayParticipantNameDirective implements AfterViewInit {
+export class StreamDisplayParticipantNameDirective implements AfterViewInit, OnDestroy {
 	@Input() set streamDisplayParticipantName(value: boolean) {
 		this.displayParticipantNameValue = value;
 		this.update(this.displayParticipantNameValue);
 	}
 	@Input() set displayParticipantName(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
-
-		if (isExternalComponentInput) {
-			this.displayParticipantNameValue = value;
-			this.update(this.displayParticipantNameValue);
-		}
+		this.displayParticipantNameValue = value;
+		this.update(this.displayParticipantNameValue);
 	}
 
 	displayParticipantNameValue: boolean;
 
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
-	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
+	ngOnDestroy(): void {
+		this.clear();
+	}
 
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.displayParticipantNameValue);
-		}
+	ngAfterViewInit() {
+		this.update(this.displayParticipantNameValue);
 	}
 
 	update(value: boolean) {
@@ -44,25 +31,23 @@ export class StreamDisplayParticipantNameDirective implements AfterViewInit {
 			this.libService.displayParticipantName.next(value);
 		}
 	}
+
+	clear() {
+		this.update(true);
+	}
 }
 
 @Directive({
-	selector: 'ov-videoconference[streamDisplayAudioDetection], [displayAudioDetection]'
+	selector: 'ov-videoconference[streamDisplayAudioDetection], ov-stream[displayAudioDetection]'
 })
-export class StreamDisplayAudioDetectionDirective implements AfterViewInit {
+export class StreamDisplayAudioDetectionDirective implements AfterViewInit, OnDestroy {
 	@Input() set streamDisplayAudioDetection(value: boolean) {
 		this.displayAudioDetectionValue = value;
 		this.update(this.displayAudioDetectionValue);
 	}
 	@Input() set displayAudioDetection(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
-
-		if (isExternalComponentInput) {
-			this.displayAudioDetectionValue = value;
-			this.update(this.displayAudioDetectionValue);
-		}
+		this.displayAudioDetectionValue = value;
+		this.update(this.displayAudioDetectionValue);
 	}
 
 	displayAudioDetectionValue: boolean;
@@ -70,15 +55,10 @@ export class StreamDisplayAudioDetectionDirective implements AfterViewInit {
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
 	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
-
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.displayAudioDetectionValue);
-		}
+		this.update(this.displayAudioDetectionValue);
+	}
+	ngOnDestroy(): void {
+		this.clear();
 	}
 
 	update(value: boolean) {
@@ -86,25 +66,22 @@ export class StreamDisplayAudioDetectionDirective implements AfterViewInit {
 			this.libService.displayAudioDetection.next(value);
 		}
 	}
+	clear() {
+		this.update(true);
+	}
 }
 
 @Directive({
-	selector: 'ov-videoconference[streamSettingsButton], [settingsButton]'
+	selector: 'ov-videoconference[streamSettingsButton], ov-stream[settingsButton]'
 })
-export class StreamSettingsButtonDirective implements AfterViewInit {
+export class StreamSettingsButtonDirective implements AfterViewInit, OnDestroy {
 	@Input() set streamSettingsButton(value: boolean) {
 		this.settingsValue = value;
 		this.update(this.settingsValue);
 	}
 	@Input() set settingsButton(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
-
-		if (isExternalComponentInput) {
-			this.settingsValue = value;
-			this.update(this.settingsValue);
-		}
+		this.settingsValue = value;
+		this.update(this.settingsValue);
 	}
 
 	settingsValue: boolean;
@@ -112,15 +89,11 @@ export class StreamSettingsButtonDirective implements AfterViewInit {
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
 	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_STREAM_CLASS);
+		this.update(this.settingsValue);
+	}
 
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.settingsValue);
-		}
+	ngOnDestroy(): void {
+		this.clear();
 	}
 
 	update(value: boolean) {
@@ -128,4 +101,8 @@ export class StreamSettingsButtonDirective implements AfterViewInit {
 			this.libService.settingsButton.next(value);
 		}
 	}
+
+	clear() {
+		this.update(true);
+	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
index 68445221..c757a99b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
@@ -1,26 +1,17 @@
-import { AfterViewInit, Directive, ElementRef, HostListener, Input } from '@angular/core';
+import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnDestroy } from '@angular/core';
 import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
 
-const VIDEOCONFERENCE_COMPONENT_NAME = 'ov-videoconference';
-const OV_TOOLBAR_CLASS = 'ovToolbar';
-
 @Directive({
-	selector: 'ov-videoconference[toolbarScreenshareButton], [screenshareButton]'
+	selector: 'ov-videoconference[toolbarScreenshareButton], ov-toolbar[screenshareButton]'
 })
-export class ToolbarScreenshareButtonDirective implements AfterViewInit {
+export class ToolbarScreenshareButtonDirective implements AfterViewInit, OnDestroy {
 	@Input() set toolbarScreenshareButton(value: boolean) {
 		this.screenshareValue = value;
 		this.update(this.screenshareValue);
 	}
 	@Input() set screenshareButton(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
-
-		if (isExternalComponentInput) {
-			this.screenshareValue = value;
-			this.update(this.screenshareValue);
-		}
+		this.screenshareValue = value;
+		this.update(this.screenshareValue);
 	}
 
 	screenshareValue: boolean = true;
@@ -28,16 +19,15 @@ export class ToolbarScreenshareButtonDirective implements AfterViewInit {
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
 	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// We need to distinguish where the directive is being used
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+		this.update(this.screenshareValue);
+	}
 
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.screenshareValue);
-		}
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.screenshareValue = true;
+		this.update(true);
 	}
 
 	update(value: boolean) {
@@ -48,22 +38,16 @@ export class ToolbarScreenshareButtonDirective implements AfterViewInit {
 }
 
 @Directive({
-	selector: 'ov-videoconference[toolbarFullscreenButton], [fullscreenButton]'
+	selector: 'ov-videoconference[toolbarFullscreenButton], ov-toolbar[fullscreenButton]'
 })
-export class ToolbarFullscreenButtonDirective implements AfterViewInit {
+export class ToolbarFullscreenButtonDirective implements AfterViewInit, OnDestroy {
 	@Input() set toolbarFullscreenButton(value: boolean) {
 		this.fullscreenValue = value;
 		this.update(this.fullscreenValue);
 	}
 	@Input() set fullscreenButton(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
-
-		if (isExternalComponentInput) {
-			this.fullscreenValue = value;
-			this.update(this.fullscreenValue);
-		}
+		this.fullscreenValue = value;
+		this.update(this.fullscreenValue);
 	}
 
 	fullscreenValue: boolean = true;
@@ -71,16 +55,14 @@ export class ToolbarFullscreenButtonDirective implements AfterViewInit {
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
 	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// We need to distinguish where the directive is being used
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
-
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.fullscreenValue);
-		}
+		this.update(this.fullscreenValue);
+	}
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.fullscreenValue = true;
+		this.update(true);
 	}
 
 	update(value: boolean) {
@@ -91,38 +73,32 @@ export class ToolbarFullscreenButtonDirective implements AfterViewInit {
 }
 
 @Directive({
-	selector: 'ov-videoconference[toolbarLeaveButton], [leaveButton]'
+	selector: 'ov-videoconference[toolbarLeaveButton], ov-toolbar[leaveButton]'
 })
-export class ToolbarLeaveButtonDirective implements AfterViewInit {
+export class ToolbarLeaveButtonDirective implements AfterViewInit, OnDestroy {
 	@Input() set toolbarLeaveButton(value: boolean) {
 		this.leaveValue = value;
 		this.update(this.leaveValue);
 	}
 	@Input() set leaveButton(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
-
-		if (isExternalComponentInput) {
-			this.leaveValue = value;
-			this.update(this.leaveValue);
-		}
+		this.leaveValue = value;
+		this.update(this.leaveValue);
 	}
 
-	leaveValue: boolean;
+	leaveValue: boolean = true;
 
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
 	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+		this.update(this.leaveValue);
+	}
 
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.leaveValue);
-		}
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.leaveValue = true;
+		this.update(true);
 	}
 
 	update(value: boolean) {
@@ -133,38 +109,32 @@ export class ToolbarLeaveButtonDirective implements AfterViewInit {
 }
 
 @Directive({
-	selector: 'ov-videoconference[toolbarParticipantsPanelButton], [participantsPanelButton]'
+	selector: 'ov-videoconference[toolbarParticipantsPanelButton], ov-toolbar[participantsPanelButton]'
 })
-export class ToolbarParticipantsPanelButtonDirective implements AfterViewInit {
+export class ToolbarParticipantsPanelButtonDirective implements AfterViewInit, OnDestroy {
 	@Input() set toolbarParticipantsPanelButton(value: boolean) {
 		this.participantsPanelValue = value;
 		this.update(this.participantsPanelValue);
 	}
 	@Input() set participantsPanelButton(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
-
-		if (isExternalComponentInput) {
-			this.participantsPanelValue = value;
-			this.update(this.participantsPanelValue);
-		}
+		this.participantsPanelValue = value;
+		this.update(this.participantsPanelValue);
 	}
 
-	participantsPanelValue: boolean;
+	participantsPanelValue: boolean = true;
 
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
 	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+		this.update(this.participantsPanelValue);
+	}
 
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.participantsPanelValue);
-		}
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.participantsPanelValue = true;
+		this.update(true);
 	}
 
 	update(value: boolean) {
@@ -175,37 +145,31 @@ export class ToolbarParticipantsPanelButtonDirective implements AfterViewInit {
 }
 
 @Directive({
-	selector: 'ov-videoconference[toolbarChatPanelButton], [chatPanelButton]'
+	selector: 'ov-videoconference[toolbarChatPanelButton], ov-toolbar[chatPanelButton]'
 })
-export class ToolbarChatPanelButtonDirective implements AfterViewInit {
+export class ToolbarChatPanelButtonDirective implements AfterViewInit, OnDestroy {
 	@Input() set toolbarChatPanelButton(value: boolean) {
 		this.toolbarChatPanelValue = value;
 		this.update(this.toolbarChatPanelValue);
 	}
 	@Input() set chatPanelButton(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
-
-		if (isExternalComponentInput) {
-			this.toolbarChatPanelValue = value;
-			this.update(this.toolbarChatPanelValue);
-		}
+		this.toolbarChatPanelValue = value;
+		this.update(this.toolbarChatPanelValue);
 	}
-	toolbarChatPanelValue: boolean;
+	toolbarChatPanelValue: boolean = true;
 
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
 	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+		this.update(this.toolbarChatPanelValue);
+	}
 
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.toolbarChatPanelValue);
-		}
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.toolbarChatPanelValue = true;
+		this.update(true);
 	}
 
 	update(value: boolean) {
@@ -216,38 +180,32 @@ export class ToolbarChatPanelButtonDirective implements AfterViewInit {
 }
 
 @Directive({
-	selector: 'ov-videoconference[toolbarDisplaySessionName], [displaySessionName]'
+	selector: 'ov-videoconference[toolbarDisplaySessionName], ov-toolbar[displaySessionName]'
 })
-export class ToolbarDisplaySessionNameDirective implements AfterViewInit {
+export class ToolbarDisplaySessionNameDirective implements AfterViewInit, OnDestroy {
 	@Input() set toolbarDisplaySessionName(value: boolean) {
 		this.displaySessionValue = value;
 		this.update(this.displaySessionValue);
 	}
 	@Input() set displaySessionName(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
-
-		if (isExternalComponentInput) {
-			this.displaySessionValue = value;
-			this.update(this.displaySessionValue);
-		}
+		this.displaySessionValue = value;
+		this.update(this.displaySessionValue);
 	}
 
-	displaySessionValue: boolean;
+	displaySessionValue: boolean = true;
 
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
 	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+		this.update(this.displaySessionValue);
+	}
 
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.displaySessionValue);
-		}
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.displaySessionValue = true;
+		this.update(true);
 	}
 
 	update(value: boolean) {
@@ -258,38 +216,32 @@ export class ToolbarDisplaySessionNameDirective implements AfterViewInit {
 }
 
 @Directive({
-	selector: 'ov-videoconference[toolbarDisplayLogo], [displayLogo]'
+	selector: 'ov-videoconference[toolbarDisplayLogo], ov-toolbar[displayLogo]'
 })
-export class ToolbarDisplayLogoDirective implements AfterViewInit {
+export class ToolbarDisplayLogoDirective implements AfterViewInit, OnDestroy {
 	@Input() set toolbarDisplayLogo(value: boolean) {
 		this.displayLogoValue = value;
 		this.update(this.displayLogoValue);
 	}
 	@Input() set displayLogo(value: boolean) {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
-
-		if (isExternalComponentInput) {
-			this.displayLogoValue = value;
-			this.update(this.displayLogoValue);
-		}
+		this.displayLogoValue = value;
+		this.update(this.displayLogoValue);
 	}
 
-	displayLogoValue: boolean;
+	displayLogoValue: boolean = true;
 
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
 
 	ngAfterViewInit() {
-		const element = <HTMLElement>this.elementRef.nativeElement;
-		// Checking if 'screenButton' attribute is in the 'ov-videoconference' element
-		const isGlobalInput = element.localName === VIDEOCONFERENCE_COMPONENT_NAME;
-		// Checking if element is injected inside of an element with ovToolbar class
-		const isExternalComponentInput = element.parentElement?.classList.contains(OV_TOOLBAR_CLASS);
+		this.update(this.displayLogoValue);
+	}
 
-		if (isGlobalInput || isExternalComponentInput) {
-			this.update(this.displayLogoValue);
-		}
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.displayLogoValue = true;
+		this.update(true);
 	}
 
 	update(value: boolean) {
@@ -316,4 +268,4 @@ export class LogoDirective {
 		const element = <HTMLImageElement>this.elementRef.nativeElement;
 		element.src = this.ovLogo || this.defaultLogo;
 	}
-}
\ No newline at end of file
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
index b5e019a0..cd862ce0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
@@ -1,32 +1,67 @@
-import { Directive, Input, ElementRef } from '@angular/core';
+import { Directive, Input, ElementRef, OnDestroy } from '@angular/core';
 import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
 
 @Directive({
 	selector: 'ov-videoconference[minimal]'
 })
-export class MinimalDirective {
+export class MinimalDirective implements OnDestroy {
 	@Input() set minimal(value: boolean) {
-		this.libService.minimal.next(value);
+		this.update(value);
 	}
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.update(false);
+	}
+	update(value: boolean) {
+		if (this.libService.minimal.getValue() !== value) {
+			this.libService.minimal.next(value);
+		}
+	}
 }
 
 @Directive({
 	selector: 'ov-videoconference[videoMuted]'
 })
-export class VideoMutedDirective {
+export class VideoMutedDirective implements OnDestroy {
 	@Input() set videoMuted(value: boolean) {
-		this.libService.videoMuted.next(value);
+		this.update(value);
 	}
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.update(false);
+	}
+	update(value: boolean) {
+		if (this.libService.videoMuted.getValue() !== value) {
+			this.libService.videoMuted.next(value);
+		}
+	}
 }
 
 @Directive({
 	selector: 'ov-videoconference[audioMuted]'
 })
-export class AudioMutedDirective {
+export class AudioMutedDirective implements OnDestroy {
 	@Input() set audioMuted(value: boolean) {
-		this.libService.audioMuted.next(value);
+		this.update(value);
 	}
 	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
-}
\ No newline at end of file
+
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.update(false);
+	}
+	update(value: boolean) {
+		if (this.libService.audioMuted.getValue() !== value) {
+			this.libService.audioMuted.next(value);
+		}
+	}
+}

From e0de51921cab4ccb3c9eac7374d767513c57f548 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 9 Mar 2022 12:31:36 +0100
Subject: [PATCH 53/74] openvidu-components: Forced chat panel updates when new
 messages

---
 .../lib/components/panel/chat-panel/chat-panel.component.ts  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
index 0495fbbf..04ae58a0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ChatMessage } from '../../../models/chat.model';
 import { MenuType } from '../../../models/menu.model';
@@ -20,7 +20,7 @@ export class ChatPanelComponent implements OnInit, AfterViewInit {
 
 	private chatMessageSubscription: Subscription;
 
-	constructor(private chatService: ChatService, private menuService: SidenavMenuService) {}
+	constructor(private chatService: ChatService, private menuService: SidenavMenuService, private cd: ChangeDetectorRef) {}
 
 	@HostListener('document:keydown.escape', ['$event'])
 	onKeydownHandler(event: KeyboardEvent) {
@@ -76,6 +76,7 @@ export class ChatPanelComponent implements OnInit, AfterViewInit {
 			this.messageList = messages;
 			if (this.menuService.isMenuOpened()) {
 				this.scrollToBottom();
+				this.cd.markForCheck();
 			}
 		});
 	}

From a3d5a9c98f50bec41d7575974fecc95e536bb1db Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 9 Mar 2022 12:34:10 +0100
Subject: [PATCH 54/74] openvidu-components: Fixed layout when is webcomponent

When webcomponent, the layout need more time for initilizating and showing the videos.
---
 .../lib/components/layout/layout.component.ts | 32 +++++++++++++++----
 .../components/toolbar/toolbar.component.css  |  2 +-
 .../src/lib/config/openvidu-angular.config.ts |  1 +
 .../src/lib/models/layout.model.ts            |  2 +-
 .../config/openvidu-angular.config.service.ts |  4 +++
 .../src/lib/services/layout/layout.service.ts | 31 ++++++++++--------
 .../openvidu-webcomponent.component.scss      |  9 +++++-
 .../openvidu-webcomponent.module.ts           |  8 ++---
 .../src/environments/environment.prod.ts      |  5 ++-
 .../src/environments/environment.ts           |  3 +-
 10 files changed, 68 insertions(+), 29 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index 9d29702e..e3f6c8a8 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -1,9 +1,19 @@
-import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import {
+	AfterViewInit,
+	ChangeDetectionStrategy,
+	ChangeDetectorRef,
+	Component,
+	ContentChild,
+	OnDestroy,
+	OnInit,
+	TemplateRef
+} from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { ParticipantAbstractModel } from '../../models/participant.model';
 import { LayoutService } from '../../services/layout/layout.service';
 import { StreamDirective } from '../../directives/template/openvidu-angular.directive';
+import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
 
 @Component({
 	selector: 'ov-layout',
@@ -15,10 +25,10 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 	@ContentChild('stream', { read: TemplateRef }) streamTemplate: TemplateRef<any>;
 
 	@ContentChild(StreamDirective)
-	set externalStream (externalStream: StreamDirective) {
+	set externalStream(externalStream: StreamDirective) {
 		// This directive will has value only when STREAM component tagget with '*ovStream' directive
 		// is inside of the layout component tagged with '*ovLayout' directive
-		if(externalStream) {
+		if (externalStream) {
 			this.streamTemplate = externalStream.template;
 		}
 	}
@@ -28,15 +38,25 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 	protected localParticipantSubs: Subscription;
 	protected remoteParticipantsSubs: Subscription;
 
-	constructor(protected layoutService: LayoutService, protected participantService: ParticipantService, private cd: ChangeDetectorRef) {}
+	constructor(
+		protected layoutService: LayoutService,
+		protected participantService: ParticipantService,
+		private libService: OpenViduAngularConfigService,
+		private cd: ChangeDetectorRef
+	) {}
 
 	ngOnInit(): void {
 		this.subscribeToParticipants();
 	}
 
 	ngAfterViewInit() {
-		this.layoutService.initialize();
-		this.layoutService.update();
+		let timeout: number = null;
+		if (this.libService.isWebcomponent()) {
+			timeout = 0;
+		}
+
+		this.layoutService.initialize(timeout);
+		this.layoutService.update(timeout);
 	}
 
 	ngOnDestroy() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
index de639455..cc09e664 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
@@ -15,7 +15,7 @@
 	align-items: center;
 }
 #media-buttons-container {
-	max-height: 100%;
+	max-height: 100% !important;
 }
 
 #media-buttons-container > *, ::ng-deep #media-buttons-container > * {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts
index d0d91b33..2d287cec 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts
@@ -1,6 +1,7 @@
 export interface OpenViduAngularConfig {
 	production?: boolean,
 	participantFactory?: ParticipantFactoryFunction,
+	webcomponent?: boolean
 
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/layout.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/layout.model.ts
index d8755be3..68b064d9 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/layout.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/layout.model.ts
@@ -141,7 +141,7 @@ export class OpenViduLayout {
 	}
 
 	getLayoutContainer(): HTMLElement {
-		return this.layoutContainer
+		return this.layoutContainer;
 	}
 
 	/**
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
index eedaa351..e66a5327 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
@@ -70,6 +70,10 @@ export class OpenViduAngularConfigService {
 		return this.configuration?.production;
 	}
 
+	isWebcomponent(): boolean {
+		return this.configuration?.webcomponent;
+	}
+
 	hasParticipantFactory(): boolean {
 		return typeof this.getConfig().participantFactory === "function";
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
index 50d1e508..a7ab8989 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
@@ -17,23 +17,25 @@ export class LayoutService {
 	}
 
 	initialize(timeout: number = null) {
-		if (!!timeout) {
+		if (typeof timeout === 'number' && timeout >= 0) {
 			setTimeout(() => {
 				this._initialize();
+				this.sendLayoutWidthEvent();
 			}, timeout);
 		} else {
 			this._initialize();
+			this.sendLayoutWidthEvent();
 		}
-		this.sendLayoutWidthEvent();
 	}
 
 	private _initialize() {
 		this.openviduLayout = new OpenViduLayout();
 		this.openviduLayoutOptions = this.getOptions();
-		this.openviduLayout.initLayoutContainer(document.getElementById('layout'), this.openviduLayoutOptions);
+		const element = document.getElementById('layout');
+		this.openviduLayout.initLayoutContainer(element, this.openviduLayoutOptions);
 	}
 
-	getOptions(): OpenViduLayoutOptions {
+	private getOptions(): OpenViduLayoutOptions {
 		const options = {
 			maxRatio: 3 / 2, // The narrowest ratio that will be used (default 2x3)
 			minRatio: 9 / 16, // The widest ratio that will be used (default 16x9)
@@ -51,16 +53,17 @@ export class LayoutService {
 		return options;
 	}
 
-	update(timeout?: number) {
-		if (!!this.openviduLayout) {
-			if (!timeout) {
+	update(timeout: number = null) {
+		const updateAux = () => {
+			if (!!this.openviduLayout) {
 				this.openviduLayout.updateLayout();
-			} else {
-				setTimeout(() => {
-					this.openviduLayout.updateLayout();
-				}, timeout);
+				this.sendLayoutWidthEvent();
 			}
-			this.sendLayoutWidthEvent();
+		};
+		if (typeof timeout === 'number' && timeout >= 0) {
+			setTimeout(() => updateAux(), timeout);
+		} else {
+			updateAux();
 		}
 	}
 
@@ -74,10 +77,10 @@ export class LayoutService {
 
 	private sendLayoutWidthEvent() {
 		const sidenavLayoutElement = this.documentService.getHTMLElementByClassName(
-			this.openviduLayout.getLayoutContainer(),
+			this.openviduLayout?.getLayoutContainer(),
 			LayoutClass.SIDENAV_CONTAINER
 		);
-		if(sidenavLayoutElement && sidenavLayoutElement.clientWidth) {
+		if (sidenavLayoutElement && sidenavLayoutElement.clientWidth) {
 			this._layoutWidthObs.next(sidenavLayoutElement.clientWidth);
 		}
 	}
diff --git a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss
index c0adb716..69e9f17f 100644
--- a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss
+++ b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss
@@ -73,4 +73,11 @@ $openvidu-components-theme: mat.define-light-theme((
 }
 
 html, body { height: 100%; overflow: hidden;}
-body { margin: 0; font-family: 'Roboto','RobotoDraft',Helvetica,Arial,sans-serif;}
\ No newline at end of file
+body { margin: 0; font-family: 'Roboto','RobotoDraft',Helvetica,Arial,sans-serif;}
+
+#poster-text {
+	padding: 0px !important;
+}
+ov-chat-panel .text-info {
+	margin: 3px auto !important;
+}
\ No newline at end of file
diff --git a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.module.ts b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.module.ts
index 23ae46b9..3b6acaea 100644
--- a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.module.ts
+++ b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.module.ts
@@ -5,23 +5,23 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 import { OpenviduWebComponentComponent } from './openvidu-webcomponent.component';
 
-import { OpenviduAngularModule, VideoconferenceComponent } from 'openvidu-angular';
+import { OpenViduAngularModule, VideoconferenceComponent } from 'openvidu-angular';
 import { environment } from '../../environments/environment';
 
 import { createCustomElement } from '@angular/elements';
 
 @NgModule({
 	declarations: [OpenviduWebComponentComponent],
-	imports: [CommonModule, BrowserModule, BrowserAnimationsModule, OpenviduAngularModule.forRoot(environment)],
+	imports: [CommonModule, BrowserModule, BrowserAnimationsModule, OpenViduAngularModule.forRoot(environment)],
 	// exports: [OpenviduWebComponentComponent],
-	providers: [{ provide: APP_BASE_HREF, useValue: '/' }, VideoconferenceComponent]
+	providers: [{ provide: APP_BASE_HREF, useValue: '/' }, VideoconferenceComponent],
 })
 export class OpenviduWebComponentModule implements DoBootstrap {
 	constructor(private injector: Injector) {}
 
 	ngDoBootstrap(): void {
 		const element = createCustomElement(OpenviduWebComponentComponent, {
-			injector: this.injector
+			injector: this.injector,
 		});
 
 		customElements.define('openvidu-webcomponent', element);
diff --git a/openvidu-components-angular/src/environments/environment.prod.ts b/openvidu-components-angular/src/environments/environment.prod.ts
index 3612073b..1c8a72ed 100644
--- a/openvidu-components-angular/src/environments/environment.prod.ts
+++ b/openvidu-components-angular/src/environments/environment.prod.ts
@@ -1,3 +1,6 @@
 export const environment = {
-  production: true
+  production: true,
+  // The webcomponent build will use this environment.
+  // Wee need this flag for settings a delay in the layout for correct behaviour
+  webcomponent: true
 };
diff --git a/openvidu-components-angular/src/environments/environment.ts b/openvidu-components-angular/src/environments/environment.ts
index 7b4f817a..440926e1 100644
--- a/openvidu-components-angular/src/environments/environment.ts
+++ b/openvidu-components-angular/src/environments/environment.ts
@@ -3,7 +3,8 @@
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
-  production: false
+  production: false,
+  webcomponent: true
 };
 
 /*

From e11af2ebd7d4754762d56940e58a5eb79c78cf12 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 9 Mar 2022 15:31:21 +0100
Subject: [PATCH 55/74] openvidu-components: Added component events

---
 .../components/pre-join/pre-join.component.ts |  4 +-
 .../components/toolbar/toolbar.component.html |  4 +-
 .../components/toolbar/toolbar.component.ts   | 33 ++++++++------
 .../videoconference.component.html            | 13 ++++--
 .../videoconference.component.ts              | 45 +++++++++++++++----
 5 files changed, 70 insertions(+), 29 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
index b25785c1..9ffdb0b6 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
@@ -19,7 +19,7 @@ import { StorageService } from '../../services/storage/storage.service';
 	styleUrls: ['./pre-join.component.css']
 })
 export class PreJoinComponent implements OnInit, OnDestroy {
-	@Output() onJoinClicked = new EventEmitter<any>();
+	@Output() onJoinButtonClicked = new EventEmitter<any>();
 	cameras: CustomDevice[];
 	microphones: CustomDevice[];
 	cameraSelected: CustomDevice;
@@ -207,7 +207,7 @@ export class PreJoinComponent implements OnInit, OnDestroy {
 	}
 
 	joinSession() {
-		this.onJoinClicked.emit();
+		this.onJoinButtonClicked.emit();
 	}
 
 	private setDevicesInfo() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index 52c8475f..fb8c806f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -69,7 +69,7 @@
 			mat-icon-button
 			*ngIf="!isMinimal && showParticipantsPanelButton"
 			matTooltip="Show articipants"
-			(click)="toggleMenu('participants')"
+			(click)="toggleParticipantsPanel()"
 			[disabled]="isConnectionLost"
 			[class.active-btn]="isParticipantsOpened"
 		>
@@ -80,7 +80,7 @@
 		<button
 			mat-icon-button
 			*ngIf="!isMinimal && showChatPanelButton"
-			(click)="toggleMenu('chat')"
+			(click)="toggleChatPanel()"
 			[disabled]="isConnectionLost"
 			[class.active-btn]="isChatOpened"
 		>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index ca854a70..27e2534a 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -36,12 +36,13 @@ import { OpenViduAngularConfigService } from '../../services/config/openvidu-ang
 })
 export class ToolbarComponent implements OnInit, OnDestroy {
 	@ContentChild('centeredButtons', { read: TemplateRef }) centeredButtonsTemplate: TemplateRef<any>;
-
-	@Output() onMicClicked = new EventEmitter<any>();
-	@Output() onCamClicked = new EventEmitter<any>();
-	@Output() onScreenShareClicked = new EventEmitter<any>();
-	@Output() onLeaveSessionClicked = new EventEmitter<any>();
-	@Output() onChatClicked = new EventEmitter<any>();
+	@Output() onLeaveButtonClicked = new EventEmitter<any>();
+	@Output() onCameraButtonClicked = new EventEmitter<any>();
+	@Output() onMicrophoneButtonClicked = new EventEmitter<any>();
+	@Output() onFullscreenButtonClicked = new EventEmitter<any>();
+	@Output() onScreenshareButtonClicked = new EventEmitter<any>();
+	@Output() onParticipantsPanelButtonClicked = new EventEmitter<any>();
+	@Output() onChatPanelButtonClicked = new EventEmitter<any>();
 
 	session: Session;
 	unreadMessages: number = 0;
@@ -142,7 +143,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	}
 
 	toggleMicrophone() {
-		this.onMicClicked.emit();
+		this.onMicrophoneButtonClicked.emit();
 
 		if (this.participantService.isMyCameraActive()) {
 			this.openviduService.publishAudio(
@@ -155,7 +156,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	}
 
 	async toggleCamera() {
-		this.onCamClicked.emit();
+		this.onCameraButtonClicked.emit();
 
 		try {
 			const publishVideo = !this.participantService.hasCameraVideoActive();
@@ -189,7 +190,7 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	}
 
 	async toggleScreenShare() {
-		this.onScreenShareClicked.emit();
+		this.onScreenshareButtonClicked.emit();
 
 		try {
 			// Disabling screenShare
@@ -268,17 +269,23 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	leaveSession() {
 		this.log.d('Leaving session...');
 		this.openviduService.disconnect();
-		this.onLeaveSessionClicked.emit();
+		this.onLeaveButtonClicked.emit();
 	}
 
-	toggleMenu(type: string) {
-		this.menuService.toggleMenu(<MenuType>type);
-		this.onChatClicked.emit();
+	toggleParticipantsPanel() {
+		this.onParticipantsPanelButtonClicked.emit();
+		this.menuService.toggleMenu(MenuType.PARTICIPANTS);
+	}
+
+	toggleChatPanel() {
+		this.onChatPanelButtonClicked.emit();
+		this.menuService.toggleMenu(MenuType.CHAT);
 	}
 
 	toggleFullscreen() {
 		this.isFullscreenActive = !this.isFullscreenActive;
 		this.documentService.toggleFullscreen('session-container');
+		this.onFullscreenButtonClicked.emit();
 	}
 
 	protected subscribeToReconnection() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index 0deed966..bedae661 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -1,8 +1,7 @@
 <div id="call-container">
 	<div id="pre-join-container" *ngIf="!joinSessionClicked">
-		<ov-pre-join (onJoinClicked)="_onJoinClicked()"></ov-pre-join>
+		<ov-pre-join (onJoinButtonClicked)="_onJoinButtonClicked()"></ov-pre-join>
 		<!-- <ov-user-settings (onJoinClicked)="_onJoinClicked()" (onCloseClicked)="onLeaveSessionClicked()"></ov-user-settings> -->
-
 	</div>
 
 	<div id="spinner" *ngIf="joinSessionClicked && !isSessionAlive && !error">
@@ -39,7 +38,15 @@
 </div>
 
 <ng-template #defaultToolbar>
-	<ov-toolbar></ov-toolbar>
+	<ov-toolbar
+		(onLeaveButtonClicked)="onLeaveButtonClicked()"
+		(onCameraButtonClicked)="onCameraButtonClicked()"
+		(onMicrophoneButtonClicked)="onMicrophoneButtonClicked()"
+		(onScreenshareButtonClicked)="onScreenshareButtonClicked()"
+		(onFullscreenButtonClicked)="onFullscreenButtonClicked()"
+		(onParticipantsPanelButtonClicked)="onParticipantsPanelButtonClicked()"
+		(onChatPanelButtonClicked)="onChatPanelButtonClicked()"
+	></ov-toolbar>
 </ng-template>
 
 <ng-template #defaultPanel>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index dbf20df1..32e5db4e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -70,19 +70,26 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	// *** Events ***
 
 	// Event sent when user click on the join button in pre-join page
-	@Output() onJoinSessionClicked = new EventEmitter<any>();
+	@Output() onJoinButtonClicked = new EventEmitter<any>();
+	// Event sent when user click on the join button in pre-join page
+	@Output() onToolbarLeaveButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarCameraButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarMicrophoneButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarScreenshareButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarFullscreenButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarParticipantsPanelButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarChatPanelButtonClicked = new EventEmitter<any>();
 
 	// Event sent when participant has joined the session
 	@Output() onParticipantJoined = new EventEmitter<any>();
 
 	// Event sent when participant has left the session
-	@Output() onParticipantLeft = new EventEmitter<any>();
+	// @Output() onParticipantLeft = new EventEmitter<any>();
 
 	// Event sent when session has been created
 	@Output() onSessionCreated = new EventEmitter<any>();
 
 	joinSessionClicked: boolean = false;
-	// closeClicked: boolean = false;
 	isSessionAlive: boolean = false;
 	_tokens: { webcam: string; screen: string };
 	error: boolean = false;
@@ -153,12 +160,32 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 
 	ngOnInit() {}
 
-	async _onJoinClicked() {
+	_onJoinButtonClicked() {
 		this.joinSessionClicked = true;
-		this.onJoinSessionClicked.emit();
+		this.onJoinButtonClicked.emit();
+	}
+	onLeaveButtonClicked() {
+		this.joinSessionClicked = false;
+		this.isSessionAlive = false;
+		this.onToolbarLeaveButtonClicked.emit();
+	}
+	onCameraButtonClicked() {
+		this.onToolbarCameraButtonClicked.emit();
+	}
+
+	onMicrophoneButtonClicked() {
+		this.onToolbarMicrophoneButtonClicked.emit();
+	}
+	onScreenshareButtonClicked() {
+		this.onToolbarScreenshareButtonClicked.emit();
+	}
+	onFullscreenButtonClicked() {
+		this.onToolbarFullscreenButtonClicked.emit();
+	}
+	onParticipantsPanelButtonClicked() {
+		this.onToolbarParticipantsPanelButtonClicked.emit();
+	}
+	onChatPanelButtonClicked() {
+		this.onToolbarChatPanelButtonClicked.emit();
 	}
-	// onLeaveSessionClicked() {
-	// 	this.isSessionAlive = false;
-	// 	this.closeClicked = true;
-	// }
 }

From 115e9131d0d6012b5c859e5877b437cae3b384e5 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 11:42:48 +0100
Subject: [PATCH 56/74] openvidu-components: Added toolbar additional buttons
 directive

Allowed added additional buttons in toolbar component without redefine it
---
 .../lib/components/toolbar/toolbar.component.css    |  6 +++++-
 .../lib/components/toolbar/toolbar.component.html   |  6 ++++--
 .../src/lib/components/toolbar/toolbar.component.ts | 13 ++++++++++++-
 .../videoconference/videoconference.component.html  |  8 +++++++-
 .../videoconference/videoconference.component.ts    |  7 +++++++
 .../template/openvidu-angular.directive.module.ts   |  7 +++++--
 .../template/openvidu-angular.directive.ts          |  7 +++++++
 7 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
index cc09e664..a8b12fc1 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
@@ -18,7 +18,11 @@
 	max-height: 100% !important;
 }
 
-#media-buttons-container > *, ::ng-deep #media-buttons-container > * {
+#media-buttons-container > button,
+::ng-deep #media-buttons-container > button,
+#media-buttons-container:not(#media-buttons-container > button) button,
+/* Applying css for external additional buttons*/
+::ng-deep #media-buttons-container:not(#media-buttons-container > button) button {
 	width: 40px;
 	height: 40px;
 	background-color: var(--ov-secondary-color);
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index fb8c806f..2c0907ad 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -55,8 +55,10 @@
 			<mat-icon *ngIf="!isFullscreenActive" matTooltip="Fullscreen">fullscreen</mat-icon>
 		</button>
 
-		<!-- Custom toolbar buttons -->
-		<ng-content select="[toolbar-btn]"></ng-content>
+		<!-- External additional buttons  -->
+		<ng-container *ngIf="toolbarAdditionalButtonsTemplate">
+			<ng-container *ngTemplateOutlet="toolbarAdditionalButtonsTemplate"></ng-container>
+		</ng-container>
 
 		<!-- Leave session button -->
 		<button mat-icon-button *ngIf="showLeaveButton" (click)="leaveSession()" id="leave-btn">
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 27e2534a..992e6b5d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -27,6 +27,7 @@ import { ChatMessage } from '../../models/chat.model';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { MenuType } from '../../models/menu.model';
 import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
+import { ToolbarAdditionalButtonsDirective } from '../../directives/template/openvidu-angular.directive';
 
 @Component({
 	selector: 'ov-toolbar',
@@ -35,7 +36,17 @@ import { OpenViduAngularConfigService } from '../../services/config/openvidu-ang
 	changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ToolbarComponent implements OnInit, OnDestroy {
-	@ContentChild('centeredButtons', { read: TemplateRef }) centeredButtonsTemplate: TemplateRef<any>;
+	@ContentChild('toolbarAdditionalButtons', { read: TemplateRef }) toolbarAdditionalButtonsTemplate: TemplateRef<any>;
+
+	@ContentChild(ToolbarAdditionalButtonsDirective)
+	set externalAdditionalButtons(externalAdditionalButtons: ToolbarAdditionalButtonsDirective) {
+		// This directive will has value only when ADDITIONAL BUTTONS component tagget with '*ovToolbarAdditionalButtons' directive
+		// is inside of the TOOLBAR component tagged with '*ovToolbar' directive
+		if (externalAdditionalButtons) {
+			this.toolbarAdditionalButtonsTemplate = externalAdditionalButtons.template;
+		}
+	}
+
 	@Output() onLeaveButtonClicked = new EventEmitter<any>();
 	@Output() onCameraButtonClicked = new EventEmitter<any>();
 	@Output() onMicrophoneButtonClicked = new EventEmitter<any>();
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index bedae661..62860180 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -46,7 +46,13 @@
 		(onFullscreenButtonClicked)="onFullscreenButtonClicked()"
 		(onParticipantsPanelButtonClicked)="onParticipantsPanelButtonClicked()"
 		(onChatPanelButtonClicked)="onChatPanelButtonClicked()"
-	></ov-toolbar>
+	>
+
+	<ng-template #toolbarAdditionalButtons>
+		<ng-container *ngTemplateOutlet="openviduAngularToolbarAdditionalButtonsTemplate"></ng-container>
+	</ng-template>
+
+</ov-toolbar>
 </ng-template>
 
 <ng-template #defaultPanel>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 32e5db4e..73536158 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -6,6 +6,7 @@ import {
 	ParticipantPanelItemDirective,
 	ParticipantsPanelDirective,
 	StreamDirective,
+	ToolbarAdditionalButtonsDirective,
 	ToolbarDirective
 } from '../../directives/template/openvidu-angular.directive';
 import { ILogger } from '../../models/logger.model';
@@ -19,6 +20,7 @@ import { LoggerService } from '../../services/logger/logger.service';
 export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	// *** Toolbar ***
 	@ContentChild(ToolbarDirective) externalToolbar: ToolbarDirective;
+	@ContentChild(ToolbarAdditionalButtonsDirective) externalToolbarAdditionalButtons: ToolbarAdditionalButtonsDirective;
 
 	// *** Panels ***
 	@ContentChild(PanelDirective) externalPanel: PanelDirective;
@@ -39,6 +41,7 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	@ViewChild('defaultStream', { static: false, read: TemplateRef }) defaultStreamTemplate: TemplateRef<any>;
 
 	openviduAngularToolbarTemplate: TemplateRef<any>;
+	openviduAngularToolbarAdditionalButtonsTemplate: TemplateRef<any>;
 	openviduAngularPanelTemplate: TemplateRef<any>;
 	openviduAngularChatPanelTemplate: TemplateRef<any>;
 	openviduAngularParticipantsPanelTemplate: TemplateRef<any>;
@@ -106,6 +109,10 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 			this.openviduAngularToolbarTemplate = this.externalToolbar.template;
 			this.log.d('Setting EXTERNAL TOOLBAR');
 		} else {
+			if (this.externalToolbarAdditionalButtons) {
+				this.log.d('Setting EXTERNAL TOOLBAR ADDITIONAL BUTTONS', this.externalToolbarAdditionalButtons.template);
+				this.openviduAngularToolbarAdditionalButtonsTemplate = this.externalToolbarAdditionalButtons.template;
+			}
 			this.openviduAngularToolbarTemplate = this.defaultToolbarTemplate;
 			this.log.d('Setting  DEFAULT TOOLBAR');
 		}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
index e62b6a91..ecb5507c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
@@ -6,6 +6,7 @@ import {
 	ParticipantPanelItemDirective,
 	ParticipantsPanelDirective,
 	StreamDirective,
+	ToolbarAdditionalButtonsDirective,
 	ToolbarDirective
 } from './openvidu-angular.directive';
 
@@ -17,7 +18,8 @@ import {
 		ParticipantPanelItemDirective,
 		ParticipantsPanelDirective,
 		StreamDirective,
-		ToolbarDirective
+		ToolbarDirective,
+		ToolbarAdditionalButtonsDirective
 	],
 	exports: [
 		ChatPanelDirective,
@@ -26,7 +28,8 @@ import {
 		ParticipantPanelItemDirective,
 		ParticipantsPanelDirective,
 		StreamDirective,
-		ToolbarDirective
+		ToolbarDirective,
+		ToolbarAdditionalButtonsDirective
 	]
 })
 export class OpenViduAngularDirectiveModule {}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
index f29d1cf8..dc20ac24 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
@@ -7,6 +7,13 @@ export class ToolbarDirective {
 	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
 }
 
+@Directive({
+	selector: '[ovToolbarAdditionalButtons]'
+})
+export class ToolbarAdditionalButtonsDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
 @Directive({
 	selector: '[ovPanel]'
 })

From 412a95ea4398dca3917100d0feced97beab03d2d Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 12:33:49 +0100
Subject: [PATCH 57/74] openvidu-elements: Added participant panel item
 elements directive

Allowed to add html elements to participants item
---
 .../participant-panel-item.component.css      | 11 +++++++-
 .../participant-panel-item.component.html     | 27 ++++++++++++-------
 .../participant-panel-item.component.ts       | 14 +++++++---
 .../videoconference.component.html            |  8 +++++-
 .../videoconference.component.ts              | 10 ++++++-
 .../openvidu-angular.directive.module.ts      |  7 +++--
 .../template/openvidu-angular.directive.ts    |  7 +++++
 7 files changed, 66 insertions(+), 18 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
index ae5f341e..d165c77c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
@@ -5,9 +5,18 @@
 .participant-nickname {
 	font-weight: bold !important;
 }
+
 .participant-action-buttons{
 	display: flex;
-	padding-top: 0px;
+}
+
+ ::ng-deep .participant-action-buttons > *:not(#action-btn) {
+	display: contents;
+}
+
+::ng-deep .participant-action-buttons > *:not(#action-btn) > * {
+	margin: auto;
+
 }
 
 mat-list-item {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
index c7b72989..bd41673d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
@@ -7,15 +7,22 @@
 			<span class="participant-subtitle"></span>
 		</p> -->
 
-		<button
-			mat-icon-button
-			id="action-btn"
-			*ngIf="!_participant.local"
-			[class.warn-btn]="_participant.isMutedForcibly"
-			(click)="toggleMuteForcibly()"
-		>
-			<mat-icon *ngIf="!_participant.isMutedForcibly">volume_up</mat-icon>
-			<mat-icon *ngIf="_participant.isMutedForcibly">volume_off</mat-icon>
-		</button>
+		<div class="participant-action-buttons">
+			<button
+				mat-icon-button
+				id="action-btn"
+				*ngIf="!_participant.local"
+				[class.warn-btn]="_participant.isMutedForcibly"
+				(click)="toggleMuteForcibly()"
+			>
+				<mat-icon *ngIf="!_participant.isMutedForcibly">volume_up</mat-icon>
+				<mat-icon *ngIf="_participant.isMutedForcibly">volume_off</mat-icon>
+			</button>
+
+			<!-- External item elements  -->
+			<ng-container *ngIf="participantPanelItemElementsTemplate">
+				<ng-container *ngTemplateOutlet="participantPanelItemElementsTemplate"></ng-container>
+			</ng-container>
+		</div>
 	</mat-list-item>
 </mat-list>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
index 9f89df78..9fb3b58d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
@@ -1,4 +1,5 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, Input, TemplateRef } from '@angular/core';
+import { ParticipantPanelItemElementsDirective } from '../../../../directives/template/openvidu-angular.directive';
 import { ParticipantAbstractModel } from '../../../../models/participant.model';
 
 @Component({
@@ -6,9 +7,17 @@ import { ParticipantAbstractModel } from '../../../../models/participant.model';
 	templateUrl: './participant-panel-item.component.html',
 	styleUrls: ['./participant-panel-item.component.css'],
 	changeDetection: ChangeDetectionStrategy.OnPush
-
 })
 export class ParticipantPanelItemComponent {
+	@ContentChild('participantPanelItemElements', { read: TemplateRef }) participantPanelItemElementsTemplate: TemplateRef<any>;
+	@ContentChild(ParticipantPanelItemElementsDirective)
+	set externalItemElements(externalItemElements: ParticipantPanelItemElementsDirective) {
+		// This directive will has value only when ITEM ELEMENTS component tagget with '*ovParticipantPanelItemElements' directive
+		// is inside of the P PANEL ITEM component tagged with '*ovParticipantPanelItem' directive
+		if (externalItemElements) {
+			this.participantPanelItemElementsTemplate = externalItemElements.template;
+		}
+	}
 
 	@Input()
 	set participant(p: ParticipantAbstractModel) {
@@ -21,5 +30,4 @@ export class ParticipantPanelItemComponent {
 	toggleMuteForcibly() {
 		this._participant.setMutedForcibly(!this._participant.isMutedForcibly);
 	}
-
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index 62860180..8d398511 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -82,7 +82,13 @@
 </ng-template>
 
 <ng-template #defaultParticipantPanelItem let-participant>
-	<ov-participant-panel-item [participant]="participant"></ov-participant-panel-item>
+	<ov-participant-panel-item [participant]="participant">
+
+		<ng-template #participantPanelItemElements>
+			<ng-container *ngTemplateOutlet="openviduAngularParticipantPanelItemElementsTemplate;  context: { $implicit: participant }"></ng-container>
+		</ng-template>
+
+	</ov-participant-panel-item>
 </ng-template>
 
 <ng-template #defaultLayout>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 73536158..3b90470e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -4,6 +4,7 @@ import {
 	LayoutDirective,
 	PanelDirective,
 	ParticipantPanelItemDirective,
+	ParticipantPanelItemElementsDirective,
 	ParticipantsPanelDirective,
 	StreamDirective,
 	ToolbarAdditionalButtonsDirective,
@@ -27,6 +28,8 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	@ContentChild(ChatPanelDirective) externalChatPanel: ChatPanelDirective;
 	@ContentChild(ParticipantsPanelDirective) externalParticipantsPanel: ParticipantsPanelDirective;
 	@ContentChild(ParticipantPanelItemDirective) externalParticipantPanelItem: ParticipantPanelItemDirective;
+	@ContentChild(ParticipantPanelItemElementsDirective) externalParticipantPanelItemElements: ParticipantPanelItemElementsDirective;
+
 
 	// *** Layout ***
 	@ContentChild(LayoutDirective) externalLayout: LayoutDirective;
@@ -46,6 +49,7 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	openviduAngularChatPanelTemplate: TemplateRef<any>;
 	openviduAngularParticipantsPanelTemplate: TemplateRef<any>;
 	openviduAngularParticipantPanelItemTemplate: TemplateRef<any>;
+	openviduAngularParticipantPanelItemElementsTemplate: TemplateRef<any>;
 	openviduAngularLayoutTemplate: TemplateRef<any>;
 	openviduAngularStreamTemplate: TemplateRef<any>;
 
@@ -110,7 +114,7 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 			this.log.d('Setting EXTERNAL TOOLBAR');
 		} else {
 			if (this.externalToolbarAdditionalButtons) {
-				this.log.d('Setting EXTERNAL TOOLBAR ADDITIONAL BUTTONS', this.externalToolbarAdditionalButtons.template);
+				this.log.d('Setting EXTERNAL TOOLBAR ADDITIONAL BUTTONS');
 				this.openviduAngularToolbarAdditionalButtonsTemplate = this.externalToolbarAdditionalButtons.template;
 			}
 			this.openviduAngularToolbarTemplate = this.defaultToolbarTemplate;
@@ -132,6 +136,10 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 					this.openviduAngularParticipantPanelItemTemplate = this.externalParticipantPanelItem.template;
 					this.log.d('Setting EXTERNAL P ITEM');
 				} else {
+					if (this.externalParticipantPanelItemElements) {
+						this.log.d('Setting EXTERNAL PARTICIPANT PANEL ITEM ELEMENT');
+						this.openviduAngularParticipantPanelItemElementsTemplate = this.externalParticipantPanelItemElements.template;
+					}
 					this.openviduAngularParticipantPanelItemTemplate = this.defaultParticipantPanelItemTemplate;
 					this.log.d('Setting DEFAULT P ITEM');
 				}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
index ecb5507c..c0faac07 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.module.ts
@@ -3,6 +3,7 @@ import {
 	ChatPanelDirective,
 	LayoutDirective,
 	PanelDirective,
+	ParticipantPanelItemElementsDirective,
 	ParticipantPanelItemDirective,
 	ParticipantsPanelDirective,
 	StreamDirective,
@@ -19,7 +20,8 @@ import {
 		ParticipantsPanelDirective,
 		StreamDirective,
 		ToolbarDirective,
-		ToolbarAdditionalButtonsDirective
+		ToolbarAdditionalButtonsDirective,
+		ParticipantPanelItemElementsDirective
 	],
 	exports: [
 		ChatPanelDirective,
@@ -29,7 +31,8 @@ import {
 		ParticipantsPanelDirective,
 		StreamDirective,
 		ToolbarDirective,
-		ToolbarAdditionalButtonsDirective
+		ToolbarAdditionalButtonsDirective,
+		ParticipantPanelItemElementsDirective
 	]
 })
 export class OpenViduAngularDirectiveModule {}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
index dc20ac24..44cbd793 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/template/openvidu-angular.directive.ts
@@ -42,6 +42,13 @@ export class ParticipantPanelItemDirective {
 	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
 }
 
+@Directive({
+	selector: '[ovParticipantPanelItemElements]'
+})
+export class ParticipantPanelItemElementsDirective {
+	constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
+}
+
 @Directive({
 	selector: '[ovLayout]'
 })

From 41f83bc34083a386e0b0fbb5f1288cac23bca568 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 12:34:20 +0100
Subject: [PATCH 58/74] openvidu-elements: Fixed participant factory types

---
 .../src/lib/config/openvidu-angular.config.ts                 | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts
index 2d287cec..533a3b75 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/config/openvidu-angular.config.ts
@@ -1,3 +1,5 @@
+import { ParticipantProperties, StreamModel } from '../models/participant.model';
+
 export interface OpenViduAngularConfig {
 	production?: boolean,
 	participantFactory?: ParticipantFactoryFunction,
@@ -5,4 +7,4 @@ export interface OpenViduAngularConfig {
 
 }
 
-export type ParticipantFactoryFunction = (connWrapper: any, participantId: string) => any;
\ No newline at end of file
+export type ParticipantFactoryFunction = (props: ParticipantProperties, streamModel: StreamModel) => any;
\ No newline at end of file

From 27d70de3cd5335980c98088e956d4a60597a4c8c Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 12:55:43 +0100
Subject: [PATCH 59/74] openvidu-components: Added directive for
 hidding/showing mute button

---
 .../participant-panel-item.component.css      |  1 -
 .../participant-panel-item.component.html     |  2 +-
 .../participant-panel-item.component.ts       | 27 +++++++++++--
 .../directives/api/api.directive.module.ts    |  7 +++-
 .../api/participant-panel-item.directive.ts   | 39 +++++++++++++++++++
 .../config/openvidu-angular.config.service.ts |  4 ++
 .../openvidu-angular/src/public-api.ts        |  1 +
 7 files changed, 74 insertions(+), 7 deletions(-)
 create mode 100644 openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/participant-panel-item.directive.ts

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
index d165c77c..80629081 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
@@ -16,7 +16,6 @@
 
 ::ng-deep .participant-action-buttons > *:not(#action-btn) > * {
 	margin: auto;
-
 }
 
 mat-list-item {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
index bd41673d..32e9e3d3 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
@@ -11,7 +11,7 @@
 			<button
 				mat-icon-button
 				id="action-btn"
-				*ngIf="!_participant.local"
+				*ngIf="!_participant.local && showMuteButton"
 				[class.warn-btn]="_participant.isMutedForcibly"
 				(click)="toggleMuteForcibly()"
 			>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
index 9fb3b58d..9e2bc6b2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
@@ -1,6 +1,8 @@
-import { ChangeDetectionStrategy, Component, ContentChild, Input, TemplateRef } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, Input, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { Subscription } from 'rxjs';
 import { ParticipantPanelItemElementsDirective } from '../../../../directives/template/openvidu-angular.directive';
 import { ParticipantAbstractModel } from '../../../../models/participant.model';
+import { OpenViduAngularConfigService } from '../../../../services/config/openvidu-angular.config.service';
 
 @Component({
 	selector: 'ov-participant-panel-item',
@@ -8,8 +10,11 @@ import { ParticipantAbstractModel } from '../../../../models/participant.model';
 	styleUrls: ['./participant-panel-item.component.css'],
 	changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class ParticipantPanelItemComponent {
+export class ParticipantPanelItemComponent implements OnInit, OnDestroy {
 	@ContentChild('participantPanelItemElements', { read: TemplateRef }) participantPanelItemElementsTemplate: TemplateRef<any>;
+	showMuteButton: boolean = true;
+	private muteButtonSub: Subscription;
+
 	@ContentChild(ParticipantPanelItemElementsDirective)
 	set externalItemElements(externalItemElements: ParticipantPanelItemElementsDirective) {
 		// This directive will has value only when ITEM ELEMENTS component tagget with '*ovParticipantPanelItemElements' directive
@@ -25,9 +30,25 @@ export class ParticipantPanelItemComponent {
 	}
 
 	_participant: ParticipantAbstractModel;
-	constructor() {}
+	constructor(private libService: OpenViduAngularConfigService, private cd: ChangeDetectorRef) {}
+
+	ngOnInit(): void {
+		this.subscribeToParticipantPanelItemDirectives();
+	}
+	ngOnDestroy(): void {
+		if (this.muteButtonSub) this.muteButtonSub.unsubscribe();
+	}
 
 	toggleMuteForcibly() {
 		this._participant.setMutedForcibly(!this._participant.isMutedForcibly);
 	}
+
+	private subscribeToParticipantPanelItemDirectives() {
+		this.muteButtonSub = this.libService.participantItemMuteButton.subscribe((value: boolean) => {
+			console.warn("show mute", value);
+
+			this.showMuteButton = value;
+			this.cd.markForCheck();
+		});
+	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
index 1d293d67..c7915d25 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
@@ -1,4 +1,5 @@
 import { NgModule } from '@angular/core';
+import { ParticipantPanelItemMuteButtonDirective } from './participant-panel-item.directive';
 import {
 	StreamDisplayParticipantNameDirective,
 	StreamDisplayAudioDetectionDirective,
@@ -31,7 +32,8 @@ import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './vi
 		StreamDisplayParticipantNameDirective,
 		StreamDisplayAudioDetectionDirective,
 		StreamSettingsButtonDirective,
-		LogoDirective
+		LogoDirective,
+		ParticipantPanelItemMuteButtonDirective
 	],
 	exports: [
 		MinimalDirective,
@@ -47,7 +49,8 @@ import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './vi
 		StreamDisplayParticipantNameDirective,
 		StreamDisplayAudioDetectionDirective,
 		StreamSettingsButtonDirective,
-		LogoDirective
+		LogoDirective,
+		ParticipantPanelItemMuteButtonDirective
 	]
 })
 export class ApiDirectiveModule {}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/participant-panel-item.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/participant-panel-item.directive.ts
new file mode 100644
index 00000000..73317cfe
--- /dev/null
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/participant-panel-item.directive.ts
@@ -0,0 +1,39 @@
+import { Directive, AfterViewInit, OnDestroy, Input, ElementRef } from '@angular/core';
+import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
+
+@Directive({
+	selector: 'ov-videoconference[participantPanelItemMuteButton], ov-participant-panel-item[muteButton]'
+})
+export class ParticipantPanelItemMuteButtonDirective implements AfterViewInit, OnDestroy {
+	@Input() set participantPanelItemMuteButton(value: boolean) {
+		this.muteValue = value;
+		this.update(this.muteValue);
+	}
+	@Input() set muteButton(value: boolean) {
+		this.muteValue = value;
+		this.update(this.muteValue);
+	}
+
+	muteValue: boolean = true;
+
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngAfterViewInit() {
+		this.update(this.muteValue);
+	}
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.muteValue = true;
+		this.update(true);
+	}
+
+	update(value: boolean) {
+		console.warn('directive mute ', value);
+
+		if (this.libService.participantItemMuteButton.getValue() !== value) {
+			this.libService.participantItemMuteButton.next(value);
+		}
+	}
+}
\ No newline at end of file
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
index e66a5327..943f23ee 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
@@ -41,6 +41,8 @@ export class OpenViduAngularConfigService {
 	displayAudioDetectionObs: Observable<boolean>;
 	settingsButton = <BehaviorSubject<boolean>>new BehaviorSubject(true);
 	settingsButtonObs: Observable<boolean>;
+	participantItemMuteButton = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	participantItemMuteButtonObs: Observable<boolean>;
 
 	constructor(@Inject('OPENVIDU_ANGULAR_CONFIG') config: OpenViduAngularConfig) {
 		this.configuration = config;
@@ -61,6 +63,8 @@ export class OpenViduAngularConfigService {
 		this.displayParticipantNameObs = this.displayParticipantName.asObservable();
 		this.displayAudioDetectionObs = this.displayAudioDetection.asObservable();
 		this.settingsButtonObs = this.settingsButton.asObservable();
+		// Participant item observables
+		this.participantItemMuteButtonObs = this.participantItemMuteButton.asObservable();
 	}
 
 	getConfig(): OpenViduAngularConfig {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
index 0589f04e..d26e489c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/public-api.ts
@@ -53,3 +53,4 @@ export * from './lib/directives/template/openvidu-angular.directive';
 export * from './lib/directives/api/toolbar.directive';
 export * from './lib/directives/api/stream.directive';
 export * from './lib/directives/api/videoconference.directive';
+export * from './lib/directives/api/participant-panel-item.directive';

From ab74818579f52dcf66f756cfdb3d92da63a5eb63 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 12:59:55 +0100
Subject: [PATCH 60/74] openvidu-components: Fixd bug updating participants
 array in part. panel

---
 .../participants-panel/participants-panel.component.ts      | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
index 096652f1..3b59a3e9 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
@@ -47,9 +47,11 @@ export class ParticipantsPanelComponent implements OnInit, OnDestroy {
 		this.remoteParticipantsSubs = this.participantService.remoteParticipantsObs.subscribe((p: ParticipantAbstractModel[]) => {
 			// Workaround which forc the objects references update
 			// After one entirely day trying to make it works, this is the only way
-			p.forEach((par, index) => {
-				this.remoteParticipants[index] = Object.create(par);
+			const remoteParticipantsAux = [];
+			p.forEach((par) => {
+				remoteParticipantsAux.push(Object.create(par));
 			});
+			this.remoteParticipants = remoteParticipantsAux;
 			// Mark for re-rendering using an impure pipe 'streamsTypesEnabled'
 			this.cd.markForCheck();
 		});

From 7eedba795bb8ee132c15beda2e344545270f43e2 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 14:12:43 +0100
Subject: [PATCH 61/74] openvidu-components: Added prejoin drective

- Hide/show prejoin page
- Refactored prejoin component
- Moved the participant initialization to videoconference
- Set necessary delay for the correct layout initialization
---
 .../lib/components/layout/layout.component.ts |   8 +-
 .../components/pre-join/pre-join.component.ts |  80 +++----------
 .../components/session/session.component.ts   |   4 -
 .../components/toolbar/toolbar.component.ts   |  10 +-
 .../videoconference.component.html            |   8 +-
 .../videoconference.component.ts              | 109 ++++++++++++++++--
 .../directives/api/api.directive.module.ts    |   4 +-
 .../api/videoconference.directive.ts          |  23 ++++
 .../src/lib/models/participant.model.ts       |   2 +-
 .../config/openvidu-angular.config.service.ts |  10 +-
 10 files changed, 160 insertions(+), 98 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
index e3f6c8a8..367f3adf 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts
@@ -50,10 +50,10 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 	}
 
 	ngAfterViewInit() {
-		let timeout: number = null;
-		if (this.libService.isWebcomponent()) {
-			timeout = 0;
-		}
+		let timeout: number = 0;
+		// if (this.libService.isWebcomponent()) {
+		// 	timeout = 0;
+		// }
 
 		this.layoutService.initialize(timeout);
 		this.layoutService.update(timeout);
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
index 9ffdb0b6..0a37a394 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
@@ -26,7 +26,6 @@ export class PreJoinComponent implements OnInit, OnDestroy {
 	microphoneSelected: CustomDevice;
 	isVideoMuted: boolean;
 	isAudioMuted: boolean;
-	screenShareEnabled: boolean;
 	localParticipant: ParticipantAbstractModel;
 	windowSize: number;
 	hasVideoDevices: boolean;
@@ -45,7 +44,6 @@ export class PreJoinComponent implements OnInit, OnDestroy {
 
 	constructor(
 		private layoutService: LayoutService,
-		private actionService: ActionService,
 		private deviceSrv: DeviceService,
 		private loggerSrv: LoggerService,
 		private openviduService: OpenViduService,
@@ -55,22 +53,20 @@ export class PreJoinComponent implements OnInit, OnDestroy {
 		this.log = this.loggerSrv.get('PreJoinComponent');
 	}
 
-	async ngOnInit() {
-		await this.deviceSrv.initializeDevices();
-		this.nickname = this.storageSrv.getNickname() || this.generateRandomNickname();
-		const props: ParticipantProperties = {
-			local: true,
-			nickname: this.nickname
-		};
-		this.participantService.initLocalParticipant(props);
-
+	ngOnInit() {
 		this.subscribeToLocalParticipantEvents();
-		this.openviduService.initialize();
+
 		this.windowSize = window.innerWidth;
-		this.setDevicesInfo();
-		if (this.hasAudioDevices || this.hasVideoDevices) {
-			await this.initwebcamPublisher();
-		}
+		this.hasVideoDevices = this.deviceSrv.hasVideoDeviceAvailable();
+		this.hasAudioDevices = this.deviceSrv.hasAudioDeviceAvailable();
+		this.microphones = this.deviceSrv.getMicrophones();
+		this.cameras = this.deviceSrv.getCameras();
+		this.cameraSelected = this.deviceSrv.getCameraSelected();
+		this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
+
+		this.isVideoMuted = this.deviceSrv.isVideoMuted();
+		this.isAudioMuted = this.deviceSrv.isAudioMuted();
+
 		this.isLoading = false;
 	}
 
@@ -201,7 +197,7 @@ export class PreJoinComponent implements OnInit, OnDestroy {
 	}
 
 	updateNickname() {
-		this.nickname = this.nickname === '' ? this.generateRandomNickname() : this.nickname;
+		this.nickname = this.nickname === '' ? this.participantService.getMyNickname() : this.nickname;
 		this.participantService.setMyNickname(this.nickname);
 		this.storageSrv.setNickname(this.nickname);
 	}
@@ -210,33 +206,12 @@ export class PreJoinComponent implements OnInit, OnDestroy {
 		this.onJoinButtonClicked.emit();
 	}
 
-	private setDevicesInfo() {
-		this.hasVideoDevices = this.deviceSrv.hasVideoDeviceAvailable();
-		this.hasAudioDevices = this.deviceSrv.hasAudioDeviceAvailable();
-		this.microphones = this.deviceSrv.getMicrophones();
-		this.cameras = this.deviceSrv.getCameras();
-		this.cameraSelected = this.deviceSrv.getCameraSelected();
-		this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
-
-		this.isVideoMuted = this.deviceSrv.isVideoMuted();
-		this.isAudioMuted = this.deviceSrv.isAudioMuted();
-	}
-
 	private subscribeToLocalParticipantEvents() {
 		this.localParticipantSubscription = this.participantService.localParticipantObs.subscribe((p) => {
 			this.localParticipant = p;
-			this.screenShareEnabled = p.isScreenActive();
 		});
 	}
 
-	private async initwebcamPublisher() {
-		const publisher = await this.openviduService.initDefaultPublisher(undefined);
-		if (publisher) {
-			// this.handlePublisherSuccess(publisher);
-			this.handlePublisherError(publisher);
-		}
-	}
-
 	//? After test in Chrome and Firefox, the devices always have labels.
 	//? It's not longer needed
 	// private handlePublisherSuccess(publisher: Publisher) {
@@ -256,33 +231,4 @@ export class PreJoinComponent implements OnInit, OnDestroy {
 	// 		}
 	// 	});
 	// }
-
-	private handlePublisherError(publisher: Publisher) {
-		publisher.once('accessDenied', (e: any) => {
-			let message: string;
-			if (e.name === OpenViduErrorName.DEVICE_ALREADY_IN_USE) {
-				this.log.w('Video device already in use. Disabling video device...');
-				// Allow access to the room with only mic if camera device is already in use
-				this.hasVideoDevices = false;
-				this.deviceSrv.disableVideoDevices();
-				return this.initwebcamPublisher();
-			}
-			if (e.name === OpenViduErrorName.DEVICE_ACCESS_DENIED) {
-				message = 'Access to media devices was not allowed.';
-				this.hasVideoDevices = false;
-				this.hasAudioDevices = false;
-				this.deviceSrv.disableVideoDevices();
-				this.deviceSrv.disableAudioDevices();
-				return this.initwebcamPublisher();
-			} else if (e.name === OpenViduErrorName.NO_INPUT_SOURCE_SET) {
-				message = 'No video or audio devices have been found. Please, connect at least one.';
-			}
-			this.actionService.openDialog(e.name.replace(/_/g, ' '), message, true);
-			this.log.e(e.message);
-		});
-	}
-
-	private generateRandomNickname(): string {
-		return 'OpenVidu_User' + Math.floor(Math.random() * 100);
-	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index 7398f80f..ed376e1d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -86,10 +86,6 @@ export class SessionComponent implements OnInit {
 
 	async ngOnInit() {
 
-		if (this.openviduService.getWebcamSession() === null) {
-			this.openviduService.initialize();
-			await this.openviduService.initDefaultPublisher(undefined);
-		}
 		this.session = this.openviduService.getWebcamSession();
 		this.sessionScreen = this.openviduService.getScreenSession();
 		this.subscribeToConnectionCreatedAndDestroyed();
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
index 992e6b5d..7410d4af 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
@@ -331,10 +331,12 @@ export class ToolbarComponent implements OnInit, OnDestroy {
 	}
 	protected subscribeToUserMediaProperties() {
 		this.localParticipantSubscription = this.participantService.localParticipantObs.subscribe((p) => {
-			this.isWebcamVideoActive = p.isCameraVideoActive();
-			this.isWebcamAudioActive = p.isCameraAudioActive();
-			this.isScreenShareActive = p.isScreenActive();
-			this.cd.markForCheck();
+			if(p) {
+				this.isWebcamVideoActive = p.isCameraVideoActive();
+				this.isWebcamAudioActive = p.isCameraAudioActive();
+				this.isScreenShareActive = p.isScreenActive();
+				this.cd.markForCheck();
+			}
 		});
 	}
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index 8d398511..1a30fc93 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -1,20 +1,20 @@
 <div id="call-container">
-	<div id="pre-join-container" *ngIf="!joinSessionClicked">
+	<div id="pre-join-container" *ngIf="showPrejoin && participantReady && !joinSessionClicked">
 		<ov-pre-join (onJoinButtonClicked)="_onJoinButtonClicked()"></ov-pre-join>
 		<!-- <ov-user-settings (onJoinClicked)="_onJoinClicked()" (onCloseClicked)="onLeaveSessionClicked()"></ov-user-settings> -->
 	</div>
 
-	<div id="spinner" *ngIf="joinSessionClicked && !isSessionAlive && !error">
+	<div id="spinner" *ngIf="(joinSessionClicked || !showPrejoin) && !participantReady && !error">
 		<mat-spinner [diameter]="50"></mat-spinner>
 		<span>Joining the room ...</span>
 	</div>
 
-	<div id="spinner" *ngIf="joinSessionClicked && !isSessionAlive && error">
+	<div id="spinner" *ngIf="joinSessionClicked && !participantReady && error">
 		<mat-icon class="error-icon">error</mat-icon>
 		<span>{{ errorMessage }}</span>
 	</div>
 
-	<div id="session-container" *ngIf="joinSessionClicked && isSessionAlive && !error">
+	<div id="session-container" *ngIf="(joinSessionClicked || !showPrejoin) && participantReady && !error">
 		<ov-session [tokens]="_tokens">
 			<ng-template #toolbar>
 				<ng-container *ngIf="openviduAngularToolbarTemplate">
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 3b90470e..590b2da7 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -1,4 +1,17 @@
-import { AfterViewInit, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
+import {
+	AfterViewInit,
+	Component,
+	ContentChild,
+	EventEmitter,
+	Input,
+	OnDestroy,
+	OnInit,
+	Output,
+	TemplateRef,
+	ViewChild
+} from '@angular/core';
+import { OpenViduErrorName } from 'openvidu-browser';
+import { Subscription } from 'rxjs';
 import {
 	ChatPanelDirective,
 	LayoutDirective,
@@ -11,14 +24,21 @@ import {
 	ToolbarDirective
 } from '../../directives/template/openvidu-angular.directive';
 import { ILogger } from '../../models/logger.model';
+import { ParticipantProperties } from '../../models/participant.model';
+import { ActionService } from '../../services/action/action.service';
+import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
+import { DeviceService } from '../../services/device/device.service';
 import { LoggerService } from '../../services/logger/logger.service';
+import { OpenViduService } from '../../services/openvidu/openvidu.service';
+import { ParticipantService } from '../../services/participant/participant.service';
+import { StorageService } from '../../services/storage/storage.service';
 
 @Component({
 	selector: 'ov-videoconference',
 	templateUrl: './videoconference.component.html',
 	styleUrls: ['./videoconference.component.css']
 })
-export class VideoconferenceComponent implements OnInit, AfterViewInit {
+export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewInit {
 	// *** Toolbar ***
 	@ContentChild(ToolbarDirective) externalToolbar: ToolbarDirective;
 	@ContentChild(ToolbarAdditionalButtonsDirective) externalToolbarAdditionalButtons: ToolbarAdditionalButtonsDirective;
@@ -30,7 +50,6 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	@ContentChild(ParticipantPanelItemDirective) externalParticipantPanelItem: ParticipantPanelItemDirective;
 	@ContentChild(ParticipantPanelItemElementsDirective) externalParticipantPanelItemElements: ParticipantPanelItemElementsDirective;
 
-
 	// *** Layout ***
 	@ContentChild(LayoutDirective) externalLayout: LayoutDirective;
 	@ContentChild(StreamDirective) externalStream: StreamDirective;
@@ -69,7 +88,6 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 					webcam: tokens.webcam,
 					screen: tokens.screen
 				};
-				this.isSessionAlive = true;
 			}
 		}
 	}
@@ -97,17 +115,63 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	@Output() onSessionCreated = new EventEmitter<any>();
 
 	joinSessionClicked: boolean = false;
-	isSessionAlive: boolean = false;
+	participantReady: boolean = false;
 	_tokens: { webcam: string; screen: string };
 	error: boolean = false;
 	errorMessage: string = '';
-
+	showPrejoin: boolean = true;
+	private prejoinSub: Subscription;
 	private log: ILogger;
 
-	constructor(private loggerSrv: LoggerService) {
+	constructor(
+		private loggerSrv: LoggerService,
+		private storageSrv: StorageService,
+		private participantService: ParticipantService,
+		private deviceSrv: DeviceService,
+		private openviduService: OpenViduService,
+		private actionService: ActionService,
+		private libService: OpenViduAngularConfigService
+	) {
 		this.log = this.loggerSrv.get('VideoconferenceComponent');
 	}
 
+	async ngOnInit() {
+		this.subscribeToVideconferenceDirectives();
+		await this.deviceSrv.initializeDevices();
+		const nickname = this.storageSrv.getNickname() || 'OpenVidu_User' + Math.floor(Math.random() * 100);
+		const props: ParticipantProperties = {
+			local: true,
+			nickname
+		};
+		this.participantService.initLocalParticipant(props);
+		this.openviduService.initialize();
+
+		if (this.deviceSrv.hasVideoDeviceAvailable() || this.deviceSrv.hasAudioDeviceAvailable()) {
+			await this.initwebcamPublisher();
+		}
+	}
+
+	private async initwebcamPublisher() {
+		try {
+			const publisher = await this.openviduService.initDefaultPublisher(undefined);
+			if (publisher) {
+				publisher.once('accessDenied', (e: any) => {
+					this.handlePublisherError(e);
+				});
+				publisher.once('accessAllowed', () => {
+					this.participantReady = true;
+				});
+			}
+		} catch (error) {
+			this.actionService.openDialog(error.name.replace(/_/g, ' '), error.message, true);
+			this.log.e(error);
+		}
+	}
+
+	ngOnDestroy(): void {
+		if (this.prejoinSub) this.prejoinSub.unsubscribe();
+	}
+
 	ngAfterViewInit() {
 		if (this.externalToolbar) {
 			this.openviduAngularToolbarTemplate = this.externalToolbar.template;
@@ -173,15 +237,13 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 		}
 	}
 
-	ngOnInit() {}
-
 	_onJoinButtonClicked() {
 		this.joinSessionClicked = true;
 		this.onJoinButtonClicked.emit();
 	}
 	onLeaveButtonClicked() {
 		this.joinSessionClicked = false;
-		this.isSessionAlive = false;
+		this.participantReady = false;
 		this.onToolbarLeaveButtonClicked.emit();
 	}
 	onCameraButtonClicked() {
@@ -203,4 +265,31 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
 	onChatPanelButtonClicked() {
 		this.onToolbarChatPanelButtonClicked.emit();
 	}
+
+	private handlePublisherError(e: any) {
+		let message: string;
+		if (e.name === OpenViduErrorName.DEVICE_ALREADY_IN_USE) {
+			this.log.w('Video device already in use. Disabling video device...');
+			// Allow access to the room with only mic if camera device is already in use
+			this.deviceSrv.disableVideoDevices();
+			return this.initwebcamPublisher();
+		}
+		if (e.name === OpenViduErrorName.DEVICE_ACCESS_DENIED) {
+			message = 'Access to media devices was not allowed.';
+			this.deviceSrv.disableVideoDevices();
+			this.deviceSrv.disableAudioDevices();
+			return this.initwebcamPublisher();
+		} else if (e.name === OpenViduErrorName.NO_INPUT_SOURCE_SET) {
+			message = 'No video or audio devices have been found. Please, connect at least one.';
+		}
+		this.actionService.openDialog(e.name.replace(/_/g, ' '), message, true);
+		this.log.e(e.message);
+	}
+
+	private subscribeToVideconferenceDirectives() {
+		this.prejoinSub = this.libService.prejoin.subscribe((value: boolean) => {
+			this.showPrejoin = value;
+			// this.cd.markForCheck();
+		});
+	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
index c7915d25..2f225899 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
@@ -15,11 +15,12 @@ import {
 	ToolbarDisplayLogoDirective,
 	LogoDirective
 } from './toolbar.directive';
-import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './videoconference.directive';
+import { AudioMutedDirective, MinimalDirective, PrejoinDirective, VideoMutedDirective } from './videoconference.directive';
 
 @NgModule({
 	declarations: [
 		MinimalDirective,
+		PrejoinDirective,
 		VideoMutedDirective,
 		AudioMutedDirective,
 		ToolbarScreenshareButtonDirective,
@@ -37,6 +38,7 @@ import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './vi
 	],
 	exports: [
 		MinimalDirective,
+		PrejoinDirective,
 		VideoMutedDirective,
 		AudioMutedDirective,
 		ToolbarScreenshareButtonDirective,
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
index cd862ce0..8f28f8f0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
@@ -23,6 +23,29 @@ export class MinimalDirective implements OnDestroy {
 	}
 }
 
+@Directive({
+	selector: 'ov-videoconference[prejoin]'
+})
+export class PrejoinDirective implements OnDestroy {
+	@Input() set prejoin(value: boolean) {
+		this.update(value);
+	}
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.update(true);
+	}
+	update(value: boolean) {
+		if (this.libService.prejoin.getValue() !== value) {
+			this.libService.prejoin.next(value);
+		}
+	}
+}
+
+
 @Directive({
 	selector: 'ov-videoconference[videoMuted]'
 })
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
index 3e34fd88..94df7e5c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/models/participant.model.ts
@@ -51,7 +51,7 @@ export abstract class ParticipantAbstractModel {
 	public isCameraAudioActive(): boolean {
 		const cameraConnection = this.getCameraConnection();
 		if(cameraConnection) {
-			return cameraConnection.connected && cameraConnection.streamManager.stream.audioActive;
+			return cameraConnection.connected && cameraConnection.streamManager?.stream?.audioActive;
 		}
 		return this.isScreenAudioActive();;
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
index 943f23ee..b5004804 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
@@ -11,6 +11,9 @@ export class OpenViduAngularConfigService {
 
 	minimal = <BehaviorSubject<boolean>>new BehaviorSubject(false);
 	minimalObs: Observable<boolean>;
+	prejoin = <BehaviorSubject<boolean>>new BehaviorSubject(true);
+	prejoinObs: Observable<boolean>;
+
 	videoMuted = <BehaviorSubject<boolean>>new BehaviorSubject(false);
 	videoMutedObs: Observable<boolean>;
 	audioMuted = <BehaviorSubject<boolean>>new BehaviorSubject(false);
@@ -49,6 +52,7 @@ export class OpenViduAngularConfigService {
 		console.log(this.configuration);
 		if(this.isProduction()) console.log('OpenVidu Angular Production Mode');
 		this.minimalObs = this.minimal.asObservable();
+		this.prejoinObs = this.prejoin.asObservable();
 		this.videoMutedObs = this.videoMuted.asObservable();
 		this.audioMutedObs = this.audioMuted.asObservable();
 		//Toolbar observables
@@ -74,9 +78,9 @@ export class OpenViduAngularConfigService {
 		return this.configuration?.production;
 	}
 
-	isWebcomponent(): boolean {
-		return this.configuration?.webcomponent;
-	}
+	// isWebcomponent(): boolean {
+	// 	return this.configuration?.webcomponent;
+	// }
 
 	hasParticipantFactory(): boolean {
 		return typeof this.getConfig().participantFactory === "function";

From bb16418385673d336e9758fda4fa5907f2f14b79 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 15:41:51 +0100
Subject: [PATCH 62/74] openvidu-components: Updated test app

---
 .../src/app/openvidu-call/call.component.html | 101 +++++++++++++++---
 .../src/app/openvidu-call/call.component.ts   |  77 +++++++++----
 .../src/assets/images/openvidu_logo.png       | Bin 10221 -> 0 bytes
 .../src/assets/images/openvidu_logo_grey.png  | Bin 11362 -> 0 bytes
 .../src/assets/images/poster.png              | Bin 4939 -> 0 bytes
 .../src/environments/environment.prod.ts      |   3 -
 .../src/environments/environment.ts           |   1 -
 openvidu-components-angular/src/styles.scss   |   3 +-
 8 files changed, 144 insertions(+), 41 deletions(-)
 delete mode 100644 openvidu-components-angular/src/assets/images/openvidu_logo.png
 delete mode 100644 openvidu-components-angular/src/assets/images/openvidu_logo_grey.png
 delete mode 100644 openvidu-components-angular/src/assets/images/poster.png

diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.html b/openvidu-components-angular/src/app/openvidu-call/call.component.html
index 2953949b..959c70d8 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.html
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.html
@@ -1,22 +1,95 @@
+<ov-videoconference
+	[tokens]="tokens"
+	(onJoinButtonClicked)="onJoinClicked()"
+	(onToolbarLeaveButtonClicked)="onToolbarLeaveButtonClicked()"
+	(onToolbarCameraButtonClicked)="onToolbarCameraButtonClicked()"
+	(onToolbarMicrophoneButtonClicked)="onToolbarMicrophoneButtonClicked()"
+	(onToolbarScreenshareButtonClicked)="onToolbarScreenshareButtonClicked()"
+	(onToolbarFullscreenButtonClicked)="onToolbarFullscreenButtonClicked()"
+	(onToolbarParticipantsPanelButtonClicked)="onToolbarParticipantsPanelButtonClicked()"
+	(onToolbarChatPanelButtonClicked)="onToolbarChatPanelButtonClicked()"
+	[prejoin]="false"
+>
 
-<ov-videoconference (onJoinClicked)="onJoinClicked()" [tokens]="tokens">
+<!-- <div *ovParticipantPanelItemElements>
+	<p>EXTRA INFO</p>
+</div> -->
+
+<!-- <div *ovParticipantPanelItemElements="let participant">
+	<p>N: {{participant?.nickname}}</p>
+</div>
+
+	 <ov-toolbar
+		*ovToolbar
+		[screenshareButton]="true"
+		(onLeaveButtonClicked)="onLeaveButtonClicked()"
+		(onCameraButtonClicked)="onCameraButtonClicked()"
+		(onMicrophoneButtonClicked)="onMicrophoneButtonClicked()"
+		(onScreenshareButtonClicked)="onScreenshareButtonClicked()"
+		(onFullscreenButtonClicked)="onFullscreenButtonClicked()"
+		(onParticipantsPanelButtonClicked)="onParticipantsPanelButtonClicked()"
+		(onChatPanelButtonClicked)="onChatPanelButtonClicked()"
+	>
+
+		<div *ovToolbarAdditionalButtons>
+			<button mat-icon-button>
+				<mat-icon matTooltip="Exit Fullscreen">fullscreen_exit</mat-icon>
+			</button>
+			<button mat-icon-button>
+				<mat-icon matTooltip="Exit Fullscreen">fullscreen_exit</mat-icon>
+			</button>
+		</div>
 
 
-	<!-- <ov-toolbar toolbar (onCamClicked)="onCamClicked()"></ov-toolbar> -->
+</ov-toolbar> -->
 
-
-	<!-- <ov-toolbar panel (onCamClicked)="onCamClicked()"></ov-toolbar> -->
-	<!-- <ov-toolbar chatPanel (onCamClicked)="onCamClicked()"></ov-toolbar> -->
-	<!-- <ov-toolbar participantsPanel (onCamClicked)="onCamClicked()"></ov-toolbar> -->
-
-
-	<!-- <ov-toolbar layout (onCamClicked)="onCamClicked()"></ov-toolbar> -->
-
-	<!-- <div *ovStream="let stream">
-
-		<p>{{stream.videoEnlarged}}</p>
-		<ov-stream [stream]="stream"></ov-stream>
+	<!-- <div *ovToolbar [screenshareButton]="value" [fullscreenButton]="value">
+		<ov-toolbar (onCamClicked)="onCamClicked()"></ov-toolbar>
 	</div> -->
 
+	<!--
+	<ov-panel *ovPanel>
 
+		<ov-chat-panel *ovChatPanel></ov-chat-panel>
+
+		<ov-participants-panel *ovParticipantsPanel>
+
+			<div *ovParticipantPanelItem="let participant">
+				<ov-participant-panel-item [participant]="participant"></ov-participant-panel-item>
+
+				<button mat-icon-button id="hand-notification" *ngIf="participant.hasHandRaised">
+					<mat-icon>front_hand</mat-icon>
+				</button>
+
+			</div>
+		</ov-participants-panel>
+	</ov-panel> -->
+
+	<!-- <ov-toolbar chatPanel (onCamClicked)="onCamClicked()"></ov-toolbar> -->
+
+	<!-- <div *ovParticipantPanelItem="let participant">
+		<ov-participant-panel-item [participant]="participant" [muteButton]="false">
+			<div *ovParticipantPanelItemElements>
+				<button mat-icon-button id="hand-notification" >
+					<mat-icon>front_hand</mat-icon>
+				</button>
+				<span> OK</span>
+			</div>
+		</ov-participant-panel-item>
+	</div> -->
+
+	<!-- <ov-layout *ovLayout >
+
+
+		<div *ovStream="let stream">
+			<p>EXTERNAL STREAM INSIDE OF LAYOUT</p>
+			<ov-stream [stream]="stream"></ov-stream>
+		</div>
+
+	</ov-layout> -->
+
+	<!-- <div *ovStream="let stream">
+		<p>EXTERNAL STREAM</p>
+		<ov-stream [stream]="stream"></ov-stream>
+	</div> -->
 </ov-videoconference>
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.ts b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
index cfa4c3a2..6b743905 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
@@ -1,4 +1,4 @@
-import { Component, ContentChild, OnInit } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { RestService } from '../services/rest.service';
 import { Router } from '@angular/router';
 @Component({
@@ -7,9 +7,8 @@ import { Router } from '@angular/router';
 	styleUrls: ['./call.component.scss']
 })
 export class CallComponent implements OnInit {
-
-
-	sessionId = 'prueba-majestuosa-amable';
+	value = true;
+	sessionId = 'qqqq';
 	tokens: { webcam: string; screen: string };
 
 	joinSessionClicked: boolean = false;
@@ -18,35 +17,71 @@ export class CallComponent implements OnInit {
 
 	constructor(private restService: RestService, private router: Router) {}
 
-	ngOnInit() {
-		// this.onJoinClicked();
+	async ngOnInit() {
+		this.tokens = {
+			webcam: await this.restService.getToken(this.sessionId),
+			screen: await this.restService.getToken(this.sessionId)
+		};
 	}
 
 	async onJoinClicked() {
+		console.warn('VC JOIN BUTTON CLICKED');
+
 		this.tokens = {
 			webcam: await this.restService.getToken(this.sessionId),
 			screen: await this.restService.getToken(this.sessionId)
 		};
 
-		// this.joinSessionClicked = true;
-		// this.isSessionAlive = true;
-	}
-	onCloseClicked() {
-		this.closeClicked = true;
-		this.router.navigate([`/`]);
+		// setInterval(() => {
+		// 	this.value = !this.value;
+		// }, 1000);
 	}
 
-	onMicClicked() {}
-
-	onCamClicked() {
-		console.log('APP: CAM CLIKED')
+	onToolbarCameraButtonClicked() {
+		console.warn('VC camera CLICKED');
+	}
+	onToolbarMicrophoneButtonClicked() {
+		console.warn('VC microphone CLICKED');
+	}
+	onToolbarScreenshareButtonClicked() {
+		console.warn('VC screenshare CLICKED');
+	}
+	onToolbarFullscreenButtonClicked() {
+		console.warn('VC fullscreen CLICKED');
+	}
+	onToolbarParticipantsPanelButtonClicked() {
+		console.warn('VC participants CLICKED');
+	}
+	onToolbarChatPanelButtonClicked() {
+		console.warn('VC chat CLICKED');
 	}
 
-	onScreenShareClicked() {}
-
-	onSpeakerLayoutClicked() {}
-
-	onLeaveSessionClicked() {
+	onToolbarLeaveButtonClicked() {
 		this.isSessionAlive = false;
+		console.log('VC LEAVE BUTTON CLICKED');
+	}
+
+	onCameraButtonClicked() {
+		console.warn('TOOLBAR camera CLICKED');
+	}
+	onMicrophoneButtonClicked() {
+		console.warn('TOOLBAR microphone CLICKED');
+	}
+	onScreenshareButtonClicked() {
+		console.warn('TOOLBAR screenshare CLICKED');
+	}
+	onFullscreenButtonClicked() {
+		console.warn('TOOLBAR fullscreen CLICKED');
+	}
+	onParticipantsPanelButtonClicked() {
+		console.warn('TOOLBAR participants CLICKED');
+	}
+	onChatPanelButtonClicked() {
+		console.warn('TOOLBAR chat CLICKED');
+	}
+
+	onLeaveButtonClicked() {
+		this.isSessionAlive = false;
+		console.log('TOOLBAR LEAVE CLICKED');
 	}
 }
diff --git a/openvidu-components-angular/src/assets/images/openvidu_logo.png b/openvidu-components-angular/src/assets/images/openvidu_logo.png
deleted file mode 100644
index 79daf331d6b4ba072e8a926c5e6df6b2f1d4f65d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10221
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
Sf6&K&5xA<BN~Mx@`2PS_>ie+(

diff --git a/openvidu-components-angular/src/assets/images/openvidu_logo_grey.png b/openvidu-components-angular/src/assets/images/openvidu_logo_grey.png
deleted file mode 100644
index 58d739551331525cb85a7d13b37e34a672953e1a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11362
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
Ks{&WD4gFtFB}IV%

diff --git a/openvidu-components-angular/src/assets/images/poster.png b/openvidu-components-angular/src/assets/images/poster.png
deleted file mode 100644
index 38294ad896fb728edfab7a7712fa29f73190f460..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4939
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
A3jhEB

diff --git a/openvidu-components-angular/src/environments/environment.prod.ts b/openvidu-components-angular/src/environments/environment.prod.ts
index 1c8a72ed..c9669790 100644
--- a/openvidu-components-angular/src/environments/environment.prod.ts
+++ b/openvidu-components-angular/src/environments/environment.prod.ts
@@ -1,6 +1,3 @@
 export const environment = {
   production: true,
-  // The webcomponent build will use this environment.
-  // Wee need this flag for settings a delay in the layout for correct behaviour
-  webcomponent: true
 };
diff --git a/openvidu-components-angular/src/environments/environment.ts b/openvidu-components-angular/src/environments/environment.ts
index 440926e1..99c3763c 100644
--- a/openvidu-components-angular/src/environments/environment.ts
+++ b/openvidu-components-angular/src/environments/environment.ts
@@ -4,7 +4,6 @@
 
 export const environment = {
   production: false,
-  webcomponent: true
 };
 
 /*
diff --git a/openvidu-components-angular/src/styles.scss b/openvidu-components-angular/src/styles.scss
index e6b267b6..0f41f62b 100644
--- a/openvidu-components-angular/src/styles.scss
+++ b/openvidu-components-angular/src/styles.scss
@@ -36,9 +36,8 @@ $openvidu-components-theme: mat.define-light-theme((
 @include mat.all-component-themes($openvidu-components-theme);
 
 
-// Custom openvidu-components colors
+// Custom openvidu-components styles
 :root {
-
   --ov-primary-color: #303030;
   --ov-secondary-color: #586063;
   --ov-tertiary-color: #598eff;

From ad9e4db4e8787f92613c4a25512693263dab0c4c Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 16:17:27 +0100
Subject: [PATCH 63/74] openvidu-components: Fixed connection bug when prejoin
 is disabled

---
 .../components/session/session.component.ts   | 19 ++++++++++++-------
 .../videoconference.component.html            |  4 ++--
 .../videoconference.component.ts              | 13 +++++++------
 .../src/lib/services/token/token.service.ts   | 13 +++----------
 4 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index ed376e1d..9851e390 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -1,4 +1,14 @@
-import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, HostListener, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
+import {
+	ChangeDetectionStrategy,
+	Component,
+	ContentChild,
+	EventEmitter,
+	HostListener,
+	OnInit,
+	Output,
+	TemplateRef,
+	ViewChild
+} from '@angular/core';
 import { Subscriber, Session, StreamEvent, StreamPropertyChangedEvent, SessionDisconnectedEvent, ConnectionEvent } from 'openvidu-browser';
 
 import { VideoType } from '../../models/video-type.model';
@@ -29,7 +39,6 @@ export class SessionComponent implements OnInit {
 	@ContentChild('panel', { read: TemplateRef }) panelTemplate: TemplateRef<any>;
 	@ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
 
-	@Input() tokens: { webcam: string; screen: string };
 	@Output() _session = new EventEmitter<any>();
 	@Output() _publisher = new EventEmitter<any>();
 	@Output() _error = new EventEmitter<any>();
@@ -59,7 +68,7 @@ export class SessionComponent implements OnInit {
 		protected chatService: ChatService,
 		protected tokenService: TokenService,
 		protected layoutService: LayoutService,
-		protected menuService: SidenavMenuService,
+		protected menuService: SidenavMenuService
 	) {
 		this.log = this.loggerSrv.get('SessionComponent');
 	}
@@ -85,7 +94,6 @@ export class SessionComponent implements OnInit {
 	}
 
 	async ngOnInit() {
-
 		this.session = this.openviduService.getWebcamSession();
 		this.sessionScreen = this.openviduService.getScreenSession();
 		this.subscribeToConnectionCreatedAndDestroyed();
@@ -96,9 +104,6 @@ export class SessionComponent implements OnInit {
 		this.chatService.subscribeToChat();
 		this.subscribeToReconnection();
 
-		this.tokenService.setWebcamToken(this.tokens.webcam);
-		this.tokenService.setScreenToken(this.tokens.screen);
-
 		await this.connectToSession();
 		// Workaround, firefox does not have audio when publisher join with muted camera
 		// if (this.platformService.isFirefox() && !this.localUserService.hasCameraVideoActive()) {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index 1a30fc93..6e785bb5 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -14,8 +14,8 @@
 		<span>{{ errorMessage }}</span>
 	</div>
 
-	<div id="session-container" *ngIf="(joinSessionClicked || !showPrejoin) && participantReady && !error">
-		<ov-session [tokens]="_tokens">
+	<div id="session-container" *ngIf="(joinSessionClicked || !showPrejoin) && participantReady && canPublish && !error">
+		<ov-session>
 			<ng-template #toolbar>
 				<ng-container *ngIf="openviduAngularToolbarTemplate">
 					<ng-container *ngTemplateOutlet="openviduAngularToolbarTemplate"></ng-container>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 590b2da7..e3d19ff0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -32,6 +32,7 @@ import { LoggerService } from '../../services/logger/logger.service';
 import { OpenViduService } from '../../services/openvidu/openvidu.service';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { StorageService } from '../../services/storage/storage.service';
+import { TokenService } from '../../services/token/token.service';
 
 @Component({
 	selector: 'ov-videoconference',
@@ -84,10 +85,9 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 			this.log.w('No tokens received');
 		} else {
 			if (tokens.webcam || tokens.screen) {
-				this._tokens = {
-					webcam: tokens.webcam,
-					screen: tokens.screen
-				};
+				this.tokenService.setWebcamToken(tokens.webcam);
+				this.tokenService.setScreenToken(tokens.screen);
+				this.canPublish = true;
 			}
 		}
 	}
@@ -116,7 +116,7 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 
 	joinSessionClicked: boolean = false;
 	participantReady: boolean = false;
-	_tokens: { webcam: string; screen: string };
+	canPublish: boolean = false;
 	error: boolean = false;
 	errorMessage: string = '';
 	showPrejoin: boolean = true;
@@ -130,7 +130,8 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 		private deviceSrv: DeviceService,
 		private openviduService: OpenViduService,
 		private actionService: ActionService,
-		private libService: OpenViduAngularConfigService
+		private libService: OpenViduAngularConfigService,
+		private tokenService: TokenService,
 	) {
 		this.log = this.loggerSrv.get('VideoconferenceComponent');
 	}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/token/token.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/token/token.service.ts
index 4f7bd811..1f13858c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/token/token.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/token/token.service.ts
@@ -1,6 +1,4 @@
 import { Injectable } from '@angular/core';
-import { ILogger } from '../../models/logger.model';
-import { LoggerService } from '../logger/logger.service';
 
 @Injectable({
 	providedIn: 'root'
@@ -8,19 +6,14 @@ import { LoggerService } from '../logger/logger.service';
 export class TokenService {
 	private webcamToken = '';
 	private screenToken = '';
-	private sessionId = '';
-	private log: ILogger;
 
-	constructor(private loggerSrv: LoggerService) {
-		this.log = this.loggerSrv.get('TokenService');
-	}
+	constructor() {}
 
-
-	setWebcamToken(token: string){
+	setWebcamToken(token: string) {
 		this.webcamToken = token;
 	}
 
-	setScreenToken(token: string){
+	setScreenToken(token: string) {
 		this.screenToken = token;
 	}
 

From 6fc2ca0bc67d98e4ae252ffc5f4b019ffea134da Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 16:18:09 +0100
Subject: [PATCH 64/74] openvidu-components: Updated styles

---
 .../src/lib/components/layout/layout.component.css              | 2 +-
 .../src/lib/components/session/session.component.css            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
index 1027a0cd..d3c1eafd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
@@ -217,7 +217,7 @@
 	position: relative;
 	min-width: 0px;
 	min-height: 0px;
-	margin: 1px;
+	margin: 3px;
 	transition-duration: 0.1s;
 	transition-timing-function: ease-in-out;
   }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
index e23a7c18..3f4927f9 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
@@ -17,7 +17,7 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 360px;
+	width: 380px;
 	background-color: var(--ov-primary-color);
 	border-left: none;
 	position: absolute;

From 88416b3981eace046db77c08a45c1e8910a50228 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 10 Mar 2022 17:08:12 +0100
Subject: [PATCH 65/74] openvidu-components: Emitted session created event

---
 .../src/lib/components/session/session.component.ts   | 11 +++++------
 .../videoconference/videoconference.component.html    |  2 +-
 .../videoconference/videoconference.component.ts      |  3 +++
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
index 9851e390..89b6f8ea 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.ts
@@ -39,9 +39,9 @@ export class SessionComponent implements OnInit {
 	@ContentChild('panel', { read: TemplateRef }) panelTemplate: TemplateRef<any>;
 	@ContentChild('layout', { read: TemplateRef }) layoutTemplate: TemplateRef<any>;
 
-	@Output() _session = new EventEmitter<any>();
-	@Output() _publisher = new EventEmitter<any>();
-	@Output() _error = new EventEmitter<any>();
+	@Output() onSessionCreated = new EventEmitter<any>();
+	// @Output() _publisher = new EventEmitter<any>();
+	// @Output() _error = new EventEmitter<any>();
 
 	session: Session;
 	sessionScreen: Session;
@@ -103,6 +103,7 @@ export class SessionComponent implements OnInit {
 		this.subscribeToNicknameChanged();
 		this.chatService.subscribeToChat();
 		this.subscribeToReconnection();
+		this.onSessionCreated.emit(this.session);
 
 		await this.connectToSession();
 		// Workaround, firefox does not have audio when publisher join with muted camera
@@ -110,8 +111,6 @@ export class SessionComponent implements OnInit {
 		// 	this.openviduService.publishVideo(this.localUserService.getMyCameraPublisher(), true);
 		// 	this.openviduService.publishVideo(this.localUserService.getMyCameraPublisher(), false);
 		// }
-
-		this._session.emit(this.session);
 	}
 
 	ngOnDestroy() {
@@ -178,7 +177,7 @@ export class SessionComponent implements OnInit {
 				await this.openviduService.publish(this.participantService.getMyCameraPublisher());
 			}
 		} catch (error) {
-			this._error.emit({ error: error.error, messgae: error.message, code: error.code, status: error.status });
+			// this._error.emit({ error: error.error, messgae: error.message, code: error.code, status: error.status });
 			this.log.e('There was an error connecting to the session:', error.code, error.message);
 			this.actionService.openDialog('There was an error connecting to the session:', error?.error || error?.message);
 		}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
index 6e785bb5..905fec7e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.html
@@ -15,7 +15,7 @@
 	</div>
 
 	<div id="session-container" *ngIf="(joinSessionClicked || !showPrejoin) && participantReady && canPublish && !error">
-		<ov-session>
+		<ov-session (onSessionCreated)="_onSessionCreated($event)">
 			<ng-template #toolbar>
 				<ng-container *ngIf="openviduAngularToolbarTemplate">
 					<ng-container *ngTemplateOutlet="openviduAngularToolbarTemplate"></ng-container>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index e3d19ff0..e102a9c0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -266,6 +266,9 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 	onChatPanelButtonClicked() {
 		this.onToolbarChatPanelButtonClicked.emit();
 	}
+	_onSessionCreated(event: any) {
+		this.onSessionCreated.emit(event);
+	}
 
 	private handlePublisherError(e: any) {
 		let message: string;

From 9d94ffa417857335dd3b872152eee743016aeddc Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 11 Mar 2022 11:41:31 +0100
Subject: [PATCH 66/74] openvidu-components: Fixed styles in Firefox

---
 .../lib/components/panel/chat-panel/chat-panel.component.css  | 4 ++--
 .../participant-panel-item.component.ts                       | 2 --
 .../participants-panel/participants-panel.component.css       | 4 ++--
 .../src/lib/components/pre-join/pre-join.component.css        | 4 ++++
 .../src/lib/components/pre-join/pre-join.component.html       | 2 +-
 5 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
index 06ffa974..fc1a9fc0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
@@ -2,8 +2,8 @@
 	margin: 20px;
 	background-color: var(--ov-light-color);
 	border-radius: var(--ov-panel-radius);
-	height: -webkit-fill-available;
-	height: -moz-available;
+	max-height: calc(100% - 40px);
+	min-height: calc(100% - 40px);
 }
 
 .header-container {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
index 9e2bc6b2..b5b4a01b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
@@ -45,8 +45,6 @@ export class ParticipantPanelItemComponent implements OnInit, OnDestroy {
 
 	private subscribeToParticipantPanelItemDirectives() {
 		this.muteButtonSub = this.libService.participantItemMuteButton.subscribe((value: boolean) => {
-			console.warn("show mute", value);
-
 			this.showMuteButton = value;
 			this.cd.markForCheck();
 		});
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
index e381b608..ed5b7984 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
@@ -2,8 +2,8 @@
 	margin: 20px;
 	background-color: var(--ov-light-color);
 	border-radius: var(--ov-panel-radius);
-	height: -webkit-fill-available;
-	height: -moz-available;
+	max-height: calc(100% - 40px);
+	min-height: calc(100% - 40px);
 }
 
 .header-container {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css
index fa00db67..20fbd25b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css
@@ -4,6 +4,10 @@
 	background-color: var(--ov-light-dark-color);
 }
 
+#layout-container {
+	display: block !important;
+}
+
 h4 {
 	margin-bottom: 1px;
 	font-weight: bold;
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
index 31c1ab99..1165162b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
@@ -1,5 +1,5 @@
 <div class="container" fxLayout.gt-sm="row" fxLayout.lt-md="column">
-	<div fxFlex.gt-sm="65%" fxFlex.lt-md="55%" fxLayoutAlign="center center">
+	<div fxFlex.gt-sm="65%" fxFlex.lt-md="55%" fxLayoutAlign="center center" id="layout-container">
 		<ov-layout>
 			<ng-template #stream let-stream>
 				<ov-stream [stream]="stream" [displayParticipantName]="false" [settingsButton]="false"></ov-stream>

From 442119d0e4ff67b4415643d07d60b54d7930c0f1 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 11 Mar 2022 12:11:41 +0100
Subject: [PATCH 67/74] openvidu-components: Updated webcomponent wrapper

---
 .../openvidu-webcomponent.component.scss      |  15 --
 .../openvidu-webcomponent.component.ts        | 227 ++++++++++++++----
 2 files changed, 186 insertions(+), 56 deletions(-)

diff --git a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss
index 69e9f17f..4b9678bc 100644
--- a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss
+++ b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss
@@ -56,21 +56,6 @@ $openvidu-components-theme: mat.define-light-theme((
 	-webkit-font-smoothing: antialiased;
 }
 
-// Default openvidu-webcomponent colors
-:root {
-
-	--ov-primary-color: #303030;
-	--ov-secondary-color: #586063;
-	--ov-tertiary-color: #598eff;
-	--ov-warn-color: #EB5144;
-	--ov-accent-color: #ffae35;
-
-	--ov-dark-color: #1d1d1d;
-	--ov-dark-light-color: #43484A;
-
-	--ov-light-color: #ffffff;
-	--ov-light-dark-color: #f1f1f1;
-}
 
 html, body { height: 100%; overflow: hidden;}
 body { margin: 0; font-family: 'Roboto','RobotoDraft',Helvetica,Arial,sans-serif;}
diff --git a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
index 890b1ba0..6191d3a7 100644
--- a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
@@ -1,69 +1,214 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, ElementRef, Input, OnInit, Output, EventEmitter } from '@angular/core';
+import { ILogger, LoggerService, OpenViduService } from 'openvidu-angular';
+import { Session } from 'openvidu-browser';
 
 export interface SessionConfig {
 	sessionName: string;
-	userName: string;
+	participantName: string;
 	tokens: { webcam: string; screen: string };
 }
 
 @Component({
-	template: `<ov-videoconference
-		*ngIf="successParams"
-		[sessionName]="_sessionConfig.sessionName"
-		[userName]="_sessionConfig.userName"
-		[openviduServerUrl]="openviduServerUrl"
-		[openviduSecret]="openviduSecret"
-		[tokens]="_sessionConfig.tokens"
-	></ov-videoconference>`
+	template: `
+		<ov-videoconference
+			*ngIf="successParams"
+			[sessionName]="_sessionConfig.sessionName"
+			[userName]="_sessionConfig.userName"
+			[tokens]="_sessionConfig.tokens"
+			[minimal]="_minimal"
+			[prejoin]="_prejoin"
+			[videoMuted]="_videoMuted"
+			[audioMuted]="_audioMuted"
+			[toolbarScreenshareButton]="_toolbarScreenshareButton"
+			[toolbarFullscreenButton]="_toolbarFullscreenButton"
+			[toolbarLeaveButton]="_toolbarLeaveButton"
+			[toolbarChatPanelButton]="_toolbarChatPanelButton"
+			[toolbarParticipantsPanelButton]="_toolbarParticipantsPanelButton"
+			[toolbarDisplayLogo]="_toolbarDisplayLogo"
+			[toolbarDisplaySessionName]="_toolbarDisplaySessionName"
+			[streamDisplayParticipantName]="_streamDisplayParticipantName"
+			[streamDisplayAudioDetection]="_streamDisplayAudioDetection"
+			[streamSettingsButton]="_streamSettingsButton"
+			[participantPanelItemMuteButton]="_participantPanelItemMuteButton"
+			(onJoinButtonClicked)="_onJoinButtonClicked()"
+			(onToolbarLeaveButtonClicked)="_onToolbarLeaveButtonClicked()"
+			(onToolbarCameraButtonClicked)="_onToolbarCameraButtonClicked()"
+			(onToolbarMicrophoneButtonClicked)="_onToolbarMicrophoneButtonClicked()"
+			(onToolbarScreenshareButtonClicked)="_onToolbarScreenshareButtonClicked()"
+			(onToolbarParticipantsPanelButtonClicked)="_onToolbarParticipantsPanelButtonClicked()"
+			(onToolbarChatPanelButtonClicked)="_onToolbarChatPanelButtonClicked()"
+			(onToolbarFullscreenButtonClicked)="_onToolbarFullscreenButtonClicked()"
+			(onSessionCreated)="_onSessionCreated($event)"
+		></ov-videoconference>
+	`
 })
 export class OpenviduWebComponentComponent implements OnInit {
-	@Input() openviduServerUrl: string;
-	@Input() openviduSecret: string;
-	_sessionConfig: SessionConfig;
+	_minimal: boolean = false;
+	_prejoin: boolean = true;
+	_videoMuted: boolean = false;
+	_audioMuted: boolean = false;
+	_toolbarScreenshareButton: boolean = true;
+	_toolbarFullscreenButton: boolean = true;
+	_toolbarLeaveButton: boolean = true;
+	_toolbarChatPanelButton: boolean = true;
+	_toolbarParticipantsPanelButton: boolean = true;
+	_toolbarDisplayLogo: boolean = true;
+	_toolbarDisplaySessionName: boolean = true;
+	_streamDisplayParticipantName: boolean = true;
+	_streamDisplayAudioDetection: boolean = true;
+	_streamSettingsButton: boolean = true;
+	_participantPanelItemMuteButton: boolean = true;
+
+	@Input() set minimal(value: string | boolean) {
+		this._minimal = this.castToBoolean(value);
+	}
+	@Input() set prejoin(value: string | boolean) {
+		this._prejoin = this.castToBoolean(value);
+	}
+	@Input() set videoMuted(value: string | boolean) {
+		this._videoMuted = this.castToBoolean(value);
+	}
+	@Input() set audioMuted(value: string | boolean) {
+		this._audioMuted = this.castToBoolean(value);
+	}
+
+	@Input() set toolbarScreenshareButton(value: string | boolean) {
+		this._toolbarScreenshareButton = this.castToBoolean(value);
+	}
+	@Input() set toolbarFullscreenButton(value: string | boolean) {
+		this._toolbarFullscreenButton = this.castToBoolean(value);
+	}
+	@Input() set toolbarLeaveButton(value: string | boolean) {
+		this._toolbarLeaveButton = this.castToBoolean(value);
+	}
+	@Input() set toolbarChatPanelButton(value: string | boolean) {
+		this._toolbarChatPanelButton = this.castToBoolean(value);
+	}
+	@Input() set toolbarParticipantsPanelButton(value: string | boolean) {
+		this._toolbarParticipantsPanelButton = this.castToBoolean(value);
+	}
+	@Input() set toolbarDisplayLogo(value: string | boolean) {
+		this._toolbarDisplayLogo = this.castToBoolean(value);
+	}
+	@Input() set toolbarDisplaySessionName(value: string | boolean) {
+		this._toolbarDisplaySessionName = this.castToBoolean(value);
+	}
+	@Input() set streamDisplayParticipantName(value: string | boolean) {
+		this._streamDisplayParticipantName = this.castToBoolean(value);
+	}
+	@Input() set streamDisplayAudioDetection(value: string | boolean) {
+		this._streamDisplayAudioDetection = this.castToBoolean(value);
+	}
+	@Input() set streamSettingsButton(value: string | boolean) {
+		this._streamSettingsButton = this.castToBoolean(value);
+	}
+	@Input() set participantPanelItemMuteButton(value: string | boolean) {
+		this._participantPanelItemMuteButton = this.castToBoolean(value);
+	}
+
+	@Output() onJoinButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarLeaveButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarCameraButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarMicrophoneButtonClicked = new EventEmitter<any>();
+	@Output() onSessionCreated = new EventEmitter<any>();
+	@Output() onToolbarScreenshareButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarParticipantsPanelButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarChatPanelButtonClicked = new EventEmitter<any>();
+	@Output() onToolbarFullscreenButtonClicked = new EventEmitter<any>();
 
 	successParams: boolean = false;
+	_sessionConfig: SessionConfig;
 
-	constructor() {}
+	private log: ILogger;
+
+	constructor(private loggerService: LoggerService, private host: ElementRef, private openviduService: OpenViduService) {
+		this.log = this.loggerService.get('WebComponent');
+		this.host.nativeElement.leaveSession = this.leaveSession.bind(this);
+	}
 
 	ngOnInit(): void {}
 
 	@Input('sessionConfig')
 	set sessionConfig(config: SessionConfig | string) {
-		console.log('Webcomponent sessionConfig: ', config);
-		if (typeof config === 'string') {
-			try {
-				console.log('STRING')
-				config = JSON.parse(config);
-			} catch (error) {
-				console.error('Unexpected JSON', error);
-				throw 'Unexpected JSON';
-			}
-		}
+		this.log.d('Webcomponent sessionConfig: ', config);
 
-		if (this.isEmpty(<SessionConfig>config)) {
-			// Leaving session when sessionConfig is empty
-		} else {
-			console.log("URL",this.openviduServerUrl);
-			console.log('SECRET',this.openviduSecret);
-			this.successParams = this.isCorrectParams(<SessionConfig>config);
-			this._sessionConfig = <SessionConfig>config;
-			if (!this.successParams) {
-				console.error('Parameters received are incorrect: ', config);
-				console.error('Session cannot start');
-			}
+		config = this.castToJson(config);
+		this.successParams = this.isCorrectParams(<SessionConfig>config);
+		this._sessionConfig = <SessionConfig>config;
+		if (!this.successParams) {
+			this.log.e('Parameters received are incorrect: ', config);
+			this.log.e('Session cannot start');
 		}
 	}
 
+	_onJoinButtonClicked() {
+		this.onJoinButtonClicked.emit();
+	}
+
+	_onToolbarLeaveButtonClicked() {
+		this.onToolbarLeaveButtonClicked.emit();
+	}
+
+	_onToolbarCameraButtonClicked() {
+		this.onToolbarCameraButtonClicked.emit();
+	}
+
+	_onToolbarMicrophoneButtonClicked() {
+		this.onToolbarMicrophoneButtonClicked.emit();
+	}
+	_onToolbarScreenshareButtonClicked(){
+		this.onToolbarScreenshareButtonClicked.emit();
+	}
+	_onToolbarParticipantsPanelButtonClicked(){
+		this.onToolbarParticipantsPanelButtonClicked.emit();
+	}
+	_onToolbarChatPanelButtonClicked(){
+		this.onToolbarChatPanelButtonClicked.emit();
+	}
+	_onToolbarFullscreenButtonClicked(){
+		this.onToolbarFullscreenButtonClicked.emit();
+	}
+	_onSessionCreated(event: Session) {
+		this.onSessionCreated.emit(event);
+	}
+
+	leaveSession() {
+		this.openviduService.disconnect();
+	}
+
 	private isCorrectParams(config: SessionConfig): boolean {
-
-		console.log(config)
-		const canGenerateToken = !!config.sessionName && !!config.userName && !!this.openviduServerUrl && !!this.openviduSecret;
-		const hasToken = !!config.tokens?.webcam && !!config.tokens?.screen && !!config.userName;
-
-		return canGenerateToken || hasToken;
+		return !!config.tokens?.webcam && !!config.tokens?.screen && !!config.participantName && !!config.sessionName;
 	}
 
 	private isEmpty(config: SessionConfig): boolean {
 		return Object.keys(config).length === 0;
 	}
+
+	private castToBoolean(value: string | boolean): boolean {
+		if (typeof value === 'boolean') {
+			return value;
+		} else if (typeof value === 'string') {
+			if (value !== 'true' && value !== 'false') {
+				throw new Error('Parameter has an incorrect string value.');
+			}
+			return value === 'true';
+		} else {
+			throw new Error('Parameter has not a valid type. The parameters must to be string or boolean.');
+		}
+	}
+
+	private castToJson(value: SessionConfig | string) {
+		if (typeof value === 'string') {
+			try {
+				return JSON.parse(value);
+			} catch (error) {
+				this.log.e('Unexpected JSON', error);
+				throw 'Unexpected JSON';
+			}
+		} else if (typeof value === 'object') {
+			return value;
+		} else {
+			throw new Error('Parameter has not a valid type. The parameters must to be string or SessionConfig.');
+		}
+	}
 }

From facc06bebc8725fff526ff96ebc61b8140e69d1f Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 16 Mar 2022 12:15:22 +0100
Subject: [PATCH 68/74] openvidu-components: Added webcomponent E2E tests

---
 .gitignore                                    |   16 +-
 .../openvidu-webcomponent-build.js            |   15 +-
 openvidu-components-angular/package-lock.json | 9952 +++++++++--------
 openvidu-components-angular/package.json      |    6 +-
 .../projects/openvidu-angular/.browserslistrc |    7 -
 .../projects/openvidu-angular/package.json    |    2 +-
 .../participant-panel-item.component.css      |    6 +-
 .../participant-panel-item.component.html     |    2 +-
 .../participants-panel.component.html         |    6 +-
 .../pre-join/pre-join.component.html          |   10 +-
 .../components/stream/stream.component.css    |   12 +-
 .../components/stream/stream.component.html   |    4 +-
 .../components/toolbar/toolbar.component.css  |    6 +-
 .../components/toolbar/toolbar.component.html |   21 +-
 .../webcomponent-test-e2e/LICENSE             |  201 +
 .../webcomponent-test-e2e/README.md           |   47 +
 .../webcomponent-test-e2e/package-lock.json   | 2809 +++++
 .../webcomponent-test-e2e/package.json        |   22 +
 .../webcomponent-test-e2e/test.ts             |  689 ++
 .../webcomponent-test-e2e/tsconfig.json       |   14 +
 .../webcomponent-test-e2e/web/app.js          |  217 +
 .../web/assets/audio/newMessage1.mp3          |  Bin 0 -> 3000 bytes
 .../web/assets/fonts/material-icons.woff2     |  Bin 0 -> 49240 bytes
 .../web/assets/images/openvidu_globe.png      |  Bin 0 -> 4106 bytes
 .../web/assets/images/openvidu_logo.png       |  Bin 0 -> 10221 bytes
 .../web/assets/images/openvidu_logo_grey.png  |  Bin 0 -> 11362 bytes
 .../web/assets/images/ov_company_logo2.png    |  Bin 0 -> 4106 bytes
 .../web/assets/images/poster.png              |  Bin 0 -> 4939 bytes
 .../webcomponent-test-e2e/web/index.html      |   45 +
 29 files changed, 9443 insertions(+), 4666 deletions(-)
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/LICENSE
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/README.md
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/package-lock.json
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/package.json
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/test.ts
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/tsconfig.json
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/web/app.js
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/web/assets/audio/newMessage1.mp3
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/web/assets/fonts/material-icons.woff2
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/web/assets/images/openvidu_globe.png
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/web/assets/images/openvidu_logo.png
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/web/assets/images/openvidu_logo_grey.png
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/web/assets/images/ov_company_logo2.png
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/web/assets/images/poster.png
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/web/index.html

diff --git a/.gitignore b/.gitignore
index 65300234..498ee9fd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,10 +26,16 @@ nbactions.xml
 */.settings/*
 */.tscache/*
 
-openvidu-components-angular/node_modules/
-
-openvidu-components-angular/.angular/
-
+**/node_modules/
+**/.angular/
+**/.vscode
 openvidu-components-angular/dist/
-
+openvidu-components-angular/coverage/**
 openvidu-components-angular/openvidu-webcomponent/
+openvidu-components-angular/openvidu-angular-doc/
+
+openvidu-components-angular/webcomponent-test-e2e/dist/
+
+openvidu-components-angular/webcomponent-test-e2e/web/openvidu-webcomponent-dev.css
+
+openvidu-components-angular/webcomponent-test-e2e/web/openvidu-webcomponent-dev.js
diff --git a/openvidu-components-angular/openvidu-webcomponent-build.js b/openvidu-components-angular/openvidu-webcomponent-build.js
index 65248a34..76fda26f 100644
--- a/openvidu-components-angular/openvidu-webcomponent-build.js
+++ b/openvidu-components-angular/openvidu-webcomponent-build.js
@@ -5,12 +5,13 @@ const VERSION = require("./package.json").version;
 module.exports.buildWebcomponent = async () => {
 	console.log("Building OpenVidu Web Component (" + VERSION + ")");
 	const tutorialWcPath = "../../openvidu-tutorials/openvidu-webcomponent/web";
-	const e2eWcPath = "../webcomponent-test-e2e/web";
+	const e2eWcPath = "./webcomponent-test-e2e/web";
 
 	try {
 		await buildElement();
 		await copyFiles(tutorialWcPath);
 		await copyFiles(e2eWcPath);
+		await renameWebComponentTestName(e2eWcPath);
 
 		console.log("OpenVidu Web Component (" + VERSION + ") built");
 	} catch (error) {
@@ -20,14 +21,9 @@ module.exports.buildWebcomponent = async () => {
 
 async function buildElement() {
 	const files = [
-		// "./dist/openvidu-call/runtime.js",
-		// "./dist/openvidu-call/polyfills.js",
-		// "./dist/openvidu-call/scripts.js",
-		// "./dist/openvidu-call/main.js",
 		"./dist/openvidu-webcomponent/runtime.js",
 		"./dist/openvidu-webcomponent/main.js",
-		"./dist/openvidu-webcomponent/polyfills.js",
-		// "./dist/openvidu-webcomponent/scripts.js",
+		"./dist/openvidu-webcomponent/polyfills.js"
 	];
 
 	try {
@@ -50,6 +46,11 @@ async function buildElement() {
 	}
 }
 
+function renameWebComponentTestName(dir) {
+	fs.renameSync(`${dir}/openvidu-webcomponent-${VERSION}.js`, `${dir}/openvidu-webcomponent-dev.js`);
+	fs.renameSync(`${dir}/openvidu-webcomponent-${VERSION}.css`, `${dir}/openvidu-webcomponent-dev.css`);
+}
+
 async function copyFiles(destination) {
 	if (fs.existsSync(destination)) {
 		try {
diff --git a/openvidu-components-angular/package-lock.json b/openvidu-components-angular/package-lock.json
index aaeb7aa4..eb612e5f 100644
--- a/openvidu-components-angular/package-lock.json
+++ b/openvidu-components-angular/package-lock.json
@@ -20,13 +20,13 @@
         "@angular/router": "13.0.0",
         "autolinker": "3.14.3",
         "buffer": "^6.0.3",
-        "openvidu-browser": "2.21.0-beta1",
+        "openvidu-browser": "^2.21.0",
         "rxjs": "7.4.0",
         "tslib": "2.3.1",
         "zone.js": "0.11.4"
       },
       "devDependencies": {
-        "@angular-devkit/build-angular": "13.0.1",
+        "@angular-devkit/build-angular": "13.2.5",
         "@angular/cli": "13.0.1",
         "@angular/compiler": "13.0.0",
         "@angular/compiler-cli": "13.0.0",
@@ -56,12 +56,12 @@
       }
     },
     "node_modules/@ampproject/remapping": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-1.0.1.tgz",
-      "integrity": "sha512-Ta9bMA3EtUHDaZJXqUoT5cn/EecwOp+SXpKJqxDbDuMbLvEMu6YTyDDuvTWeStODfdmXyfMo7LymQyPkN3BicA==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-1.1.1.tgz",
+      "integrity": "sha512-YVAcA4DKLOj296CF5SrQ8cYiMRiUGc2sqFpLxsDGWE34suHqhGP/5yMsDHKsrh8hs8I5TiRVXNwKPWQpX3iGjw==",
       "dev": true,
       "dependencies": {
-        "@jridgewell/resolve-uri": "1.0.0",
+        "@jridgewell/resolve-uri": "^3.0.3",
         "sourcemap-codec": "1.4.8"
       },
       "engines": {
@@ -69,12 +69,12 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.1300.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1300.1.tgz",
-      "integrity": "sha512-D6R2kYnZlKIpVx+lnuC8MRu8ZUqq2dkpeNJ1yP2IgkRdRktXWOOc2xj8utZ6NVCn8m/9kdOceQDlceVz/XT0+g==",
+      "version": "0.1302.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1302.5.tgz",
+      "integrity": "sha512-r07oo8GgUGY28SR3PCM1qNfLE6PNx6SfzBlG4p0OrQQ68ln8HipsEysDGakOWjNFK18SCGWOXAUNrUj8GnV+5g==",
       "dev": true,
       "dependencies": {
-        "@angular-devkit/core": "13.0.1",
+        "@angular-devkit/core": "13.2.5",
         "rxjs": "6.6.7"
       },
       "engines": {
@@ -102,75 +102,75 @@
       "dev": true
     },
     "node_modules/@angular-devkit/build-angular": {
-      "version": "13.0.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-13.0.1.tgz",
-      "integrity": "sha512-w0eLR+KWIEV4ER7rd1AGeod6il25x983MVKHiLbOLIlRMxQVZCjpNCp07zjl6izdX3eLDKnpX3T8e1sjeg2DXQ==",
+      "version": "13.2.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-13.2.5.tgz",
+      "integrity": "sha512-ny80YoLOrS6USJCzCChj1ZOEVTldcx0KWo3e86barmt5iVA2ekrnsQ02Bor5Bl5NlZFpE6Fu0FCXFAQZElFmcg==",
       "dev": true,
       "dependencies": {
-        "@ampproject/remapping": "1.0.1",
-        "@angular-devkit/architect": "0.1300.1",
-        "@angular-devkit/build-webpack": "0.1300.1",
-        "@angular-devkit/core": "13.0.1",
-        "@babel/core": "7.15.8",
-        "@babel/generator": "7.15.8",
-        "@babel/helper-annotate-as-pure": "7.15.4",
-        "@babel/plugin-proposal-async-generator-functions": "7.15.8",
-        "@babel/plugin-transform-async-to-generator": "7.14.5",
-        "@babel/plugin-transform-runtime": "7.15.8",
-        "@babel/preset-env": "7.15.8",
-        "@babel/runtime": "7.15.4",
-        "@babel/template": "7.15.4",
-        "@discoveryjs/json-ext": "0.5.5",
-        "@ngtools/webpack": "13.0.1",
+        "@ampproject/remapping": "1.1.1",
+        "@angular-devkit/architect": "0.1302.5",
+        "@angular-devkit/build-webpack": "0.1302.5",
+        "@angular-devkit/core": "13.2.5",
+        "@babel/core": "7.16.12",
+        "@babel/generator": "7.16.8",
+        "@babel/helper-annotate-as-pure": "7.16.7",
+        "@babel/plugin-proposal-async-generator-functions": "7.16.8",
+        "@babel/plugin-transform-async-to-generator": "7.16.8",
+        "@babel/plugin-transform-runtime": "7.16.10",
+        "@babel/preset-env": "7.16.11",
+        "@babel/runtime": "7.16.7",
+        "@babel/template": "7.16.7",
+        "@discoveryjs/json-ext": "0.5.6",
+        "@ngtools/webpack": "13.2.5",
         "ansi-colors": "4.1.1",
         "babel-loader": "8.2.3",
         "babel-plugin-istanbul": "6.1.1",
         "browserslist": "^4.9.1",
         "cacache": "15.3.0",
-        "caniuse-lite": "^1.0.30001032",
         "circular-dependency-plugin": "5.2.2",
-        "copy-webpack-plugin": "9.0.1",
-        "core-js": "3.19.0",
-        "critters": "0.0.14",
-        "css-loader": "6.5.0",
-        "esbuild-wasm": "0.13.12",
+        "copy-webpack-plugin": "10.2.1",
+        "core-js": "3.20.3",
+        "critters": "0.0.16",
+        "css-loader": "6.5.1",
+        "esbuild-wasm": "0.14.22",
         "glob": "7.2.0",
         "https-proxy-agent": "5.0.0",
         "inquirer": "8.2.0",
+        "jsonc-parser": "3.0.0",
         "karma-source-map-support": "1.4.0",
         "less": "4.1.2",
         "less-loader": "10.2.0",
-        "license-webpack-plugin": "3.0.0",
-        "loader-utils": "3.0.0",
-        "mini-css-extract-plugin": "2.4.3",
+        "license-webpack-plugin": "4.0.2",
+        "loader-utils": "3.2.0",
+        "mini-css-extract-plugin": "2.5.3",
         "minimatch": "3.0.4",
         "open": "8.4.0",
         "ora": "5.4.1",
         "parse5-html-rewriting-stream": "6.0.1",
-        "piscina": "3.1.0",
-        "postcss": "8.3.11",
+        "piscina": "3.2.0",
+        "postcss": "8.4.5",
         "postcss-import": "14.0.2",
-        "postcss-loader": "6.2.0",
-        "postcss-preset-env": "6.7.0",
+        "postcss-loader": "6.2.1",
+        "postcss-preset-env": "7.2.3",
         "regenerator-runtime": "0.13.9",
-        "resolve-url-loader": "4.0.0",
+        "resolve-url-loader": "5.0.0",
         "rxjs": "6.6.7",
-        "sass": "1.43.4",
-        "sass-loader": "12.3.0",
+        "sass": "1.49.0",
+        "sass-loader": "12.4.0",
         "semver": "7.3.5",
-        "source-map-loader": "3.0.0",
-        "source-map-support": "0.5.20",
-        "stylus": "0.55.0",
+        "source-map-loader": "3.0.1",
+        "source-map-support": "0.5.21",
+        "stylus": "0.56.0",
         "stylus-loader": "6.2.0",
-        "terser": "5.9.0",
+        "terser": "5.11.0",
         "text-table": "0.2.0",
         "tree-kill": "1.2.2",
         "tslib": "2.3.1",
-        "webpack": "5.60.0",
-        "webpack-dev-middleware": "5.2.1",
-        "webpack-dev-server": "4.4.0",
+        "webpack": "5.67.0",
+        "webpack-dev-middleware": "5.3.0",
+        "webpack-dev-server": "4.7.3",
         "webpack-merge": "5.8.0",
-        "webpack-subresource-integrity": "5.0.0"
+        "webpack-subresource-integrity": "5.1.0"
       },
       "engines": {
         "node": "^12.20.0 || ^14.15.0 || >=16.10.0",
@@ -178,17 +178,17 @@
         "yarn": ">= 1.13.0"
       },
       "optionalDependencies": {
-        "esbuild": "0.13.12"
+        "esbuild": "0.14.22"
       },
       "peerDependencies": {
-        "@angular/compiler-cli": "^13.0.0 || ^13.0.0-next",
-        "@angular/localize": "^13.0.0 || ^13.0.0-next",
-        "@angular/service-worker": "^13.0.0 || ^13.0.0-next",
+        "@angular/compiler-cli": "^13.0.0",
+        "@angular/localize": "^13.0.0",
+        "@angular/service-worker": "^13.0.0",
         "karma": "^6.3.0",
-        "ng-packagr": "^13.0.0 || ^13.0.0-next",
+        "ng-packagr": "^13.0.0",
         "protractor": "^7.0.0",
-        "tailwindcss": "^2.0.0",
-        "typescript": "~4.4.3"
+        "tailwindcss": "^2.0.0 || ^3.0.0",
+        "typescript": ">=4.4.3 <4.6"
       },
       "peerDependenciesMeta": {
         "@angular/localize": {
@@ -230,12 +230,12 @@
       "dev": true
     },
     "node_modules/@angular-devkit/build-webpack": {
-      "version": "0.1300.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1300.1.tgz",
-      "integrity": "sha512-Sw5BMc7bCebr0CnPPinyqfgl13U68+ggyosIdNTVo0uWz9GRtace89VOfgPP0SK9Rw+V4hlU9RoD4tV8R4jLsg==",
+      "version": "0.1302.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1302.5.tgz",
+      "integrity": "sha512-hxtFDX1cQaGfpHMSWRqfMO9/hucfIz61C0Lc/QGg9spay1Dvjwe+JpEoKMv3mz1K2fwHO9Hr5ZBAYFT4C5mxZQ==",
       "dev": true,
       "dependencies": {
-        "@angular-devkit/architect": "0.1300.1",
+        "@angular-devkit/architect": "0.1302.5",
         "rxjs": "6.6.7"
       },
       "engines": {
@@ -267,12 +267,12 @@
       "dev": true
     },
     "node_modules/@angular-devkit/core": {
-      "version": "13.0.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.0.1.tgz",
-      "integrity": "sha512-RfhpPw7vU5ok7ICUwEx4Lic+HCHrMjKnj/Tbk+CfSqONTFtqDaMoC8itQE2risLugT4mzO+3Cy95eccpf282kQ==",
+      "version": "13.2.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.2.5.tgz",
+      "integrity": "sha512-WuWp/1R0FtCHPBcJLF13lTLHETtDGFUX0ULfGPRaYB5OVCSQcovVp5UbZTTy/Ss3ub3EOEmJlU8kMJfBrWuq+A==",
       "dev": true,
       "dependencies": {
-        "ajv": "8.6.3",
+        "ajv": "8.9.0",
         "ajv-formats": "2.1.1",
         "fast-json-stable-stringify": "2.1.0",
         "magic-string": "0.25.7",
@@ -329,6 +329,49 @@
         "yarn": ">= 1.13.0"
       }
     },
+    "node_modules/@angular-devkit/schematics/node_modules/@angular-devkit/core": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.0.1.tgz",
+      "integrity": "sha512-RfhpPw7vU5ok7ICUwEx4Lic+HCHrMjKnj/Tbk+CfSqONTFtqDaMoC8itQE2risLugT4mzO+3Cy95eccpf282kQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "8.6.3",
+        "ajv-formats": "2.1.1",
+        "fast-json-stable-stringify": "2.1.0",
+        "magic-string": "0.25.7",
+        "rxjs": "6.6.7",
+        "source-map": "0.7.3"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.15.0 || >=16.10.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^3.5.2"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular-devkit/schematics/node_modules/ajv": {
+      "version": "8.6.3",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
+      "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
     "node_modules/@angular-devkit/schematics/node_modules/rxjs": {
       "version": "6.6.7",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
@@ -413,6 +456,82 @@
         "yarn": ">= 1.13.0"
       }
     },
+    "node_modules/@angular/cli/node_modules/@angular-devkit/architect": {
+      "version": "0.1300.1",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1300.1.tgz",
+      "integrity": "sha512-D6R2kYnZlKIpVx+lnuC8MRu8ZUqq2dkpeNJ1yP2IgkRdRktXWOOc2xj8utZ6NVCn8m/9kdOceQDlceVz/XT0+g==",
+      "dev": true,
+      "dependencies": {
+        "@angular-devkit/core": "13.0.1",
+        "rxjs": "6.6.7"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.15.0 || >=16.10.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular/cli/node_modules/@angular-devkit/core": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.0.1.tgz",
+      "integrity": "sha512-RfhpPw7vU5ok7ICUwEx4Lic+HCHrMjKnj/Tbk+CfSqONTFtqDaMoC8itQE2risLugT4mzO+3Cy95eccpf282kQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "8.6.3",
+        "ajv-formats": "2.1.1",
+        "fast-json-stable-stringify": "2.1.0",
+        "magic-string": "0.25.7",
+        "rxjs": "6.6.7",
+        "source-map": "0.7.3"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.15.0 || >=16.10.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^3.5.2"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular/cli/node_modules/ajv": {
+      "version": "8.6.3",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
+      "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@angular/cli/node_modules/rxjs": {
+      "version": "6.6.7",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^1.9.0"
+      },
+      "engines": {
+        "npm": ">=2.0.0"
+      }
+    },
+    "node_modules/@angular/cli/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
     "node_modules/@angular/common": {
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@angular/common/-/common-13.0.0.tgz",
@@ -623,29 +742,29 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.16.8",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.8.tgz",
-      "integrity": "sha512-m7OkX0IdKLKPpBlJtF561YJal5y/jyI5fNfWbPxh2D/nbzzGI4qRyrD8xO2jB24u7l+5I2a43scCG2IrfjC50Q==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.17.7.tgz",
+      "integrity": "sha512-p8pdE6j0a29TNGebNm7NzYZWB3xVZJBZ7XGs42uAKzQo8VQ3F0By/cQCtUEABwIqw5zo6WA4NbmxsfzADzMKnQ==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.15.8.tgz",
-      "integrity": "sha512-3UG9dsxvYBMYwRv+gS41WKHno4K60/9GPy1CJaH6xy3Elq8CTtvtjT5R5jmNhXfCYLX2mTw+7/aq5ak/gOE0og==",
+      "version": "7.16.12",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.16.12.tgz",
+      "integrity": "sha512-dK5PtG1uiN2ikk++5OzSYsitZKny4wOCD0nrO4TqnW4BVBTQ2NGS3NgilvT/TEyxTST7LNyWV/T4tXDoD3fOgg==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.15.8",
-        "@babel/generator": "^7.15.8",
-        "@babel/helper-compilation-targets": "^7.15.4",
-        "@babel/helper-module-transforms": "^7.15.8",
-        "@babel/helpers": "^7.15.4",
-        "@babel/parser": "^7.15.8",
-        "@babel/template": "^7.15.4",
-        "@babel/traverse": "^7.15.4",
-        "@babel/types": "^7.15.6",
+        "@babel/code-frame": "^7.16.7",
+        "@babel/generator": "^7.16.8",
+        "@babel/helper-compilation-targets": "^7.16.7",
+        "@babel/helper-module-transforms": "^7.16.7",
+        "@babel/helpers": "^7.16.7",
+        "@babel/parser": "^7.16.12",
+        "@babel/template": "^7.16.7",
+        "@babel/traverse": "^7.16.10",
+        "@babel/types": "^7.16.8",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -680,12 +799,12 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.15.8.tgz",
-      "integrity": "sha512-ECmAKstXbp1cvpTTZciZCgfOt6iN64lR0d+euv3UZisU5awfRawOvg07Utn/qBGuH4bRIEZKrA/4LzZyXhZr8g==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.8.tgz",
+      "integrity": "sha512-1ojZwE9+lOXzcWdWmO6TbUzDfqLD39CmEhN8+2cX9XkDo5yW1OpgfejfliysR2AWLpMamTiOiAp/mtroaymhpw==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.15.6",
+        "@babel/types": "^7.16.8",
         "jsesc": "^2.5.1",
         "source-map": "^0.5.0"
       },
@@ -703,12 +822,12 @@
       }
     },
     "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.15.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.15.4.tgz",
-      "integrity": "sha512-QwrtdNvUNsPCj2lfNQacsGSQvGX8ee1ttrBrcozUP2Sv/jylewBP/8QFe6ZkBsC8T/GYWonNAWJV4aRR9AL2DA==",
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
+      "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.15.4"
+        "@babel/types": "^7.16.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -728,12 +847,12 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.16.7.tgz",
-      "integrity": "sha512-mGojBwIWcwGD6rfqgRXVlVYmPAv7eOpIemUG3dGnDdCY4Pae70ROij3XmfrH6Fa1h1aiDylpglbZyktfzyo/hA==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.17.7.tgz",
+      "integrity": "sha512-UFzlz2jjd8kroj0hmCFV5zr+tQPi1dpC2cRsDV/3IEW8bJfCPrPpmcSN6ZS8RqIq4LXcmpipCQFPddyFA5Yc7w==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.16.4",
+        "@babel/compat-data": "^7.17.7",
         "@babel/helper-validator-option": "^7.16.7",
         "browserslist": "^4.17.5",
         "semver": "^6.3.0"
@@ -755,9 +874,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.16.10",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.16.10.tgz",
-      "integrity": "sha512-wDeej0pu3WN/ffTxMNCPW5UCiOav8IcLRxSIyp/9+IF2xJUM9h/OYjg0IJLHaL6F8oU8kqMz9nc1vryXhMsgXg==",
+      "version": "7.17.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.17.6.tgz",
+      "integrity": "sha512-SogLLSxXm2OkBbSsHZMM4tUi8fUzjs63AT/d0YQIzr6GSd8Hxsbk2KYDX0k0DweAzGMj/YWeiCsorIdtdcW8Eg==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.16.7",
@@ -775,26 +894,14 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-create-class-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-      "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.16.7.tgz",
-      "integrity": "sha512-fk5A6ymfp+O5+p2yCkXAu5Kyj6v0xh0RBeNcAkYUMDvvAAoxvSKXn+Jb37t/yWFiQVDFK1ELpUTD8/aLhCPu+g==",
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.17.0.tgz",
+      "integrity": "sha512-awO2So99wG6KnlE+TPs6rn83gCz5WlEePJDTnLEqbchMVrBeAujURVphRdigsk094VhvZehFoNOihSlcBjwsXA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.16.7",
-        "regexpu-core": "^4.7.1"
+        "regexpu-core": "^5.0.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -803,22 +910,10 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-      "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.2.4.tgz",
-      "integrity": "sha512-OrpPZ97s+aPi6h2n1OXzdhVis1SGSsMU2aMHgLcOKfsp4/v1NWpx3CWT3lBj5eeBq9cDkPkh+YCfdF7O12uNDQ==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.1.tgz",
+      "integrity": "sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.13.0",
@@ -881,20 +976,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-function-name/node_modules/@babel/template": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
-      "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.16.7",
-        "@babel/parser": "^7.16.7",
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-get-function-arity": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.16.7.tgz",
@@ -920,12 +1001,12 @@
       }
     },
     "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.16.7.tgz",
-      "integrity": "sha512-VtJ/65tYiU/6AbMTDwyoXGPKHgTsfRarivm+YbB5uAzKUyuPjgZSgAFeG87FCigc7KNHu2Pegh1XIT3lXjvz3Q==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.17.7.tgz",
+      "integrity": "sha512-thxXgnQ8qQ11W2wVUObIqDL4p148VMxkt5T/qpN5k2fboRyzFGFmKsTGViquyM5QHKUy48OZoca8kw4ajaDPyw==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.16.7"
+        "@babel/types": "^7.17.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -944,33 +1025,19 @@
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.16.7.tgz",
-      "integrity": "sha512-gaqtLDxJEFCeQbYp9aLAefjhkKdjKcdh6DB7jniIGU3Pz52WAmP268zK0VgPz9hUNkMSYeH976K2/Y6yPadpng==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.17.7.tgz",
+      "integrity": "sha512-VmZD99F3gNTYB7fJRDTi+u6l/zxY0BE6OIxPSU7a50s6ZUQkHwSDmV92FfM+oCG0pZRVojGYhkR8I0OGeCVREw==",
       "dev": true,
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.16.7",
         "@babel/helper-module-imports": "^7.16.7",
-        "@babel/helper-simple-access": "^7.16.7",
+        "@babel/helper-simple-access": "^7.17.7",
         "@babel/helper-split-export-declaration": "^7.16.7",
         "@babel/helper-validator-identifier": "^7.16.7",
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.16.7",
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-transforms/node_modules/@babel/template": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
-      "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.16.7",
-        "@babel/parser": "^7.16.7",
-        "@babel/types": "^7.16.7"
+        "@babel/traverse": "^7.17.3",
+        "@babel/types": "^7.17.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1011,18 +1078,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-remap-async-to-generator/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-      "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-replace-supers": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.16.7.tgz",
@@ -1040,12 +1095,12 @@
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.16.7.tgz",
-      "integrity": "sha512-ZIzHVyoeLMvXMN/vok/a4LWRy8G2v205mNP0XOuf9XRLyX5/u9CnVulUtDgUTama3lT+bf/UqucuZjqiGuTS1g==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.17.7.tgz",
+      "integrity": "sha512-txyMCGroZ96i+Pxr3Je3lzEJjqwaRC9buMUgtomcrLe5Nd0+fk1h0LLA+ixUF5OW7AhHuQ7Es1WcQJZmZsz2XA==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.16.7"
+        "@babel/types": "^7.17.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1108,43 +1163,15 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-wrap-function/node_modules/@babel/template": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
-      "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.16.7",
-        "@babel/parser": "^7.16.7",
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helpers": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.16.7.tgz",
-      "integrity": "sha512-9ZDoqtfY7AuEOt3cxchfii6C7GDyyMBffktR5B2jvWv8u2+efwvpnVKXMWzNehqy68tKgAfSwfdw/lWpthS2bw==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.7.tgz",
+      "integrity": "sha512-TKsj9NkjJfTBxM7Phfy7kv6yYc4ZcOo+AaWGqQOKTPDOmcGkIFb5xNA746eKisQkm4yavUYh4InYM9S+VnO01w==",
       "dev": true,
       "dependencies": {
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.16.7",
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers/node_modules/@babel/template": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
-      "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.16.7",
-        "@babel/parser": "^7.16.7",
-        "@babel/types": "^7.16.7"
+        "@babel/traverse": "^7.17.3",
+        "@babel/types": "^7.17.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1165,9 +1192,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.16.12",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.12.tgz",
-      "integrity": "sha512-VfaV15po8RiZssrkPweyvbGVSe4x2y+aciFCgn0n0/SJMR22cwofRV1mtnJQYcSB1wUTaA/X1LnA3es66MCO5A==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.7.tgz",
+      "integrity": "sha512-bm3AQf45vR4gKggRfvJdYJ0gFLoCbsPxiFLSH6hTVYABptNHY6l9NrhnucVjQ/X+SPtLANT9lc0fFhikj+VBRA==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -1176,6 +1203,21 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.16.7.tgz",
+      "integrity": "sha512-anv/DObl7waiGEnC24O9zqL0pSuI9hljihqiDuFHC8d7/bjr/4RLGPWuc8rYOff/QPzbEPSkzG8wGG9aDuhHRg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.16.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
     "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.16.7.tgz",
@@ -1194,13 +1236,13 @@
       }
     },
     "node_modules/@babel/plugin-proposal-async-generator-functions": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.15.8.tgz",
-      "integrity": "sha512-2Z5F2R2ibINTc63mY7FLqGfEbmofrHU9FitJW1Q7aPaKFhiPvSq6QEt/BoWN5oME3GVyjcRuNNSRbb9LC0CSWA==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.16.8.tgz",
+      "integrity": "sha512-71YHIvMuiuqWJQkebWJtdhQTfd4Q4mF76q2IX37uZPkG9+olBxsX+rH1vkhFto4UeJZ9dPY2s+mDvhDm1u2BGQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5",
-        "@babel/helper-remap-async-to-generator": "^7.15.4",
+        "@babel/helper-plugin-utils": "^7.16.7",
+        "@babel/helper-remap-async-to-generator": "^7.16.8",
         "@babel/plugin-syntax-async-generators": "^7.8.4"
       },
       "engines": {
@@ -1227,12 +1269,12 @@
       }
     },
     "node_modules/@babel/plugin-proposal-class-static-block": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.16.7.tgz",
-      "integrity": "sha512-dgqJJrcZoG/4CkMopzhPJjGxsIe9A8RlkQLnL/Vhhx8AA9ZuaRwGSlscSh42hazc7WSrya/IK7mTeoF0DP9tEw==",
+      "version": "7.17.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.17.6.tgz",
+      "integrity": "sha512-X/tididvL2zbs7jZCeeRJ8167U/+Ac135AM6jCAx6gYXDUviZV5Ku9UDvWS2NCuWlFjIRXklYhwo6HhAC7ETnA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.16.7",
+        "@babel/helper-create-class-features-plugin": "^7.17.6",
         "@babel/helper-plugin-utils": "^7.16.7",
         "@babel/plugin-syntax-class-static-block": "^7.14.5"
       },
@@ -1340,12 +1382,12 @@
       }
     },
     "node_modules/@babel/plugin-proposal-object-rest-spread": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.16.7.tgz",
-      "integrity": "sha512-3O0Y4+dw94HA86qSg9IHfyPktgR7q3gpNVAeiKQd+8jBKFaU5NQS1Yatgo4wY+UFNuLjvxcSmzcsHqrhgTyBUA==",
+      "version": "7.17.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.17.3.tgz",
+      "integrity": "sha512-yuL5iQA/TbZn+RGAfxQXfi7CNLmKi1f8zInn4IgobuCWcAb7i+zj4TYzQ9l8cEzVyJ89PDGuqxK1xZpUDISesw==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.16.4",
+        "@babel/compat-data": "^7.17.0",
         "@babel/helper-compilation-targets": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
         "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
@@ -1425,18 +1467,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-proposal-private-property-in-object/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-      "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/plugin-proposal-unicode-property-regex": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.16.7.tgz",
@@ -1646,14 +1676,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.14.5.tgz",
-      "integrity": "sha512-szkbzQ0mNk0rpu76fzDdqSyPu0MuvpXgC+6rz5rpMb5OIRxdmHfQxrktL8CYolL2d8luMCZTR0DpIMIdL27IjA==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.16.8.tgz",
+      "integrity": "sha512-MtmUmTJQHCnyJVrScNzNlofQJ3dLFuobYn3mwOTKHnSCMtbNsqvF71GQmJfFjdrXSsAA7iysFmYWw4bXZ20hOg==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-module-imports": "^7.14.5",
-        "@babel/helper-plugin-utils": "^7.14.5",
-        "@babel/helper-remap-async-to-generator": "^7.14.5"
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/helper-plugin-utils": "^7.16.7",
+        "@babel/helper-remap-async-to-generator": "^7.16.8"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1714,18 +1744,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-classes/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-      "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/plugin-transform-computed-properties": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.16.7.tgz",
@@ -1742,9 +1760,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.16.7.tgz",
-      "integrity": "sha512-VqAwhTHBnu5xBVDCvrvqJbtLUa++qZaWC0Fgr2mqokBlulZARGyIvZDoqbPlPaKImQ9dKAcCzbv+ul//uqu70A==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.17.7.tgz",
+      "integrity": "sha512-XVh0r5yq9sLR4vZ6eVZe8FKfIcSgaTBxVBRSYokRj2qksf6QerYnTxz9/GTuKTH/n/HwLP7t6gtlybHetJ/6hQ==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.16.7"
@@ -1883,14 +1901,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.16.8",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.16.8.tgz",
-      "integrity": "sha512-oflKPvsLT2+uKQopesJt3ApiaIS2HW+hzHFcwRNtyDGieAeC/dIHZX8buJQ2J2X1rxGPy4eRcUijm3qcSPjYcA==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.17.7.tgz",
+      "integrity": "sha512-ITPmR2V7MqioMJyrxUo2onHNC3e+MvfFiFIR0RP21d3PtlVb6sfzoxNKiphSZUOM9hEIdzCcZe83ieX3yoqjUA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.16.7",
+        "@babel/helper-module-transforms": "^7.17.7",
         "@babel/helper-plugin-utils": "^7.16.7",
-        "@babel/helper-simple-access": "^7.16.7",
+        "@babel/helper-simple-access": "^7.17.7",
         "babel-plugin-dynamic-import-node": "^2.3.3"
       },
       "engines": {
@@ -2042,16 +2060,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.15.8.tgz",
-      "integrity": "sha512-+6zsde91jMzzvkzuEA3k63zCw+tm/GvuuabkpisgbDMTPQsIMHllE3XczJFFtEHLjjhKQFZmGQVRdELetlWpVw==",
+      "version": "7.16.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.10.tgz",
+      "integrity": "sha512-9nwTiqETv2G7xI4RvXHNfpGdr8pAA+Q/YtN3yLK7OoK7n9OibVm/xymJ838a9A6E/IciOLPj82lZk0fW6O4O7w==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-module-imports": "^7.15.4",
-        "@babel/helper-plugin-utils": "^7.14.5",
-        "babel-plugin-polyfill-corejs2": "^0.2.2",
-        "babel-plugin-polyfill-corejs3": "^0.2.5",
-        "babel-plugin-polyfill-regenerator": "^0.2.2",
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/helper-plugin-utils": "^7.16.7",
+        "babel-plugin-polyfill-corejs2": "^0.3.0",
+        "babel-plugin-polyfill-corejs3": "^0.5.0",
+        "babel-plugin-polyfill-regenerator": "^0.3.0",
         "semver": "^6.3.0"
       },
       "engines": {
@@ -2178,31 +2196,32 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.15.8.tgz",
-      "integrity": "sha512-rCC0wH8husJgY4FPbHsiYyiLxSY8oMDJH7Rl6RQMknbN9oDDHhM9RDFvnGM2MgkbUJzSQB4gtuwygY5mCqGSsA==",
+      "version": "7.16.11",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.16.11.tgz",
+      "integrity": "sha512-qcmWG8R7ZW6WBRPZK//y+E3Cli151B20W1Rv7ln27vuPaXU/8TKms6jFdiJtF7UDTxcrb7mZd88tAeK9LjdT8g==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.15.0",
-        "@babel/helper-compilation-targets": "^7.15.4",
-        "@babel/helper-plugin-utils": "^7.14.5",
-        "@babel/helper-validator-option": "^7.14.5",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.15.4",
-        "@babel/plugin-proposal-async-generator-functions": "^7.15.8",
-        "@babel/plugin-proposal-class-properties": "^7.14.5",
-        "@babel/plugin-proposal-class-static-block": "^7.15.4",
-        "@babel/plugin-proposal-dynamic-import": "^7.14.5",
-        "@babel/plugin-proposal-export-namespace-from": "^7.14.5",
-        "@babel/plugin-proposal-json-strings": "^7.14.5",
-        "@babel/plugin-proposal-logical-assignment-operators": "^7.14.5",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5",
-        "@babel/plugin-proposal-numeric-separator": "^7.14.5",
-        "@babel/plugin-proposal-object-rest-spread": "^7.15.6",
-        "@babel/plugin-proposal-optional-catch-binding": "^7.14.5",
-        "@babel/plugin-proposal-optional-chaining": "^7.14.5",
-        "@babel/plugin-proposal-private-methods": "^7.14.5",
-        "@babel/plugin-proposal-private-property-in-object": "^7.15.4",
-        "@babel/plugin-proposal-unicode-property-regex": "^7.14.5",
+        "@babel/compat-data": "^7.16.8",
+        "@babel/helper-compilation-targets": "^7.16.7",
+        "@babel/helper-plugin-utils": "^7.16.7",
+        "@babel/helper-validator-option": "^7.16.7",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.16.7",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.16.7",
+        "@babel/plugin-proposal-async-generator-functions": "^7.16.8",
+        "@babel/plugin-proposal-class-properties": "^7.16.7",
+        "@babel/plugin-proposal-class-static-block": "^7.16.7",
+        "@babel/plugin-proposal-dynamic-import": "^7.16.7",
+        "@babel/plugin-proposal-export-namespace-from": "^7.16.7",
+        "@babel/plugin-proposal-json-strings": "^7.16.7",
+        "@babel/plugin-proposal-logical-assignment-operators": "^7.16.7",
+        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
+        "@babel/plugin-proposal-numeric-separator": "^7.16.7",
+        "@babel/plugin-proposal-object-rest-spread": "^7.16.7",
+        "@babel/plugin-proposal-optional-catch-binding": "^7.16.7",
+        "@babel/plugin-proposal-optional-chaining": "^7.16.7",
+        "@babel/plugin-proposal-private-methods": "^7.16.11",
+        "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
+        "@babel/plugin-proposal-unicode-property-regex": "^7.16.7",
         "@babel/plugin-syntax-async-generators": "^7.8.4",
         "@babel/plugin-syntax-class-properties": "^7.12.13",
         "@babel/plugin-syntax-class-static-block": "^7.14.5",
@@ -2217,44 +2236,44 @@
         "@babel/plugin-syntax-optional-chaining": "^7.8.3",
         "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
         "@babel/plugin-syntax-top-level-await": "^7.14.5",
-        "@babel/plugin-transform-arrow-functions": "^7.14.5",
-        "@babel/plugin-transform-async-to-generator": "^7.14.5",
-        "@babel/plugin-transform-block-scoped-functions": "^7.14.5",
-        "@babel/plugin-transform-block-scoping": "^7.15.3",
-        "@babel/plugin-transform-classes": "^7.15.4",
-        "@babel/plugin-transform-computed-properties": "^7.14.5",
-        "@babel/plugin-transform-destructuring": "^7.14.7",
-        "@babel/plugin-transform-dotall-regex": "^7.14.5",
-        "@babel/plugin-transform-duplicate-keys": "^7.14.5",
-        "@babel/plugin-transform-exponentiation-operator": "^7.14.5",
-        "@babel/plugin-transform-for-of": "^7.15.4",
-        "@babel/plugin-transform-function-name": "^7.14.5",
-        "@babel/plugin-transform-literals": "^7.14.5",
-        "@babel/plugin-transform-member-expression-literals": "^7.14.5",
-        "@babel/plugin-transform-modules-amd": "^7.14.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.15.4",
-        "@babel/plugin-transform-modules-systemjs": "^7.15.4",
-        "@babel/plugin-transform-modules-umd": "^7.14.5",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.14.9",
-        "@babel/plugin-transform-new-target": "^7.14.5",
-        "@babel/plugin-transform-object-super": "^7.14.5",
-        "@babel/plugin-transform-parameters": "^7.15.4",
-        "@babel/plugin-transform-property-literals": "^7.14.5",
-        "@babel/plugin-transform-regenerator": "^7.14.5",
-        "@babel/plugin-transform-reserved-words": "^7.14.5",
-        "@babel/plugin-transform-shorthand-properties": "^7.14.5",
-        "@babel/plugin-transform-spread": "^7.15.8",
-        "@babel/plugin-transform-sticky-regex": "^7.14.5",
-        "@babel/plugin-transform-template-literals": "^7.14.5",
-        "@babel/plugin-transform-typeof-symbol": "^7.14.5",
-        "@babel/plugin-transform-unicode-escapes": "^7.14.5",
-        "@babel/plugin-transform-unicode-regex": "^7.14.5",
-        "@babel/preset-modules": "^0.1.4",
-        "@babel/types": "^7.15.6",
-        "babel-plugin-polyfill-corejs2": "^0.2.2",
-        "babel-plugin-polyfill-corejs3": "^0.2.5",
-        "babel-plugin-polyfill-regenerator": "^0.2.2",
-        "core-js-compat": "^3.16.0",
+        "@babel/plugin-transform-arrow-functions": "^7.16.7",
+        "@babel/plugin-transform-async-to-generator": "^7.16.8",
+        "@babel/plugin-transform-block-scoped-functions": "^7.16.7",
+        "@babel/plugin-transform-block-scoping": "^7.16.7",
+        "@babel/plugin-transform-classes": "^7.16.7",
+        "@babel/plugin-transform-computed-properties": "^7.16.7",
+        "@babel/plugin-transform-destructuring": "^7.16.7",
+        "@babel/plugin-transform-dotall-regex": "^7.16.7",
+        "@babel/plugin-transform-duplicate-keys": "^7.16.7",
+        "@babel/plugin-transform-exponentiation-operator": "^7.16.7",
+        "@babel/plugin-transform-for-of": "^7.16.7",
+        "@babel/plugin-transform-function-name": "^7.16.7",
+        "@babel/plugin-transform-literals": "^7.16.7",
+        "@babel/plugin-transform-member-expression-literals": "^7.16.7",
+        "@babel/plugin-transform-modules-amd": "^7.16.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.16.8",
+        "@babel/plugin-transform-modules-systemjs": "^7.16.7",
+        "@babel/plugin-transform-modules-umd": "^7.16.7",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.16.8",
+        "@babel/plugin-transform-new-target": "^7.16.7",
+        "@babel/plugin-transform-object-super": "^7.16.7",
+        "@babel/plugin-transform-parameters": "^7.16.7",
+        "@babel/plugin-transform-property-literals": "^7.16.7",
+        "@babel/plugin-transform-regenerator": "^7.16.7",
+        "@babel/plugin-transform-reserved-words": "^7.16.7",
+        "@babel/plugin-transform-shorthand-properties": "^7.16.7",
+        "@babel/plugin-transform-spread": "^7.16.7",
+        "@babel/plugin-transform-sticky-regex": "^7.16.7",
+        "@babel/plugin-transform-template-literals": "^7.16.7",
+        "@babel/plugin-transform-typeof-symbol": "^7.16.7",
+        "@babel/plugin-transform-unicode-escapes": "^7.16.7",
+        "@babel/plugin-transform-unicode-regex": "^7.16.7",
+        "@babel/preset-modules": "^0.1.5",
+        "@babel/types": "^7.16.8",
+        "babel-plugin-polyfill-corejs2": "^0.3.0",
+        "babel-plugin-polyfill-corejs3": "^0.5.0",
+        "babel-plugin-polyfill-regenerator": "^0.3.0",
+        "core-js-compat": "^3.20.2",
         "semver": "^6.3.0"
       },
       "engines": {
@@ -2290,9 +2309,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.15.4",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.15.4.tgz",
-      "integrity": "sha512-99catp6bHCaxr4sJ/DbTGgHS4+Rs2RVd2g7iOap6SLGPDknRK9ztKNsE/Fg6QhSeh1FGE5f6gHGQmvvn3I3xhw==",
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.7.tgz",
+      "integrity": "sha512-9E9FJowqAsytyOY6LG+1KuueckRL+aQW+mKvXRXnuFGyRAyepJPmEo9vgMfXUA6O9u3IeEdv9MAkppFcaQwogQ==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.13.4"
@@ -2302,33 +2321,33 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.15.4",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.15.4.tgz",
-      "integrity": "sha512-UgBAfEa1oGuYgDIPM2G+aHa4Nlo9Lh6mGD2bDBGMTbYnc38vulXPuC1MGjYILIEmlwl6Rd+BPR9ee3gm20CBtg==",
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
+      "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.14.5",
-        "@babel/parser": "^7.15.4",
-        "@babel/types": "^7.15.4"
+        "@babel/code-frame": "^7.16.7",
+        "@babel/parser": "^7.16.7",
+        "@babel/types": "^7.16.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.16.10",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.10.tgz",
-      "integrity": "sha512-yzuaYXoRJBGMlBhsMJoUW7G1UmSb/eXr/JHYM/MsOJgavJibLwASijW7oXBdw3NQ6T0bW7Ty5P/VarOs9cHmqw==",
+      "version": "7.17.3",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.3.tgz",
+      "integrity": "sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==",
       "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.16.7",
-        "@babel/generator": "^7.16.8",
+        "@babel/generator": "^7.17.3",
         "@babel/helper-environment-visitor": "^7.16.7",
         "@babel/helper-function-name": "^7.16.7",
         "@babel/helper-hoist-variables": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7",
-        "@babel/parser": "^7.16.10",
-        "@babel/types": "^7.16.8",
+        "@babel/parser": "^7.17.3",
+        "@babel/types": "^7.17.0",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -2337,12 +2356,12 @@
       }
     },
     "node_modules/@babel/traverse/node_modules/@babel/generator": {
-      "version": "7.16.8",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.8.tgz",
-      "integrity": "sha512-1ojZwE9+lOXzcWdWmO6TbUzDfqLD39CmEhN8+2cX9XkDo5yW1OpgfejfliysR2AWLpMamTiOiAp/mtroaymhpw==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz",
+      "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.16.8",
+        "@babel/types": "^7.17.0",
         "jsesc": "^2.5.1",
         "source-map": "^0.5.0"
       },
@@ -2360,9 +2379,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.16.8",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.8.tgz",
-      "integrity": "sha512-smN2DQc5s4M7fntyjGtyIPbRJv6wW4rU/94fmYJ7PKQuZkC0qGMHXJbg6sNGt12JmVr4k5YaptI/XtiLJBnmIg==",
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz",
+      "integrity": "sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==",
       "dev": true,
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.16.7",
@@ -2372,6 +2391,15 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@colors/colors": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
+      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
     "node_modules/@cspotcode/source-map-consumer": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz",
@@ -2402,19 +2430,34 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/@csstools/postcss-progressive-custom-properties": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz",
+      "integrity": "sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3"
+      }
+    },
     "node_modules/@discoveryjs/json-ext": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.5.tgz",
-      "integrity": "sha512-6nFkfkmSeV/rqSaS4oWHgmpnYw194f6hmWF5is6b0J1naJZoiD0NTc9AiUwPHvWsowkjuHErCZT1wa0jg+BLIA==",
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.6.tgz",
+      "integrity": "sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==",
       "dev": true,
       "engines": {
         "node": ">=10.0.0"
       }
     },
     "node_modules/@gar/promisify": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.2.tgz",
-      "integrity": "sha512-82cpyJyKRoQoRi+14ibCeGPu0CwypgtBAdBhq1WfvagpCZNKqwXbKwXllYSMG91DhmG4jt9gN8eP6lGOtozuaw==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
+      "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
       "dev": true
     },
     "node_modules/@istanbuljs/load-nyc-config": {
@@ -2443,18 +2486,18 @@
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-1.0.0.tgz",
-      "integrity": "sha512-9oLAnygRMi8Q5QkYEU4XWK04B+nuoXoxjRvRxgjuChkLZFBja0YPSgdZ7dZtwhncLBcQe/I/E+fLuk5qxcYVJA==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.0.5.tgz",
+      "integrity": "sha512-VPeQ7+wH0itvQxnG+lIzWgkysKIr3L9sslimFW55rHMdGu/qCQ5z5h9zq4gI8uBtqkpHhsF4Z/OwExufUCThew==",
       "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@ngtools/webpack": {
-      "version": "13.0.1",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-13.0.1.tgz",
-      "integrity": "sha512-ZWsuwgwNZp0cmlvGNcWChltbY8BxfwifscLteSXIC2x7RvPaXhdUhmzvRDeQJa1KUmXd/xUuHZqgiAQsWRT7IA==",
+      "version": "13.2.5",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-13.2.5.tgz",
+      "integrity": "sha512-obiPvwPe+UJUO8cfNbBxukLKG30F+gLF5/erexwklRknJzS4KP8ciH2on6XlTuXUahpDjbO0pffugFE2I/IszQ==",
       "dev": true,
       "engines": {
         "node": "^12.20.0 || ^14.15.0 || >=16.10.0",
@@ -2462,8 +2505,8 @@
         "yarn": ">= 1.13.0"
       },
       "peerDependencies": {
-        "@angular/compiler-cli": "^13.0.0 || ^13.0.0-next",
-        "typescript": "~4.4.3",
+        "@angular/compiler-cli": "^13.0.0",
+        "typescript": ">=4.4.3 <4.6",
         "webpack": "^5.30.0"
       }
     },
@@ -2503,16 +2546,13 @@
       }
     },
     "node_modules/@npmcli/fs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.0.tgz",
-      "integrity": "sha512-VhP1qZLXcrXRIaPoqb4YA55JQxLNF3jNR4T55IdOJa3+IFJKNYHtPvtXx8slmeMavj37vCzCfrqQM1vWLsYKLA==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz",
+      "integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==",
       "dev": true,
       "dependencies": {
         "@gar/promisify": "^1.0.1",
         "semver": "^7.3.5"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16"
       }
     },
     "node_modules/@npmcli/git": {
@@ -2673,6 +2713,67 @@
         "yarn": ">= 1.13.0"
       }
     },
+    "node_modules/@schematics/angular/node_modules/@angular-devkit/core": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.0.1.tgz",
+      "integrity": "sha512-RfhpPw7vU5ok7ICUwEx4Lic+HCHrMjKnj/Tbk+CfSqONTFtqDaMoC8itQE2risLugT4mzO+3Cy95eccpf282kQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "8.6.3",
+        "ajv-formats": "2.1.1",
+        "fast-json-stable-stringify": "2.1.0",
+        "magic-string": "0.25.7",
+        "rxjs": "6.6.7",
+        "source-map": "0.7.3"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.15.0 || >=16.10.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^3.5.2"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@schematics/angular/node_modules/ajv": {
+      "version": "8.6.3",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
+      "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@schematics/angular/node_modules/rxjs": {
+      "version": "6.6.7",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^1.9.0"
+      },
+      "engines": {
+        "npm": ">=2.0.0"
+      }
+    },
+    "node_modules/@schematics/angular/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
     "node_modules/@socket.io/base64-arraybuffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@socket.io/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
@@ -2720,12 +2821,20 @@
       "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz",
       "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@types/connect": "*",
         "@types/node": "*"
       }
     },
+    "node_modules/@types/bonjour": {
+      "version": "3.5.10",
+      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.10.tgz",
+      "integrity": "sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/component-emitter": {
       "version": "1.2.11",
       "resolved": "https://registry.npmjs.org/@types/component-emitter/-/component-emitter-1.2.11.tgz",
@@ -2737,11 +2846,20 @@
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz",
       "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@types/node": "*"
       }
     },
+    "node_modules/@types/connect-history-api-fallback": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz",
+      "integrity": "sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw==",
+      "dev": true,
+      "dependencies": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/cookie": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
@@ -2785,7 +2903,6 @@
       "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.13.tgz",
       "integrity": "sha512-6bSZTPaTIACxn48l50SR+axgrqm6qXFIxrdAKaG6PaJk3+zuUr35hBlgT7vOmJcum+OEaIBLtHV/qloEAFITeA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@types/body-parser": "*",
         "@types/express-serve-static-core": "^4.17.18",
@@ -2798,7 +2915,6 @@
       "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.28.tgz",
       "integrity": "sha512-P1BJAEAW3E2DJUlkgq4tOL3RyMunoWXqbSCygWo5ZIWTjUgN1YnaXWW4VWl/oc8vs/XoYibEGBKP0uZyF4AHig==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@types/node": "*",
         "@types/qs": "*",
@@ -2839,8 +2955,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
       "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/@types/node": {
       "version": "16.11.6",
@@ -2864,15 +2979,13 @@
       "version": "6.9.7",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
       "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/@types/range-parser": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
       "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/@types/resolve": {
       "version": "1.17.1",
@@ -2895,17 +3008,43 @@
       "integrity": "sha512-OFUilxQg+rWL2FMxtmIgCkUDlJB6pskkpvmew7yeXfzzsOBb5rc+y2+DjHm+r3r1ZPPcJefK3DveNSYWGiy68g==",
       "dev": true
     },
+    "node_modules/@types/serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==",
+      "dev": true,
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
     "node_modules/@types/serve-static": {
       "version": "1.13.10",
       "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.13.10.tgz",
       "integrity": "sha512-nCkHGI4w7ZgAdNkrEu0bv+4xNV/XDqW+DydknebMOQwkpDGx8G+HTlj7R7ABI8i8nKxVw0wtKPi1D+lPOkh4YQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@types/mime": "^1",
         "@types/node": "*"
       }
     },
+    "node_modules/@types/sockjs": {
+      "version": "0.3.33",
+      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.33.tgz",
+      "integrity": "sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ws": {
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
+      "integrity": "sha512-6YOoWjruKj1uLf3INHH7D3qTXwFfEsg1kf3c0uDdSBJwfa/llkwIjrAGV7j7mVgGNbzTQ3HiHKKDXl6bJPD97w==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -3083,27 +3222,18 @@
       "dev": true
     },
     "node_modules/accepts": {
-      "version": "1.3.7",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
-      "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==",
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
       "dev": true,
       "dependencies": {
-        "mime-types": "~2.1.24",
-        "negotiator": "0.6.2"
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
       },
       "engines": {
         "node": ">= 0.6"
       }
     },
-    "node_modules/accepts/node_modules/negotiator": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
-      "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/acorn": {
       "version": "8.7.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz",
@@ -3147,15 +3277,6 @@
         "node": ">=8.9"
       }
     },
-    "node_modules/adjust-sourcemap-loader/node_modules/big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/adjust-sourcemap-loader/node_modules/loader-utils": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
@@ -3192,9 +3313,9 @@
       }
     },
     "node_modules/agentkeepalive": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.2.0.tgz",
-      "integrity": "sha512-0PhAp58jZNw13UJv7NVdTGb0ZcghHUb3DrZ046JiiJY/BOaTTpbwdHq2VObPCBV8M2GPh7sgrJ3AQ8Ey468LJw==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.2.1.tgz",
+      "integrity": "sha512-Zn4cw2NEqd+9fiSVWMscnjyQ1a8Yfoc5oBajLeo5w+YBHgDUcEBY2hS4YpTz6iN5f/2zQiktcuM6tS8x1p9dpA==",
       "dev": true,
       "dependencies": {
         "debug": "^4.1.0",
@@ -3219,9 +3340,9 @@
       }
     },
     "node_modules/ajv": {
-      "version": "8.6.3",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
-      "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+      "version": "8.9.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.9.0.tgz",
+      "integrity": "sha512-qOKJyNj/h+OWx7s5DePL6Zu1KeM9jPZhwBqs+7DzP6bGOvqzVCSf0xueYmVuaC/oQ/VtS2zLMLHdQFbkka+XDQ==",
       "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
@@ -3251,6 +3372,18 @@
         }
       }
     },
+    "node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
     "node_modules/ansi-colors": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
@@ -3337,16 +3470,16 @@
       "dev": true
     },
     "node_modules/are-we-there-yet": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
-      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.0.tgz",
+      "integrity": "sha512-0GWpv50YSOcLXaN6/FAKY3vfRbllXWV2xvfA/oKJF8pzFhWXPV+yjhJXDBbjscDYowv7Yw1A3uigpzn5iEGTyw==",
       "dev": true,
       "dependencies": {
         "delegates": "^1.0.0",
         "readable-stream": "^3.6.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": "^12.13.0 || ^14.15.0 || >=16"
       }
     },
     "node_modules/arg": {
@@ -3387,12 +3520,15 @@
       "dev": true
     },
     "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-3.0.1.tgz",
+      "integrity": "sha512-1OvF9IbWwaeiM9VhzYXVQacMibxpXOMYVNIvMtKRyX9SImBXpKcFr8XvFDeEslCyuH/t6KRt7HEO94AlP8Iatw==",
       "dev": true,
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/array-uniq": {
@@ -3478,57 +3614,30 @@
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
     },
     "node_modules/autoprefixer": {
-      "version": "9.8.8",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
-      "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
+      "version": "10.4.2",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.2.tgz",
+      "integrity": "sha512-9fOPpHKuDW1w/0EKfRmVnxTDt8166MAnLI3mgZ1JCnhNtYWxcJ6Ud5CO/AVOZi/AvFa8DY9RTy3h3+tFBlrrdQ==",
       "dev": true,
       "dependencies": {
-        "browserslist": "^4.12.0",
-        "caniuse-lite": "^1.0.30001109",
+        "browserslist": "^4.19.1",
+        "caniuse-lite": "^1.0.30001297",
+        "fraction.js": "^4.1.2",
         "normalize-range": "^0.1.2",
-        "num2fraction": "^1.2.2",
-        "picocolors": "^0.2.1",
-        "postcss": "^7.0.32",
-        "postcss-value-parser": "^4.1.0"
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
       },
       "bin": {
         "autoprefixer": "bin/autoprefixer"
       },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-      }
-    },
-    "node_modules/autoprefixer/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/autoprefixer/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
       "engines": {
-        "node": ">=6.0.0"
+        "node": "^10 || ^12 || >=14"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/autoprefixer/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
       }
     },
     "node_modules/aws-sign2": {
@@ -3574,15 +3683,6 @@
         "webpack": ">=2"
       }
     },
-    "node_modules/babel-loader/node_modules/big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/babel-loader/node_modules/json5": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
@@ -3635,13 +3735,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.2.3.tgz",
-      "integrity": "sha512-NDZ0auNRzmAfE1oDDPW2JhzIMXUk+FFe2ICejmt5T4ocKgiQx3e0VCRx9NCAidcMtL2RUZaWtXnmjTCkx0tcbA==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.1.tgz",
+      "integrity": "sha512-v7/T6EQcNfVLfcN2X8Lulb7DjprieyLWJK/zOWH5DUYcAgex9sP3h25Q+DLsX9TloXe3y1O8l2q2Jv9q8UVB9w==",
       "dev": true,
       "dependencies": {
         "@babel/compat-data": "^7.13.11",
-        "@babel/helper-define-polyfill-provider": "^0.2.4",
+        "@babel/helper-define-polyfill-provider": "^0.3.1",
         "semver": "^6.1.1"
       },
       "peerDependencies": {
@@ -3658,25 +3758,25 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.2.5.tgz",
-      "integrity": "sha512-ninF5MQNwAX9Z7c9ED+H2pGt1mXdP4TqzlHKyPIYmJIYz0N+++uwdM7RnJukklhzJ54Q84vA4ZJkgs7lu5vqcw==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.5.2.tgz",
+      "integrity": "sha512-G3uJih0XWiID451fpeFaYGVuxHEjzKTHtc9uGFEjR6hHrvNzeS/PX+LLLcetJcytsB5m4j+K3o/EpXJNb/5IEQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.2.2",
-        "core-js-compat": "^3.16.2"
+        "@babel/helper-define-polyfill-provider": "^0.3.1",
+        "core-js-compat": "^3.21.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.2.3.tgz",
-      "integrity": "sha512-JVE78oRZPKFIeUqFGrSORNzQnrDwZR16oiWeGM8ZyjBn2XAT5OjP+wXx5ESuo33nUsFUEJYjtklnsKbxW5L+7g==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.3.1.tgz",
+      "integrity": "sha512-Y2B06tvgHYt1x0yz17jGkGeeMr5FeKUu+ASJ+N6nB5lQ8Dapfg42i0OVrf8PNGJ3zKL4A23snMi1IRwrqqND7A==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.2.4"
+        "@babel/helper-define-polyfill-provider": "^0.3.1"
       },
       "peerDependencies": {
         "@babel/core": "^7.0.0-0"
@@ -3732,16 +3832,12 @@
       }
     },
     "node_modules/big.js": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-6.1.1.tgz",
-      "integrity": "sha512-1vObw81a8ylZO5ePrtMay0n018TcftpTA5HFKDaSuiUDBo8biRBtjIobw60OpwuvrGk+FsxKamqN4cnmj/eXdg==",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
       "dev": true,
       "engines": {
         "node": "*"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/bigjs"
       }
     },
     "node_modules/binary-extensions": {
@@ -3804,20 +3900,20 @@
       }
     },
     "node_modules/body-parser": {
-      "version": "1.19.1",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.1.tgz",
-      "integrity": "sha512-8ljfQi5eBk8EJfECMrgqNGWPEY5jWP+1IzkzkGdFFEwFQZZyaZ21UqdaHktgiMlH0xLHqIFtE/u2OYE5dOtViA==",
+      "version": "1.19.2",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.2.tgz",
+      "integrity": "sha512-SAAwOxgoCKMGs9uUAUFHygfLAyaniaoun6I8mFY9pRAJL9+Kec34aU+oIjDhTycub1jozEfEwx1W1IuOYxVSFw==",
       "dev": true,
       "dependencies": {
-        "bytes": "3.1.1",
+        "bytes": "3.1.2",
         "content-type": "~1.0.4",
         "debug": "2.6.9",
         "depd": "~1.1.2",
         "http-errors": "1.8.1",
         "iconv-lite": "0.4.24",
         "on-finished": "~2.3.0",
-        "qs": "6.9.6",
-        "raw-body": "2.4.2",
+        "qs": "6.9.7",
+        "raw-body": "2.4.3",
         "type-is": "~1.6.18"
       },
       "engines": {
@@ -3882,15 +3978,15 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.19.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz",
-      "integrity": "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.0.tgz",
+      "integrity": "sha512-bnpOoa+DownbciXj0jVGENf8VYQnE2LNWomhYuCsMmmx9Jd9lwq0WXODuwpSsp8AVdKM2/HorrzxAfbKvWTByQ==",
       "dev": true,
       "dependencies": {
-        "caniuse-lite": "^1.0.30001286",
-        "electron-to-chromium": "^1.4.17",
+        "caniuse-lite": "^1.0.30001313",
+        "electron-to-chromium": "^1.4.76",
         "escalade": "^3.1.1",
-        "node-releases": "^2.0.1",
+        "node-releases": "^2.0.2",
         "picocolors": "^1.0.0"
       },
       "bin": {
@@ -4001,9 +4097,9 @@
       "dev": true
     },
     "node_modules/bytes": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.1.tgz",
-      "integrity": "sha512-dWe4nWO/ruEOY7HkUJ5gFt1DCFV9zPRoJr8pV0/ASQermOZjtq8jMjOprC0Kd10GLN+l7xaUPvxzJFWtxGu8Fg==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
       "dev": true,
       "engines": {
         "node": ">= 0.8"
@@ -4070,9 +4166,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001301",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001301.tgz",
-      "integrity": "sha512-csfD/GpHMqgEL3V3uIgosvh+SVIQvCh43SNu9HRbP1lnxkKm1kjDG4f32PP571JplkLjfS+mg2p1gxR7MYrrIA==",
+      "version": "1.0.30001317",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001317.tgz",
+      "integrity": "sha512-xIZLh8gBm4dqNX0gkzrBeyI86J2eCjWzYAs40q88smG844YIrN4tVQl/RhquHvKEKImWWFIVh1Lxe5n1G/N+GQ==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -4564,9 +4660,9 @@
       }
     },
     "node_modules/cookie": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
-      "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==",
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
+      "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==",
       "dev": true,
       "engines": {
         "node": ">= 0.6"
@@ -4591,21 +4687,20 @@
       }
     },
     "node_modules/copy-webpack-plugin": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-9.0.1.tgz",
-      "integrity": "sha512-14gHKKdYIxF84jCEgPgYXCPpldbwpxxLbCmA7LReY7gvbaT555DgeBWBgBZM116tv/fO6RRJrsivBqRyRlukhw==",
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-10.2.1.tgz",
+      "integrity": "sha512-nr81NhCAIpAWXGCK5thrKmfCQ6GDY0L5RN0U+BnIn/7Us55+UCex5ANNsNKmIVtDRnk0Ecf+/kzp9SUVrrBMLg==",
       "dev": true,
       "dependencies": {
-        "fast-glob": "^3.2.5",
-        "glob-parent": "^6.0.0",
-        "globby": "^11.0.3",
+        "fast-glob": "^3.2.7",
+        "glob-parent": "^6.0.1",
+        "globby": "^12.0.2",
         "normalize-path": "^3.0.0",
-        "p-limit": "^3.1.0",
-        "schema-utils": "^3.0.0",
+        "schema-utils": "^4.0.0",
         "serialize-javascript": "^6.0.0"
       },
       "engines": {
-        "node": ">= 12.13.0"
+        "node": ">= 12.20.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4615,31 +4710,6 @@
         "webpack": "^5.1.0"
       }
     },
-    "node_modules/copy-webpack-plugin/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/copy-webpack-plugin/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
     "node_modules/copy-webpack-plugin/node_modules/glob-parent": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
@@ -4652,24 +4722,19 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/copy-webpack-plugin/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
     "node_modules/copy-webpack-plugin/node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
       "dev": true,
       "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.8.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.0.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4677,9 +4742,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.19.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.19.0.tgz",
-      "integrity": "sha512-L1TpFRWXZ76vH1yLM+z6KssLZrP8Z6GxxW4auoCj+XiViOzNPJCAuTIkn03BGdFe6Z5clX5t64wRIRypsZQrUg==",
+      "version": "3.20.3",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.20.3.tgz",
+      "integrity": "sha512-vVl8j8ph6tRS3B8qir40H7yw7voy17xL0piAjlbBUsH7WIfzoedL/ZOr1OV9FyZQLWXsayOJyV4tnRyXR85/ag==",
       "dev": true,
       "hasInstallScript": true,
       "funding": {
@@ -4688,9 +4753,9 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.20.3",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.20.3.tgz",
-      "integrity": "sha512-c8M5h0IkNZ+I92QhIpuSijOxGAcj3lgpsWdkCqmUTZNwidujF4r3pi6x1DCN+Vcs5qTS2XWWMfWSuCqyupX8gw==",
+      "version": "3.21.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.21.1.tgz",
+      "integrity": "sha512-gbgX5AUvMb8gwxC7FLVWYT7Kkgu/y7+h/h1X43yJkNqhlK2fuYyQimqvKGNZFAY6CKii/GFKJ2cp/1/42TN36g==",
       "dev": true,
       "dependencies": {
         "browserslist": "^4.19.1",
@@ -4752,13 +4817,13 @@
       "dev": true
     },
     "node_modules/critters": {
-      "version": "0.0.14",
-      "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.14.tgz",
-      "integrity": "sha512-YiBoGKfU8/xg+tVMw0KfMBgmr0TWa1JGmRXDzbQRQQaDarGUcZZtZEB25QyYrLasQZAnvqoZhSg2GW0zdsQkYQ==",
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.16.tgz",
+      "integrity": "sha512-JwjgmO6i3y6RWtLYmXwO5jMd+maZt8Tnfu7VVISmEWyQqfLpB8soBswf8/2bu6SBXxtKA68Al3c+qIG1ApT68A==",
       "dev": true,
       "dependencies": {
         "chalk": "^4.1.0",
-        "css-select": "^4.1.3",
+        "css-select": "^4.2.0",
         "parse5": "^6.0.1",
         "parse5-htmlparser2-tree-adapter": "^6.0.1",
         "postcss": "^8.3.7",
@@ -4882,130 +4947,45 @@
       }
     },
     "node_modules/css-blank-pseudo": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
-      "integrity": "sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz",
+      "integrity": "sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.5"
+        "postcss-selector-parser": "^6.0.9"
       },
       "bin": {
-        "css-blank-pseudo": "cli.js"
+        "css-blank-pseudo": "dist/cli.cjs"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/css-blank-pseudo/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/css-blank-pseudo/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/css-blank-pseudo/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/css-has-pseudo": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz",
-      "integrity": "sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz",
+      "integrity": "sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.6",
-        "postcss-selector-parser": "^5.0.0-rc.4"
+        "postcss-selector-parser": "^6.0.9"
       },
       "bin": {
-        "css-has-pseudo": "cli.js"
+        "css-has-pseudo": "dist/cli.cjs"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/css-has-pseudo/node_modules/cssesc": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
-      "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/css-has-pseudo/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/css-has-pseudo/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/css-has-pseudo/node_modules/postcss-selector-parser": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
-      "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^2.0.0",
-        "indexes-of": "^1.0.1",
-        "uniq": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/css-has-pseudo/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/css-loader": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.5.0.tgz",
-      "integrity": "sha512-VmuSdQa3K+wJsl39i7X3qGBM5+ZHmtTnv65fqMGI+fzmHoYmszTVvTqC1XN8JwWDViCB1a8wgNim5SV4fb37xg==",
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.5.1.tgz",
+      "integrity": "sha512-gEy2w9AnJNnD9Kuo4XAP9VflW/ujKoS9c/syO+uWMlm5igc7LysKzPXaDoR2vroROkSwsTS2tGr1yGGEbZOYZQ==",
       "dev": true,
       "dependencies": {
         "icss-utils": "^5.1.0",
@@ -5029,50 +5009,18 @@
       }
     },
     "node_modules/css-prefers-color-scheme": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz",
-      "integrity": "sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz",
+      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==",
       "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.5"
-      },
       "bin": {
-        "css-prefers-color-scheme": "cli.js"
+        "css-prefers-color-scheme": "dist/cli.cjs"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/css-prefers-color-scheme/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/css-prefers-color-scheme/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/css-prefers-color-scheme/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/css-select": {
@@ -5132,9 +5080,9 @@
       }
     },
     "node_modules/cssdb": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
-      "integrity": "sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-5.1.0.tgz",
+      "integrity": "sha512-/vqjXhv1x9eGkE/zO6o8ZOI7dgdZbLVLUGyVRbPgk6YipXbW87YzUCcO+Jrmi5bwJlAH6oD+MNeZyRgXea1GZw==",
       "dev": true
     },
     "node_modules/cssesc": {
@@ -5180,9 +5128,9 @@
       }
     },
     "node_modules/date-format": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.3.tgz",
-      "integrity": "sha512-7P3FyqDcfeznLZp2b+OMitV9Sz2lUnsT87WaTat9nVwqsBkTzPG3lPLNwW3en6F4pHUiWzr6vb8CLhjdK9bcxQ==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.5.tgz",
+      "integrity": "sha512-zBhRiN/M0gDxUoM2xRtzTjJzSg0XEi1ofYpF84PfXeS3hN2PsGxmc7jw3DNQtFlimRbMmob5FC3G0cJq6jQQpw==",
       "dev": true,
       "engines": {
         "node": ">=4.0"
@@ -5537,9 +5485,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.52",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.52.tgz",
-      "integrity": "sha512-JGkh8HEh5PnVrhU4HbpyyO0O791dVY6k7AdqfDeqbcRMeoGxtNHWT77deR2nhvbLe4dKpxjlDEvdEwrvRLGu2Q==",
+      "version": "1.4.84",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.84.tgz",
+      "integrity": "sha512-b+DdcyOiZtLXHdgEG8lncYJdxbdJWJvclPNMg0eLUDcSOSO876WA/pYjdSblUTd7eJdIs4YdIxHWGazx7UPSJw==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -5590,9 +5538,9 @@
       }
     },
     "node_modules/engine.io": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.1.2.tgz",
-      "integrity": "sha512-v/7eGHxPvO2AWsksyx2PUsQvBafuvqs0jJJQ0FdmJG1b9qIvgSbqDRGwNhfk2XHaTTbTXiC4quRE8Q9nRjsrQQ==",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.1.3.tgz",
+      "integrity": "sha512-rqs60YwkvWTLLnfazqgZqLa/aKo+9cueVfEi/dZ8PyGyaf8TLOxj++4QMIgeG3Gn0AhrWiFXvghsoY9L9h25GA==",
       "dev": true,
       "dependencies": {
         "@types/cookie": "^0.4.1",
@@ -5603,7 +5551,7 @@
         "cookie": "~0.4.1",
         "cors": "~2.8.5",
         "debug": "~4.3.1",
-        "engine.io-parser": "~5.0.0",
+        "engine.io-parser": "~5.0.3",
         "ws": "~8.2.3"
       },
       "engines": {
@@ -5623,9 +5571,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.8.3",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.8.3.tgz",
-      "integrity": "sha512-EGAbGvH7j7Xt2nc0E7D99La1OiEs8LnyimkRgwExpUMScN6O+3x9tIWs7PLQZVNx4YD+00skHXPXi1yQHpAmZA==",
+      "version": "5.9.2",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.9.2.tgz",
+      "integrity": "sha512-GIm3fQfwLJ8YZx2smuHpBKkXC1yOk+OBEmKckVyL0i/ea8mqDEykK3ld5dgH1QYPNyT/lIllxV2LULnxCHaHkA==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -5709,39 +5657,44 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.13.12.tgz",
-      "integrity": "sha512-vTKKUt+yoz61U/BbrnmlG9XIjwpdIxmHB8DlPR0AAW6OdS+nBQBci6LUHU2q9WbBobMEIQxxDpKbkmOGYvxsow==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.22.tgz",
+      "integrity": "sha512-CjFCFGgYtbFOPrwZNJf7wsuzesx8kqwAffOlbYcFDLFuUtP8xloK1GH+Ai13Qr0RZQf9tE7LMTHJ2iVGJ1SKZA==",
       "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "bin": {
         "esbuild": "bin/esbuild"
       },
+      "engines": {
+        "node": ">=12"
+      },
       "optionalDependencies": {
-        "esbuild-android-arm64": "0.13.12",
-        "esbuild-darwin-64": "0.13.12",
-        "esbuild-darwin-arm64": "0.13.12",
-        "esbuild-freebsd-64": "0.13.12",
-        "esbuild-freebsd-arm64": "0.13.12",
-        "esbuild-linux-32": "0.13.12",
-        "esbuild-linux-64": "0.13.12",
-        "esbuild-linux-arm": "0.13.12",
-        "esbuild-linux-arm64": "0.13.12",
-        "esbuild-linux-mips64le": "0.13.12",
-        "esbuild-linux-ppc64le": "0.13.12",
-        "esbuild-netbsd-64": "0.13.12",
-        "esbuild-openbsd-64": "0.13.12",
-        "esbuild-sunos-64": "0.13.12",
-        "esbuild-windows-32": "0.13.12",
-        "esbuild-windows-64": "0.13.12",
-        "esbuild-windows-arm64": "0.13.12"
+        "esbuild-android-arm64": "0.14.22",
+        "esbuild-darwin-64": "0.14.22",
+        "esbuild-darwin-arm64": "0.14.22",
+        "esbuild-freebsd-64": "0.14.22",
+        "esbuild-freebsd-arm64": "0.14.22",
+        "esbuild-linux-32": "0.14.22",
+        "esbuild-linux-64": "0.14.22",
+        "esbuild-linux-arm": "0.14.22",
+        "esbuild-linux-arm64": "0.14.22",
+        "esbuild-linux-mips64le": "0.14.22",
+        "esbuild-linux-ppc64le": "0.14.22",
+        "esbuild-linux-riscv64": "0.14.22",
+        "esbuild-linux-s390x": "0.14.22",
+        "esbuild-netbsd-64": "0.14.22",
+        "esbuild-openbsd-64": "0.14.22",
+        "esbuild-sunos-64": "0.14.22",
+        "esbuild-windows-32": "0.14.22",
+        "esbuild-windows-64": "0.14.22",
+        "esbuild-windows-arm64": "0.14.22"
       }
     },
     "node_modules/esbuild-android-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.13.12.tgz",
-      "integrity": "sha512-TSVZVrb4EIXz6KaYjXfTzPyyRpXV5zgYIADXtQsIenjZ78myvDGaPi11o4ZSaHIwFHsuwkB6ne5SZRBwAQ7maw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.22.tgz",
+      "integrity": "sha512-k1Uu4uC4UOFgrnTj2zuj75EswFSEBK+H6lT70/DdS4mTAOfs2ECv2I9ZYvr3w0WL0T4YItzJdK7fPNxcPw6YmQ==",
       "cpu": [
         "arm64"
       ],
@@ -5749,12 +5702,15 @@
       "optional": true,
       "os": [
         "android"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-darwin-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.13.12.tgz",
-      "integrity": "sha512-c51C+N+UHySoV2lgfWSwwmlnLnL0JWj/LzuZt9Ltk9ub1s2Y8cr6SQV5W3mqVH1egUceew6KZ8GyI4nwu+fhsw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.22.tgz",
+      "integrity": "sha512-d8Ceuo6Vw6HM3fW218FB6jTY6O3r2WNcTAU0SGsBkXZ3k8SDoRLd3Nrc//EqzdgYnzDNMNtrWegK2Qsss4THhw==",
       "cpu": [
         "x64"
       ],
@@ -5762,12 +5718,15 @@
       "optional": true,
       "os": [
         "darwin"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-darwin-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.13.12.tgz",
-      "integrity": "sha512-JvAMtshP45Hd8A8wOzjkY1xAnTKTYuP/QUaKp5eUQGX+76GIie3fCdUUr2ZEKdvpSImNqxiZSIMziEiGB5oUmQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.22.tgz",
+      "integrity": "sha512-YAt9Tj3SkIUkswuzHxkaNlT9+sg0xvzDvE75LlBo4DI++ogSgSmKNR6B4eUhU5EUUepVXcXdRIdqMq9ppeRqfw==",
       "cpu": [
         "arm64"
       ],
@@ -5775,12 +5734,15 @@
       "optional": true,
       "os": [
         "darwin"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-freebsd-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.13.12.tgz",
-      "integrity": "sha512-r6On/Skv9f0ZjTu6PW5o7pdXr8aOgtFOEURJZYf1XAJs0IQ+gW+o1DzXjVkIoT+n1cm3N/t1KRJfX71MPg/ZUA==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.22.tgz",
+      "integrity": "sha512-ek1HUv7fkXMy87Qm2G4IRohN+Qux4IcnrDBPZGXNN33KAL0pEJJzdTv0hB/42+DCYWylSrSKxk3KUXfqXOoH4A==",
       "cpu": [
         "x64"
       ],
@@ -5788,12 +5750,15 @@
       "optional": true,
       "os": [
         "freebsd"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-freebsd-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.13.12.tgz",
-      "integrity": "sha512-F6LmI2Q1gii073kmBE3NOTt/6zLL5zvZsxNLF8PMAwdHc+iBhD1vzfI8uQZMJA1IgXa3ocr3L3DJH9fLGXy6Yw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.22.tgz",
+      "integrity": "sha512-zPh9SzjRvr9FwsouNYTqgqFlsMIW07O8mNXulGeQx6O5ApgGUBZBgtzSlBQXkHi18WjrosYfsvp5nzOKiWzkjQ==",
       "cpu": [
         "arm64"
       ],
@@ -5801,12 +5766,15 @@
       "optional": true,
       "os": [
         "freebsd"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-linux-32": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.13.12.tgz",
-      "integrity": "sha512-U1UZwG3UIwF7/V4tCVAo/nkBV9ag5KJiJTt+gaCmLVWH3bPLX7y+fNlhIWZy8raTMnXhMKfaTvWZ9TtmXzvkuQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.22.tgz",
+      "integrity": "sha512-SnpveoE4nzjb9t2hqCIzzTWBM0RzcCINDMBB67H6OXIuDa4KqFqaIgmTchNA9pJKOVLVIKd5FYxNiJStli21qg==",
       "cpu": [
         "ia32"
       ],
@@ -5814,12 +5782,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-linux-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.13.12.tgz",
-      "integrity": "sha512-YpXSwtu2NxN3N4ifJxEdsgd6Q5d8LYqskrAwjmoCT6yQnEHJSF5uWcxv783HWN7lnGpJi9KUtDvYsnMdyGw71Q==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.22.tgz",
+      "integrity": "sha512-Zcl9Wg7gKhOWWNqAjygyqzB+fJa19glgl2JG7GtuxHyL1uEnWlpSMytTLMqtfbmRykIHdab797IOZeKwk5g0zg==",
       "cpu": [
         "x64"
       ],
@@ -5827,12 +5798,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-linux-arm": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.13.12.tgz",
-      "integrity": "sha512-SyiT/JKxU6J+DY2qUiSLZJqCAftIt3uoGejZ0HDnUM2MGJqEGSGh7p1ecVL2gna3PxS4P+j6WAehCwgkBPXNIw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.22.tgz",
+      "integrity": "sha512-soPDdbpt/C0XvOOK45p4EFt8HbH5g+0uHs5nUKjHVExfgR7du734kEkXR/mE5zmjrlymk5AA79I0VIvj90WZ4g==",
       "cpu": [
         "arm"
       ],
@@ -5840,12 +5814,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-linux-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.13.12.tgz",
-      "integrity": "sha512-sgDNb8kb3BVodtAlcFGgwk+43KFCYjnFOaOfJibXnnIojNWuJHpL6aQJ4mumzNWw8Rt1xEtDQyuGK9f+Y24jGA==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.22.tgz",
+      "integrity": "sha512-8q/FRBJtV5IHnQChO3LHh/Jf7KLrxJ/RCTGdBvlVZhBde+dk3/qS9fFsUy+rs3dEi49aAsyVitTwlKw1SUFm+A==",
       "cpu": [
         "arm64"
       ],
@@ -5853,12 +5830,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-linux-mips64le": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.13.12.tgz",
-      "integrity": "sha512-qQJHlZBG+QwVIA8AbTEtbvF084QgDi4DaUsUnA+EolY1bxrG+UyOuGflM2ZritGhfS/k7THFjJbjH2wIeoKA2g==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.22.tgz",
+      "integrity": "sha512-SiNDfuRXhGh1JQLLA9JPprBgPVFOsGuQ0yDfSPTNxztmVJd8W2mX++c4FfLpAwxuJe183mLuKf7qKCHQs5ZnBQ==",
       "cpu": [
         "mips64el"
       ],
@@ -5866,12 +5846,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-linux-ppc64le": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.13.12.tgz",
-      "integrity": "sha512-2dSnm1ldL7Lppwlo04CGQUpwNn5hGqXI38OzaoPOkRsBRWFBozyGxTFSee/zHFS+Pdh3b28JJbRK3owrrRgWNw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.22.tgz",
+      "integrity": "sha512-6t/GI9I+3o1EFm2AyN9+TsjdgWCpg2nwniEhjm2qJWtJyJ5VzTXGUU3alCO3evopu8G0hN2Bu1Jhz2YmZD0kng==",
       "cpu": [
         "ppc64"
       ],
@@ -5879,12 +5862,47 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-riscv64": {
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.22.tgz",
+      "integrity": "sha512-AyJHipZKe88sc+tp5layovquw5cvz45QXw5SaDgAq2M911wLHiCvDtf/07oDx8eweCyzYzG5Y39Ih568amMTCQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-s390x": {
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.22.tgz",
+      "integrity": "sha512-Sz1NjZewTIXSblQDZWEFZYjOK6p8tV6hrshYdXZ0NHTjWE+lwxpOpWeElUGtEmiPcMT71FiuA9ODplqzzSxkzw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-netbsd-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.13.12.tgz",
-      "integrity": "sha512-D4raxr02dcRiQNbxOLzpqBzcJNFAdsDNxjUbKkDMZBkL54Z0vZh4LRndycdZAMcIdizC/l/Yp/ZsBdAFxc5nbA==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.22.tgz",
+      "integrity": "sha512-TBbCtx+k32xydImsHxvFgsOCuFqCTGIxhzRNbgSL1Z2CKhzxwT92kQMhxort9N/fZM2CkRCPPs5wzQSamtzEHA==",
       "cpu": [
         "x64"
       ],
@@ -5892,12 +5910,15 @@
       "optional": true,
       "os": [
         "netbsd"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-openbsd-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.13.12.tgz",
-      "integrity": "sha512-KuLCmYMb2kh05QuPJ+va60bKIH5wHL8ypDkmpy47lzwmdxNsuySeCMHuTv5o2Af1RUn5KLO5ZxaZeq4GEY7DaQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.22.tgz",
+      "integrity": "sha512-vK912As725haT313ANZZZN+0EysEEQXWC/+YE4rQvOQzLuxAQc2tjbzlAFREx3C8+uMuZj/q7E5gyVB7TzpcTA==",
       "cpu": [
         "x64"
       ],
@@ -5905,12 +5926,15 @@
       "optional": true,
       "os": [
         "openbsd"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-sunos-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.13.12.tgz",
-      "integrity": "sha512-jBsF+e0woK3miKI8ufGWKG3o3rY9DpHvCVRn5eburMIIE+2c+y3IZ1srsthKyKI6kkXLvV4Cf/E7w56kLipMXw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.22.tgz",
+      "integrity": "sha512-/mbJdXTW7MTcsPhtfDsDyPEOju9EOABvCjeUU2OJ7fWpX/Em/H3WYDa86tzLUbcVg++BScQDzqV/7RYw5XNY0g==",
       "cpu": [
         "x64"
       ],
@@ -5918,24 +5942,27 @@
       "optional": true,
       "os": [
         "sunos"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-wasm": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.13.12.tgz",
-      "integrity": "sha512-eGdiSewbnJffEvyA0qQmr+w3HurBMVp4QhOfICzeeoL9naC8qC3PFaw6hZaqSgks5DXnQONtUGUFLsX3eXpq8A==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.14.22.tgz",
+      "integrity": "sha512-FOSAM29GN1fWusw0oLMv6JYhoheDIh5+atC72TkJKfIUMID6yISlicoQSd9gsNSFsNBvABvtE2jR4JB1j4FkFw==",
       "dev": true,
       "bin": {
         "esbuild": "bin/esbuild"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
       }
     },
     "node_modules/esbuild-windows-32": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.13.12.tgz",
-      "integrity": "sha512-L9m4lLFQrFeR7F+eLZXG82SbXZfUhyfu6CexZEil6vm+lc7GDCE0Q8DiNutkpzjv1+RAbIGVva9muItQ7HVTkQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.22.tgz",
+      "integrity": "sha512-1vRIkuvPTjeSVK3diVrnMLSbkuE36jxA+8zGLUOrT4bb7E/JZvDRhvtbWXWaveUc/7LbhaNFhHNvfPuSw2QOQg==",
       "cpu": [
         "ia32"
       ],
@@ -5943,12 +5970,15 @@
       "optional": true,
       "os": [
         "win32"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-windows-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.13.12.tgz",
-      "integrity": "sha512-k4tX4uJlSbSkfs78W5d9+I9gpd+7N95W7H2bgOMFPsYREVJs31+Q2gLLHlsnlY95zBoPQMIzHooUIsixQIBjaQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.22.tgz",
+      "integrity": "sha512-AxjIDcOmx17vr31C5hp20HIwz1MymtMjKqX4qL6whPj0dT9lwxPexmLj6G1CpR3vFhui6m75EnBEe4QL82SYqw==",
       "cpu": [
         "x64"
       ],
@@ -5956,12 +5986,15 @@
       "optional": true,
       "os": [
         "win32"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/esbuild-windows-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.13.12.tgz",
-      "integrity": "sha512-2tTv/BpYRIvuwHpp2M960nG7uvL+d78LFW/ikPItO+2GfK51CswIKSetSpDii+cjz8e9iSPgs+BU4o8nWICBwQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.22.tgz",
+      "integrity": "sha512-5wvQ+39tHmRhNpu2Fx04l7QfeK3mQ9tKzDqqGR8n/4WUxsFxnVLfDRBGirIfk4AfWlxk60kqirlODPoT5LqMUg==",
       "cpu": [
         "arm64"
       ],
@@ -5969,7 +6002,10 @@
       "optional": true,
       "os": [
         "win32"
-      ]
+      ],
+      "engines": {
+        "node": ">=12"
+      }
     },
     "node_modules/escalade": {
       "version": "3.1.1",
@@ -6091,7 +6127,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
       "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true,
       "engines": {
         "node": ">=0.8.x"
       }
@@ -6129,17 +6164,17 @@
       }
     },
     "node_modules/express": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.17.2.tgz",
-      "integrity": "sha512-oxlxJxcQlYwqPWKVJJtvQiwHgosH/LrLSPA+H4UxpyvSS6jC5aH+5MoHFM+KABgTOt0APue4w66Ha8jCUo9QGg==",
+      "version": "4.17.3",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.17.3.tgz",
+      "integrity": "sha512-yuSQpz5I+Ch7gFrPCk4/c+dIBKlQUxtgwqzph132bsT6qhuzss6I8cLJQz7B3rFblzd6wtcI0ZbGltH/C4LjUg==",
       "dev": true,
       "dependencies": {
-        "accepts": "~1.3.7",
+        "accepts": "~1.3.8",
         "array-flatten": "1.1.1",
-        "body-parser": "1.19.1",
+        "body-parser": "1.19.2",
         "content-disposition": "0.5.4",
         "content-type": "~1.0.4",
-        "cookie": "0.4.1",
+        "cookie": "0.4.2",
         "cookie-signature": "1.0.6",
         "debug": "2.6.9",
         "depd": "~1.1.2",
@@ -6154,7 +6189,7 @@
         "parseurl": "~1.3.3",
         "path-to-regexp": "0.1.7",
         "proxy-addr": "~2.0.7",
-        "qs": "6.9.6",
+        "qs": "6.9.7",
         "range-parser": "~1.2.1",
         "safe-buffer": "5.2.1",
         "send": "0.17.2",
@@ -6385,9 +6420,9 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
-      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.5.tgz",
+      "integrity": "sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==",
       "dev": true
     },
     "node_modules/flatten": {
@@ -6398,9 +6433,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.14.7",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.7.tgz",
-      "integrity": "sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ==",
+      "version": "1.14.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz",
+      "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==",
       "dev": true,
       "funding": [
         {
@@ -6449,6 +6484,19 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fraction.js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
+      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://www.patreon.com/infusion"
+      }
+    },
     "node_modules/freeice": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/freeice/-/freeice-2.2.2.tgz",
@@ -6467,9 +6515,9 @@
       }
     },
     "node_modules/fs-extra": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.0.tgz",
-      "integrity": "sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==",
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz",
+      "integrity": "sha512-NbdoVMZso2Lsrn/QwLXOy6rm0ufY2zEOKCDzJR/0kBsb0E6qed0P3iYK+Ath3BfvXEeu4JhEtXLgILx5psUfag==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -6525,20 +6573,19 @@
       "dev": true
     },
     "node_modules/gauge": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.0.tgz",
-      "integrity": "sha512-F8sU45yQpjQjxKkm1UOAhf0U/O0aFt//Fl7hsrNVto+patMHjs7dPI9mFOGUKbhrgKm0S3EjW3scMFuQmWSROw==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.3.tgz",
+      "integrity": "sha512-ICw1DhAwMtb22rYFwEHgJcx1JCwJGv3x6G0OQUq56Nge+H4Q8JEwr8iveS0XFlsUNSI67F5ffMGK25bK4Pmskw==",
       "dev": true,
       "dependencies": {
-        "ansi-regex": "^5.0.1",
         "aproba": "^1.0.3 || ^2.0.0",
-        "color-support": "^1.1.2",
-        "console-control-strings": "^1.0.0",
+        "color-support": "^1.1.3",
+        "console-control-strings": "^1.1.0",
         "has-unicode": "^2.0.1",
-        "signal-exit": "^3.0.0",
+        "signal-exit": "^3.0.7",
         "string-width": "^4.2.3",
         "strip-ansi": "^6.0.1",
-        "wide-align": "^1.1.2"
+        "wide-align": "^1.1.5"
       },
       "engines": {
         "node": "^12.13.0 || ^14.15.0 || >=16"
@@ -6654,20 +6701,20 @@
       }
     },
     "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "version": "12.2.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-12.2.0.tgz",
+      "integrity": "sha512-wiSuFQLZ+urS9x2gGPl1H5drc5twabmm4m2gTR27XDFyjUHJUNsS8o/2aKyIF6IoBaR630atdher0XJ5g6OMmA==",
       "dev": true,
       "dependencies": {
-        "array-union": "^2.1.0",
+        "array-union": "^3.0.1",
         "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
+        "fast-glob": "^3.2.7",
+        "ignore": "^5.1.9",
         "merge2": "^1.4.1",
-        "slash": "^3.0.0"
+        "slash": "^4.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -6802,9 +6849,9 @@
       }
     },
     "node_modules/has-symbols": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
-      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
       "dev": true,
       "engines": {
         "node": ">= 0.4"
@@ -6940,9 +6987,9 @@
       }
     },
     "node_modules/http-parser-js": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.5.tgz",
-      "integrity": "sha512-x+JVEkO2PoM8qqpbPbOL3cqHPwerep7OwzK7Ay+sMQjKzaKCqWvjoXm5tqMP9tXWWTnTzAjIhXg+J99XYuPhPA==",
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.6.tgz",
+      "integrity": "sha512-vDlkRPDJn93swjcjqMSaGSPABbIarsr1TLAui/gLDXzV5VsJNdXNzMYDyNBLQkjWQCJ1uizu8T2oDMhmGt0PRA==",
       "dev": true
     },
     "node_modules/http-proxy": {
@@ -6974,9 +7021,9 @@
       }
     },
     "node_modules/http-proxy-middleware": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.2.tgz",
-      "integrity": "sha512-XtmDN5w+vdFTBZaYhdJAbMqn0DP/EhkUaAeo963mojwpKMMbw6nivtFKw07D7DDOH745L5k0VL0P8KRYNEVF/g==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.4.tgz",
+      "integrity": "sha512-m/4FxX17SUvz4lJ5WPXOHDUuCwIqXLfLHs1s0uZ3oYjhoXlx9csYxaOa0ElDEJ+h8Q4iJ1s+lTMbiCa4EXIJqg==",
       "dev": true,
       "dependencies": {
         "@types/http-proxy": "^1.17.8",
@@ -6990,6 +7037,11 @@
       },
       "peerDependencies": {
         "@types/express": "^4.17.13"
+      },
+      "peerDependenciesMeta": {
+        "@types/express": {
+          "optional": true
+        }
       }
     },
     "node_modules/http-signature": {
@@ -7121,6 +7173,12 @@
       "integrity": "sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=",
       "dev": true
     },
+    "node_modules/immutable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+      "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==",
+      "dev": true
+    },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -7189,8 +7247,7 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/ini": {
       "version": "2.0.0",
@@ -7305,48 +7362,12 @@
         "node": ">=8"
       }
     },
-    "node_modules/internal-ip": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-6.2.0.tgz",
-      "integrity": "sha512-D8WGsR6yDt8uq7vDMu7mjcR+yRMm3dW8yufyChmszWRjcSHuxLBkR3GdS2HZAjodsaGuCvXeEJpueisXJULghg==",
-      "dev": true,
-      "dependencies": {
-        "default-gateway": "^6.0.0",
-        "ipaddr.js": "^1.9.1",
-        "is-ip": "^3.1.0",
-        "p-event": "^4.2.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/internal-ip?sponsor=1"
-      }
-    },
-    "node_modules/internal-ip/node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/ip": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
       "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
       "dev": true
     },
-    "node_modules/ip-regex": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-4.3.0.tgz",
-      "integrity": "sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/ipaddr.js": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz",
@@ -7471,18 +7492,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/is-ip": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/is-ip/-/is-ip-3.1.0.tgz",
-      "integrity": "sha512-35vd5necO7IitFPjd/YBeqwWnyDWbuLH9ZXQdMfDA8TEo7pv5X8yfrvVO3xbJbLUlERCMvf6X0hTUamQxCYJ9Q==",
-      "dev": true,
-      "dependencies": {
-        "ip-regex": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/is-lambda": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
@@ -7757,9 +7766,9 @@
       }
     },
     "node_modules/istanbul-reports": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.3.tgz",
-      "integrity": "sha512-x9LtDVtfm/t1GFiLl3NffC7hz+I1ragvgX1P/Lg1NlIagifZDKUkuuaAxH/qpwj2IuEfD8G2Bs/UKp+sZ/pKkg==",
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.4.tgz",
+      "integrity": "sha512-r1/DshN4KSE7xWEknZLLLLDn5CJybV3nw01VTkp6D5jzLuELlcbudfj/eSQFvrKsJuTVCGnePO7ho82Nw9zzfw==",
       "dev": true,
       "dependencies": {
         "html-escaper": "^2.0.0",
@@ -7814,9 +7823,9 @@
       }
     },
     "node_modules/jest-worker": {
-      "version": "27.4.6",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.4.6.tgz",
-      "integrity": "sha512-gHWJF/6Xi5CTG5QCvROr6GcmpIqNYpDJyc8A1h/DyXqH1tD6SnRCM0d3U5msV31D2LB/U+E0M+W4oyvKV44oNw==",
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
@@ -8017,15 +8026,15 @@
       }
     },
     "node_modules/karma": {
-      "version": "6.3.12",
-      "resolved": "https://registry.npmjs.org/karma/-/karma-6.3.12.tgz",
-      "integrity": "sha512-qwIG+oB2YmHx4hjvYSRMNzL3YWAJ9baHaLAxiP7biFNkfpwYTUTtPck0joFpucalNLzMr+7z/FX1uY/kl8DV9A==",
+      "version": "6.3.17",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-6.3.17.tgz",
+      "integrity": "sha512-2TfjHwrRExC8yHoWlPBULyaLwAFmXmxQrcuFImt/JsAsSZu1uOWTZ1ZsWjqQtWpHLiatJOHL5jFjXSJIgCd01g==",
       "dev": true,
       "dependencies": {
+        "@colors/colors": "1.5.0",
         "body-parser": "^1.19.0",
         "braces": "^3.0.2",
         "chokidar": "^3.5.1",
-        "colors": "1.4.0",
         "connect": "^3.7.0",
         "di": "^0.0.1",
         "dom-serialize": "^2.2.1",
@@ -8034,9 +8043,10 @@
         "http-proxy": "^1.18.1",
         "isbinaryfile": "^4.0.8",
         "lodash": "^4.17.21",
-        "log4js": "^6.3.0",
+        "log4js": "^6.4.1",
         "mime": "^2.5.2",
         "minimatch": "^3.0.4",
+        "mkdirp": "^0.5.5",
         "qjobs": "^1.2.0",
         "range-parser": "^1.2.1",
         "rimraf": "^3.0.2",
@@ -8063,13 +8073,13 @@
       }
     },
     "node_modules/karma-coverage": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.1.0.tgz",
-      "integrity": "sha512-uIejpnArNFQIovB6EPsKO/T4XofELdJWXcA2ADXztFlKhHbr0Ws6ba7wKTMVWsIhEs4iJxdhQkCQrkkhFJSZCw==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.0.tgz",
+      "integrity": "sha512-gPVdoZBNDZ08UCzdMHHhEImKrw1+PAOQOIiffv1YsvxFhBjqvo/SVXNk4tqn1SYqX0BJZT6S/59zgxiBe+9OuA==",
       "dev": true,
       "dependencies": {
         "istanbul-lib-coverage": "^3.2.0",
-        "istanbul-lib-instrument": "^4.0.3",
+        "istanbul-lib-instrument": "^5.1.0",
         "istanbul-lib-report": "^3.0.0",
         "istanbul-lib-source-maps": "^4.0.1",
         "istanbul-reports": "^3.0.5",
@@ -8172,30 +8182,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/karma-coverage/node_modules/istanbul-lib-instrument": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz",
-      "integrity": "sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.7.5",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-coverage": "^3.0.0",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/karma-coverage/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/karma-jasmine": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-4.0.1.tgz",
@@ -8294,6 +8280,18 @@
         "source-map-support": "^0.5.5"
       }
     },
+    "node_modules/karma/node_modules/mkdirp": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
+      "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.5"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
     "node_modules/karma/node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -8464,10 +8462,13 @@
       }
     },
     "node_modules/license-webpack-plugin": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-3.0.0.tgz",
-      "integrity": "sha512-Owp0mXaJu/09h9hvZTazMni/Ni7bjh4R4xIfLhWP1O2wrhhKtezAA8U42TTeNDpyDMUD2ljeGC8Jh9xSFnyq4Q==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-4.0.2.tgz",
+      "integrity": "sha512-771TFWFD70G1wLTC4oU2Cw4qvtmNrIw+wRvBtn+okgHl7slJVi7zfNcdmqDL72BojM30VNJ2UHylr1o77U37Jw==",
       "dev": true,
+      "dependencies": {
+        "webpack-sources": "^3.0.0"
+      },
       "peerDependenciesMeta": {
         "webpack": {
           "optional": true
@@ -8502,13 +8503,10 @@
       }
     },
     "node_modules/loader-utils": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.0.0.tgz",
-      "integrity": "sha512-ry4RE7qen73BFLgihlbyllGIW9SVWLUD5Cq9VWtzrqhntOMOJl8yEjA89d5mCUTT0puCnHo4EecO6bz+BOAS8w==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.0.tgz",
+      "integrity": "sha512-HVl9ZqccQihZ7JM85dco1MvO9G+ONvxoGa9rkhzFsneGLKSUg1gJf9bWzhRhcvm2qChhWpebQhP44qxjKIUCaQ==",
       "dev": true,
-      "dependencies": {
-        "big.js": "^6.1.1"
-      },
       "engines": {
         "node": ">= 12.13.0"
       }
@@ -8550,16 +8548,16 @@
       }
     },
     "node_modules/log4js": {
-      "version": "6.4.1",
-      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.4.1.tgz",
-      "integrity": "sha512-iUiYnXqAmNKiIZ1XSAitQ4TmNs8CdZYTAWINARF3LjnsLN8tY5m0vRwd6uuWj/yNY0YHxeZodnbmxKFUOM2rMg==",
+      "version": "6.4.3",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.4.3.tgz",
+      "integrity": "sha512-H/oQKcCVIhQ8zCtUh5aftdp9eRpGyVB1M5sKzAJ0i10q5jS+YXk133vtLgzT1RIoWMbIn7QD1LUto8a1hqh6gA==",
       "dev": true,
       "dependencies": {
-        "date-format": "^4.0.3",
+        "date-format": "^4.0.5",
         "debug": "^4.3.3",
-        "flatted": "^3.2.4",
+        "flatted": "^3.2.5",
         "rfdc": "^1.3.0",
-        "streamroller": "^3.0.2"
+        "streamroller": "^3.0.5"
       },
       "engines": {
         "node": ">=8.0"
@@ -8586,7 +8584,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -8737,21 +8734,21 @@
       }
     },
     "node_modules/mime-db": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
-      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "dev": true,
       "engines": {
         "node": ">= 0.6"
       }
     },
     "node_modules/mime-types": {
-      "version": "2.1.34",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
-      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "dev": true,
       "dependencies": {
-        "mime-db": "1.51.0"
+        "mime-db": "1.52.0"
       },
       "engines": {
         "node": ">= 0.6"
@@ -8767,12 +8764,12 @@
       }
     },
     "node_modules/mini-css-extract-plugin": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.4.3.tgz",
-      "integrity": "sha512-zekavl9mZuGyk7COjsfFY/f655AX61EKE0AthXPrmDk+oZyjZ9WzO4WPjXnnO9xl8obK2kmM6rAQrBEmk+WK1g==",
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.5.3.tgz",
+      "integrity": "sha512-YseMB8cs8U/KCaAGQoqYmfUuhhGW0a9p9XvWXrxVOkE3/IiISTLw4ALNt7JR5B2eYauFM+PQGSbXMDmVbR7Tfw==",
       "dev": true,
       "dependencies": {
-        "schema-utils": "^3.1.0"
+        "schema-utils": "^4.0.0"
       },
       "engines": {
         "node": ">= 12.13.0"
@@ -8785,49 +8782,19 @@
         "webpack": "^5.0.0"
       }
     },
-    "node_modules/mini-css-extract-plugin/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/mini-css-extract-plugin/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/mini-css-extract-plugin/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
     "node_modules/mini-css-extract-plugin/node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
       "dev": true,
       "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.8.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.0.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
@@ -9011,9 +8978,9 @@
       "dev": true
     },
     "node_modules/nanoid": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.2.0.tgz",
-      "integrity": "sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
+      "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==",
       "dev": true,
       "bin": {
         "nanoid": "bin/nanoid.cjs"
@@ -9111,6 +9078,54 @@
         "typescript": "~4.4.0"
       }
     },
+    "node_modules/ng-packagr/node_modules/autoprefixer": {
+      "version": "9.8.8",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
+      "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.12.0",
+        "caniuse-lite": "^1.0.30001109",
+        "normalize-range": "^0.1.2",
+        "num2fraction": "^1.2.2",
+        "picocolors": "^0.2.1",
+        "postcss": "^7.0.32",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/autoprefixer/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/autoprefixer/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ng-packagr/node_modules/commander": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
@@ -9120,6 +9135,1547 @@
         "node": ">= 12"
       }
     },
+    "node_modules/ng-packagr/node_modules/css-blank-pseudo": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
+      "integrity": "sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.5"
+      },
+      "bin": {
+        "css-blank-pseudo": "cli.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/css-blank-pseudo/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/css-blank-pseudo/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/css-has-pseudo": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz",
+      "integrity": "sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.6",
+        "postcss-selector-parser": "^5.0.0-rc.4"
+      },
+      "bin": {
+        "css-has-pseudo": "cli.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/css-has-pseudo/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/css-has-pseudo/node_modules/postcss-selector-parser": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
+      "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^2.0.0",
+        "indexes-of": "^1.0.1",
+        "uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/css-has-pseudo/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/css-prefers-color-scheme": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz",
+      "integrity": "sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.5"
+      },
+      "bin": {
+        "css-prefers-color-scheme": "cli.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/css-prefers-color-scheme/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/css-prefers-color-scheme/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/cssdb": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
+      "integrity": "sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==",
+      "dev": true
+    },
+    "node_modules/ng-packagr/node_modules/cssesc": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
+      "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/esbuild": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.13.15.tgz",
+      "integrity": "sha512-raCxt02HBKv8RJxE8vkTSCXGIyKHdEdGfUmiYb8wnabnaEmHzyW7DCHb5tEN0xU8ryqg5xw54mcwnYkC4x3AIw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "optionalDependencies": {
+        "esbuild-android-arm64": "0.13.15",
+        "esbuild-darwin-64": "0.13.15",
+        "esbuild-darwin-arm64": "0.13.15",
+        "esbuild-freebsd-64": "0.13.15",
+        "esbuild-freebsd-arm64": "0.13.15",
+        "esbuild-linux-32": "0.13.15",
+        "esbuild-linux-64": "0.13.15",
+        "esbuild-linux-arm": "0.13.15",
+        "esbuild-linux-arm64": "0.13.15",
+        "esbuild-linux-mips64le": "0.13.15",
+        "esbuild-linux-ppc64le": "0.13.15",
+        "esbuild-netbsd-64": "0.13.15",
+        "esbuild-openbsd-64": "0.13.15",
+        "esbuild-sunos-64": "0.13.15",
+        "esbuild-windows-32": "0.13.15",
+        "esbuild-windows-64": "0.13.15",
+        "esbuild-windows-arm64": "0.13.15"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-android-arm64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.13.15.tgz",
+      "integrity": "sha512-m602nft/XXeO8YQPUDVoHfjyRVPdPgjyyXOxZ44MK/agewFFkPa8tUo6lAzSWh5Ui5PB4KR9UIFTSBKh/RrCmg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-darwin-64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.13.15.tgz",
+      "integrity": "sha512-ihOQRGs2yyp7t5bArCwnvn2Atr6X4axqPpEdCFPVp7iUj4cVSdisgvEKdNR7yH3JDjW6aQDw40iQFoTqejqxvQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-darwin-arm64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.13.15.tgz",
+      "integrity": "sha512-i1FZssTVxUqNlJ6cBTj5YQj4imWy3m49RZRnHhLpefFIh0To05ow9DTrXROTE1urGTQCloFUXTX8QfGJy1P8dQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-freebsd-64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.13.15.tgz",
+      "integrity": "sha512-G3dLBXUI6lC6Z09/x+WtXBXbOYQZ0E8TDBqvn7aMaOCzryJs8LyVXKY4CPnHFXZAbSwkCbqiPuSQ1+HhrNk7EA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-freebsd-arm64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.13.15.tgz",
+      "integrity": "sha512-KJx0fzEDf1uhNOZQStV4ujg30WlnwqUASaGSFPhznLM/bbheu9HhqZ6mJJZM32lkyfGJikw0jg7v3S0oAvtvQQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-linux-32": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.13.15.tgz",
+      "integrity": "sha512-ZvTBPk0YWCLMCXiFmD5EUtB30zIPvC5Itxz0mdTu/xZBbbHJftQgLWY49wEPSn2T/TxahYCRDWun5smRa0Tu+g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-linux-64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.13.15.tgz",
+      "integrity": "sha512-eCKzkNSLywNeQTRBxJRQ0jxRCl2YWdMB3+PkWFo2BBQYC5mISLIVIjThNtn6HUNqua1pnvgP5xX0nHbZbPj5oA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-linux-arm": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.13.15.tgz",
+      "integrity": "sha512-wUHttDi/ol0tD8ZgUMDH8Ef7IbDX+/UsWJOXaAyTdkT7Yy9ZBqPg8bgB/Dn3CZ9SBpNieozrPRHm0BGww7W/jA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-linux-arm64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.13.15.tgz",
+      "integrity": "sha512-bYpuUlN6qYU9slzr/ltyLTR9YTBS7qUDymO8SV7kjeNext61OdmqFAzuVZom+OLW1HPHseBfJ/JfdSlx8oTUoA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-linux-mips64le": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.13.15.tgz",
+      "integrity": "sha512-KlVjIG828uFPyJkO/8gKwy9RbXhCEUeFsCGOJBepUlpa7G8/SeZgncUEz/tOOUJTcWMTmFMtdd3GElGyAtbSWg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-linux-ppc64le": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.13.15.tgz",
+      "integrity": "sha512-h6gYF+OsaqEuBjeesTBtUPw0bmiDu7eAeuc2OEH9S6mV9/jPhPdhOWzdeshb0BskRZxPhxPOjqZ+/OqLcxQwEQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-netbsd-64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.13.15.tgz",
+      "integrity": "sha512-3+yE9emwoevLMyvu+iR3rsa+Xwhie7ZEHMGDQ6dkqP/ndFzRHkobHUKTe+NCApSqG5ce2z4rFu+NX/UHnxlh3w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-openbsd-64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.13.15.tgz",
+      "integrity": "sha512-wTfvtwYJYAFL1fSs8yHIdf5GEE4NkbtbXtjLWjM3Cw8mmQKqsg8kTiqJ9NJQe5NX/5Qlo7Xd9r1yKMMkHllp5g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-sunos-64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.13.15.tgz",
+      "integrity": "sha512-lbivT9Bx3t1iWWrSnGyBP9ODriEvWDRiweAs69vI+miJoeKwHWOComSRukttbuzjZ8r1q0mQJ8Z7yUsDJ3hKdw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-wasm": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.13.15.tgz",
+      "integrity": "sha512-QO/ZqlnpXtiMKrPp8lgwsNJFKGKwm0EcIN6Og3vbhkFaauRTgGsX0t96gW7pFIY5UAARW/O+i1B/YLid6jW6eQ==",
+      "dev": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-windows-32": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.13.15.tgz",
+      "integrity": "sha512-fDMEf2g3SsJ599MBr50cY5ve5lP1wyVwTe6aLJsM01KtxyKkB4UT+fc5MXQFn3RLrAIAZOG+tHC+yXObpSn7Nw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-windows-64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.13.15.tgz",
+      "integrity": "sha512-9aMsPRGDWCd3bGjUIKG/ZOJPKsiztlxl/Q3C1XDswO6eNX/Jtwu4M+jb6YDH9hRSUflQWX0XKAfWzgy5Wk54JQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-windows-arm64": {
+      "version": "0.13.15",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.13.15.tgz",
+      "integrity": "sha512-zzvyCVVpbwQQATaf3IG8mu1IwGEiDxKkYUdA4FpoCHi1KtPa13jeScYDjlW0Qh+ebWzpKfR2ZwvqAQkSWNcKjA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/ng-packagr/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "node_modules/ng-packagr/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/ng-packagr/node_modules/postcss-attribute-case-insensitive": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz",
+      "integrity": "sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2",
+        "postcss-selector-parser": "^6.0.2"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-attribute-case-insensitive/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-attribute-case-insensitive/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-color-functional-notation": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz",
+      "integrity": "sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2",
+        "postcss-values-parser": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-color-functional-notation/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-color-functional-notation/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-color-hex-alpha": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz",
+      "integrity": "sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.14",
+        "postcss-values-parser": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-color-hex-alpha/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-color-hex-alpha/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-color-rebeccapurple": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz",
+      "integrity": "sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2",
+        "postcss-values-parser": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-color-rebeccapurple/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-color-rebeccapurple/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-media": {
+      "version": "7.0.8",
+      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz",
+      "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.14"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-media/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-media/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-properties": {
+      "version": "8.0.11",
+      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz",
+      "integrity": "sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.17",
+        "postcss-values-parser": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-properties/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-properties/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-selectors": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz",
+      "integrity": "sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2",
+        "postcss-selector-parser": "^5.0.0-rc.3"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-selectors/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-selectors/node_modules/postcss-selector-parser": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
+      "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^2.0.0",
+        "indexes-of": "^1.0.1",
+        "uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-custom-selectors/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-dir-pseudo-class": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz",
+      "integrity": "sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2",
+        "postcss-selector-parser": "^5.0.0-rc.3"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-dir-pseudo-class/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-dir-pseudo-class/node_modules/postcss-selector-parser": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
+      "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^2.0.0",
+        "indexes-of": "^1.0.1",
+        "uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-dir-pseudo-class/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-double-position-gradients": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz",
+      "integrity": "sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.5",
+        "postcss-values-parser": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-double-position-gradients/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-double-position-gradients/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-env-function": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-2.0.2.tgz",
+      "integrity": "sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2",
+        "postcss-values-parser": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-env-function/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-env-function/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-focus-visible": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz",
+      "integrity": "sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-focus-visible/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-focus-visible/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-focus-within": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
+      "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-focus-within/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-focus-within/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-font-variant": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz",
+      "integrity": "sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-font-variant/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-font-variant/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-gap-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz",
+      "integrity": "sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-gap-properties/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-gap-properties/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-image-set-function": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz",
+      "integrity": "sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2",
+        "postcss-values-parser": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-image-set-function/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-image-set-function/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-initial": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-3.0.4.tgz",
+      "integrity": "sha512-3RLn6DIpMsK1l5UUy9jxQvoDeUN4gP939tDcKUHD/kM8SGSKbFAnvkpFpj3Bhtz3HGk1jWY5ZNWX6mPta5M9fg==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-initial/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-initial/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-lab-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz",
+      "integrity": "sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/convert-colors": "^1.4.0",
+        "postcss": "^7.0.2",
+        "postcss-values-parser": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-lab-function/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-lab-function/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-logical": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-3.0.0.tgz",
+      "integrity": "sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-logical/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-logical/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-media-minmax": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz",
+      "integrity": "sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-media-minmax/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-media-minmax/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-nesting": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.1.tgz",
+      "integrity": "sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-nesting/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-nesting/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-overflow-shorthand": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz",
+      "integrity": "sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-overflow-shorthand/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-overflow-shorthand/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-page-break": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-2.0.0.tgz",
+      "integrity": "sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-page-break/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-page-break/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-place": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-4.0.1.tgz",
+      "integrity": "sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2",
+        "postcss-values-parser": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-place/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-place/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-preset-env": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-6.7.1.tgz",
+      "integrity": "sha512-rlRkgX9t0v2On33n7TK8pnkcYOATGQSv48J2RS8GsXhqtg+xk6AummHP88Y5mJo0TLJelBjePvSjScTNkj3+qw==",
+      "dev": true,
+      "dependencies": {
+        "autoprefixer": "^9.6.1",
+        "browserslist": "^4.6.4",
+        "caniuse-lite": "^1.0.30000981",
+        "css-blank-pseudo": "^0.1.4",
+        "css-has-pseudo": "^0.10.0",
+        "css-prefers-color-scheme": "^3.1.1",
+        "cssdb": "^4.4.0",
+        "postcss": "^7.0.17",
+        "postcss-attribute-case-insensitive": "^4.0.1",
+        "postcss-color-functional-notation": "^2.0.1",
+        "postcss-color-gray": "^5.0.0",
+        "postcss-color-hex-alpha": "^5.0.3",
+        "postcss-color-mod-function": "^3.0.3",
+        "postcss-color-rebeccapurple": "^4.0.1",
+        "postcss-custom-media": "^7.0.8",
+        "postcss-custom-properties": "^8.0.11",
+        "postcss-custom-selectors": "^5.1.2",
+        "postcss-dir-pseudo-class": "^5.0.0",
+        "postcss-double-position-gradients": "^1.0.0",
+        "postcss-env-function": "^2.0.2",
+        "postcss-focus-visible": "^4.0.0",
+        "postcss-focus-within": "^3.0.0",
+        "postcss-font-variant": "^4.0.0",
+        "postcss-gap-properties": "^2.0.0",
+        "postcss-image-set-function": "^3.0.1",
+        "postcss-initial": "^3.0.0",
+        "postcss-lab-function": "^2.0.1",
+        "postcss-logical": "^3.0.0",
+        "postcss-media-minmax": "^4.0.0",
+        "postcss-nesting": "^7.0.0",
+        "postcss-overflow-shorthand": "^2.0.0",
+        "postcss-page-break": "^2.0.0",
+        "postcss-place": "^4.0.1",
+        "postcss-pseudo-class-any-link": "^6.0.0",
+        "postcss-replace-overflow-wrap": "^3.0.0",
+        "postcss-selector-matches": "^4.0.0",
+        "postcss-selector-not": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-preset-env/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-preset-env/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-pseudo-class-any-link": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz",
+      "integrity": "sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2",
+        "postcss-selector-parser": "^5.0.0-rc.3"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-pseudo-class-any-link/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-pseudo-class-any-link/node_modules/postcss-selector-parser": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
+      "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^2.0.0",
+        "indexes-of": "^1.0.1",
+        "uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-pseudo-class-any-link/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-replace-overflow-wrap": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz",
+      "integrity": "sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.2"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-replace-overflow-wrap/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-replace-overflow-wrap/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-selector-not": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-4.0.1.tgz",
+      "integrity": "sha512-YolvBgInEK5/79C+bdFMyzqTg6pkYqDbzZIST/PDMqa/o3qtXenD05apBG2jLgT0/BQ77d4U2UK12jWpilqMAQ==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "postcss": "^7.0.2"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-selector-not/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/postcss-selector-not/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ng-packagr/node_modules/rxjs": {
       "version": "6.6.7",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
@@ -9138,6 +10694,37 @@
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
       "dev": true
     },
+    "node_modules/ng-packagr/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/stylus": {
+      "version": "0.55.0",
+      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.55.0.tgz",
+      "integrity": "sha512-MuzIIVRSbc8XxHH7FjkvWqkIcr1BvoMZoR/oFuAJDlh7VSaNJzrB4uJ38GRQa+mWjLXODAMzeDe0xi9GYbGwnw==",
+      "dev": true,
+      "dependencies": {
+        "css": "^3.0.0",
+        "debug": "~3.1.0",
+        "glob": "^7.1.6",
+        "mkdirp": "~1.0.4",
+        "safer-buffer": "^2.1.2",
+        "sax": "~1.2.4",
+        "semver": "^6.3.0",
+        "source-map": "^0.7.3"
+      },
+      "bin": {
+        "stylus": "bin/stylus"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/nice-napi": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz",
@@ -9161,12 +10748,12 @@
       "optional": true
     },
     "node_modules/node-forge": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
-      "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.2.1.tgz",
+      "integrity": "sha512-Fcvtbb+zBcZXbTTVwqGA5W+MKBj56UjVRevvchv5XrcyXbmNdesfZL37nlcWOfpgHhgmxApw3tQbTr4CqNmX4w==",
       "dev": true,
       "engines": {
-        "node": ">= 6.0.0"
+        "node": ">= 6.13.0"
       }
     },
     "node_modules/node-gyp": {
@@ -9250,9 +10837,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
-      "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
+      "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==",
       "dev": true
     },
     "node_modules/nopt": {
@@ -9394,12 +10981,12 @@
       }
     },
     "node_modules/npmlog": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.0.tgz",
-      "integrity": "sha512-03ppFRGlsyUaQFbGC2C8QWJN/C/K7PsfyD9aQdhVKAQIH4sQBc8WASqFBP7O+Ut4d2oo5LoeoboB3cGdBZSp6Q==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.1.tgz",
+      "integrity": "sha512-BTHDvY6nrRHuRfyjt1MAufLxYdVXZfd099H4+i1f0lPywNQyI4foeNXJRObB/uy+TYqUW0vAD9gbdSOXPst7Eg==",
       "dev": true,
       "dependencies": {
-        "are-we-there-yet": "^2.0.0",
+        "are-we-there-yet": "^3.0.0",
         "console-control-strings": "^1.1.0",
         "gauge": "^4.0.0",
         "set-blocking": "^2.0.0"
@@ -9565,18 +11152,33 @@
       }
     },
     "node_modules/openvidu-browser": {
-      "version": "2.21.0-beta1",
-      "resolved": "https://registry.npmjs.org/openvidu-browser/-/openvidu-browser-2.21.0-beta1.tgz",
-      "integrity": "sha512-bwHJ4DQzYqpyM8YW0GjgpMOofBTDZAtWn9zm6jVjkje/RGMWhwaOiYDuoygejndeaWd/i+l2hVaKB6iWxE3KDw==",
+      "version": "2.21.0",
+      "resolved": "https://registry.npmjs.org/openvidu-browser/-/openvidu-browser-2.21.0.tgz",
+      "integrity": "sha512-dQZ8lsvt7zydklG/naHtaWpnhRo5ErTjEkWslmg6e2fjFVy+GmGVrJBeMJrJDM2FrOWv8aH86fRNR+P7eESB9g==",
       "dependencies": {
+        "events": "3.3.0",
         "freeice": "2.2.2",
         "hark": "1.2.3",
+        "inherits": "2.0.4",
         "jsnlog": "2.30.0",
+        "mime": "3.0.0",
         "platform": "1.3.6",
+        "semver": "7.3.5",
         "uuid": "8.3.2",
         "wolfy87-eventemitter": "5.2.9"
       }
     },
+    "node_modules/openvidu-browser/node_modules/mime": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
+      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/ora": {
       "version": "5.4.1",
       "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
@@ -9695,40 +11297,16 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/p-event": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/p-event/-/p-event-4.2.0.tgz",
-      "integrity": "sha512-KXatOjCRXXkSePPb1Nbi0p0m+gQAwdlbhi4wQKJPI1HsMQS9g+Sqp2o+QHziPr7eYJyOZet836KoHEVM1mwOrQ==",
-      "dev": true,
-      "dependencies": {
-        "p-timeout": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-finally": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
-      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
       "dev": true,
       "dependencies": {
-        "yocto-queue": "^0.1.0"
+        "p-try": "^2.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=6"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -9746,21 +11324,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/p-locate/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/p-map": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
@@ -9798,18 +11361,6 @@
         "node": ">= 4"
       }
     },
-    "node_modules/p-timeout": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-3.2.0.tgz",
-      "integrity": "sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==",
-      "dev": true,
-      "dependencies": {
-        "p-finally": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
@@ -10067,9 +11618,9 @@
       }
     },
     "node_modules/piscina": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/piscina/-/piscina-3.1.0.tgz",
-      "integrity": "sha512-KTW4sjsCD34MHrUbx9eAAbuUSpVj407hQSgk/6Epkg0pbRBmv4a3UX7Sr8wxm9xYqQLnsN4mFOjqGDzHAdgKQg==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/piscina/-/piscina-3.2.0.tgz",
+      "integrity": "sha512-yn/jMdHRw+q2ZJhFhyqsmANcbF6V2QwmD84c6xRau+QpQOmtrBCoRGdvTfeuFDYXB5W2m6MfLkjkvQa9lUSmIA==",
       "dev": true,
       "dependencies": {
         "eventemitter-asyncresource": "^1.0.0",
@@ -10133,14 +11684,14 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.3.11",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.11.tgz",
-      "integrity": "sha512-hCmlUAIlUiav8Xdqw3Io4LcpA1DOt7h3LSTAC4G6JGHFFaWzI6qvFt9oilvl8BmkbBRX1IhM90ZAmpk68zccQA==",
+      "version": "8.4.5",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
+      "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
       "dev": true,
       "dependencies": {
         "nanoid": "^3.1.30",
         "picocolors": "^1.0.0",
-        "source-map-js": "^0.6.2"
+        "source-map-js": "^1.0.1"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
@@ -10151,90 +11702,30 @@
       }
     },
     "node_modules/postcss-attribute-case-insensitive": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz",
-      "integrity": "sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.0.tgz",
+      "integrity": "sha512-b4g9eagFGq9T5SWX4+USfVyjIb3liPnjhHHRMP7FMB2kFVpYyfEscV0wP3eaXhKlcHKUut8lt5BGoeylWA/dBQ==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2",
         "postcss-selector-parser": "^6.0.2"
-      }
-    },
-    "node_modules/postcss-attribute-case-insensitive/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-attribute-case-insensitive/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-attribute-case-insensitive/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.0.2"
       }
     },
     "node_modules/postcss-color-functional-notation": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz",
-      "integrity": "sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.2.tgz",
+      "integrity": "sha512-DXVtwUhIk4f49KK5EGuEdgx4Gnyj6+t2jBSEmxvpIK9QI40tWrpS2Pua8Q7iIZWBrki2QOaeUdEaLPPa91K0RQ==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-color-functional-notation/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-color-functional-notation/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-color-functional-notation/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-color-gray": {
@@ -10284,48 +11775,18 @@
       }
     },
     "node_modules/postcss-color-hex-alpha": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz",
-      "integrity": "sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw==",
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.3.tgz",
+      "integrity": "sha512-fESawWJCrBV035DcbKRPAVmy21LpoyiXdPTuHUfWJ14ZRjY7Y7PA6P4g8z6LQGYhU1WAxkTxjIjurXzoe68Glw==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.14",
-        "postcss-values-parser": "^2.0.1"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-color-hex-alpha/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-color-hex-alpha/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-color-hex-alpha/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-color-mod-function": {
@@ -10375,587 +11836,172 @@
       }
     },
     "node_modules/postcss-color-rebeccapurple": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz",
-      "integrity": "sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.0.2.tgz",
+      "integrity": "sha512-SFc3MaocHaQ6k3oZaFwH8io6MdypkUtEy/eXzXEB1vEQlO3S3oDc/FSZA8AsS04Z25RirQhlDlHLh3dn7XewWw==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-color-rebeccapurple/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-color-rebeccapurple/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-color-rebeccapurple/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.3"
       }
     },
     "node_modules/postcss-custom-media": {
-      "version": "7.0.8",
-      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz",
-      "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==",
-      "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.14"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-custom-media/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-custom-media/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-custom-media/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-8.0.0.tgz",
+      "integrity": "sha512-FvO2GzMUaTN0t1fBULDeIvxr5IvbDXcIatt6pnJghc736nqNgsGao5NT+5+WVLAQiTt6Cb3YUms0jiPaXhL//g==",
       "dev": true,
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
       }
     },
     "node_modules/postcss-custom-properties": {
-      "version": "8.0.11",
-      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz",
-      "integrity": "sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==",
+      "version": "12.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-12.1.4.tgz",
+      "integrity": "sha512-i6AytuTCoDLJkWN/MtAIGriJz3j7UX6bV7Z5t+KgFz+dwZS15/mlTJY1S0kRizlk6ba0V8u8hN50Fz5Nm7tdZw==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.17",
-        "postcss-values-parser": "^2.0.1"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-custom-properties/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-custom-properties/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-custom-properties/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-custom-selectors": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz",
-      "integrity": "sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-6.0.0.tgz",
+      "integrity": "sha512-/1iyBhz/W8jUepjGyu7V1OPcGbc636snN1yXEQCinb6Bwt7KxsiU7/bLQlp8GwAXzCh7cobBU5odNn/2zQWR8Q==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2",
-        "postcss-selector-parser": "^5.0.0-rc.3"
+        "postcss-selector-parser": "^6.0.4"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-custom-selectors/node_modules/cssesc": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
-      "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
+        "node": ">=10.0.0"
       },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-custom-selectors/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-custom-selectors/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-custom-selectors/node_modules/postcss-selector-parser": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
-      "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^2.0.0",
-        "indexes-of": "^1.0.1",
-        "uniq": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-custom-selectors/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.1.2"
       }
     },
     "node_modules/postcss-dir-pseudo-class": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz",
-      "integrity": "sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw==",
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.4.tgz",
+      "integrity": "sha512-I8epwGy5ftdzNWEYok9VjW9whC4xnelAtbajGv4adql4FIF09rnrxnA9Y8xSHN47y7gqFIv10C5+ImsLeJpKBw==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2",
-        "postcss-selector-parser": "^5.0.0-rc.3"
+        "postcss-selector-parser": "^6.0.9"
       },
       "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/postcss-dir-pseudo-class/node_modules/cssesc": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
-      "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-dir-pseudo-class/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-dir-pseudo-class/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-dir-pseudo-class/node_modules/postcss-selector-parser": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
-      "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^2.0.0",
-        "indexes-of": "^1.0.1",
-        "uniq": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-dir-pseudo-class/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-double-position-gradients": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz",
-      "integrity": "sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.1.tgz",
+      "integrity": "sha512-jM+CGkTs4FcG53sMPjrrGE0rIvLDdCrqMzgDC5fLI7JHDO7o6QG8C5TQBtExb13hdBdoH9C2QVbG4jo2y9lErQ==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.5",
-        "postcss-values-parser": "^2.0.0"
+        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-double-position-gradients/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-double-position-gradients/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-double-position-gradients/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-env-function": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-2.0.2.tgz",
-      "integrity": "sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-4.0.5.tgz",
+      "integrity": "sha512-gPUJc71ji9XKyl0WSzAalBeEA/89kU+XpffpPxSaaaZ1c48OL36r1Ep5R6+9XAPkIiDlSvVAwP4io12q/vTcvA==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-env-function/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-env-function/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-env-function/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-focus-visible": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz",
-      "integrity": "sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==",
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz",
+      "integrity": "sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2"
+        "postcss-selector-parser": "^6.0.9"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-focus-visible/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-focus-visible/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-focus-visible/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-focus-within": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
-      "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz",
+      "integrity": "sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2"
+        "postcss-selector-parser": "^6.0.9"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-focus-within/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-focus-within/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-focus-within/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-font-variant": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz",
-      "integrity": "sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz",
+      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==",
       "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.2"
-      }
-    },
-    "node_modules/postcss-font-variant/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-font-variant/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-font-variant/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.1.0"
       }
     },
     "node_modules/postcss-gap-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz",
-      "integrity": "sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg==",
-      "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-gap-properties/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-gap-properties/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-gap-properties/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-3.0.3.tgz",
+      "integrity": "sha512-rPPZRLPmEKgLk/KlXMqRaNkYTUpE7YC+bOIQFN5xcu1Vp11Y4faIXv6/Jpft6FMnl6YRxZqDZG0qQOW80stzxQ==",
       "dev": true,
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-image-set-function": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz",
-      "integrity": "sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw==",
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-4.0.6.tgz",
+      "integrity": "sha512-KfdC6vg53GC+vPd2+HYzsZ6obmPqOk6HY09kttU19+Gj1nC3S3XBVEXDHxkhxTohgZqzbUb94bKXvKDnYWBm/A==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-image-set-function/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-image-set-function/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-image-set-function/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-import": {
@@ -10976,100 +12022,38 @@
       }
     },
     "node_modules/postcss-initial": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-3.0.4.tgz",
-      "integrity": "sha512-3RLn6DIpMsK1l5UUy9jxQvoDeUN4gP939tDcKUHD/kM8SGSKbFAnvkpFpj3Bhtz3HGk1jWY5ZNWX6mPta5M9fg==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-4.0.1.tgz",
+      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==",
       "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.2"
-      }
-    },
-    "node_modules/postcss-initial/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-initial/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-initial/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.0.0"
       }
     },
     "node_modules/postcss-lab-function": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz",
-      "integrity": "sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-4.1.2.tgz",
+      "integrity": "sha512-isudf5ldhg4fk16M8viAwAbg6Gv14lVO35N3Z/49NhbwPQ2xbiEoHgrRgpgQojosF4vF7jY653ktB6dDrUOR8Q==",
       "dev": true,
       "dependencies": {
-        "@csstools/convert-colors": "^1.4.0",
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
+        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-lab-function/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-lab-function/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-lab-function/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-loader": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.0.tgz",
-      "integrity": "sha512-H9hv447QjQJVDbHj3OUdciyAXY3v5+UDduzEytAlZCVHCpNAAg/mCSwhYYqZr9BiGYhmYspU8QXxZwiHTLn3yA==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz",
+      "integrity": "sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==",
       "dev": true,
       "dependencies": {
         "cosmiconfig": "^7.0.0",
-        "klona": "^2.0.4",
+        "klona": "^2.0.5",
         "semver": "^7.3.5"
       },
       "engines": {
@@ -11085,91 +12069,27 @@
       }
     },
     "node_modules/postcss-logical": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-3.0.0.tgz",
-      "integrity": "sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA==",
-      "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-logical/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-logical/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-logical/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz",
+      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==",
       "dev": true,
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-media-minmax": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz",
-      "integrity": "sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==",
-      "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-media-minmax/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-media-minmax/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-media-minmax/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz",
+      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==",
       "dev": true,
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
       }
     },
     "node_modules/postcss-modules-extract-imports": {
@@ -11232,369 +12152,125 @@
       }
     },
     "node_modules/postcss-nesting": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.1.tgz",
-      "integrity": "sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==",
+      "version": "10.1.3",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-10.1.3.tgz",
+      "integrity": "sha512-wUC+/YCik4wH3StsbC5fBG1s2Z3ZV74vjGqBFYtmYKlVxoio5TYGM06AiaKkQPPlkXWn72HKfS7Cw5PYxnoXSw==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2"
+        "postcss-selector-parser": "^6.0.9"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-nesting/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-nesting/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-nesting/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-overflow-shorthand": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz",
-      "integrity": "sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g==",
-      "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-overflow-shorthand/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-overflow-shorthand/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-overflow-shorthand/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.3.tgz",
+      "integrity": "sha512-CxZwoWup9KXzQeeIxtgOciQ00tDtnylYIlJBBODqkgS/PU2jISuWOL/mYLHmZb9ZhZiCaNKsCRiLp22dZUtNsg==",
       "dev": true,
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-page-break": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-2.0.0.tgz",
-      "integrity": "sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz",
+      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==",
       "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.2"
-      }
-    },
-    "node_modules/postcss-page-break/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-page-break/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-page-break/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8"
       }
     },
     "node_modules/postcss-place": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-4.0.1.tgz",
-      "integrity": "sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-7.0.4.tgz",
+      "integrity": "sha512-MrgKeiiu5OC/TETQO45kV3npRjOFxEHthsqGtkh3I1rPbZSbXGD/lZVi9j13cYh+NA8PIAPyk6sGjT9QbRyvSg==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-place/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-place/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-place/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-preset-env": {
-      "version": "6.7.0",
-      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-6.7.0.tgz",
-      "integrity": "sha512-eU4/K5xzSFwUFJ8hTdTQzo2RBLbDVt83QZrAvI07TULOkmyQlnYlpwep+2yIK+K+0KlZO4BvFcleOCCcUtwchg==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-7.2.3.tgz",
+      "integrity": "sha512-Ok0DhLfwrcNGrBn8sNdy1uZqWRk/9FId0GiQ39W4ILop5GHtjJs8bu1MY9isPwHInpVEPWjb4CEcEaSbBLpfwA==",
       "dev": true,
       "dependencies": {
-        "autoprefixer": "^9.6.1",
-        "browserslist": "^4.6.4",
-        "caniuse-lite": "^1.0.30000981",
-        "css-blank-pseudo": "^0.1.4",
-        "css-has-pseudo": "^0.10.0",
-        "css-prefers-color-scheme": "^3.1.1",
-        "cssdb": "^4.4.0",
-        "postcss": "^7.0.17",
-        "postcss-attribute-case-insensitive": "^4.0.1",
-        "postcss-color-functional-notation": "^2.0.1",
-        "postcss-color-gray": "^5.0.0",
-        "postcss-color-hex-alpha": "^5.0.3",
-        "postcss-color-mod-function": "^3.0.3",
-        "postcss-color-rebeccapurple": "^4.0.1",
-        "postcss-custom-media": "^7.0.8",
-        "postcss-custom-properties": "^8.0.11",
-        "postcss-custom-selectors": "^5.1.2",
-        "postcss-dir-pseudo-class": "^5.0.0",
-        "postcss-double-position-gradients": "^1.0.0",
-        "postcss-env-function": "^2.0.2",
-        "postcss-focus-visible": "^4.0.0",
-        "postcss-focus-within": "^3.0.0",
-        "postcss-font-variant": "^4.0.0",
-        "postcss-gap-properties": "^2.0.0",
-        "postcss-image-set-function": "^3.0.1",
-        "postcss-initial": "^3.0.0",
-        "postcss-lab-function": "^2.0.1",
-        "postcss-logical": "^3.0.0",
-        "postcss-media-minmax": "^4.0.0",
-        "postcss-nesting": "^7.0.0",
-        "postcss-overflow-shorthand": "^2.0.0",
-        "postcss-page-break": "^2.0.0",
-        "postcss-place": "^4.0.1",
-        "postcss-pseudo-class-any-link": "^6.0.0",
-        "postcss-replace-overflow-wrap": "^3.0.0",
-        "postcss-selector-matches": "^4.0.0",
-        "postcss-selector-not": "^4.0.0"
+        "autoprefixer": "^10.4.2",
+        "browserslist": "^4.19.1",
+        "caniuse-lite": "^1.0.30001299",
+        "css-blank-pseudo": "^3.0.2",
+        "css-has-pseudo": "^3.0.3",
+        "css-prefers-color-scheme": "^6.0.2",
+        "cssdb": "^5.0.0",
+        "postcss-attribute-case-insensitive": "^5.0.0",
+        "postcss-color-functional-notation": "^4.2.1",
+        "postcss-color-hex-alpha": "^8.0.2",
+        "postcss-color-rebeccapurple": "^7.0.2",
+        "postcss-custom-media": "^8.0.0",
+        "postcss-custom-properties": "^12.1.2",
+        "postcss-custom-selectors": "^6.0.0",
+        "postcss-dir-pseudo-class": "^6.0.3",
+        "postcss-double-position-gradients": "^3.0.4",
+        "postcss-env-function": "^4.0.4",
+        "postcss-focus-visible": "^6.0.3",
+        "postcss-focus-within": "^5.0.3",
+        "postcss-font-variant": "^5.0.0",
+        "postcss-gap-properties": "^3.0.2",
+        "postcss-image-set-function": "^4.0.4",
+        "postcss-initial": "^4.0.1",
+        "postcss-lab-function": "^4.0.3",
+        "postcss-logical": "^5.0.3",
+        "postcss-media-minmax": "^5.0.0",
+        "postcss-nesting": "^10.1.2",
+        "postcss-overflow-shorthand": "^3.0.2",
+        "postcss-page-break": "^3.0.4",
+        "postcss-place": "^7.0.3",
+        "postcss-pseudo-class-any-link": "^7.0.2",
+        "postcss-replace-overflow-wrap": "^4.0.0",
+        "postcss-selector-not": "^5.0.0"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-preset-env/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-preset-env/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-preset-env/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-pseudo-class-any-link": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz",
-      "integrity": "sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.1.tgz",
+      "integrity": "sha512-JRoLFvPEX/1YTPxRxp1JO4WxBVXJYrSY7NHeak5LImwJ+VobFMwYDQHvfTXEpcn+7fYIeGkC29zYFhFWIZD8fg==",
       "dev": true,
       "dependencies": {
-        "postcss": "^7.0.2",
-        "postcss-selector-parser": "^5.0.0-rc.3"
+        "postcss-selector-parser": "^6.0.9"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-pseudo-class-any-link/node_modules/cssesc": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
-      "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
+        "node": "^12 || ^14 || >=16"
       },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-pseudo-class-any-link/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-pseudo-class-any-link/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-pseudo-class-any-link/node_modules/postcss-selector-parser": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
-      "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^2.0.0",
-        "indexes-of": "^1.0.1",
-        "uniq": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-pseudo-class-any-link/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.4"
       }
     },
     "node_modules/postcss-replace-overflow-wrap": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz",
-      "integrity": "sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz",
+      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==",
       "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.2"
-      }
-    },
-    "node_modules/postcss-replace-overflow-wrap/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-replace-overflow-wrap/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-replace-overflow-wrap/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.0.3"
       }
     },
     "node_modules/postcss-selector-matches": {
@@ -11640,45 +12316,15 @@
       }
     },
     "node_modules/postcss-selector-not": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-4.0.1.tgz",
-      "integrity": "sha512-YolvBgInEK5/79C+bdFMyzqTg6pkYqDbzZIST/PDMqa/o3qtXenD05apBG2jLgT0/BQ77d4U2UK12jWpilqMAQ==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-5.0.0.tgz",
+      "integrity": "sha512-/2K3A4TCP9orP4TNS7u3tGdRFVKqz/E6pX3aGnriPG0jU78of8wsUcqE4QAhWEU0d+WnMSF93Ah3F//vUtK+iQ==",
       "dev": true,
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "postcss": "^7.0.2"
-      }
-    },
-    "node_modules/postcss-selector-not/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/postcss-selector-not/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "balanced-match": "^1.0.0"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-selector-not/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.1.0"
       }
     },
     "node_modules/postcss-selector-parser": {
@@ -12089,9 +12735,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.9.6",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.6.tgz",
-      "integrity": "sha512-TIRk4aqYLNoJUbd+g2lEdz5kLWIuTMRagAXxl78Q0RiVjAOugHmeKNGdd3cwo/ktpf9aL9epCfFqWDEKysUlLQ==",
+      "version": "6.9.7",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz",
+      "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==",
       "dev": true,
       "engines": {
         "node": ">=0.6"
@@ -12100,16 +12746,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/querystring": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
-      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=",
-      "deprecated": "The querystring API is considered Legacy. new code should use the URLSearchParams API instead.",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -12149,12 +12785,12 @@
       }
     },
     "node_modules/raw-body": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.2.tgz",
-      "integrity": "sha512-RPMAFUJP19WIet/99ngh6Iv8fzAbqum4Li7AD6DtGaW2RpMB/11xDoalPiJMTbu6I3hkbMVkATvZrqb9EEqeeQ==",
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.3.tgz",
+      "integrity": "sha512-UlTNLIcu0uzb4D2f4WltY6cVjLi+/jEN4lgEUj3E04tpMDpUlkBo/eSn6zou9hum2VMNpCCUone0O0WeJim07g==",
       "dev": true,
       "dependencies": {
-        "bytes": "3.1.1",
+        "bytes": "3.1.2",
         "http-errors": "1.8.1",
         "iconv-lite": "0.4.24",
         "unpipe": "1.0.0"
@@ -12224,9 +12860,9 @@
       "dev": true
     },
     "node_modules/regenerate-unicode-properties": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-9.0.0.tgz",
-      "integrity": "sha512-3E12UeNSPfjrgwjkR81m5J7Aw/T55Tu7nUyZVQYCKEOs+2dkxEY+DpPtZzO4YruuiPb7NkYLVcyJC4+zCbk5pA==",
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz",
+      "integrity": "sha512-vn5DU6yg6h8hP/2OkQo3K7uVILvY4iu0oI4t3HFa81UPkhGJwkRwM10JEc3upjdhHjs/k8GJY1sRBhk5sr69Bw==",
       "dev": true,
       "dependencies": {
         "regenerate": "^1.4.2"
@@ -12273,15 +12909,15 @@
       }
     },
     "node_modules/regexpu-core": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.8.0.tgz",
-      "integrity": "sha512-1F6bYsoYiz6is+oz70NWur2Vlh9KWtswuRuzJOfeYUrfPX2o8n74AnUVaOGDbUqVGO9fNHu48/pjJO4sNVwsOg==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.0.1.tgz",
+      "integrity": "sha512-CriEZlrKK9VJw/xQGJpQM5rY88BtuL8DM+AEwvcThHilbxiTAy8vq4iJnd2tqq8wLmjbGZzP7ZcKFjbGkmEFrw==",
       "dev": true,
       "dependencies": {
         "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^9.0.0",
-        "regjsgen": "^0.5.2",
-        "regjsparser": "^0.7.0",
+        "regenerate-unicode-properties": "^10.0.1",
+        "regjsgen": "^0.6.0",
+        "regjsparser": "^0.8.2",
         "unicode-match-property-ecmascript": "^2.0.0",
         "unicode-match-property-value-ecmascript": "^2.0.0"
       },
@@ -12290,15 +12926,15 @@
       }
     },
     "node_modules/regjsgen": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.2.tgz",
-      "integrity": "sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.6.0.tgz",
+      "integrity": "sha512-ozE883Uigtqj3bx7OhL1KNbCzGyW2NQZPl6Hs09WTvCuZD5sTI4JY58bkbQWa/Y9hxIsvJ3M8Nbf7j54IqeZbA==",
       "dev": true
     },
     "node_modules/regjsparser": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.7.0.tgz",
-      "integrity": "sha512-A4pcaORqmNMDVwUjWoTzuhwMGpP+NykpfqAsEgI1FSH/EzC7lrN5TMd+kN8YCovX+jMpu8eaqXgXPCa0g8FQNQ==",
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.8.4.tgz",
+      "integrity": "sha512-J3LABycON/VNEu3abOviqGHuB/LOtOQj8SKmfP9anY5GfAVw/SPjwzSjxGjbZXIxbGfqTHtJw58C2Li/WkStmA==",
       "dev": true,
       "dependencies": {
         "jsesc": "~0.5.0"
@@ -12420,40 +13056,19 @@
       }
     },
     "node_modules/resolve-url-loader": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-4.0.0.tgz",
-      "integrity": "sha512-05VEMczVREcbtT7Bz+C+96eUO5HDNvdthIiMB34t7FcF8ehcu4wC0sSgPUubs3XW2Q3CNLJk/BJrCU9wVRymiA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz",
+      "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
       "dev": true,
       "dependencies": {
         "adjust-sourcemap-loader": "^4.0.0",
         "convert-source-map": "^1.7.0",
         "loader-utils": "^2.0.0",
-        "postcss": "^7.0.35",
+        "postcss": "^8.2.14",
         "source-map": "0.6.1"
       },
       "engines": {
-        "node": ">=8.9"
-      },
-      "peerDependencies": {
-        "rework": "1.0.1",
-        "rework-visit": "1.0.0"
-      },
-      "peerDependenciesMeta": {
-        "rework": {
-          "optional": true
-        },
-        "rework-visit": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true,
-      "engines": {
-        "node": "*"
+        "node": ">=12"
       }
     },
     "node_modules/resolve-url-loader/node_modules/loader-utils": {
@@ -12470,29 +13085,6 @@
         "node": ">=8.9.0"
       }
     },
-    "node_modules/resolve-url-loader/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
-    "node_modules/resolve-url-loader/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
     "node_modules/resolve-url-loader/node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -12556,9 +13148,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "2.66.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.66.1.tgz",
-      "integrity": "sha512-crSgLhSkLMnKr4s9iZ/1qJCplgAgrRY+igWv8KhG/AjKOJ0YX/WpmANyn8oxrw+zenF3BXWDLa7Xl/QZISH+7w==",
+      "version": "2.70.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.1.tgz",
+      "integrity": "sha512-CRYsI5EuzLbXdxC6RnYhOuRdtz4bhejPMSWjsFLfVM/7w/85n2szZv6yExqUXsBdz5KT8eoubeyDUDjhLHEslA==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -12650,12 +13242,14 @@
       "dev": true
     },
     "node_modules/sass": {
-      "version": "1.43.4",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
-      "integrity": "sha512-/ptG7KE9lxpGSYiXn7Ar+lKOv37xfWsZRtFYal2QHNigyVQDx685VFT/h7ejVr+R8w7H4tmUgtulsKl5YpveOg==",
+      "version": "1.49.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.49.0.tgz",
+      "integrity": "sha512-TVwVdNDj6p6b4QymJtNtRS2YtLJ/CqZriGg0eIAbAKMlN8Xy6kbv33FsEZSF7FufFFM705SQviHjjThfaQ4VNw==",
       "dev": true,
       "dependencies": {
-        "chokidar": ">=3.0.0 <4.0.0"
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
       },
       "bin": {
         "sass": "sass.js"
@@ -12665,9 +13259,9 @@
       }
     },
     "node_modules/sass-loader": {
-      "version": "12.3.0",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.3.0.tgz",
-      "integrity": "sha512-6l9qwhdOb7qSrtOu96QQ81LVl8v6Dp9j1w3akOm0aWHyrTYtagDt5+kS32N4yq4hHk3M+rdqoRMH+lIdqvW6HA==",
+      "version": "12.4.0",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.4.0.tgz",
+      "integrity": "sha512-7xN+8khDIzym1oL9XyS6zP6Ges+Bo2B2xbPrjdMHEYyV3AQYhd/wXeru++3ODHF0zMjYmVadblSKrPrjEkL8mg==",
       "dev": true,
       "dependencies": {
         "klona": "^2.0.4",
@@ -12682,7 +13276,7 @@
       },
       "peerDependencies": {
         "fibers": ">= 3.1.0",
-        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0",
+        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0",
         "sass": "^1.3.0",
         "webpack": "^5.0.0"
       },
@@ -12845,19 +13439,21 @@
       }
     },
     "node_modules/selfsigned": {
-      "version": "1.10.14",
-      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.14.tgz",
-      "integrity": "sha512-lkjaiAye+wBZDCBsu5BGi0XiLRxeUlsGod5ZP924CRSEoGuZAw/f7y9RKu28rwTfiHVhdavhB0qH0INV6P1lEA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.0.0.tgz",
+      "integrity": "sha512-cUdFiCbKoa1mZ6osuJs2uDHrs0k0oprsKveFiiaBKCNq3SYyb5gs2HxhQyDNLCmL51ZZThqi4YNDpCK6GOP1iQ==",
       "dev": true,
       "dependencies": {
-        "node-forge": "^0.10.0"
+        "node-forge": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/semver": {
       "version": "7.3.5",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
       "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -13088,9 +13684,9 @@
       "dev": true
     },
     "node_modules/signal-exit": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.6.tgz",
-      "integrity": "sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true
     },
     "node_modules/sirv": {
@@ -13108,12 +13704,15 @@
       }
     },
     "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
       "dev": true,
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/smart-buffer": {
@@ -13175,13 +13774,13 @@
       }
     },
     "node_modules/socks": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.1.tgz",
-      "integrity": "sha512-kLQ9N5ucj8uIcxrDwjm0Jsqk06xdpBjGNQtpXy4Q8/QY2k+fY7nZH8CARy+hkbG+SGAovmzzuauCpBlb8FrnBA==",
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.2.tgz",
+      "integrity": "sha512-zDZhHhZRY9PxRruRMR7kMhnf3I8hDs4S3f9RecfnGxvcBHQcKcIH/oUcEWffsfl1XxdYlA7nnlGbbTvPz9D8gA==",
       "dev": true,
       "dependencies": {
         "ip": "^1.1.5",
-        "smart-buffer": "^4.1.0"
+        "smart-buffer": "^4.2.0"
       },
       "engines": {
         "node": ">= 10.13.0",
@@ -13212,23 +13811,23 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
-      "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/source-map-loader": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.0.tgz",
-      "integrity": "sha512-GKGWqWvYr04M7tn8dryIWvb0s8YM41z82iQv01yBtIylgxax0CwvSy6gc2Y02iuXwEfGWRlMicH0nvms9UZphw==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.1.tgz",
+      "integrity": "sha512-Vp1UsfyPvgujKQzi4pyDiTOnE3E4H+yHvkVRN3c/9PJmQS4CQJExvcDvaX/D+RV+xQben9HJ56jMJS3CgUeWyA==",
       "dev": true,
       "dependencies": {
         "abab": "^2.0.5",
-        "iconv-lite": "^0.6.2",
-        "source-map-js": "^0.6.2"
+        "iconv-lite": "^0.6.3",
+        "source-map-js": "^1.0.1"
       },
       "engines": {
         "node": ">= 12.13.0"
@@ -13265,9 +13864,9 @@
       }
     },
     "node_modules/source-map-support": {
-      "version": "0.5.20",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.20.tgz",
-      "integrity": "sha512-n1lZZ8Ve4ksRqizaBQgxXDgKwttHDhyfQjA6YZZn8+AroHbsIz+JjwxQDxbp+7y5OYCI8t1Yk7etjD9CRd2hIw==",
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "dev": true,
       "dependencies": {
         "buffer-from": "^1.0.0",
@@ -13372,19 +13971,36 @@
       }
     },
     "node_modules/streamroller": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.0.2.tgz",
-      "integrity": "sha512-ur6y5S5dopOaRXBuRIZ1u6GC5bcEXHRZKgfBjfCglMhmIf+roVCECjvkEYzNQOXIN2/JPnkMPW/8B3CZoKaEPA==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.0.5.tgz",
+      "integrity": "sha512-5uzTEUIi4OB5zy/H30kbUN/zpDNJsFUA+Z47ZL8EfrP93lcZvRLEqdbhdunEPa7CouuAzXXsHpCJ9dg90Umw7g==",
       "dev": true,
       "dependencies": {
-        "date-format": "^4.0.3",
-        "debug": "^4.1.1",
-        "fs-extra": "^10.0.0"
+        "date-format": "^4.0.5",
+        "debug": "^4.3.3",
+        "fs-extra": "^10.0.1"
       },
       "engines": {
         "node": ">=8.0"
       }
     },
+    "node_modules/streamroller/node_modules/debug": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+      "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/string_decoder": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -13450,18 +14066,16 @@
       }
     },
     "node_modules/stylus": {
-      "version": "0.55.0",
-      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.55.0.tgz",
-      "integrity": "sha512-MuzIIVRSbc8XxHH7FjkvWqkIcr1BvoMZoR/oFuAJDlh7VSaNJzrB4uJ38GRQa+mWjLXODAMzeDe0xi9GYbGwnw==",
+      "version": "0.56.0",
+      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.56.0.tgz",
+      "integrity": "sha512-Ev3fOb4bUElwWu4F9P9WjnnaSpc8XB9OFHSFZSKMFL1CE1oM+oFXWEgAqPmmZIyhBihuqIQlFsVTypiiS9RxeA==",
       "dev": true,
       "dependencies": {
         "css": "^3.0.0",
-        "debug": "~3.1.0",
+        "debug": "^4.3.2",
         "glob": "^7.1.6",
-        "mkdirp": "~1.0.4",
         "safer-buffer": "^2.1.2",
         "sax": "~1.2.4",
-        "semver": "^6.3.0",
         "source-map": "^0.7.3"
       },
       "bin": {
@@ -13493,30 +14107,6 @@
         "webpack": "^5.0.0"
       }
     },
-    "node_modules/stylus/node_modules/debug": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
-      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/stylus/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-      "dev": true
-    },
-    "node_modules/stylus/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -13565,11 +14155,12 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.9.0.tgz",
-      "integrity": "sha512-h5hxa23sCdpzcye/7b8YqbE5OwKca/ni0RQz1uRX3tGh8haaGHqcuSqbGRybuAKNdntZ0mDgFNXPJ48xQ2RXKQ==",
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.11.0.tgz",
+      "integrity": "sha512-uCA9DLanzzWSsN1UirKwylhhRz3aKPInlfmpGfw8VN6jHsAtu8HJtIpeeHHK23rxnE/cDc+yvmq5wqkIC6Kn0A==",
       "dev": true,
       "dependencies": {
+        "acorn": "^8.5.0",
         "commander": "^2.20.0",
         "source-map": "~0.7.2",
         "source-map-support": "~0.5.20"
@@ -13582,12 +14173,12 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.0.tgz",
-      "integrity": "sha512-LPIisi3Ol4chwAaPP8toUJ3L4qCM1G0wao7L3qNv57Drezxj6+VEyySpPw4B1HSO2Eg/hDY/MNF5XihCAoqnsQ==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz",
+      "integrity": "sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==",
       "dev": true,
       "dependencies": {
-        "jest-worker": "^27.4.1",
+        "jest-worker": "^27.4.5",
         "schema-utils": "^3.1.1",
         "serialize-javascript": "^6.0.0",
         "source-map": "^0.6.1",
@@ -13953,9 +14544,9 @@
       }
     },
     "node_modules/typed-assert": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.8.tgz",
-      "integrity": "sha512-5NkbXZUlmCE73Fs7gvkp1XXJWHYetPkg60QnQ2NXQmBYNFxbBr2zA8GCtaH4K2s2WhOmSlgiSTmrjrcm5tnM5g==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.9.tgz",
+      "integrity": "sha512-KNNZtayBCtmnNmbo5mG47p1XsCyrx6iVqomjcZnec/1Y5GGARaxPs6r49RnSPeUP3YjNYiU9sQHAtY4BBvnZwg==",
       "dev": true
     },
     "node_modules/typescript": {
@@ -14081,22 +14672,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/url": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
-      "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
-      "dev": true,
-      "dependencies": {
-        "punycode": "1.3.2",
-        "querystring": "0.2.0"
-      }
-    },
-    "node_modules/url/node_modules/punycode": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
-      "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=",
-      "dev": true
-    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -14313,9 +14888,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.60.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.60.0.tgz",
-      "integrity": "sha512-OL5GDYi2dKxnwJPSOg2tODgzDxAffN0osgWkZaBo/l3ikCxDFP+tuJT3uF7GyBE3SDBpKML/+a8EobyWAQO3DQ==",
+      "version": "5.67.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.67.0.tgz",
+      "integrity": "sha512-LjFbfMh89xBDpUMgA1W9Ur6Rn/gnr2Cq1jjHFPo4v6a79/ypznSYbAyPgGhwsxBtMIaEmDD1oJoA7BEYw/Fbrw==",
       "dev": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.0",
@@ -14332,7 +14907,7 @@
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
         "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.4",
+        "graceful-fs": "^4.2.9",
         "json-parse-better-errors": "^1.0.2",
         "loader-runner": "^4.2.0",
         "mime-types": "^2.1.27",
@@ -14340,8 +14915,8 @@
         "schema-utils": "^3.1.0",
         "tapable": "^2.1.1",
         "terser-webpack-plugin": "^5.1.3",
-        "watchpack": "^2.2.0",
-        "webpack-sources": "^3.2.0"
+        "watchpack": "^2.3.1",
+        "webpack-sources": "^3.2.3"
       },
       "bin": {
         "webpack": "bin/webpack.js"
@@ -14462,9 +15037,9 @@
       }
     },
     "node_modules/webpack-bundle-analyzer/node_modules/ws": {
-      "version": "7.5.6",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.6.tgz",
-      "integrity": "sha512-6GLgCqo2cy2A2rjCNFlxQS6ZljG/coZfZXclldI8FB/1G3CCI36Zd8xy2HrFVACi8tfk5XrgLQEk+P0Tnz9UcA==",
+      "version": "7.5.7",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.7.tgz",
+      "integrity": "sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==",
       "dev": true,
       "engines": {
         "node": ">=8.3.0"
@@ -14483,16 +15058,16 @@
       }
     },
     "node_modules/webpack-dev-middleware": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.2.1.tgz",
-      "integrity": "sha512-Kx1X+36Rn9JaZcQMrJ7qN3PMAuKmEDD9ZISjUj3Cgq4A6PtwYsC4mpaKotSRYH3iOF6HsUa8viHKS59FlyVifQ==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.0.tgz",
+      "integrity": "sha512-MouJz+rXAm9B1OTOYaJnn6rtD/lWZPy2ufQCH3BPs8Rloh/Du6Jze4p7AeLYHkVi0giJnYLaSGDC7S+GM9arhg==",
       "dev": true,
       "dependencies": {
         "colorette": "^2.0.10",
         "memfs": "^3.2.2",
         "mime-types": "^2.1.31",
         "range-parser": "^1.2.1",
-        "schema-utils": "^3.1.0"
+        "schema-utils": "^4.0.0"
       },
       "engines": {
         "node": ">= 12.13.0"
@@ -14505,49 +15080,19 @@
         "webpack": "^4.0.0 || ^5.0.0"
       }
     },
-    "node_modules/webpack-dev-middleware/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/webpack-dev-middleware/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/webpack-dev-middleware/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
     "node_modules/webpack-dev-middleware/node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
       "dev": true,
       "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.8.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.0.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
@@ -14555,35 +15100,39 @@
       }
     },
     "node_modules/webpack-dev-server": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.4.0.tgz",
-      "integrity": "sha512-+S0XRIbsopVjPFjCO8I07FXYBWYqkFmuP56ucGMTs2hA/gV4q2M9xTmNo5Tg4o8ffRR+Nm3AsXnQXxKRyYovrA==",
+      "version": "4.7.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.7.3.tgz",
+      "integrity": "sha512-mlxq2AsIw2ag016nixkzUkdyOE8ST2GTy34uKSABp1c4nhjZvH90D5ZRR+UOLSsG4Z3TFahAi72a3ymRtfRm+Q==",
       "dev": true,
       "dependencies": {
+        "@types/bonjour": "^3.5.9",
+        "@types/connect-history-api-fallback": "^1.3.5",
+        "@types/serve-index": "^1.9.1",
+        "@types/sockjs": "^0.3.33",
+        "@types/ws": "^8.2.2",
         "ansi-html-community": "^0.0.8",
         "bonjour": "^3.5.0",
         "chokidar": "^3.5.2",
         "colorette": "^2.0.10",
         "compression": "^1.7.4",
         "connect-history-api-fallback": "^1.6.0",
+        "default-gateway": "^6.0.3",
         "del": "^6.0.0",
         "express": "^4.17.1",
         "graceful-fs": "^4.2.6",
         "html-entities": "^2.3.2",
         "http-proxy-middleware": "^2.0.0",
-        "internal-ip": "^6.2.0",
         "ipaddr.js": "^2.0.1",
         "open": "^8.0.9",
         "p-retry": "^4.5.0",
         "portfinder": "^1.0.28",
-        "schema-utils": "^3.1.0",
-        "selfsigned": "^1.10.11",
+        "schema-utils": "^4.0.0",
+        "selfsigned": "^2.0.0",
         "serve-index": "^1.9.1",
         "sockjs": "^0.3.21",
         "spdy": "^4.0.2",
         "strip-ansi": "^7.0.0",
-        "url": "^0.11.0",
-        "webpack-dev-middleware": "^5.2.1",
+        "webpack-dev-middleware": "^5.3.0",
         "ws": "^8.1.0"
       },
       "bin": {
@@ -14601,31 +15150,6 @@
         }
       }
     },
-    "node_modules/webpack-dev-server/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/webpack-dev-server/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
     "node_modules/webpack-dev-server/node_modules/ansi-regex": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
@@ -14638,6 +15162,15 @@
         "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
+    "node_modules/webpack-dev-server/node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/webpack-dev-server/node_modules/del": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/del/-/del-6.0.0.tgz",
@@ -14660,6 +15193,26 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/webpack-dev-server/node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/webpack-dev-server/node_modules/is-path-cwd": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
@@ -14678,30 +15231,34 @@
         "node": ">=8"
       }
     },
-    "node_modules/webpack-dev-server/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
     "node_modules/webpack-dev-server/node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
       "dev": true,
       "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.8.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.0.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/webpack-dev-server/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/webpack-dev-server/node_modules/strip-ansi": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.0.1.tgz",
@@ -14740,9 +15297,9 @@
       }
     },
     "node_modules/webpack-subresource-integrity": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.0.0.tgz",
-      "integrity": "sha512-x9514FpLRydO+UAQ8DY4aLtCjxmdLkuQVcDFN1kGzuusREYJ1B0rzk/iIlWiL6dnvrhEGFj2+UsdxDkP8Z4UKg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.1.0.tgz",
+      "integrity": "sha512-sacXoX+xd8r4WKsy9MvH/q/vBtEHr86cpImXwyg74pFIpERKt6FmB8cXpeuh0ZLgclOlHI4Wcll7+R5L02xk9Q==",
       "dev": true,
       "dependencies": {
         "typed-assert": "^1.0.8"
@@ -15010,8 +15567,7 @@
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/yaml": {
       "version": "1.10.2",
@@ -15041,9 +15597,9 @@
       }
     },
     "node_modules/yargs-parser": {
-      "version": "21.0.0",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.0.tgz",
-      "integrity": "sha512-z9kApYUOCwoeZ78rfRYYWdiU/iNL6mwwYlkkZfJoyMR1xps+NEBX5X7XmRpxkZHhXJ6+Ey00IwKxBBSW9FIjyA==",
+      "version": "21.0.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.1.tgz",
+      "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==",
       "dev": true,
       "engines": {
         "node": ">=12"
@@ -15058,18 +15614,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/zone.js": {
       "version": "0.11.4",
       "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.11.4.tgz",
@@ -15081,22 +15625,22 @@
   },
   "dependencies": {
     "@ampproject/remapping": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-1.0.1.tgz",
-      "integrity": "sha512-Ta9bMA3EtUHDaZJXqUoT5cn/EecwOp+SXpKJqxDbDuMbLvEMu6YTyDDuvTWeStODfdmXyfMo7LymQyPkN3BicA==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-1.1.1.tgz",
+      "integrity": "sha512-YVAcA4DKLOj296CF5SrQ8cYiMRiUGc2sqFpLxsDGWE34suHqhGP/5yMsDHKsrh8hs8I5TiRVXNwKPWQpX3iGjw==",
       "dev": true,
       "requires": {
-        "@jridgewell/resolve-uri": "1.0.0",
+        "@jridgewell/resolve-uri": "^3.0.3",
         "sourcemap-codec": "1.4.8"
       }
     },
     "@angular-devkit/architect": {
-      "version": "0.1300.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1300.1.tgz",
-      "integrity": "sha512-D6R2kYnZlKIpVx+lnuC8MRu8ZUqq2dkpeNJ1yP2IgkRdRktXWOOc2xj8utZ6NVCn8m/9kdOceQDlceVz/XT0+g==",
+      "version": "0.1302.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1302.5.tgz",
+      "integrity": "sha512-r07oo8GgUGY28SR3PCM1qNfLE6PNx6SfzBlG4p0OrQQ68ln8HipsEysDGakOWjNFK18SCGWOXAUNrUj8GnV+5g==",
       "dev": true,
       "requires": {
-        "@angular-devkit/core": "13.0.1",
+        "@angular-devkit/core": "13.2.5",
         "rxjs": "6.6.7"
       },
       "dependencies": {
@@ -15118,76 +15662,76 @@
       }
     },
     "@angular-devkit/build-angular": {
-      "version": "13.0.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-13.0.1.tgz",
-      "integrity": "sha512-w0eLR+KWIEV4ER7rd1AGeod6il25x983MVKHiLbOLIlRMxQVZCjpNCp07zjl6izdX3eLDKnpX3T8e1sjeg2DXQ==",
+      "version": "13.2.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-13.2.5.tgz",
+      "integrity": "sha512-ny80YoLOrS6USJCzCChj1ZOEVTldcx0KWo3e86barmt5iVA2ekrnsQ02Bor5Bl5NlZFpE6Fu0FCXFAQZElFmcg==",
       "dev": true,
       "requires": {
-        "@ampproject/remapping": "1.0.1",
-        "@angular-devkit/architect": "0.1300.1",
-        "@angular-devkit/build-webpack": "0.1300.1",
-        "@angular-devkit/core": "13.0.1",
-        "@babel/core": "7.15.8",
-        "@babel/generator": "7.15.8",
-        "@babel/helper-annotate-as-pure": "7.15.4",
-        "@babel/plugin-proposal-async-generator-functions": "7.15.8",
-        "@babel/plugin-transform-async-to-generator": "7.14.5",
-        "@babel/plugin-transform-runtime": "7.15.8",
-        "@babel/preset-env": "7.15.8",
-        "@babel/runtime": "7.15.4",
-        "@babel/template": "7.15.4",
-        "@discoveryjs/json-ext": "0.5.5",
-        "@ngtools/webpack": "13.0.1",
+        "@ampproject/remapping": "1.1.1",
+        "@angular-devkit/architect": "0.1302.5",
+        "@angular-devkit/build-webpack": "0.1302.5",
+        "@angular-devkit/core": "13.2.5",
+        "@babel/core": "7.16.12",
+        "@babel/generator": "7.16.8",
+        "@babel/helper-annotate-as-pure": "7.16.7",
+        "@babel/plugin-proposal-async-generator-functions": "7.16.8",
+        "@babel/plugin-transform-async-to-generator": "7.16.8",
+        "@babel/plugin-transform-runtime": "7.16.10",
+        "@babel/preset-env": "7.16.11",
+        "@babel/runtime": "7.16.7",
+        "@babel/template": "7.16.7",
+        "@discoveryjs/json-ext": "0.5.6",
+        "@ngtools/webpack": "13.2.5",
         "ansi-colors": "4.1.1",
         "babel-loader": "8.2.3",
         "babel-plugin-istanbul": "6.1.1",
         "browserslist": "^4.9.1",
         "cacache": "15.3.0",
-        "caniuse-lite": "^1.0.30001032",
         "circular-dependency-plugin": "5.2.2",
-        "copy-webpack-plugin": "9.0.1",
-        "core-js": "3.19.0",
-        "critters": "0.0.14",
-        "css-loader": "6.5.0",
-        "esbuild": "0.13.12",
-        "esbuild-wasm": "0.13.12",
+        "copy-webpack-plugin": "10.2.1",
+        "core-js": "3.20.3",
+        "critters": "0.0.16",
+        "css-loader": "6.5.1",
+        "esbuild": "0.14.22",
+        "esbuild-wasm": "0.14.22",
         "glob": "7.2.0",
         "https-proxy-agent": "5.0.0",
         "inquirer": "8.2.0",
+        "jsonc-parser": "3.0.0",
         "karma-source-map-support": "1.4.0",
         "less": "4.1.2",
         "less-loader": "10.2.0",
-        "license-webpack-plugin": "3.0.0",
-        "loader-utils": "3.0.0",
-        "mini-css-extract-plugin": "2.4.3",
+        "license-webpack-plugin": "4.0.2",
+        "loader-utils": "3.2.0",
+        "mini-css-extract-plugin": "2.5.3",
         "minimatch": "3.0.4",
         "open": "8.4.0",
         "ora": "5.4.1",
         "parse5-html-rewriting-stream": "6.0.1",
-        "piscina": "3.1.0",
-        "postcss": "8.3.11",
+        "piscina": "3.2.0",
+        "postcss": "8.4.5",
         "postcss-import": "14.0.2",
-        "postcss-loader": "6.2.0",
-        "postcss-preset-env": "6.7.0",
+        "postcss-loader": "6.2.1",
+        "postcss-preset-env": "7.2.3",
         "regenerator-runtime": "0.13.9",
-        "resolve-url-loader": "4.0.0",
+        "resolve-url-loader": "5.0.0",
         "rxjs": "6.6.7",
-        "sass": "1.43.4",
-        "sass-loader": "12.3.0",
+        "sass": "1.49.0",
+        "sass-loader": "12.4.0",
         "semver": "7.3.5",
-        "source-map-loader": "3.0.0",
-        "source-map-support": "0.5.20",
-        "stylus": "0.55.0",
+        "source-map-loader": "3.0.1",
+        "source-map-support": "0.5.21",
+        "stylus": "0.56.0",
         "stylus-loader": "6.2.0",
-        "terser": "5.9.0",
+        "terser": "5.11.0",
         "text-table": "0.2.0",
         "tree-kill": "1.2.2",
         "tslib": "2.3.1",
-        "webpack": "5.60.0",
-        "webpack-dev-middleware": "5.2.1",
-        "webpack-dev-server": "4.4.0",
+        "webpack": "5.67.0",
+        "webpack-dev-middleware": "5.3.0",
+        "webpack-dev-server": "4.7.3",
         "webpack-merge": "5.8.0",
-        "webpack-subresource-integrity": "5.0.0"
+        "webpack-subresource-integrity": "5.1.0"
       },
       "dependencies": {
         "rxjs": {
@@ -15210,12 +15754,12 @@
       }
     },
     "@angular-devkit/build-webpack": {
-      "version": "0.1300.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1300.1.tgz",
-      "integrity": "sha512-Sw5BMc7bCebr0CnPPinyqfgl13U68+ggyosIdNTVo0uWz9GRtace89VOfgPP0SK9Rw+V4hlU9RoD4tV8R4jLsg==",
+      "version": "0.1302.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1302.5.tgz",
+      "integrity": "sha512-hxtFDX1cQaGfpHMSWRqfMO9/hucfIz61C0Lc/QGg9spay1Dvjwe+JpEoKMv3mz1K2fwHO9Hr5ZBAYFT4C5mxZQ==",
       "dev": true,
       "requires": {
-        "@angular-devkit/architect": "0.1300.1",
+        "@angular-devkit/architect": "0.1302.5",
         "rxjs": "6.6.7"
       },
       "dependencies": {
@@ -15237,12 +15781,12 @@
       }
     },
     "@angular-devkit/core": {
-      "version": "13.0.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.0.1.tgz",
-      "integrity": "sha512-RfhpPw7vU5ok7ICUwEx4Lic+HCHrMjKnj/Tbk+CfSqONTFtqDaMoC8itQE2risLugT4mzO+3Cy95eccpf282kQ==",
+      "version": "13.2.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.2.5.tgz",
+      "integrity": "sha512-WuWp/1R0FtCHPBcJLF13lTLHETtDGFUX0ULfGPRaYB5OVCSQcovVp5UbZTTy/Ss3ub3EOEmJlU8kMJfBrWuq+A==",
       "dev": true,
       "requires": {
-        "ajv": "8.6.3",
+        "ajv": "8.9.0",
         "ajv-formats": "2.1.1",
         "fast-json-stable-stringify": "2.1.0",
         "magic-string": "0.25.7",
@@ -15280,6 +15824,32 @@
         "rxjs": "6.6.7"
       },
       "dependencies": {
+        "@angular-devkit/core": {
+          "version": "13.0.1",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.0.1.tgz",
+          "integrity": "sha512-RfhpPw7vU5ok7ICUwEx4Lic+HCHrMjKnj/Tbk+CfSqONTFtqDaMoC8itQE2risLugT4mzO+3Cy95eccpf282kQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "8.6.3",
+            "ajv-formats": "2.1.1",
+            "fast-json-stable-stringify": "2.1.0",
+            "magic-string": "0.25.7",
+            "rxjs": "6.6.7",
+            "source-map": "0.7.3"
+          }
+        },
+        "ajv": {
+          "version": "8.6.3",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
+          "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "json-schema-traverse": "^1.0.0",
+            "require-from-string": "^2.0.2",
+            "uri-js": "^4.2.2"
+          }
+        },
         "rxjs": {
           "version": "6.6.7",
           "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
@@ -15339,6 +15909,59 @@
         "semver": "7.3.5",
         "symbol-observable": "4.0.0",
         "uuid": "8.3.2"
+      },
+      "dependencies": {
+        "@angular-devkit/architect": {
+          "version": "0.1300.1",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1300.1.tgz",
+          "integrity": "sha512-D6R2kYnZlKIpVx+lnuC8MRu8ZUqq2dkpeNJ1yP2IgkRdRktXWOOc2xj8utZ6NVCn8m/9kdOceQDlceVz/XT0+g==",
+          "dev": true,
+          "requires": {
+            "@angular-devkit/core": "13.0.1",
+            "rxjs": "6.6.7"
+          }
+        },
+        "@angular-devkit/core": {
+          "version": "13.0.1",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.0.1.tgz",
+          "integrity": "sha512-RfhpPw7vU5ok7ICUwEx4Lic+HCHrMjKnj/Tbk+CfSqONTFtqDaMoC8itQE2risLugT4mzO+3Cy95eccpf282kQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "8.6.3",
+            "ajv-formats": "2.1.1",
+            "fast-json-stable-stringify": "2.1.0",
+            "magic-string": "0.25.7",
+            "rxjs": "6.6.7",
+            "source-map": "0.7.3"
+          }
+        },
+        "ajv": {
+          "version": "8.6.3",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
+          "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "json-schema-traverse": "^1.0.0",
+            "require-from-string": "^2.0.2",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "rxjs": {
+          "version": "6.6.7",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+          "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        },
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+          "dev": true
+        }
       }
     },
     "@angular/common": {
@@ -15457,26 +16080,26 @@
       }
     },
     "@babel/compat-data": {
-      "version": "7.16.8",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.8.tgz",
-      "integrity": "sha512-m7OkX0IdKLKPpBlJtF561YJal5y/jyI5fNfWbPxh2D/nbzzGI4qRyrD8xO2jB24u7l+5I2a43scCG2IrfjC50Q==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.17.7.tgz",
+      "integrity": "sha512-p8pdE6j0a29TNGebNm7NzYZWB3xVZJBZ7XGs42uAKzQo8VQ3F0By/cQCtUEABwIqw5zo6WA4NbmxsfzADzMKnQ==",
       "dev": true
     },
     "@babel/core": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.15.8.tgz",
-      "integrity": "sha512-3UG9dsxvYBMYwRv+gS41WKHno4K60/9GPy1CJaH6xy3Elq8CTtvtjT5R5jmNhXfCYLX2mTw+7/aq5ak/gOE0og==",
+      "version": "7.16.12",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.16.12.tgz",
+      "integrity": "sha512-dK5PtG1uiN2ikk++5OzSYsitZKny4wOCD0nrO4TqnW4BVBTQ2NGS3NgilvT/TEyxTST7LNyWV/T4tXDoD3fOgg==",
       "dev": true,
       "requires": {
-        "@babel/code-frame": "^7.15.8",
-        "@babel/generator": "^7.15.8",
-        "@babel/helper-compilation-targets": "^7.15.4",
-        "@babel/helper-module-transforms": "^7.15.8",
-        "@babel/helpers": "^7.15.4",
-        "@babel/parser": "^7.15.8",
-        "@babel/template": "^7.15.4",
-        "@babel/traverse": "^7.15.4",
-        "@babel/types": "^7.15.6",
+        "@babel/code-frame": "^7.16.7",
+        "@babel/generator": "^7.16.8",
+        "@babel/helper-compilation-targets": "^7.16.7",
+        "@babel/helper-module-transforms": "^7.16.7",
+        "@babel/helpers": "^7.16.7",
+        "@babel/parser": "^7.16.12",
+        "@babel/template": "^7.16.7",
+        "@babel/traverse": "^7.16.10",
+        "@babel/types": "^7.16.8",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -15500,12 +16123,12 @@
       }
     },
     "@babel/generator": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.15.8.tgz",
-      "integrity": "sha512-ECmAKstXbp1cvpTTZciZCgfOt6iN64lR0d+euv3UZisU5awfRawOvg07Utn/qBGuH4bRIEZKrA/4LzZyXhZr8g==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.8.tgz",
+      "integrity": "sha512-1ojZwE9+lOXzcWdWmO6TbUzDfqLD39CmEhN8+2cX9XkDo5yW1OpgfejfliysR2AWLpMamTiOiAp/mtroaymhpw==",
       "dev": true,
       "requires": {
-        "@babel/types": "^7.15.6",
+        "@babel/types": "^7.16.8",
         "jsesc": "^2.5.1",
         "source-map": "^0.5.0"
       },
@@ -15519,12 +16142,12 @@
       }
     },
     "@babel/helper-annotate-as-pure": {
-      "version": "7.15.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.15.4.tgz",
-      "integrity": "sha512-QwrtdNvUNsPCj2lfNQacsGSQvGX8ee1ttrBrcozUP2Sv/jylewBP/8QFe6ZkBsC8T/GYWonNAWJV4aRR9AL2DA==",
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
+      "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
       "dev": true,
       "requires": {
-        "@babel/types": "^7.15.4"
+        "@babel/types": "^7.16.7"
       }
     },
     "@babel/helper-builder-binary-assignment-operator-visitor": {
@@ -15538,12 +16161,12 @@
       }
     },
     "@babel/helper-compilation-targets": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.16.7.tgz",
-      "integrity": "sha512-mGojBwIWcwGD6rfqgRXVlVYmPAv7eOpIemUG3dGnDdCY4Pae70ROij3XmfrH6Fa1h1aiDylpglbZyktfzyo/hA==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.17.7.tgz",
+      "integrity": "sha512-UFzlz2jjd8kroj0hmCFV5zr+tQPi1dpC2cRsDV/3IEW8bJfCPrPpmcSN6ZS8RqIq4LXcmpipCQFPddyFA5Yc7w==",
       "dev": true,
       "requires": {
-        "@babel/compat-data": "^7.16.4",
+        "@babel/compat-data": "^7.17.7",
         "@babel/helper-validator-option": "^7.16.7",
         "browserslist": "^4.17.5",
         "semver": "^6.3.0"
@@ -15558,9 +16181,9 @@
       }
     },
     "@babel/helper-create-class-features-plugin": {
-      "version": "7.16.10",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.16.10.tgz",
-      "integrity": "sha512-wDeej0pu3WN/ffTxMNCPW5UCiOav8IcLRxSIyp/9+IF2xJUM9h/OYjg0IJLHaL6F8oU8kqMz9nc1vryXhMsgXg==",
+      "version": "7.17.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.17.6.tgz",
+      "integrity": "sha512-SogLLSxXm2OkBbSsHZMM4tUi8fUzjs63AT/d0YQIzr6GSd8Hxsbk2KYDX0k0DweAzGMj/YWeiCsorIdtdcW8Eg==",
       "dev": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.16.7",
@@ -15570,44 +16193,22 @@
         "@babel/helper-optimise-call-expression": "^7.16.7",
         "@babel/helper-replace-supers": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7"
-      },
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": {
-          "version": "7.16.7",
-          "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-          "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-          "dev": true,
-          "requires": {
-            "@babel/types": "^7.16.7"
-          }
-        }
       }
     },
     "@babel/helper-create-regexp-features-plugin": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.16.7.tgz",
-      "integrity": "sha512-fk5A6ymfp+O5+p2yCkXAu5Kyj6v0xh0RBeNcAkYUMDvvAAoxvSKXn+Jb37t/yWFiQVDFK1ELpUTD8/aLhCPu+g==",
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.17.0.tgz",
+      "integrity": "sha512-awO2So99wG6KnlE+TPs6rn83gCz5WlEePJDTnLEqbchMVrBeAujURVphRdigsk094VhvZehFoNOihSlcBjwsXA==",
       "dev": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.16.7",
-        "regexpu-core": "^4.7.1"
-      },
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": {
-          "version": "7.16.7",
-          "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-          "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-          "dev": true,
-          "requires": {
-            "@babel/types": "^7.16.7"
-          }
-        }
+        "regexpu-core": "^5.0.1"
       }
     },
     "@babel/helper-define-polyfill-provider": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.2.4.tgz",
-      "integrity": "sha512-OrpPZ97s+aPi6h2n1OXzdhVis1SGSsMU2aMHgLcOKfsp4/v1NWpx3CWT3lBj5eeBq9cDkPkh+YCfdF7O12uNDQ==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.1.tgz",
+      "integrity": "sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==",
       "dev": true,
       "requires": {
         "@babel/helper-compilation-targets": "^7.13.0",
@@ -15655,19 +16256,6 @@
         "@babel/helper-get-function-arity": "^7.16.7",
         "@babel/template": "^7.16.7",
         "@babel/types": "^7.16.7"
-      },
-      "dependencies": {
-        "@babel/template": {
-          "version": "7.16.7",
-          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
-          "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.16.7",
-            "@babel/parser": "^7.16.7",
-            "@babel/types": "^7.16.7"
-          }
-        }
       }
     },
     "@babel/helper-get-function-arity": {
@@ -15689,12 +16277,12 @@
       }
     },
     "@babel/helper-member-expression-to-functions": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.16.7.tgz",
-      "integrity": "sha512-VtJ/65tYiU/6AbMTDwyoXGPKHgTsfRarivm+YbB5uAzKUyuPjgZSgAFeG87FCigc7KNHu2Pegh1XIT3lXjvz3Q==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.17.7.tgz",
+      "integrity": "sha512-thxXgnQ8qQ11W2wVUObIqDL4p148VMxkt5T/qpN5k2fboRyzFGFmKsTGViquyM5QHKUy48OZoca8kw4ajaDPyw==",
       "dev": true,
       "requires": {
-        "@babel/types": "^7.16.7"
+        "@babel/types": "^7.17.0"
       }
     },
     "@babel/helper-module-imports": {
@@ -15707,32 +16295,19 @@
       }
     },
     "@babel/helper-module-transforms": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.16.7.tgz",
-      "integrity": "sha512-gaqtLDxJEFCeQbYp9aLAefjhkKdjKcdh6DB7jniIGU3Pz52WAmP268zK0VgPz9hUNkMSYeH976K2/Y6yPadpng==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.17.7.tgz",
+      "integrity": "sha512-VmZD99F3gNTYB7fJRDTi+u6l/zxY0BE6OIxPSU7a50s6ZUQkHwSDmV92FfM+oCG0pZRVojGYhkR8I0OGeCVREw==",
       "dev": true,
       "requires": {
         "@babel/helper-environment-visitor": "^7.16.7",
         "@babel/helper-module-imports": "^7.16.7",
-        "@babel/helper-simple-access": "^7.16.7",
+        "@babel/helper-simple-access": "^7.17.7",
         "@babel/helper-split-export-declaration": "^7.16.7",
         "@babel/helper-validator-identifier": "^7.16.7",
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.16.7",
-        "@babel/types": "^7.16.7"
-      },
-      "dependencies": {
-        "@babel/template": {
-          "version": "7.16.7",
-          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
-          "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.16.7",
-            "@babel/parser": "^7.16.7",
-            "@babel/types": "^7.16.7"
-          }
-        }
+        "@babel/traverse": "^7.17.3",
+        "@babel/types": "^7.17.0"
       }
     },
     "@babel/helper-optimise-call-expression": {
@@ -15759,17 +16334,6 @@
         "@babel/helper-annotate-as-pure": "^7.16.7",
         "@babel/helper-wrap-function": "^7.16.8",
         "@babel/types": "^7.16.8"
-      },
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": {
-          "version": "7.16.7",
-          "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-          "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-          "dev": true,
-          "requires": {
-            "@babel/types": "^7.16.7"
-          }
-        }
       }
     },
     "@babel/helper-replace-supers": {
@@ -15786,12 +16350,12 @@
       }
     },
     "@babel/helper-simple-access": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.16.7.tgz",
-      "integrity": "sha512-ZIzHVyoeLMvXMN/vok/a4LWRy8G2v205mNP0XOuf9XRLyX5/u9CnVulUtDgUTama3lT+bf/UqucuZjqiGuTS1g==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.17.7.tgz",
+      "integrity": "sha512-txyMCGroZ96i+Pxr3Je3lzEJjqwaRC9buMUgtomcrLe5Nd0+fk1h0LLA+ixUF5OW7AhHuQ7Es1WcQJZmZsz2XA==",
       "dev": true,
       "requires": {
-        "@babel/types": "^7.16.7"
+        "@babel/types": "^7.17.0"
       }
     },
     "@babel/helper-skip-transparent-expression-wrappers": {
@@ -15834,43 +16398,17 @@
         "@babel/template": "^7.16.7",
         "@babel/traverse": "^7.16.8",
         "@babel/types": "^7.16.8"
-      },
-      "dependencies": {
-        "@babel/template": {
-          "version": "7.16.7",
-          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
-          "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.16.7",
-            "@babel/parser": "^7.16.7",
-            "@babel/types": "^7.16.7"
-          }
-        }
       }
     },
     "@babel/helpers": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.16.7.tgz",
-      "integrity": "sha512-9ZDoqtfY7AuEOt3cxchfii6C7GDyyMBffktR5B2jvWv8u2+efwvpnVKXMWzNehqy68tKgAfSwfdw/lWpthS2bw==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.7.tgz",
+      "integrity": "sha512-TKsj9NkjJfTBxM7Phfy7kv6yYc4ZcOo+AaWGqQOKTPDOmcGkIFb5xNA746eKisQkm4yavUYh4InYM9S+VnO01w==",
       "dev": true,
       "requires": {
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.16.7",
-        "@babel/types": "^7.16.7"
-      },
-      "dependencies": {
-        "@babel/template": {
-          "version": "7.16.7",
-          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
-          "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.16.7",
-            "@babel/parser": "^7.16.7",
-            "@babel/types": "^7.16.7"
-          }
-        }
+        "@babel/traverse": "^7.17.3",
+        "@babel/types": "^7.17.0"
       }
     },
     "@babel/highlight": {
@@ -15885,11 +16423,20 @@
       }
     },
     "@babel/parser": {
-      "version": "7.16.12",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.12.tgz",
-      "integrity": "sha512-VfaV15po8RiZssrkPweyvbGVSe4x2y+aciFCgn0n0/SJMR22cwofRV1mtnJQYcSB1wUTaA/X1LnA3es66MCO5A==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.7.tgz",
+      "integrity": "sha512-bm3AQf45vR4gKggRfvJdYJ0gFLoCbsPxiFLSH6hTVYABptNHY6l9NrhnucVjQ/X+SPtLANT9lc0fFhikj+VBRA==",
       "dev": true
     },
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.16.7.tgz",
+      "integrity": "sha512-anv/DObl7waiGEnC24O9zqL0pSuI9hljihqiDuFHC8d7/bjr/4RLGPWuc8rYOff/QPzbEPSkzG8wGG9aDuhHRg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.16.7"
+      }
+    },
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.16.7.tgz",
@@ -15902,13 +16449,13 @@
       }
     },
     "@babel/plugin-proposal-async-generator-functions": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.15.8.tgz",
-      "integrity": "sha512-2Z5F2R2ibINTc63mY7FLqGfEbmofrHU9FitJW1Q7aPaKFhiPvSq6QEt/BoWN5oME3GVyjcRuNNSRbb9LC0CSWA==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.16.8.tgz",
+      "integrity": "sha512-71YHIvMuiuqWJQkebWJtdhQTfd4Q4mF76q2IX37uZPkG9+olBxsX+rH1vkhFto4UeJZ9dPY2s+mDvhDm1u2BGQ==",
       "dev": true,
       "requires": {
-        "@babel/helper-plugin-utils": "^7.14.5",
-        "@babel/helper-remap-async-to-generator": "^7.15.4",
+        "@babel/helper-plugin-utils": "^7.16.7",
+        "@babel/helper-remap-async-to-generator": "^7.16.8",
         "@babel/plugin-syntax-async-generators": "^7.8.4"
       }
     },
@@ -15923,12 +16470,12 @@
       }
     },
     "@babel/plugin-proposal-class-static-block": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.16.7.tgz",
-      "integrity": "sha512-dgqJJrcZoG/4CkMopzhPJjGxsIe9A8RlkQLnL/Vhhx8AA9ZuaRwGSlscSh42hazc7WSrya/IK7mTeoF0DP9tEw==",
+      "version": "7.17.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.17.6.tgz",
+      "integrity": "sha512-X/tididvL2zbs7jZCeeRJ8167U/+Ac135AM6jCAx6gYXDUviZV5Ku9UDvWS2NCuWlFjIRXklYhwo6HhAC7ETnA==",
       "dev": true,
       "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.16.7",
+        "@babel/helper-create-class-features-plugin": "^7.17.6",
         "@babel/helper-plugin-utils": "^7.16.7",
         "@babel/plugin-syntax-class-static-block": "^7.14.5"
       }
@@ -15994,12 +16541,12 @@
       }
     },
     "@babel/plugin-proposal-object-rest-spread": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.16.7.tgz",
-      "integrity": "sha512-3O0Y4+dw94HA86qSg9IHfyPktgR7q3gpNVAeiKQd+8jBKFaU5NQS1Yatgo4wY+UFNuLjvxcSmzcsHqrhgTyBUA==",
+      "version": "7.17.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.17.3.tgz",
+      "integrity": "sha512-yuL5iQA/TbZn+RGAfxQXfi7CNLmKi1f8zInn4IgobuCWcAb7i+zj4TYzQ9l8cEzVyJ89PDGuqxK1xZpUDISesw==",
       "dev": true,
       "requires": {
-        "@babel/compat-data": "^7.16.4",
+        "@babel/compat-data": "^7.17.0",
         "@babel/helper-compilation-targets": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
         "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
@@ -16047,17 +16594,6 @@
         "@babel/helper-create-class-features-plugin": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
         "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
-      },
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": {
-          "version": "7.16.7",
-          "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-          "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-          "dev": true,
-          "requires": {
-            "@babel/types": "^7.16.7"
-          }
-        }
       }
     },
     "@babel/plugin-proposal-unicode-property-regex": {
@@ -16206,14 +16742,14 @@
       }
     },
     "@babel/plugin-transform-async-to-generator": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.14.5.tgz",
-      "integrity": "sha512-szkbzQ0mNk0rpu76fzDdqSyPu0MuvpXgC+6rz5rpMb5OIRxdmHfQxrktL8CYolL2d8luMCZTR0DpIMIdL27IjA==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.16.8.tgz",
+      "integrity": "sha512-MtmUmTJQHCnyJVrScNzNlofQJ3dLFuobYn3mwOTKHnSCMtbNsqvF71GQmJfFjdrXSsAA7iysFmYWw4bXZ20hOg==",
       "dev": true,
       "requires": {
-        "@babel/helper-module-imports": "^7.14.5",
-        "@babel/helper-plugin-utils": "^7.14.5",
-        "@babel/helper-remap-async-to-generator": "^7.14.5"
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/helper-plugin-utils": "^7.16.7",
+        "@babel/helper-remap-async-to-generator": "^7.16.8"
       }
     },
     "@babel/plugin-transform-block-scoped-functions": {
@@ -16248,17 +16784,6 @@
         "@babel/helper-replace-supers": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7",
         "globals": "^11.1.0"
-      },
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": {
-          "version": "7.16.7",
-          "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz",
-          "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
-          "dev": true,
-          "requires": {
-            "@babel/types": "^7.16.7"
-          }
-        }
       }
     },
     "@babel/plugin-transform-computed-properties": {
@@ -16271,9 +16796,9 @@
       }
     },
     "@babel/plugin-transform-destructuring": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.16.7.tgz",
-      "integrity": "sha512-VqAwhTHBnu5xBVDCvrvqJbtLUa++qZaWC0Fgr2mqokBlulZARGyIvZDoqbPlPaKImQ9dKAcCzbv+ul//uqu70A==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.17.7.tgz",
+      "integrity": "sha512-XVh0r5yq9sLR4vZ6eVZe8FKfIcSgaTBxVBRSYokRj2qksf6QerYnTxz9/GTuKTH/n/HwLP7t6gtlybHetJ/6hQ==",
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.16.7"
@@ -16358,14 +16883,14 @@
       }
     },
     "@babel/plugin-transform-modules-commonjs": {
-      "version": "7.16.8",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.16.8.tgz",
-      "integrity": "sha512-oflKPvsLT2+uKQopesJt3ApiaIS2HW+hzHFcwRNtyDGieAeC/dIHZX8buJQ2J2X1rxGPy4eRcUijm3qcSPjYcA==",
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.17.7.tgz",
+      "integrity": "sha512-ITPmR2V7MqioMJyrxUo2onHNC3e+MvfFiFIR0RP21d3PtlVb6sfzoxNKiphSZUOM9hEIdzCcZe83ieX3yoqjUA==",
       "dev": true,
       "requires": {
-        "@babel/helper-module-transforms": "^7.16.7",
+        "@babel/helper-module-transforms": "^7.17.7",
         "@babel/helper-plugin-utils": "^7.16.7",
-        "@babel/helper-simple-access": "^7.16.7",
+        "@babel/helper-simple-access": "^7.17.7",
         "babel-plugin-dynamic-import-node": "^2.3.3"
       }
     },
@@ -16457,16 +16982,16 @@
       }
     },
     "@babel/plugin-transform-runtime": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.15.8.tgz",
-      "integrity": "sha512-+6zsde91jMzzvkzuEA3k63zCw+tm/GvuuabkpisgbDMTPQsIMHllE3XczJFFtEHLjjhKQFZmGQVRdELetlWpVw==",
+      "version": "7.16.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.10.tgz",
+      "integrity": "sha512-9nwTiqETv2G7xI4RvXHNfpGdr8pAA+Q/YtN3yLK7OoK7n9OibVm/xymJ838a9A6E/IciOLPj82lZk0fW6O4O7w==",
       "dev": true,
       "requires": {
-        "@babel/helper-module-imports": "^7.15.4",
-        "@babel/helper-plugin-utils": "^7.14.5",
-        "babel-plugin-polyfill-corejs2": "^0.2.2",
-        "babel-plugin-polyfill-corejs3": "^0.2.5",
-        "babel-plugin-polyfill-regenerator": "^0.2.2",
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/helper-plugin-utils": "^7.16.7",
+        "babel-plugin-polyfill-corejs2": "^0.3.0",
+        "babel-plugin-polyfill-corejs3": "^0.5.0",
+        "babel-plugin-polyfill-regenerator": "^0.3.0",
         "semver": "^6.3.0"
       },
       "dependencies": {
@@ -16544,31 +17069,32 @@
       }
     },
     "@babel/preset-env": {
-      "version": "7.15.8",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.15.8.tgz",
-      "integrity": "sha512-rCC0wH8husJgY4FPbHsiYyiLxSY8oMDJH7Rl6RQMknbN9oDDHhM9RDFvnGM2MgkbUJzSQB4gtuwygY5mCqGSsA==",
+      "version": "7.16.11",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.16.11.tgz",
+      "integrity": "sha512-qcmWG8R7ZW6WBRPZK//y+E3Cli151B20W1Rv7ln27vuPaXU/8TKms6jFdiJtF7UDTxcrb7mZd88tAeK9LjdT8g==",
       "dev": true,
       "requires": {
-        "@babel/compat-data": "^7.15.0",
-        "@babel/helper-compilation-targets": "^7.15.4",
-        "@babel/helper-plugin-utils": "^7.14.5",
-        "@babel/helper-validator-option": "^7.14.5",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.15.4",
-        "@babel/plugin-proposal-async-generator-functions": "^7.15.8",
-        "@babel/plugin-proposal-class-properties": "^7.14.5",
-        "@babel/plugin-proposal-class-static-block": "^7.15.4",
-        "@babel/plugin-proposal-dynamic-import": "^7.14.5",
-        "@babel/plugin-proposal-export-namespace-from": "^7.14.5",
-        "@babel/plugin-proposal-json-strings": "^7.14.5",
-        "@babel/plugin-proposal-logical-assignment-operators": "^7.14.5",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5",
-        "@babel/plugin-proposal-numeric-separator": "^7.14.5",
-        "@babel/plugin-proposal-object-rest-spread": "^7.15.6",
-        "@babel/plugin-proposal-optional-catch-binding": "^7.14.5",
-        "@babel/plugin-proposal-optional-chaining": "^7.14.5",
-        "@babel/plugin-proposal-private-methods": "^7.14.5",
-        "@babel/plugin-proposal-private-property-in-object": "^7.15.4",
-        "@babel/plugin-proposal-unicode-property-regex": "^7.14.5",
+        "@babel/compat-data": "^7.16.8",
+        "@babel/helper-compilation-targets": "^7.16.7",
+        "@babel/helper-plugin-utils": "^7.16.7",
+        "@babel/helper-validator-option": "^7.16.7",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.16.7",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.16.7",
+        "@babel/plugin-proposal-async-generator-functions": "^7.16.8",
+        "@babel/plugin-proposal-class-properties": "^7.16.7",
+        "@babel/plugin-proposal-class-static-block": "^7.16.7",
+        "@babel/plugin-proposal-dynamic-import": "^7.16.7",
+        "@babel/plugin-proposal-export-namespace-from": "^7.16.7",
+        "@babel/plugin-proposal-json-strings": "^7.16.7",
+        "@babel/plugin-proposal-logical-assignment-operators": "^7.16.7",
+        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
+        "@babel/plugin-proposal-numeric-separator": "^7.16.7",
+        "@babel/plugin-proposal-object-rest-spread": "^7.16.7",
+        "@babel/plugin-proposal-optional-catch-binding": "^7.16.7",
+        "@babel/plugin-proposal-optional-chaining": "^7.16.7",
+        "@babel/plugin-proposal-private-methods": "^7.16.11",
+        "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
+        "@babel/plugin-proposal-unicode-property-regex": "^7.16.7",
         "@babel/plugin-syntax-async-generators": "^7.8.4",
         "@babel/plugin-syntax-class-properties": "^7.12.13",
         "@babel/plugin-syntax-class-static-block": "^7.14.5",
@@ -16583,44 +17109,44 @@
         "@babel/plugin-syntax-optional-chaining": "^7.8.3",
         "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
         "@babel/plugin-syntax-top-level-await": "^7.14.5",
-        "@babel/plugin-transform-arrow-functions": "^7.14.5",
-        "@babel/plugin-transform-async-to-generator": "^7.14.5",
-        "@babel/plugin-transform-block-scoped-functions": "^7.14.5",
-        "@babel/plugin-transform-block-scoping": "^7.15.3",
-        "@babel/plugin-transform-classes": "^7.15.4",
-        "@babel/plugin-transform-computed-properties": "^7.14.5",
-        "@babel/plugin-transform-destructuring": "^7.14.7",
-        "@babel/plugin-transform-dotall-regex": "^7.14.5",
-        "@babel/plugin-transform-duplicate-keys": "^7.14.5",
-        "@babel/plugin-transform-exponentiation-operator": "^7.14.5",
-        "@babel/plugin-transform-for-of": "^7.15.4",
-        "@babel/plugin-transform-function-name": "^7.14.5",
-        "@babel/plugin-transform-literals": "^7.14.5",
-        "@babel/plugin-transform-member-expression-literals": "^7.14.5",
-        "@babel/plugin-transform-modules-amd": "^7.14.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.15.4",
-        "@babel/plugin-transform-modules-systemjs": "^7.15.4",
-        "@babel/plugin-transform-modules-umd": "^7.14.5",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.14.9",
-        "@babel/plugin-transform-new-target": "^7.14.5",
-        "@babel/plugin-transform-object-super": "^7.14.5",
-        "@babel/plugin-transform-parameters": "^7.15.4",
-        "@babel/plugin-transform-property-literals": "^7.14.5",
-        "@babel/plugin-transform-regenerator": "^7.14.5",
-        "@babel/plugin-transform-reserved-words": "^7.14.5",
-        "@babel/plugin-transform-shorthand-properties": "^7.14.5",
-        "@babel/plugin-transform-spread": "^7.15.8",
-        "@babel/plugin-transform-sticky-regex": "^7.14.5",
-        "@babel/plugin-transform-template-literals": "^7.14.5",
-        "@babel/plugin-transform-typeof-symbol": "^7.14.5",
-        "@babel/plugin-transform-unicode-escapes": "^7.14.5",
-        "@babel/plugin-transform-unicode-regex": "^7.14.5",
-        "@babel/preset-modules": "^0.1.4",
-        "@babel/types": "^7.15.6",
-        "babel-plugin-polyfill-corejs2": "^0.2.2",
-        "babel-plugin-polyfill-corejs3": "^0.2.5",
-        "babel-plugin-polyfill-regenerator": "^0.2.2",
-        "core-js-compat": "^3.16.0",
+        "@babel/plugin-transform-arrow-functions": "^7.16.7",
+        "@babel/plugin-transform-async-to-generator": "^7.16.8",
+        "@babel/plugin-transform-block-scoped-functions": "^7.16.7",
+        "@babel/plugin-transform-block-scoping": "^7.16.7",
+        "@babel/plugin-transform-classes": "^7.16.7",
+        "@babel/plugin-transform-computed-properties": "^7.16.7",
+        "@babel/plugin-transform-destructuring": "^7.16.7",
+        "@babel/plugin-transform-dotall-regex": "^7.16.7",
+        "@babel/plugin-transform-duplicate-keys": "^7.16.7",
+        "@babel/plugin-transform-exponentiation-operator": "^7.16.7",
+        "@babel/plugin-transform-for-of": "^7.16.7",
+        "@babel/plugin-transform-function-name": "^7.16.7",
+        "@babel/plugin-transform-literals": "^7.16.7",
+        "@babel/plugin-transform-member-expression-literals": "^7.16.7",
+        "@babel/plugin-transform-modules-amd": "^7.16.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.16.8",
+        "@babel/plugin-transform-modules-systemjs": "^7.16.7",
+        "@babel/plugin-transform-modules-umd": "^7.16.7",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.16.8",
+        "@babel/plugin-transform-new-target": "^7.16.7",
+        "@babel/plugin-transform-object-super": "^7.16.7",
+        "@babel/plugin-transform-parameters": "^7.16.7",
+        "@babel/plugin-transform-property-literals": "^7.16.7",
+        "@babel/plugin-transform-regenerator": "^7.16.7",
+        "@babel/plugin-transform-reserved-words": "^7.16.7",
+        "@babel/plugin-transform-shorthand-properties": "^7.16.7",
+        "@babel/plugin-transform-spread": "^7.16.7",
+        "@babel/plugin-transform-sticky-regex": "^7.16.7",
+        "@babel/plugin-transform-template-literals": "^7.16.7",
+        "@babel/plugin-transform-typeof-symbol": "^7.16.7",
+        "@babel/plugin-transform-unicode-escapes": "^7.16.7",
+        "@babel/plugin-transform-unicode-regex": "^7.16.7",
+        "@babel/preset-modules": "^0.1.5",
+        "@babel/types": "^7.16.8",
+        "babel-plugin-polyfill-corejs2": "^0.3.0",
+        "babel-plugin-polyfill-corejs3": "^0.5.0",
+        "babel-plugin-polyfill-regenerator": "^0.3.0",
+        "core-js-compat": "^3.20.2",
         "semver": "^6.3.0"
       },
       "dependencies": {
@@ -16646,50 +17172,50 @@
       }
     },
     "@babel/runtime": {
-      "version": "7.15.4",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.15.4.tgz",
-      "integrity": "sha512-99catp6bHCaxr4sJ/DbTGgHS4+Rs2RVd2g7iOap6SLGPDknRK9ztKNsE/Fg6QhSeh1FGE5f6gHGQmvvn3I3xhw==",
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.7.tgz",
+      "integrity": "sha512-9E9FJowqAsytyOY6LG+1KuueckRL+aQW+mKvXRXnuFGyRAyepJPmEo9vgMfXUA6O9u3IeEdv9MAkppFcaQwogQ==",
       "dev": true,
       "requires": {
         "regenerator-runtime": "^0.13.4"
       }
     },
     "@babel/template": {
-      "version": "7.15.4",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.15.4.tgz",
-      "integrity": "sha512-UgBAfEa1oGuYgDIPM2G+aHa4Nlo9Lh6mGD2bDBGMTbYnc38vulXPuC1MGjYILIEmlwl6Rd+BPR9ee3gm20CBtg==",
-      "dev": true,
-      "requires": {
-        "@babel/code-frame": "^7.14.5",
-        "@babel/parser": "^7.15.4",
-        "@babel/types": "^7.15.4"
-      }
-    },
-    "@babel/traverse": {
-      "version": "7.16.10",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.10.tgz",
-      "integrity": "sha512-yzuaYXoRJBGMlBhsMJoUW7G1UmSb/eXr/JHYM/MsOJgavJibLwASijW7oXBdw3NQ6T0bW7Ty5P/VarOs9cHmqw==",
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz",
+      "integrity": "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==",
       "dev": true,
       "requires": {
         "@babel/code-frame": "^7.16.7",
-        "@babel/generator": "^7.16.8",
+        "@babel/parser": "^7.16.7",
+        "@babel/types": "^7.16.7"
+      }
+    },
+    "@babel/traverse": {
+      "version": "7.17.3",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.3.tgz",
+      "integrity": "sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.16.7",
+        "@babel/generator": "^7.17.3",
         "@babel/helper-environment-visitor": "^7.16.7",
         "@babel/helper-function-name": "^7.16.7",
         "@babel/helper-hoist-variables": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7",
-        "@babel/parser": "^7.16.10",
-        "@babel/types": "^7.16.8",
+        "@babel/parser": "^7.17.3",
+        "@babel/types": "^7.17.0",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
       "dependencies": {
         "@babel/generator": {
-          "version": "7.16.8",
-          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.8.tgz",
-          "integrity": "sha512-1ojZwE9+lOXzcWdWmO6TbUzDfqLD39CmEhN8+2cX9XkDo5yW1OpgfejfliysR2AWLpMamTiOiAp/mtroaymhpw==",
+          "version": "7.17.7",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz",
+          "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==",
           "dev": true,
           "requires": {
-            "@babel/types": "^7.16.8",
+            "@babel/types": "^7.17.0",
             "jsesc": "^2.5.1",
             "source-map": "^0.5.0"
           }
@@ -16703,15 +17229,21 @@
       }
     },
     "@babel/types": {
-      "version": "7.16.8",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.8.tgz",
-      "integrity": "sha512-smN2DQc5s4M7fntyjGtyIPbRJv6wW4rU/94fmYJ7PKQuZkC0qGMHXJbg6sNGt12JmVr4k5YaptI/XtiLJBnmIg==",
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz",
+      "integrity": "sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==",
       "dev": true,
       "requires": {
         "@babel/helper-validator-identifier": "^7.16.7",
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@colors/colors": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
+      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
+      "dev": true
+    },
     "@cspotcode/source-map-consumer": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz",
@@ -16733,16 +17265,25 @@
       "integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==",
       "dev": true
     },
+    "@csstools/postcss-progressive-custom-properties": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz",
+      "integrity": "sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==",
+      "dev": true,
+      "requires": {
+        "postcss-value-parser": "^4.2.0"
+      }
+    },
     "@discoveryjs/json-ext": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.5.tgz",
-      "integrity": "sha512-6nFkfkmSeV/rqSaS4oWHgmpnYw194f6hmWF5is6b0J1naJZoiD0NTc9AiUwPHvWsowkjuHErCZT1wa0jg+BLIA==",
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.6.tgz",
+      "integrity": "sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==",
       "dev": true
     },
     "@gar/promisify": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.2.tgz",
-      "integrity": "sha512-82cpyJyKRoQoRi+14ibCeGPu0CwypgtBAdBhq1WfvagpCZNKqwXbKwXllYSMG91DhmG4jt9gN8eP6lGOtozuaw==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
+      "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
       "dev": true
     },
     "@istanbuljs/load-nyc-config": {
@@ -16765,15 +17306,15 @@
       "dev": true
     },
     "@jridgewell/resolve-uri": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-1.0.0.tgz",
-      "integrity": "sha512-9oLAnygRMi8Q5QkYEU4XWK04B+nuoXoxjRvRxgjuChkLZFBja0YPSgdZ7dZtwhncLBcQe/I/E+fLuk5qxcYVJA==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.0.5.tgz",
+      "integrity": "sha512-VPeQ7+wH0itvQxnG+lIzWgkysKIr3L9sslimFW55rHMdGu/qCQ5z5h9zq4gI8uBtqkpHhsF4Z/OwExufUCThew==",
       "dev": true
     },
     "@ngtools/webpack": {
-      "version": "13.0.1",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-13.0.1.tgz",
-      "integrity": "sha512-ZWsuwgwNZp0cmlvGNcWChltbY8BxfwifscLteSXIC2x7RvPaXhdUhmzvRDeQJa1KUmXd/xUuHZqgiAQsWRT7IA==",
+      "version": "13.2.5",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-13.2.5.tgz",
+      "integrity": "sha512-obiPvwPe+UJUO8cfNbBxukLKG30F+gLF5/erexwklRknJzS4KP8ciH2on6XlTuXUahpDjbO0pffugFE2I/IszQ==",
       "dev": true,
       "requires": {}
     },
@@ -16804,9 +17345,9 @@
       }
     },
     "@npmcli/fs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.0.tgz",
-      "integrity": "sha512-VhP1qZLXcrXRIaPoqb4YA55JQxLNF3jNR4T55IdOJa3+IFJKNYHtPvtXx8slmeMavj37vCzCfrqQM1vWLsYKLA==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz",
+      "integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==",
       "dev": true,
       "requires": {
         "@gar/promisify": "^1.0.1",
@@ -16936,6 +17477,49 @@
         "@angular-devkit/core": "13.0.1",
         "@angular-devkit/schematics": "13.0.1",
         "jsonc-parser": "3.0.0"
+      },
+      "dependencies": {
+        "@angular-devkit/core": {
+          "version": "13.0.1",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-13.0.1.tgz",
+          "integrity": "sha512-RfhpPw7vU5ok7ICUwEx4Lic+HCHrMjKnj/Tbk+CfSqONTFtqDaMoC8itQE2risLugT4mzO+3Cy95eccpf282kQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "8.6.3",
+            "ajv-formats": "2.1.1",
+            "fast-json-stable-stringify": "2.1.0",
+            "magic-string": "0.25.7",
+            "rxjs": "6.6.7",
+            "source-map": "0.7.3"
+          }
+        },
+        "ajv": {
+          "version": "8.6.3",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
+          "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "json-schema-traverse": "^1.0.0",
+            "require-from-string": "^2.0.2",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "rxjs": {
+          "version": "6.6.7",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+          "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        },
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+          "dev": true
+        }
       }
     },
     "@socket.io/base64-arraybuffer": {
@@ -16979,12 +17563,20 @@
       "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz",
       "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@types/connect": "*",
         "@types/node": "*"
       }
     },
+    "@types/bonjour": {
+      "version": "3.5.10",
+      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.10.tgz",
+      "integrity": "sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@types/component-emitter": {
       "version": "1.2.11",
       "resolved": "https://registry.npmjs.org/@types/component-emitter/-/component-emitter-1.2.11.tgz",
@@ -16996,11 +17588,20 @@
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz",
       "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@types/node": "*"
       }
     },
+    "@types/connect-history-api-fallback": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz",
+      "integrity": "sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw==",
+      "dev": true,
+      "requires": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
     "@types/cookie": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
@@ -17044,7 +17645,6 @@
       "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.13.tgz",
       "integrity": "sha512-6bSZTPaTIACxn48l50SR+axgrqm6qXFIxrdAKaG6PaJk3+zuUr35hBlgT7vOmJcum+OEaIBLtHV/qloEAFITeA==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@types/body-parser": "*",
         "@types/express-serve-static-core": "^4.17.18",
@@ -17057,7 +17657,6 @@
       "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.28.tgz",
       "integrity": "sha512-P1BJAEAW3E2DJUlkgq4tOL3RyMunoWXqbSCygWo5ZIWTjUgN1YnaXWW4VWl/oc8vs/XoYibEGBKP0uZyF4AHig==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@types/node": "*",
         "@types/qs": "*",
@@ -17098,8 +17697,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
       "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "@types/node": {
       "version": "16.11.6",
@@ -17123,15 +17721,13 @@
       "version": "6.9.7",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
       "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "@types/range-parser": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
       "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "@types/resolve": {
       "version": "1.17.1",
@@ -17154,17 +17750,43 @@
       "integrity": "sha512-OFUilxQg+rWL2FMxtmIgCkUDlJB6pskkpvmew7yeXfzzsOBb5rc+y2+DjHm+r3r1ZPPcJefK3DveNSYWGiy68g==",
       "dev": true
     },
+    "@types/serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==",
+      "dev": true,
+      "requires": {
+        "@types/express": "*"
+      }
+    },
     "@types/serve-static": {
       "version": "1.13.10",
       "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.13.10.tgz",
       "integrity": "sha512-nCkHGI4w7ZgAdNkrEu0bv+4xNV/XDqW+DydknebMOQwkpDGx8G+HTlj7R7ABI8i8nKxVw0wtKPi1D+lPOkh4YQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@types/mime": "^1",
         "@types/node": "*"
       }
     },
+    "@types/sockjs": {
+      "version": "0.3.33",
+      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.33.tgz",
+      "integrity": "sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/ws": {
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
+      "integrity": "sha512-6YOoWjruKj1uLf3INHH7D3qTXwFfEsg1kf3c0uDdSBJwfa/llkwIjrAGV7j7mVgGNbzTQ3HiHKKDXl6bJPD97w==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -17342,21 +17964,13 @@
       "dev": true
     },
     "accepts": {
-      "version": "1.3.7",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
-      "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==",
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
       "dev": true,
       "requires": {
-        "mime-types": "~2.1.24",
-        "negotiator": "0.6.2"
-      },
-      "dependencies": {
-        "negotiator": {
-          "version": "0.6.2",
-          "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
-          "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==",
-          "dev": true
-        }
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
       }
     },
     "acorn": {
@@ -17388,12 +18002,6 @@
         "regex-parser": "^2.2.11"
       },
       "dependencies": {
-        "big.js": {
-          "version": "5.2.2",
-          "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-          "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-          "dev": true
-        },
         "loader-utils": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
@@ -17423,9 +18031,9 @@
       }
     },
     "agentkeepalive": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.2.0.tgz",
-      "integrity": "sha512-0PhAp58jZNw13UJv7NVdTGb0ZcghHUb3DrZ046JiiJY/BOaTTpbwdHq2VObPCBV8M2GPh7sgrJ3AQ8Ey468LJw==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.2.1.tgz",
+      "integrity": "sha512-Zn4cw2NEqd+9fiSVWMscnjyQ1a8Yfoc5oBajLeo5w+YBHgDUcEBY2hS4YpTz6iN5f/2zQiktcuM6tS8x1p9dpA==",
       "dev": true,
       "requires": {
         "debug": "^4.1.0",
@@ -17444,9 +18052,9 @@
       }
     },
     "ajv": {
-      "version": "8.6.3",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
-      "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+      "version": "8.9.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.9.0.tgz",
+      "integrity": "sha512-qOKJyNj/h+OWx7s5DePL6Zu1KeM9jPZhwBqs+7DzP6bGOvqzVCSf0xueYmVuaC/oQ/VtS2zLMLHdQFbkka+XDQ==",
       "dev": true,
       "requires": {
         "fast-deep-equal": "^3.1.1",
@@ -17464,6 +18072,15 @@
         "ajv": "^8.0.0"
       }
     },
+    "ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.3"
+      }
+    },
     "ansi-colors": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
@@ -17523,9 +18140,9 @@
       "dev": true
     },
     "are-we-there-yet": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
-      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.0.tgz",
+      "integrity": "sha512-0GWpv50YSOcLXaN6/FAKY3vfRbllXWV2xvfA/oKJF8pzFhWXPV+yjhJXDBbjscDYowv7Yw1A3uigpzn5iEGTyw==",
       "dev": true,
       "requires": {
         "delegates": "^1.0.0",
@@ -17572,9 +18189,9 @@
       "dev": true
     },
     "array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-3.0.1.tgz",
+      "integrity": "sha512-1OvF9IbWwaeiM9VhzYXVQacMibxpXOMYVNIvMtKRyX9SImBXpKcFr8XvFDeEslCyuH/t6KRt7HEO94AlP8Iatw==",
       "dev": true
     },
     "array-uniq": {
@@ -17647,42 +18264,17 @@
       }
     },
     "autoprefixer": {
-      "version": "9.8.8",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
-      "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
+      "version": "10.4.2",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.2.tgz",
+      "integrity": "sha512-9fOPpHKuDW1w/0EKfRmVnxTDt8166MAnLI3mgZ1JCnhNtYWxcJ6Ud5CO/AVOZi/AvFa8DY9RTy3h3+tFBlrrdQ==",
       "dev": true,
       "requires": {
-        "browserslist": "^4.12.0",
-        "caniuse-lite": "^1.0.30001109",
+        "browserslist": "^4.19.1",
+        "caniuse-lite": "^1.0.30001297",
+        "fraction.js": "^4.1.2",
         "normalize-range": "^0.1.2",
-        "num2fraction": "^1.2.2",
-        "picocolors": "^0.2.1",
-        "postcss": "^7.0.32",
-        "postcss-value-parser": "^4.1.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "aws-sign2": {
@@ -17718,12 +18310,6 @@
         "schema-utils": "^2.6.5"
       },
       "dependencies": {
-        "big.js": {
-          "version": "5.2.2",
-          "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-          "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-          "dev": true
-        },
         "json5": {
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
@@ -17769,13 +18355,13 @@
       }
     },
     "babel-plugin-polyfill-corejs2": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.2.3.tgz",
-      "integrity": "sha512-NDZ0auNRzmAfE1oDDPW2JhzIMXUk+FFe2ICejmt5T4ocKgiQx3e0VCRx9NCAidcMtL2RUZaWtXnmjTCkx0tcbA==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.1.tgz",
+      "integrity": "sha512-v7/T6EQcNfVLfcN2X8Lulb7DjprieyLWJK/zOWH5DUYcAgex9sP3h25Q+DLsX9TloXe3y1O8l2q2Jv9q8UVB9w==",
       "dev": true,
       "requires": {
         "@babel/compat-data": "^7.13.11",
-        "@babel/helper-define-polyfill-provider": "^0.2.4",
+        "@babel/helper-define-polyfill-provider": "^0.3.1",
         "semver": "^6.1.1"
       },
       "dependencies": {
@@ -17788,22 +18374,22 @@
       }
     },
     "babel-plugin-polyfill-corejs3": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.2.5.tgz",
-      "integrity": "sha512-ninF5MQNwAX9Z7c9ED+H2pGt1mXdP4TqzlHKyPIYmJIYz0N+++uwdM7RnJukklhzJ54Q84vA4ZJkgs7lu5vqcw==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.5.2.tgz",
+      "integrity": "sha512-G3uJih0XWiID451fpeFaYGVuxHEjzKTHtc9uGFEjR6hHrvNzeS/PX+LLLcetJcytsB5m4j+K3o/EpXJNb/5IEQ==",
       "dev": true,
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.2.2",
-        "core-js-compat": "^3.16.2"
+        "@babel/helper-define-polyfill-provider": "^0.3.1",
+        "core-js-compat": "^3.21.0"
       }
     },
     "babel-plugin-polyfill-regenerator": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.2.3.tgz",
-      "integrity": "sha512-JVE78oRZPKFIeUqFGrSORNzQnrDwZR16oiWeGM8ZyjBn2XAT5OjP+wXx5ESuo33nUsFUEJYjtklnsKbxW5L+7g==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.3.1.tgz",
+      "integrity": "sha512-Y2B06tvgHYt1x0yz17jGkGeeMr5FeKUu+ASJ+N6nB5lQ8Dapfg42i0OVrf8PNGJ3zKL4A23snMi1IRwrqqND7A==",
       "dev": true,
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.2.4"
+        "@babel/helper-define-polyfill-provider": "^0.3.1"
       }
     },
     "balanced-match": {
@@ -17839,9 +18425,9 @@
       }
     },
     "big.js": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-6.1.1.tgz",
-      "integrity": "sha512-1vObw81a8ylZO5ePrtMay0n018TcftpTA5HFKDaSuiUDBo8biRBtjIobw60OpwuvrGk+FsxKamqN4cnmj/eXdg==",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
       "dev": true
     },
     "binary-extensions": {
@@ -17883,20 +18469,20 @@
       }
     },
     "body-parser": {
-      "version": "1.19.1",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.1.tgz",
-      "integrity": "sha512-8ljfQi5eBk8EJfECMrgqNGWPEY5jWP+1IzkzkGdFFEwFQZZyaZ21UqdaHktgiMlH0xLHqIFtE/u2OYE5dOtViA==",
+      "version": "1.19.2",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.2.tgz",
+      "integrity": "sha512-SAAwOxgoCKMGs9uUAUFHygfLAyaniaoun6I8mFY9pRAJL9+Kec34aU+oIjDhTycub1jozEfEwx1W1IuOYxVSFw==",
       "dev": true,
       "requires": {
-        "bytes": "3.1.1",
+        "bytes": "3.1.2",
         "content-type": "~1.0.4",
         "debug": "2.6.9",
         "depd": "~1.1.2",
         "http-errors": "1.8.1",
         "iconv-lite": "0.4.24",
         "on-finished": "~2.3.0",
-        "qs": "6.9.6",
-        "raw-body": "2.4.2",
+        "qs": "6.9.7",
+        "raw-body": "2.4.3",
         "type-is": "~1.6.18"
       },
       "dependencies": {
@@ -17957,15 +18543,15 @@
       }
     },
     "browserslist": {
-      "version": "4.19.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz",
-      "integrity": "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.0.tgz",
+      "integrity": "sha512-bnpOoa+DownbciXj0jVGENf8VYQnE2LNWomhYuCsMmmx9Jd9lwq0WXODuwpSsp8AVdKM2/HorrzxAfbKvWTByQ==",
       "dev": true,
       "requires": {
-        "caniuse-lite": "^1.0.30001286",
-        "electron-to-chromium": "^1.4.17",
+        "caniuse-lite": "^1.0.30001313",
+        "electron-to-chromium": "^1.4.76",
         "escalade": "^3.1.1",
-        "node-releases": "^2.0.1",
+        "node-releases": "^2.0.2",
         "picocolors": "^1.0.0"
       }
     },
@@ -18042,9 +18628,9 @@
       "dev": true
     },
     "bytes": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.1.tgz",
-      "integrity": "sha512-dWe4nWO/ruEOY7HkUJ5gFt1DCFV9zPRoJr8pV0/ASQermOZjtq8jMjOprC0Kd10GLN+l7xaUPvxzJFWtxGu8Fg==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
       "dev": true
     },
     "cacache": {
@@ -18096,9 +18682,9 @@
       "dev": true
     },
     "caniuse-lite": {
-      "version": "1.0.30001301",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001301.tgz",
-      "integrity": "sha512-csfD/GpHMqgEL3V3uIgosvh+SVIQvCh43SNu9HRbP1lnxkKm1kjDG4f32PP571JplkLjfS+mg2p1gxR7MYrrIA==",
+      "version": "1.0.30001317",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001317.tgz",
+      "integrity": "sha512-xIZLh8gBm4dqNX0gkzrBeyI86J2eCjWzYAs40q88smG844YIrN4tVQl/RhquHvKEKImWWFIVh1Lxe5n1G/N+GQ==",
       "dev": true
     },
     "canonical-path": {
@@ -18481,9 +19067,9 @@
       }
     },
     "cookie": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
-      "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==",
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
+      "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==",
       "dev": true
     },
     "cookie-signature": {
@@ -18502,39 +19088,19 @@
       }
     },
     "copy-webpack-plugin": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-9.0.1.tgz",
-      "integrity": "sha512-14gHKKdYIxF84jCEgPgYXCPpldbwpxxLbCmA7LReY7gvbaT555DgeBWBgBZM116tv/fO6RRJrsivBqRyRlukhw==",
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-10.2.1.tgz",
+      "integrity": "sha512-nr81NhCAIpAWXGCK5thrKmfCQ6GDY0L5RN0U+BnIn/7Us55+UCex5ANNsNKmIVtDRnk0Ecf+/kzp9SUVrrBMLg==",
       "dev": true,
       "requires": {
-        "fast-glob": "^3.2.5",
-        "glob-parent": "^6.0.0",
-        "globby": "^11.0.3",
+        "fast-glob": "^3.2.7",
+        "glob-parent": "^6.0.1",
+        "globby": "^12.0.2",
         "normalize-path": "^3.0.0",
-        "p-limit": "^3.1.0",
-        "schema-utils": "^3.0.0",
+        "schema-utils": "^4.0.0",
         "serialize-javascript": "^6.0.0"
       },
       "dependencies": {
-        "ajv": {
-          "version": "6.12.6",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "fast-json-stable-stringify": "^2.0.0",
-            "json-schema-traverse": "^0.4.1",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "ajv-keywords": {
-          "version": "3.5.2",
-          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-          "dev": true,
-          "requires": {}
-        },
         "glob-parent": {
           "version": "6.0.2",
           "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
@@ -18544,35 +19110,30 @@
             "is-glob": "^4.0.3"
           }
         },
-        "json-schema-traverse": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-          "dev": true
-        },
         "schema-utils": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+          "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
           "dev": true,
           "requires": {
-            "@types/json-schema": "^7.0.8",
-            "ajv": "^6.12.5",
-            "ajv-keywords": "^3.5.2"
+            "@types/json-schema": "^7.0.9",
+            "ajv": "^8.8.0",
+            "ajv-formats": "^2.1.1",
+            "ajv-keywords": "^5.0.0"
           }
         }
       }
     },
     "core-js": {
-      "version": "3.19.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.19.0.tgz",
-      "integrity": "sha512-L1TpFRWXZ76vH1yLM+z6KssLZrP8Z6GxxW4auoCj+XiViOzNPJCAuTIkn03BGdFe6Z5clX5t64wRIRypsZQrUg==",
+      "version": "3.20.3",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.20.3.tgz",
+      "integrity": "sha512-vVl8j8ph6tRS3B8qir40H7yw7voy17xL0piAjlbBUsH7WIfzoedL/ZOr1OV9FyZQLWXsayOJyV4tnRyXR85/ag==",
       "dev": true
     },
     "core-js-compat": {
-      "version": "3.20.3",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.20.3.tgz",
-      "integrity": "sha512-c8M5h0IkNZ+I92QhIpuSijOxGAcj3lgpsWdkCqmUTZNwidujF4r3pi6x1DCN+Vcs5qTS2XWWMfWSuCqyupX8gw==",
+      "version": "3.21.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.21.1.tgz",
+      "integrity": "sha512-gbgX5AUvMb8gwxC7FLVWYT7Kkgu/y7+h/h1X43yJkNqhlK2fuYyQimqvKGNZFAY6CKii/GFKJ2cp/1/42TN36g==",
       "dev": true,
       "requires": {
         "browserslist": "^4.19.1",
@@ -18623,13 +19184,13 @@
       "dev": true
     },
     "critters": {
-      "version": "0.0.14",
-      "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.14.tgz",
-      "integrity": "sha512-YiBoGKfU8/xg+tVMw0KfMBgmr0TWa1JGmRXDzbQRQQaDarGUcZZtZEB25QyYrLasQZAnvqoZhSg2GW0zdsQkYQ==",
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.16.tgz",
+      "integrity": "sha512-JwjgmO6i3y6RWtLYmXwO5jMd+maZt8Tnfu7VVISmEWyQqfLpB8soBswf8/2bu6SBXxtKA68Al3c+qIG1ApT68A==",
       "dev": true,
       "requires": {
         "chalk": "^4.1.0",
-        "css-select": "^4.1.3",
+        "css-select": "^4.2.0",
         "parse5": "^6.0.1",
         "parse5-htmlparser2-tree-adapter": "^6.0.1",
         "postcss": "^8.3.7",
@@ -18735,93 +19296,27 @@
       }
     },
     "css-blank-pseudo": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
-      "integrity": "sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz",
+      "integrity": "sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.5"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-selector-parser": "^6.0.9"
       }
     },
     "css-has-pseudo": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz",
-      "integrity": "sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz",
+      "integrity": "sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.6",
-        "postcss-selector-parser": "^5.0.0-rc.4"
-      },
-      "dependencies": {
-        "cssesc": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
-          "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
-          "dev": true
-        },
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "postcss-selector-parser": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
-          "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
-          "dev": true,
-          "requires": {
-            "cssesc": "^2.0.0",
-            "indexes-of": "^1.0.1",
-            "uniq": "^1.0.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-selector-parser": "^6.0.9"
       }
     },
     "css-loader": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.5.0.tgz",
-      "integrity": "sha512-VmuSdQa3K+wJsl39i7X3qGBM5+ZHmtTnv65fqMGI+fzmHoYmszTVvTqC1XN8JwWDViCB1a8wgNim5SV4fb37xg==",
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.5.1.tgz",
+      "integrity": "sha512-gEy2w9AnJNnD9Kuo4XAP9VflW/ujKoS9c/syO+uWMlm5igc7LysKzPXaDoR2vroROkSwsTS2tGr1yGGEbZOYZQ==",
       "dev": true,
       "requires": {
         "icss-utils": "^5.1.0",
@@ -18835,37 +19330,11 @@
       }
     },
     "css-prefers-color-scheme": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz",
-      "integrity": "sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz",
+      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.5"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "css-select": {
       "version": "4.2.1",
@@ -18906,9 +19375,9 @@
       }
     },
     "cssdb": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
-      "integrity": "sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-5.1.0.tgz",
+      "integrity": "sha512-/vqjXhv1x9eGkE/zO6o8ZOI7dgdZbLVLUGyVRbPgk6YipXbW87YzUCcO+Jrmi5bwJlAH6oD+MNeZyRgXea1GZw==",
       "dev": true
     },
     "cssesc": {
@@ -18945,9 +19414,9 @@
       }
     },
     "date-format": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.3.tgz",
-      "integrity": "sha512-7P3FyqDcfeznLZp2b+OMitV9Sz2lUnsT87WaTat9nVwqsBkTzPG3lPLNwW3en6F4pHUiWzr6vb8CLhjdK9bcxQ==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.5.tgz",
+      "integrity": "sha512-zBhRiN/M0gDxUoM2xRtzTjJzSg0XEi1ofYpF84PfXeS3hN2PsGxmc7jw3DNQtFlimRbMmob5FC3G0cJq6jQQpw==",
       "dev": true
     },
     "debug": {
@@ -19227,9 +19696,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.4.52",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.52.tgz",
-      "integrity": "sha512-JGkh8HEh5PnVrhU4HbpyyO0O791dVY6k7AdqfDeqbcRMeoGxtNHWT77deR2nhvbLe4dKpxjlDEvdEwrvRLGu2Q==",
+      "version": "1.4.84",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.84.tgz",
+      "integrity": "sha512-b+DdcyOiZtLXHdgEG8lncYJdxbdJWJvclPNMg0eLUDcSOSO876WA/pYjdSblUTd7eJdIs4YdIxHWGazx7UPSJw==",
       "dev": true
     },
     "emoji-regex": {
@@ -19273,9 +19742,9 @@
       }
     },
     "engine.io": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.1.2.tgz",
-      "integrity": "sha512-v/7eGHxPvO2AWsksyx2PUsQvBafuvqs0jJJQ0FdmJG1b9qIvgSbqDRGwNhfk2XHaTTbTXiC4quRE8Q9nRjsrQQ==",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.1.3.tgz",
+      "integrity": "sha512-rqs60YwkvWTLLnfazqgZqLa/aKo+9cueVfEi/dZ8PyGyaf8TLOxj++4QMIgeG3Gn0AhrWiFXvghsoY9L9h25GA==",
       "dev": true,
       "requires": {
         "@types/cookie": "^0.4.1",
@@ -19286,7 +19755,7 @@
         "cookie": "~0.4.1",
         "cors": "~2.8.5",
         "debug": "~4.3.1",
-        "engine.io-parser": "~5.0.0",
+        "engine.io-parser": "~5.0.3",
         "ws": "~8.2.3"
       }
     },
@@ -19300,9 +19769,9 @@
       }
     },
     "enhanced-resolve": {
-      "version": "5.8.3",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.8.3.tgz",
-      "integrity": "sha512-EGAbGvH7j7Xt2nc0E7D99La1OiEs8LnyimkRgwExpUMScN6O+3x9tIWs7PLQZVNx4YD+00skHXPXi1yQHpAmZA==",
+      "version": "5.9.2",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.9.2.tgz",
+      "integrity": "sha512-GIm3fQfwLJ8YZx2smuHpBKkXC1yOk+OBEmKckVyL0i/ea8mqDEykK3ld5dgH1QYPNyT/lIllxV2LULnxCHaHkA==",
       "dev": true,
       "requires": {
         "graceful-fs": "^4.2.4",
@@ -19374,153 +19843,169 @@
       }
     },
     "esbuild": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.13.12.tgz",
-      "integrity": "sha512-vTKKUt+yoz61U/BbrnmlG9XIjwpdIxmHB8DlPR0AAW6OdS+nBQBci6LUHU2q9WbBobMEIQxxDpKbkmOGYvxsow==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.22.tgz",
+      "integrity": "sha512-CjFCFGgYtbFOPrwZNJf7wsuzesx8kqwAffOlbYcFDLFuUtP8xloK1GH+Ai13Qr0RZQf9tE7LMTHJ2iVGJ1SKZA==",
       "dev": true,
       "optional": true,
       "requires": {
-        "esbuild-android-arm64": "0.13.12",
-        "esbuild-darwin-64": "0.13.12",
-        "esbuild-darwin-arm64": "0.13.12",
-        "esbuild-freebsd-64": "0.13.12",
-        "esbuild-freebsd-arm64": "0.13.12",
-        "esbuild-linux-32": "0.13.12",
-        "esbuild-linux-64": "0.13.12",
-        "esbuild-linux-arm": "0.13.12",
-        "esbuild-linux-arm64": "0.13.12",
-        "esbuild-linux-mips64le": "0.13.12",
-        "esbuild-linux-ppc64le": "0.13.12",
-        "esbuild-netbsd-64": "0.13.12",
-        "esbuild-openbsd-64": "0.13.12",
-        "esbuild-sunos-64": "0.13.12",
-        "esbuild-windows-32": "0.13.12",
-        "esbuild-windows-64": "0.13.12",
-        "esbuild-windows-arm64": "0.13.12"
+        "esbuild-android-arm64": "0.14.22",
+        "esbuild-darwin-64": "0.14.22",
+        "esbuild-darwin-arm64": "0.14.22",
+        "esbuild-freebsd-64": "0.14.22",
+        "esbuild-freebsd-arm64": "0.14.22",
+        "esbuild-linux-32": "0.14.22",
+        "esbuild-linux-64": "0.14.22",
+        "esbuild-linux-arm": "0.14.22",
+        "esbuild-linux-arm64": "0.14.22",
+        "esbuild-linux-mips64le": "0.14.22",
+        "esbuild-linux-ppc64le": "0.14.22",
+        "esbuild-linux-riscv64": "0.14.22",
+        "esbuild-linux-s390x": "0.14.22",
+        "esbuild-netbsd-64": "0.14.22",
+        "esbuild-openbsd-64": "0.14.22",
+        "esbuild-sunos-64": "0.14.22",
+        "esbuild-windows-32": "0.14.22",
+        "esbuild-windows-64": "0.14.22",
+        "esbuild-windows-arm64": "0.14.22"
       }
     },
     "esbuild-android-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.13.12.tgz",
-      "integrity": "sha512-TSVZVrb4EIXz6KaYjXfTzPyyRpXV5zgYIADXtQsIenjZ78myvDGaPi11o4ZSaHIwFHsuwkB6ne5SZRBwAQ7maw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.22.tgz",
+      "integrity": "sha512-k1Uu4uC4UOFgrnTj2zuj75EswFSEBK+H6lT70/DdS4mTAOfs2ECv2I9ZYvr3w0WL0T4YItzJdK7fPNxcPw6YmQ==",
       "dev": true,
       "optional": true
     },
     "esbuild-darwin-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.13.12.tgz",
-      "integrity": "sha512-c51C+N+UHySoV2lgfWSwwmlnLnL0JWj/LzuZt9Ltk9ub1s2Y8cr6SQV5W3mqVH1egUceew6KZ8GyI4nwu+fhsw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.22.tgz",
+      "integrity": "sha512-d8Ceuo6Vw6HM3fW218FB6jTY6O3r2WNcTAU0SGsBkXZ3k8SDoRLd3Nrc//EqzdgYnzDNMNtrWegK2Qsss4THhw==",
       "dev": true,
       "optional": true
     },
     "esbuild-darwin-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.13.12.tgz",
-      "integrity": "sha512-JvAMtshP45Hd8A8wOzjkY1xAnTKTYuP/QUaKp5eUQGX+76GIie3fCdUUr2ZEKdvpSImNqxiZSIMziEiGB5oUmQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.22.tgz",
+      "integrity": "sha512-YAt9Tj3SkIUkswuzHxkaNlT9+sg0xvzDvE75LlBo4DI++ogSgSmKNR6B4eUhU5EUUepVXcXdRIdqMq9ppeRqfw==",
       "dev": true,
       "optional": true
     },
     "esbuild-freebsd-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.13.12.tgz",
-      "integrity": "sha512-r6On/Skv9f0ZjTu6PW5o7pdXr8aOgtFOEURJZYf1XAJs0IQ+gW+o1DzXjVkIoT+n1cm3N/t1KRJfX71MPg/ZUA==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.22.tgz",
+      "integrity": "sha512-ek1HUv7fkXMy87Qm2G4IRohN+Qux4IcnrDBPZGXNN33KAL0pEJJzdTv0hB/42+DCYWylSrSKxk3KUXfqXOoH4A==",
       "dev": true,
       "optional": true
     },
     "esbuild-freebsd-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.13.12.tgz",
-      "integrity": "sha512-F6LmI2Q1gii073kmBE3NOTt/6zLL5zvZsxNLF8PMAwdHc+iBhD1vzfI8uQZMJA1IgXa3ocr3L3DJH9fLGXy6Yw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.22.tgz",
+      "integrity": "sha512-zPh9SzjRvr9FwsouNYTqgqFlsMIW07O8mNXulGeQx6O5ApgGUBZBgtzSlBQXkHi18WjrosYfsvp5nzOKiWzkjQ==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-32": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.13.12.tgz",
-      "integrity": "sha512-U1UZwG3UIwF7/V4tCVAo/nkBV9ag5KJiJTt+gaCmLVWH3bPLX7y+fNlhIWZy8raTMnXhMKfaTvWZ9TtmXzvkuQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.22.tgz",
+      "integrity": "sha512-SnpveoE4nzjb9t2hqCIzzTWBM0RzcCINDMBB67H6OXIuDa4KqFqaIgmTchNA9pJKOVLVIKd5FYxNiJStli21qg==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.13.12.tgz",
-      "integrity": "sha512-YpXSwtu2NxN3N4ifJxEdsgd6Q5d8LYqskrAwjmoCT6yQnEHJSF5uWcxv783HWN7lnGpJi9KUtDvYsnMdyGw71Q==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.22.tgz",
+      "integrity": "sha512-Zcl9Wg7gKhOWWNqAjygyqzB+fJa19glgl2JG7GtuxHyL1uEnWlpSMytTLMqtfbmRykIHdab797IOZeKwk5g0zg==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-arm": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.13.12.tgz",
-      "integrity": "sha512-SyiT/JKxU6J+DY2qUiSLZJqCAftIt3uoGejZ0HDnUM2MGJqEGSGh7p1ecVL2gna3PxS4P+j6WAehCwgkBPXNIw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.22.tgz",
+      "integrity": "sha512-soPDdbpt/C0XvOOK45p4EFt8HbH5g+0uHs5nUKjHVExfgR7du734kEkXR/mE5zmjrlymk5AA79I0VIvj90WZ4g==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.13.12.tgz",
-      "integrity": "sha512-sgDNb8kb3BVodtAlcFGgwk+43KFCYjnFOaOfJibXnnIojNWuJHpL6aQJ4mumzNWw8Rt1xEtDQyuGK9f+Y24jGA==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.22.tgz",
+      "integrity": "sha512-8q/FRBJtV5IHnQChO3LHh/Jf7KLrxJ/RCTGdBvlVZhBde+dk3/qS9fFsUy+rs3dEi49aAsyVitTwlKw1SUFm+A==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-mips64le": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.13.12.tgz",
-      "integrity": "sha512-qQJHlZBG+QwVIA8AbTEtbvF084QgDi4DaUsUnA+EolY1bxrG+UyOuGflM2ZritGhfS/k7THFjJbjH2wIeoKA2g==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.22.tgz",
+      "integrity": "sha512-SiNDfuRXhGh1JQLLA9JPprBgPVFOsGuQ0yDfSPTNxztmVJd8W2mX++c4FfLpAwxuJe183mLuKf7qKCHQs5ZnBQ==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-ppc64le": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.13.12.tgz",
-      "integrity": "sha512-2dSnm1ldL7Lppwlo04CGQUpwNn5hGqXI38OzaoPOkRsBRWFBozyGxTFSee/zHFS+Pdh3b28JJbRK3owrrRgWNw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.22.tgz",
+      "integrity": "sha512-6t/GI9I+3o1EFm2AyN9+TsjdgWCpg2nwniEhjm2qJWtJyJ5VzTXGUU3alCO3evopu8G0hN2Bu1Jhz2YmZD0kng==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-riscv64": {
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.22.tgz",
+      "integrity": "sha512-AyJHipZKe88sc+tp5layovquw5cvz45QXw5SaDgAq2M911wLHiCvDtf/07oDx8eweCyzYzG5Y39Ih568amMTCQ==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-s390x": {
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.22.tgz",
+      "integrity": "sha512-Sz1NjZewTIXSblQDZWEFZYjOK6p8tV6hrshYdXZ0NHTjWE+lwxpOpWeElUGtEmiPcMT71FiuA9ODplqzzSxkzw==",
       "dev": true,
       "optional": true
     },
     "esbuild-netbsd-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.13.12.tgz",
-      "integrity": "sha512-D4raxr02dcRiQNbxOLzpqBzcJNFAdsDNxjUbKkDMZBkL54Z0vZh4LRndycdZAMcIdizC/l/Yp/ZsBdAFxc5nbA==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.22.tgz",
+      "integrity": "sha512-TBbCtx+k32xydImsHxvFgsOCuFqCTGIxhzRNbgSL1Z2CKhzxwT92kQMhxort9N/fZM2CkRCPPs5wzQSamtzEHA==",
       "dev": true,
       "optional": true
     },
     "esbuild-openbsd-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.13.12.tgz",
-      "integrity": "sha512-KuLCmYMb2kh05QuPJ+va60bKIH5wHL8ypDkmpy47lzwmdxNsuySeCMHuTv5o2Af1RUn5KLO5ZxaZeq4GEY7DaQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.22.tgz",
+      "integrity": "sha512-vK912As725haT313ANZZZN+0EysEEQXWC/+YE4rQvOQzLuxAQc2tjbzlAFREx3C8+uMuZj/q7E5gyVB7TzpcTA==",
       "dev": true,
       "optional": true
     },
     "esbuild-sunos-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.13.12.tgz",
-      "integrity": "sha512-jBsF+e0woK3miKI8ufGWKG3o3rY9DpHvCVRn5eburMIIE+2c+y3IZ1srsthKyKI6kkXLvV4Cf/E7w56kLipMXw==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.22.tgz",
+      "integrity": "sha512-/mbJdXTW7MTcsPhtfDsDyPEOju9EOABvCjeUU2OJ7fWpX/Em/H3WYDa86tzLUbcVg++BScQDzqV/7RYw5XNY0g==",
       "dev": true,
       "optional": true
     },
     "esbuild-wasm": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.13.12.tgz",
-      "integrity": "sha512-eGdiSewbnJffEvyA0qQmr+w3HurBMVp4QhOfICzeeoL9naC8qC3PFaw6hZaqSgks5DXnQONtUGUFLsX3eXpq8A==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.14.22.tgz",
+      "integrity": "sha512-FOSAM29GN1fWusw0oLMv6JYhoheDIh5+atC72TkJKfIUMID6yISlicoQSd9gsNSFsNBvABvtE2jR4JB1j4FkFw==",
       "dev": true
     },
     "esbuild-windows-32": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.13.12.tgz",
-      "integrity": "sha512-L9m4lLFQrFeR7F+eLZXG82SbXZfUhyfu6CexZEil6vm+lc7GDCE0Q8DiNutkpzjv1+RAbIGVva9muItQ7HVTkQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.22.tgz",
+      "integrity": "sha512-1vRIkuvPTjeSVK3diVrnMLSbkuE36jxA+8zGLUOrT4bb7E/JZvDRhvtbWXWaveUc/7LbhaNFhHNvfPuSw2QOQg==",
       "dev": true,
       "optional": true
     },
     "esbuild-windows-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.13.12.tgz",
-      "integrity": "sha512-k4tX4uJlSbSkfs78W5d9+I9gpd+7N95W7H2bgOMFPsYREVJs31+Q2gLLHlsnlY95zBoPQMIzHooUIsixQIBjaQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.22.tgz",
+      "integrity": "sha512-AxjIDcOmx17vr31C5hp20HIwz1MymtMjKqX4qL6whPj0dT9lwxPexmLj6G1CpR3vFhui6m75EnBEe4QL82SYqw==",
       "dev": true,
       "optional": true
     },
     "esbuild-windows-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.13.12.tgz",
-      "integrity": "sha512-2tTv/BpYRIvuwHpp2M960nG7uvL+d78LFW/ikPItO+2GfK51CswIKSetSpDii+cjz8e9iSPgs+BU4o8nWICBwQ==",
+      "version": "0.14.22",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.22.tgz",
+      "integrity": "sha512-5wvQ+39tHmRhNpu2Fx04l7QfeK3mQ9tKzDqqGR8n/4WUxsFxnVLfDRBGirIfk4AfWlxk60kqirlODPoT5LqMUg==",
       "dev": true,
       "optional": true
     },
@@ -19614,8 +20099,7 @@
     "events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
     },
     "execa": {
       "version": "5.1.1",
@@ -19641,17 +20125,17 @@
       "dev": true
     },
     "express": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.17.2.tgz",
-      "integrity": "sha512-oxlxJxcQlYwqPWKVJJtvQiwHgosH/LrLSPA+H4UxpyvSS6jC5aH+5MoHFM+KABgTOt0APue4w66Ha8jCUo9QGg==",
+      "version": "4.17.3",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.17.3.tgz",
+      "integrity": "sha512-yuSQpz5I+Ch7gFrPCk4/c+dIBKlQUxtgwqzph132bsT6qhuzss6I8cLJQz7B3rFblzd6wtcI0ZbGltH/C4LjUg==",
       "dev": true,
       "requires": {
-        "accepts": "~1.3.7",
+        "accepts": "~1.3.8",
         "array-flatten": "1.1.1",
-        "body-parser": "1.19.1",
+        "body-parser": "1.19.2",
         "content-disposition": "0.5.4",
         "content-type": "~1.0.4",
-        "cookie": "0.4.1",
+        "cookie": "0.4.2",
         "cookie-signature": "1.0.6",
         "debug": "2.6.9",
         "depd": "~1.1.2",
@@ -19666,7 +20150,7 @@
         "parseurl": "~1.3.3",
         "path-to-regexp": "0.1.7",
         "proxy-addr": "~2.0.7",
-        "qs": "6.9.6",
+        "qs": "6.9.7",
         "range-parser": "~1.2.1",
         "safe-buffer": "5.2.1",
         "send": "0.17.2",
@@ -19851,9 +20335,9 @@
       }
     },
     "flatted": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
-      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.5.tgz",
+      "integrity": "sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==",
       "dev": true
     },
     "flatten": {
@@ -19863,9 +20347,9 @@
       "dev": true
     },
     "follow-redirects": {
-      "version": "1.14.7",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.7.tgz",
-      "integrity": "sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ==",
+      "version": "1.14.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz",
+      "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==",
       "dev": true
     },
     "forever-agent": {
@@ -19891,6 +20375,12 @@
       "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
       "dev": true
     },
+    "fraction.js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
+      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
+      "dev": true
+    },
     "freeice": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/freeice/-/freeice-2.2.2.tgz",
@@ -19906,9 +20396,9 @@
       "dev": true
     },
     "fs-extra": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.0.tgz",
-      "integrity": "sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==",
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz",
+      "integrity": "sha512-NbdoVMZso2Lsrn/QwLXOy6rm0ufY2zEOKCDzJR/0kBsb0E6qed0P3iYK+Ath3BfvXEeu4JhEtXLgILx5psUfag==",
       "dev": true,
       "requires": {
         "graceful-fs": "^4.2.0",
@@ -19951,20 +20441,19 @@
       "dev": true
     },
     "gauge": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.0.tgz",
-      "integrity": "sha512-F8sU45yQpjQjxKkm1UOAhf0U/O0aFt//Fl7hsrNVto+patMHjs7dPI9mFOGUKbhrgKm0S3EjW3scMFuQmWSROw==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.3.tgz",
+      "integrity": "sha512-ICw1DhAwMtb22rYFwEHgJcx1JCwJGv3x6G0OQUq56Nge+H4Q8JEwr8iveS0XFlsUNSI67F5ffMGK25bK4Pmskw==",
       "dev": true,
       "requires": {
-        "ansi-regex": "^5.0.1",
         "aproba": "^1.0.3 || ^2.0.0",
-        "color-support": "^1.1.2",
-        "console-control-strings": "^1.0.0",
+        "color-support": "^1.1.3",
+        "console-control-strings": "^1.1.0",
         "has-unicode": "^2.0.1",
-        "signal-exit": "^3.0.0",
+        "signal-exit": "^3.0.7",
         "string-width": "^4.2.3",
         "strip-ansi": "^6.0.1",
-        "wide-align": "^1.1.2"
+        "wide-align": "^1.1.5"
       }
     },
     "gensync": {
@@ -20047,17 +20536,17 @@
       "dev": true
     },
     "globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "version": "12.2.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-12.2.0.tgz",
+      "integrity": "sha512-wiSuFQLZ+urS9x2gGPl1H5drc5twabmm4m2gTR27XDFyjUHJUNsS8o/2aKyIF6IoBaR630atdher0XJ5g6OMmA==",
       "dev": true,
       "requires": {
-        "array-union": "^2.1.0",
+        "array-union": "^3.0.1",
         "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
+        "fast-glob": "^3.2.7",
+        "ignore": "^5.1.9",
         "merge2": "^1.4.1",
-        "slash": "^3.0.0"
+        "slash": "^4.0.0"
       }
     },
     "graceful-fs": {
@@ -20164,9 +20653,9 @@
       "dev": true
     },
     "has-symbols": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
-      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
       "dev": true
     },
     "has-tostringtag": {
@@ -20286,9 +20775,9 @@
       }
     },
     "http-parser-js": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.5.tgz",
-      "integrity": "sha512-x+JVEkO2PoM8qqpbPbOL3cqHPwerep7OwzK7Ay+sMQjKzaKCqWvjoXm5tqMP9tXWWTnTzAjIhXg+J99XYuPhPA==",
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.6.tgz",
+      "integrity": "sha512-vDlkRPDJn93swjcjqMSaGSPABbIarsr1TLAui/gLDXzV5VsJNdXNzMYDyNBLQkjWQCJ1uizu8T2oDMhmGt0PRA==",
       "dev": true
     },
     "http-proxy": {
@@ -20314,9 +20803,9 @@
       }
     },
     "http-proxy-middleware": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.2.tgz",
-      "integrity": "sha512-XtmDN5w+vdFTBZaYhdJAbMqn0DP/EhkUaAeo963mojwpKMMbw6nivtFKw07D7DDOH745L5k0VL0P8KRYNEVF/g==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.4.tgz",
+      "integrity": "sha512-m/4FxX17SUvz4lJ5WPXOHDUuCwIqXLfLHs1s0uZ3oYjhoXlx9csYxaOa0ElDEJ+h8Q4iJ1s+lTMbiCa4EXIJqg==",
       "dev": true,
       "requires": {
         "@types/http-proxy": "^1.17.8",
@@ -20411,6 +20900,12 @@
       "integrity": "sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=",
       "dev": true
     },
+    "immutable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+      "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==",
+      "dev": true
+    },
     "import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -20466,8 +20961,7 @@
     "inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "ini": {
       "version": "2.0.0",
@@ -20557,38 +21051,12 @@
         }
       }
     },
-    "internal-ip": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-6.2.0.tgz",
-      "integrity": "sha512-D8WGsR6yDt8uq7vDMu7mjcR+yRMm3dW8yufyChmszWRjcSHuxLBkR3GdS2HZAjodsaGuCvXeEJpueisXJULghg==",
-      "dev": true,
-      "requires": {
-        "default-gateway": "^6.0.0",
-        "ipaddr.js": "^1.9.1",
-        "is-ip": "^3.1.0",
-        "p-event": "^4.2.0"
-      },
-      "dependencies": {
-        "ipaddr.js": {
-          "version": "1.9.1",
-          "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-          "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-          "dev": true
-        }
-      }
-    },
     "ip": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
       "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
       "dev": true
     },
-    "ip-regex": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-4.3.0.tgz",
-      "integrity": "sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==",
-      "dev": true
-    },
     "ipaddr.js": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz",
@@ -20671,15 +21139,6 @@
       "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
       "dev": true
     },
-    "is-ip": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/is-ip/-/is-ip-3.1.0.tgz",
-      "integrity": "sha512-35vd5necO7IitFPjd/YBeqwWnyDWbuLH9ZXQdMfDA8TEo7pv5X8yfrvVO3xbJbLUlERCMvf6X0hTUamQxCYJ9Q==",
-      "dev": true,
-      "requires": {
-        "ip-regex": "^4.0.0"
-      }
-    },
     "is-lambda": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
@@ -20885,9 +21344,9 @@
       }
     },
     "istanbul-reports": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.3.tgz",
-      "integrity": "sha512-x9LtDVtfm/t1GFiLl3NffC7hz+I1ragvgX1P/Lg1NlIagifZDKUkuuaAxH/qpwj2IuEfD8G2Bs/UKp+sZ/pKkg==",
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.4.tgz",
+      "integrity": "sha512-r1/DshN4KSE7xWEknZLLLLDn5CJybV3nw01VTkp6D5jzLuELlcbudfj/eSQFvrKsJuTVCGnePO7ho82Nw9zzfw==",
       "dev": true,
       "requires": {
         "html-escaper": "^2.0.0",
@@ -20935,9 +21394,9 @@
       "dev": true
     },
     "jest-worker": {
-      "version": "27.4.6",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.4.6.tgz",
-      "integrity": "sha512-gHWJF/6Xi5CTG5QCvROr6GcmpIqNYpDJyc8A1h/DyXqH1tD6SnRCM0d3U5msV31D2LB/U+E0M+W4oyvKV44oNw==",
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
       "dev": true,
       "requires": {
         "@types/node": "*",
@@ -21107,15 +21566,15 @@
       }
     },
     "karma": {
-      "version": "6.3.12",
-      "resolved": "https://registry.npmjs.org/karma/-/karma-6.3.12.tgz",
-      "integrity": "sha512-qwIG+oB2YmHx4hjvYSRMNzL3YWAJ9baHaLAxiP7biFNkfpwYTUTtPck0joFpucalNLzMr+7z/FX1uY/kl8DV9A==",
+      "version": "6.3.17",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-6.3.17.tgz",
+      "integrity": "sha512-2TfjHwrRExC8yHoWlPBULyaLwAFmXmxQrcuFImt/JsAsSZu1uOWTZ1ZsWjqQtWpHLiatJOHL5jFjXSJIgCd01g==",
       "dev": true,
       "requires": {
+        "@colors/colors": "1.5.0",
         "body-parser": "^1.19.0",
         "braces": "^3.0.2",
         "chokidar": "^3.5.1",
-        "colors": "1.4.0",
         "connect": "^3.7.0",
         "di": "^0.0.1",
         "dom-serialize": "^2.2.1",
@@ -21124,9 +21583,10 @@
         "http-proxy": "^1.18.1",
         "isbinaryfile": "^4.0.8",
         "lodash": "^4.17.21",
-        "log4js": "^6.3.0",
+        "log4js": "^6.4.1",
         "mime": "^2.5.2",
         "minimatch": "^3.0.4",
+        "mkdirp": "^0.5.5",
         "qjobs": "^1.2.0",
         "range-parser": "^1.2.1",
         "rimraf": "^3.0.2",
@@ -21137,6 +21597,15 @@
         "yargs": "^16.1.1"
       },
       "dependencies": {
+        "mkdirp": {
+          "version": "0.5.5",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
+          "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -21185,37 +21654,17 @@
       }
     },
     "karma-coverage": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.1.0.tgz",
-      "integrity": "sha512-uIejpnArNFQIovB6EPsKO/T4XofELdJWXcA2ADXztFlKhHbr0Ws6ba7wKTMVWsIhEs4iJxdhQkCQrkkhFJSZCw==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.0.tgz",
+      "integrity": "sha512-gPVdoZBNDZ08UCzdMHHhEImKrw1+PAOQOIiffv1YsvxFhBjqvo/SVXNk4tqn1SYqX0BJZT6S/59zgxiBe+9OuA==",
       "dev": true,
       "requires": {
         "istanbul-lib-coverage": "^3.2.0",
-        "istanbul-lib-instrument": "^4.0.3",
+        "istanbul-lib-instrument": "^5.1.0",
         "istanbul-lib-report": "^3.0.0",
         "istanbul-lib-source-maps": "^4.0.1",
         "istanbul-reports": "^3.0.5",
         "minimatch": "^3.0.4"
-      },
-      "dependencies": {
-        "istanbul-lib-instrument": {
-          "version": "4.0.3",
-          "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz",
-          "integrity": "sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==",
-          "dev": true,
-          "requires": {
-            "@babel/core": "^7.7.5",
-            "@istanbuljs/schema": "^0.1.2",
-            "istanbul-lib-coverage": "^3.0.0",
-            "semver": "^6.3.0"
-          }
-        },
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-          "dev": true
-        }
       }
     },
     "karma-coverage-istanbul-reporter": {
@@ -21444,10 +21893,13 @@
       }
     },
     "license-webpack-plugin": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-3.0.0.tgz",
-      "integrity": "sha512-Owp0mXaJu/09h9hvZTazMni/Ni7bjh4R4xIfLhWP1O2wrhhKtezAA8U42TTeNDpyDMUD2ljeGC8Jh9xSFnyq4Q==",
-      "dev": true
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-4.0.2.tgz",
+      "integrity": "sha512-771TFWFD70G1wLTC4oU2Cw4qvtmNrIw+wRvBtn+okgHl7slJVi7zfNcdmqDL72BojM30VNJ2UHylr1o77U37Jw==",
+      "dev": true,
+      "requires": {
+        "webpack-sources": "^3.0.0"
+      }
     },
     "lie": {
       "version": "3.3.0",
@@ -21471,13 +21923,10 @@
       "dev": true
     },
     "loader-utils": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.0.0.tgz",
-      "integrity": "sha512-ry4RE7qen73BFLgihlbyllGIW9SVWLUD5Cq9VWtzrqhntOMOJl8yEjA89d5mCUTT0puCnHo4EecO6bz+BOAS8w==",
-      "dev": true,
-      "requires": {
-        "big.js": "^6.1.1"
-      }
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.0.tgz",
+      "integrity": "sha512-HVl9ZqccQihZ7JM85dco1MvO9G+ONvxoGa9rkhzFsneGLKSUg1gJf9bWzhRhcvm2qChhWpebQhP44qxjKIUCaQ==",
+      "dev": true
     },
     "locate-path": {
       "version": "5.0.0",
@@ -21510,16 +21959,16 @@
       }
     },
     "log4js": {
-      "version": "6.4.1",
-      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.4.1.tgz",
-      "integrity": "sha512-iUiYnXqAmNKiIZ1XSAitQ4TmNs8CdZYTAWINARF3LjnsLN8tY5m0vRwd6uuWj/yNY0YHxeZodnbmxKFUOM2rMg==",
+      "version": "6.4.3",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.4.3.tgz",
+      "integrity": "sha512-H/oQKcCVIhQ8zCtUh5aftdp9eRpGyVB1M5sKzAJ0i10q5jS+YXk133vtLgzT1RIoWMbIn7QD1LUto8a1hqh6gA==",
       "dev": true,
       "requires": {
-        "date-format": "^4.0.3",
+        "date-format": "^4.0.5",
         "debug": "^4.3.3",
-        "flatted": "^3.2.4",
+        "flatted": "^3.2.5",
         "rfdc": "^1.3.0",
-        "streamroller": "^3.0.2"
+        "streamroller": "^3.0.5"
       },
       "dependencies": {
         "debug": {
@@ -21537,7 +21986,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
       "requires": {
         "yallist": "^4.0.0"
       }
@@ -21654,18 +22102,18 @@
       "dev": true
     },
     "mime-db": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
-      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "dev": true
     },
     "mime-types": {
-      "version": "2.1.34",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
-      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "dev": true,
       "requires": {
-        "mime-db": "1.51.0"
+        "mime-db": "1.52.0"
       }
     },
     "mimic-fn": {
@@ -21675,48 +22123,24 @@
       "dev": true
     },
     "mini-css-extract-plugin": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.4.3.tgz",
-      "integrity": "sha512-zekavl9mZuGyk7COjsfFY/f655AX61EKE0AthXPrmDk+oZyjZ9WzO4WPjXnnO9xl8obK2kmM6rAQrBEmk+WK1g==",
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.5.3.tgz",
+      "integrity": "sha512-YseMB8cs8U/KCaAGQoqYmfUuhhGW0a9p9XvWXrxVOkE3/IiISTLw4ALNt7JR5B2eYauFM+PQGSbXMDmVbR7Tfw==",
       "dev": true,
       "requires": {
-        "schema-utils": "^3.1.0"
+        "schema-utils": "^4.0.0"
       },
       "dependencies": {
-        "ajv": {
-          "version": "6.12.6",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "fast-json-stable-stringify": "^2.0.0",
-            "json-schema-traverse": "^0.4.1",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "ajv-keywords": {
-          "version": "3.5.2",
-          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-          "dev": true,
-          "requires": {}
-        },
-        "json-schema-traverse": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-          "dev": true
-        },
         "schema-utils": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+          "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
           "dev": true,
           "requires": {
-            "@types/json-schema": "^7.0.8",
-            "ajv": "^6.12.5",
-            "ajv-keywords": "^3.5.2"
+            "@types/json-schema": "^7.0.9",
+            "ajv": "^8.8.0",
+            "ajv-formats": "^2.1.1",
+            "ajv-keywords": "^5.0.0"
           }
         }
       }
@@ -21860,9 +22284,9 @@
       "dev": true
     },
     "nanoid": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.2.0.tgz",
-      "integrity": "sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
+      "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==",
       "dev": true
     },
     "needle": {
@@ -21934,12 +22358,1135 @@
         "stylus": "^0.55.0"
       },
       "dependencies": {
+        "autoprefixer": {
+          "version": "9.8.8",
+          "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
+          "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
+          "dev": true,
+          "requires": {
+            "browserslist": "^4.12.0",
+            "caniuse-lite": "^1.0.30001109",
+            "normalize-range": "^0.1.2",
+            "num2fraction": "^1.2.2",
+            "picocolors": "^0.2.1",
+            "postcss": "^7.0.32",
+            "postcss-value-parser": "^4.1.0"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
         "commander": {
           "version": "8.3.0",
           "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
           "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
           "dev": true
         },
+        "css-blank-pseudo": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
+          "integrity": "sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.5"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "css-has-pseudo": {
+          "version": "0.10.0",
+          "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz",
+          "integrity": "sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.6",
+            "postcss-selector-parser": "^5.0.0-rc.4"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "postcss-selector-parser": {
+              "version": "5.0.0",
+              "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
+              "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
+              "dev": true,
+              "requires": {
+                "cssesc": "^2.0.0",
+                "indexes-of": "^1.0.1",
+                "uniq": "^1.0.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "css-prefers-color-scheme": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz",
+          "integrity": "sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.5"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "cssdb": {
+          "version": "4.4.0",
+          "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
+          "integrity": "sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==",
+          "dev": true
+        },
+        "cssesc": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
+          "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
+          "dev": true
+        },
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "esbuild": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.13.15.tgz",
+          "integrity": "sha512-raCxt02HBKv8RJxE8vkTSCXGIyKHdEdGfUmiYb8wnabnaEmHzyW7DCHb5tEN0xU8ryqg5xw54mcwnYkC4x3AIw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "esbuild-android-arm64": "0.13.15",
+            "esbuild-darwin-64": "0.13.15",
+            "esbuild-darwin-arm64": "0.13.15",
+            "esbuild-freebsd-64": "0.13.15",
+            "esbuild-freebsd-arm64": "0.13.15",
+            "esbuild-linux-32": "0.13.15",
+            "esbuild-linux-64": "0.13.15",
+            "esbuild-linux-arm": "0.13.15",
+            "esbuild-linux-arm64": "0.13.15",
+            "esbuild-linux-mips64le": "0.13.15",
+            "esbuild-linux-ppc64le": "0.13.15",
+            "esbuild-netbsd-64": "0.13.15",
+            "esbuild-openbsd-64": "0.13.15",
+            "esbuild-sunos-64": "0.13.15",
+            "esbuild-windows-32": "0.13.15",
+            "esbuild-windows-64": "0.13.15",
+            "esbuild-windows-arm64": "0.13.15"
+          }
+        },
+        "esbuild-android-arm64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.13.15.tgz",
+          "integrity": "sha512-m602nft/XXeO8YQPUDVoHfjyRVPdPgjyyXOxZ44MK/agewFFkPa8tUo6lAzSWh5Ui5PB4KR9UIFTSBKh/RrCmg==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-darwin-64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.13.15.tgz",
+          "integrity": "sha512-ihOQRGs2yyp7t5bArCwnvn2Atr6X4axqPpEdCFPVp7iUj4cVSdisgvEKdNR7yH3JDjW6aQDw40iQFoTqejqxvQ==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-darwin-arm64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.13.15.tgz",
+          "integrity": "sha512-i1FZssTVxUqNlJ6cBTj5YQj4imWy3m49RZRnHhLpefFIh0To05ow9DTrXROTE1urGTQCloFUXTX8QfGJy1P8dQ==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-freebsd-64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.13.15.tgz",
+          "integrity": "sha512-G3dLBXUI6lC6Z09/x+WtXBXbOYQZ0E8TDBqvn7aMaOCzryJs8LyVXKY4CPnHFXZAbSwkCbqiPuSQ1+HhrNk7EA==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-freebsd-arm64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.13.15.tgz",
+          "integrity": "sha512-KJx0fzEDf1uhNOZQStV4ujg30WlnwqUASaGSFPhznLM/bbheu9HhqZ6mJJZM32lkyfGJikw0jg7v3S0oAvtvQQ==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-linux-32": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.13.15.tgz",
+          "integrity": "sha512-ZvTBPk0YWCLMCXiFmD5EUtB30zIPvC5Itxz0mdTu/xZBbbHJftQgLWY49wEPSn2T/TxahYCRDWun5smRa0Tu+g==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-linux-64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.13.15.tgz",
+          "integrity": "sha512-eCKzkNSLywNeQTRBxJRQ0jxRCl2YWdMB3+PkWFo2BBQYC5mISLIVIjThNtn6HUNqua1pnvgP5xX0nHbZbPj5oA==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-linux-arm": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.13.15.tgz",
+          "integrity": "sha512-wUHttDi/ol0tD8ZgUMDH8Ef7IbDX+/UsWJOXaAyTdkT7Yy9ZBqPg8bgB/Dn3CZ9SBpNieozrPRHm0BGww7W/jA==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-linux-arm64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.13.15.tgz",
+          "integrity": "sha512-bYpuUlN6qYU9slzr/ltyLTR9YTBS7qUDymO8SV7kjeNext61OdmqFAzuVZom+OLW1HPHseBfJ/JfdSlx8oTUoA==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-linux-mips64le": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.13.15.tgz",
+          "integrity": "sha512-KlVjIG828uFPyJkO/8gKwy9RbXhCEUeFsCGOJBepUlpa7G8/SeZgncUEz/tOOUJTcWMTmFMtdd3GElGyAtbSWg==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-linux-ppc64le": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.13.15.tgz",
+          "integrity": "sha512-h6gYF+OsaqEuBjeesTBtUPw0bmiDu7eAeuc2OEH9S6mV9/jPhPdhOWzdeshb0BskRZxPhxPOjqZ+/OqLcxQwEQ==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-netbsd-64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.13.15.tgz",
+          "integrity": "sha512-3+yE9emwoevLMyvu+iR3rsa+Xwhie7ZEHMGDQ6dkqP/ndFzRHkobHUKTe+NCApSqG5ce2z4rFu+NX/UHnxlh3w==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-openbsd-64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.13.15.tgz",
+          "integrity": "sha512-wTfvtwYJYAFL1fSs8yHIdf5GEE4NkbtbXtjLWjM3Cw8mmQKqsg8kTiqJ9NJQe5NX/5Qlo7Xd9r1yKMMkHllp5g==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-sunos-64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.13.15.tgz",
+          "integrity": "sha512-lbivT9Bx3t1iWWrSnGyBP9ODriEvWDRiweAs69vI+miJoeKwHWOComSRukttbuzjZ8r1q0mQJ8Z7yUsDJ3hKdw==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-wasm": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.13.15.tgz",
+          "integrity": "sha512-QO/ZqlnpXtiMKrPp8lgwsNJFKGKwm0EcIN6Og3vbhkFaauRTgGsX0t96gW7pFIY5UAARW/O+i1B/YLid6jW6eQ==",
+          "dev": true
+        },
+        "esbuild-windows-32": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.13.15.tgz",
+          "integrity": "sha512-fDMEf2g3SsJ599MBr50cY5ve5lP1wyVwTe6aLJsM01KtxyKkB4UT+fc5MXQFn3RLrAIAZOG+tHC+yXObpSn7Nw==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-windows-64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.13.15.tgz",
+          "integrity": "sha512-9aMsPRGDWCd3bGjUIKG/ZOJPKsiztlxl/Q3C1XDswO6eNX/Jtwu4M+jb6YDH9hRSUflQWX0XKAfWzgy5Wk54JQ==",
+          "dev": true,
+          "optional": true
+        },
+        "esbuild-windows-arm64": {
+          "version": "0.13.15",
+          "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.13.15.tgz",
+          "integrity": "sha512-zzvyCVVpbwQQATaf3IG8mu1IwGEiDxKkYUdA4FpoCHi1KtPa13jeScYDjlW0Qh+ebWzpKfR2ZwvqAQkSWNcKjA==",
+          "dev": true,
+          "optional": true
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "picocolors": {
+          "version": "0.2.1",
+          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+          "dev": true
+        },
+        "postcss-attribute-case-insensitive": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz",
+          "integrity": "sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2",
+            "postcss-selector-parser": "^6.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-color-functional-notation": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz",
+          "integrity": "sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2",
+            "postcss-values-parser": "^2.0.0"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-color-hex-alpha": {
+          "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz",
+          "integrity": "sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.14",
+            "postcss-values-parser": "^2.0.1"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-color-rebeccapurple": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz",
+          "integrity": "sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2",
+            "postcss-values-parser": "^2.0.0"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-custom-media": {
+          "version": "7.0.8",
+          "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz",
+          "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.14"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-custom-properties": {
+          "version": "8.0.11",
+          "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz",
+          "integrity": "sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.17",
+            "postcss-values-parser": "^2.0.1"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-custom-selectors": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz",
+          "integrity": "sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2",
+            "postcss-selector-parser": "^5.0.0-rc.3"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "postcss-selector-parser": {
+              "version": "5.0.0",
+              "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
+              "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
+              "dev": true,
+              "requires": {
+                "cssesc": "^2.0.0",
+                "indexes-of": "^1.0.1",
+                "uniq": "^1.0.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-dir-pseudo-class": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz",
+          "integrity": "sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2",
+            "postcss-selector-parser": "^5.0.0-rc.3"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "postcss-selector-parser": {
+              "version": "5.0.0",
+              "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
+              "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
+              "dev": true,
+              "requires": {
+                "cssesc": "^2.0.0",
+                "indexes-of": "^1.0.1",
+                "uniq": "^1.0.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-double-position-gradients": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz",
+          "integrity": "sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.5",
+            "postcss-values-parser": "^2.0.0"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-env-function": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-2.0.2.tgz",
+          "integrity": "sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2",
+            "postcss-values-parser": "^2.0.0"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-focus-visible": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz",
+          "integrity": "sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-focus-within": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
+          "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-font-variant": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz",
+          "integrity": "sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-gap-properties": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz",
+          "integrity": "sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-image-set-function": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz",
+          "integrity": "sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2",
+            "postcss-values-parser": "^2.0.0"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-initial": {
+          "version": "3.0.4",
+          "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-3.0.4.tgz",
+          "integrity": "sha512-3RLn6DIpMsK1l5UUy9jxQvoDeUN4gP939tDcKUHD/kM8SGSKbFAnvkpFpj3Bhtz3HGk1jWY5ZNWX6mPta5M9fg==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-lab-function": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz",
+          "integrity": "sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==",
+          "dev": true,
+          "requires": {
+            "@csstools/convert-colors": "^1.4.0",
+            "postcss": "^7.0.2",
+            "postcss-values-parser": "^2.0.0"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-logical": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-3.0.0.tgz",
+          "integrity": "sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-media-minmax": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz",
+          "integrity": "sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-nesting": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.1.tgz",
+          "integrity": "sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-overflow-shorthand": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz",
+          "integrity": "sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-page-break": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-2.0.0.tgz",
+          "integrity": "sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-place": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-4.0.1.tgz",
+          "integrity": "sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2",
+            "postcss-values-parser": "^2.0.0"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-preset-env": {
+          "version": "6.7.1",
+          "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-6.7.1.tgz",
+          "integrity": "sha512-rlRkgX9t0v2On33n7TK8pnkcYOATGQSv48J2RS8GsXhqtg+xk6AummHP88Y5mJo0TLJelBjePvSjScTNkj3+qw==",
+          "dev": true,
+          "requires": {
+            "autoprefixer": "^9.6.1",
+            "browserslist": "^4.6.4",
+            "caniuse-lite": "^1.0.30000981",
+            "css-blank-pseudo": "^0.1.4",
+            "css-has-pseudo": "^0.10.0",
+            "css-prefers-color-scheme": "^3.1.1",
+            "cssdb": "^4.4.0",
+            "postcss": "^7.0.17",
+            "postcss-attribute-case-insensitive": "^4.0.1",
+            "postcss-color-functional-notation": "^2.0.1",
+            "postcss-color-gray": "^5.0.0",
+            "postcss-color-hex-alpha": "^5.0.3",
+            "postcss-color-mod-function": "^3.0.3",
+            "postcss-color-rebeccapurple": "^4.0.1",
+            "postcss-custom-media": "^7.0.8",
+            "postcss-custom-properties": "^8.0.11",
+            "postcss-custom-selectors": "^5.1.2",
+            "postcss-dir-pseudo-class": "^5.0.0",
+            "postcss-double-position-gradients": "^1.0.0",
+            "postcss-env-function": "^2.0.2",
+            "postcss-focus-visible": "^4.0.0",
+            "postcss-focus-within": "^3.0.0",
+            "postcss-font-variant": "^4.0.0",
+            "postcss-gap-properties": "^2.0.0",
+            "postcss-image-set-function": "^3.0.1",
+            "postcss-initial": "^3.0.0",
+            "postcss-lab-function": "^2.0.1",
+            "postcss-logical": "^3.0.0",
+            "postcss-media-minmax": "^4.0.0",
+            "postcss-nesting": "^7.0.0",
+            "postcss-overflow-shorthand": "^2.0.0",
+            "postcss-page-break": "^2.0.0",
+            "postcss-place": "^4.0.1",
+            "postcss-pseudo-class-any-link": "^6.0.0",
+            "postcss-replace-overflow-wrap": "^3.0.0",
+            "postcss-selector-matches": "^4.0.0",
+            "postcss-selector-not": "^4.0.0"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-pseudo-class-any-link": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz",
+          "integrity": "sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2",
+            "postcss-selector-parser": "^5.0.0-rc.3"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "postcss-selector-parser": {
+              "version": "5.0.0",
+              "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
+              "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
+              "dev": true,
+              "requires": {
+                "cssesc": "^2.0.0",
+                "indexes-of": "^1.0.1",
+                "uniq": "^1.0.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-replace-overflow-wrap": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz",
+          "integrity": "sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-selector-not": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-4.0.1.tgz",
+          "integrity": "sha512-YolvBgInEK5/79C+bdFMyzqTg6pkYqDbzZIST/PDMqa/o3qtXenD05apBG2jLgT0/BQ77d4U2UK12jWpilqMAQ==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0",
+            "postcss": "^7.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "7.0.39",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+              "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+              "dev": true,
+              "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
         "rxjs": {
           "version": "6.6.7",
           "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
@@ -21956,6 +23503,28 @@
               "dev": true
             }
           }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "stylus": {
+          "version": "0.55.0",
+          "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.55.0.tgz",
+          "integrity": "sha512-MuzIIVRSbc8XxHH7FjkvWqkIcr1BvoMZoR/oFuAJDlh7VSaNJzrB4uJ38GRQa+mWjLXODAMzeDe0xi9GYbGwnw==",
+          "dev": true,
+          "requires": {
+            "css": "^3.0.0",
+            "debug": "~3.1.0",
+            "glob": "^7.1.6",
+            "mkdirp": "~1.0.4",
+            "safer-buffer": "^2.1.2",
+            "sax": "~1.2.4",
+            "semver": "^6.3.0",
+            "source-map": "^0.7.3"
+          }
         }
       }
     },
@@ -21978,9 +23547,9 @@
       "optional": true
     },
     "node-forge": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
-      "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.2.1.tgz",
+      "integrity": "sha512-Fcvtbb+zBcZXbTTVwqGA5W+MKBj56UjVRevvchv5XrcyXbmNdesfZL37nlcWOfpgHhgmxApw3tQbTr4CqNmX4w==",
       "dev": true
     },
     "node-gyp": {
@@ -22045,9 +23614,9 @@
       }
     },
     "node-releases": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
-      "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
+      "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==",
       "dev": true
     },
     "nopt": {
@@ -22159,12 +23728,12 @@
       }
     },
     "npmlog": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.0.tgz",
-      "integrity": "sha512-03ppFRGlsyUaQFbGC2C8QWJN/C/K7PsfyD9aQdhVKAQIH4sQBc8WASqFBP7O+Ut4d2oo5LoeoboB3cGdBZSp6Q==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.1.tgz",
+      "integrity": "sha512-BTHDvY6nrRHuRfyjt1MAufLxYdVXZfd099H4+i1f0lPywNQyI4foeNXJRObB/uy+TYqUW0vAD9gbdSOXPst7Eg==",
       "dev": true,
       "requires": {
-        "are-we-there-yet": "^2.0.0",
+        "are-we-there-yet": "^3.0.0",
         "console-control-strings": "^1.1.0",
         "gauge": "^4.0.0",
         "set-blocking": "^2.0.0"
@@ -22282,16 +23851,27 @@
       "dev": true
     },
     "openvidu-browser": {
-      "version": "2.21.0-beta1",
-      "resolved": "https://registry.npmjs.org/openvidu-browser/-/openvidu-browser-2.21.0-beta1.tgz",
-      "integrity": "sha512-bwHJ4DQzYqpyM8YW0GjgpMOofBTDZAtWn9zm6jVjkje/RGMWhwaOiYDuoygejndeaWd/i+l2hVaKB6iWxE3KDw==",
+      "version": "2.21.0",
+      "resolved": "https://registry.npmjs.org/openvidu-browser/-/openvidu-browser-2.21.0.tgz",
+      "integrity": "sha512-dQZ8lsvt7zydklG/naHtaWpnhRo5ErTjEkWslmg6e2fjFVy+GmGVrJBeMJrJDM2FrOWv8aH86fRNR+P7eESB9g==",
       "requires": {
+        "events": "3.3.0",
         "freeice": "2.2.2",
         "hark": "1.2.3",
+        "inherits": "2.0.4",
         "jsnlog": "2.30.0",
+        "mime": "3.0.0",
         "platform": "1.3.6",
+        "semver": "7.3.5",
         "uuid": "8.3.2",
         "wolfy87-eventemitter": "5.2.9"
+      },
+      "dependencies": {
+        "mime": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
+          "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A=="
+        }
       }
     },
     "ora": {
@@ -22378,28 +23958,13 @@
       "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
       "dev": true
     },
-    "p-event": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/p-event/-/p-event-4.2.0.tgz",
-      "integrity": "sha512-KXatOjCRXXkSePPb1Nbi0p0m+gQAwdlbhi4wQKJPI1HsMQS9g+Sqp2o+QHziPr7eYJyOZet836KoHEVM1mwOrQ==",
-      "dev": true,
-      "requires": {
-        "p-timeout": "^3.1.0"
-      }
-    },
-    "p-finally": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
-      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
-      "dev": true
-    },
     "p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
       "dev": true,
       "requires": {
-        "yocto-queue": "^0.1.0"
+        "p-try": "^2.0.0"
       }
     },
     "p-locate": {
@@ -22409,17 +23974,6 @@
       "dev": true,
       "requires": {
         "p-limit": "^2.2.0"
-      },
-      "dependencies": {
-        "p-limit": {
-          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-          "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-          "dev": true,
-          "requires": {
-            "p-try": "^2.0.0"
-          }
-        }
       }
     },
     "p-map": {
@@ -22449,15 +24003,6 @@
         }
       }
     },
-    "p-timeout": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-3.2.0.tgz",
-      "integrity": "sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==",
-      "dev": true,
-      "requires": {
-        "p-finally": "^1.0.0"
-      }
-    },
     "p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
@@ -22670,9 +24215,9 @@
       }
     },
     "piscina": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/piscina/-/piscina-3.1.0.tgz",
-      "integrity": "sha512-KTW4sjsCD34MHrUbx9eAAbuUSpVj407hQSgk/6Epkg0pbRBmv4a3UX7Sr8wxm9xYqQLnsN4mFOjqGDzHAdgKQg==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/piscina/-/piscina-3.2.0.tgz",
+      "integrity": "sha512-yn/jMdHRw+q2ZJhFhyqsmANcbF6V2QwmD84c6xRau+QpQOmtrBCoRGdvTfeuFDYXB5W2m6MfLkjkvQa9lUSmIA==",
       "dev": true,
       "requires": {
         "eventemitter-asyncresource": "^1.0.0",
@@ -22727,82 +24272,32 @@
       }
     },
     "postcss": {
-      "version": "8.3.11",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.11.tgz",
-      "integrity": "sha512-hCmlUAIlUiav8Xdqw3Io4LcpA1DOt7h3LSTAC4G6JGHFFaWzI6qvFt9oilvl8BmkbBRX1IhM90ZAmpk68zccQA==",
+      "version": "8.4.5",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
+      "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
       "dev": true,
       "requires": {
         "nanoid": "^3.1.30",
         "picocolors": "^1.0.0",
-        "source-map-js": "^0.6.2"
+        "source-map-js": "^1.0.1"
       }
     },
     "postcss-attribute-case-insensitive": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz",
-      "integrity": "sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.0.tgz",
+      "integrity": "sha512-b4g9eagFGq9T5SWX4+USfVyjIb3liPnjhHHRMP7FMB2kFVpYyfEscV0wP3eaXhKlcHKUut8lt5BGoeylWA/dBQ==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2",
         "postcss-selector-parser": "^6.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
       }
     },
     "postcss-color-functional-notation": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz",
-      "integrity": "sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.2.tgz",
+      "integrity": "sha512-DXVtwUhIk4f49KK5EGuEdgx4Gnyj6+t2jBSEmxvpIK9QI40tWrpS2Pua8Q7iIZWBrki2QOaeUdEaLPPa91K0RQ==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "postcss-color-gray": {
@@ -22841,37 +24336,12 @@
       }
     },
     "postcss-color-hex-alpha": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz",
-      "integrity": "sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw==",
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.3.tgz",
+      "integrity": "sha512-fESawWJCrBV035DcbKRPAVmy21LpoyiXdPTuHUfWJ14ZRjY7Y7PA6P4g8z6LQGYhU1WAxkTxjIjurXzoe68Glw==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.14",
-        "postcss-values-parser": "^2.0.1"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "postcss-color-mod-function": {
@@ -22910,440 +24380,106 @@
       }
     },
     "postcss-color-rebeccapurple": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz",
-      "integrity": "sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.0.2.tgz",
+      "integrity": "sha512-SFc3MaocHaQ6k3oZaFwH8io6MdypkUtEy/eXzXEB1vEQlO3S3oDc/FSZA8AsS04Z25RirQhlDlHLh3dn7XewWw==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "postcss-custom-media": {
-      "version": "7.0.8",
-      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz",
-      "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-8.0.0.tgz",
+      "integrity": "sha512-FvO2GzMUaTN0t1fBULDeIvxr5IvbDXcIatt6pnJghc736nqNgsGao5NT+5+WVLAQiTt6Cb3YUms0jiPaXhL//g==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.14"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "postcss-custom-properties": {
-      "version": "8.0.11",
-      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz",
-      "integrity": "sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==",
+      "version": "12.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-12.1.4.tgz",
+      "integrity": "sha512-i6AytuTCoDLJkWN/MtAIGriJz3j7UX6bV7Z5t+KgFz+dwZS15/mlTJY1S0kRizlk6ba0V8u8hN50Fz5Nm7tdZw==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.17",
-        "postcss-values-parser": "^2.0.1"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "postcss-custom-selectors": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz",
-      "integrity": "sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-6.0.0.tgz",
+      "integrity": "sha512-/1iyBhz/W8jUepjGyu7V1OPcGbc636snN1yXEQCinb6Bwt7KxsiU7/bLQlp8GwAXzCh7cobBU5odNn/2zQWR8Q==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2",
-        "postcss-selector-parser": "^5.0.0-rc.3"
-      },
-      "dependencies": {
-        "cssesc": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
-          "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
-          "dev": true
-        },
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "postcss-selector-parser": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
-          "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
-          "dev": true,
-          "requires": {
-            "cssesc": "^2.0.0",
-            "indexes-of": "^1.0.1",
-            "uniq": "^1.0.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-selector-parser": "^6.0.4"
       }
     },
     "postcss-dir-pseudo-class": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz",
-      "integrity": "sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw==",
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.4.tgz",
+      "integrity": "sha512-I8epwGy5ftdzNWEYok9VjW9whC4xnelAtbajGv4adql4FIF09rnrxnA9Y8xSHN47y7gqFIv10C5+ImsLeJpKBw==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2",
-        "postcss-selector-parser": "^5.0.0-rc.3"
-      },
-      "dependencies": {
-        "cssesc": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
-          "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
-          "dev": true
-        },
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "postcss-selector-parser": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
-          "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
-          "dev": true,
-          "requires": {
-            "cssesc": "^2.0.0",
-            "indexes-of": "^1.0.1",
-            "uniq": "^1.0.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-selector-parser": "^6.0.9"
       }
     },
     "postcss-double-position-gradients": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz",
-      "integrity": "sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.1.tgz",
+      "integrity": "sha512-jM+CGkTs4FcG53sMPjrrGE0rIvLDdCrqMzgDC5fLI7JHDO7o6QG8C5TQBtExb13hdBdoH9C2QVbG4jo2y9lErQ==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.5",
-        "postcss-values-parser": "^2.0.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "postcss-env-function": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-2.0.2.tgz",
-      "integrity": "sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-4.0.5.tgz",
+      "integrity": "sha512-gPUJc71ji9XKyl0WSzAalBeEA/89kU+XpffpPxSaaaZ1c48OL36r1Ep5R6+9XAPkIiDlSvVAwP4io12q/vTcvA==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "postcss-focus-visible": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz",
-      "integrity": "sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==",
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz",
+      "integrity": "sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-selector-parser": "^6.0.9"
       }
     },
     "postcss-focus-within": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
-      "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz",
+      "integrity": "sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-selector-parser": "^6.0.9"
       }
     },
     "postcss-font-variant": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz",
-      "integrity": "sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz",
+      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "postcss-gap-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz",
-      "integrity": "sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-3.0.3.tgz",
+      "integrity": "sha512-rPPZRLPmEKgLk/KlXMqRaNkYTUpE7YC+bOIQFN5xcu1Vp11Y4faIXv6/Jpft6FMnl6YRxZqDZG0qQOW80stzxQ==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "postcss-image-set-function": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz",
-      "integrity": "sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw==",
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-4.0.6.tgz",
+      "integrity": "sha512-KfdC6vg53GC+vPd2+HYzsZ6obmPqOk6HY09kttU19+Gj1nC3S3XBVEXDHxkhxTohgZqzbUb94bKXvKDnYWBm/A==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "postcss-import": {
@@ -23358,149 +24494,46 @@
       }
     },
     "postcss-initial": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-3.0.4.tgz",
-      "integrity": "sha512-3RLn6DIpMsK1l5UUy9jxQvoDeUN4gP939tDcKUHD/kM8SGSKbFAnvkpFpj3Bhtz3HGk1jWY5ZNWX6mPta5M9fg==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-4.0.1.tgz",
+      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "postcss-lab-function": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz",
-      "integrity": "sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-4.1.2.tgz",
+      "integrity": "sha512-isudf5ldhg4fk16M8viAwAbg6Gv14lVO35N3Z/49NhbwPQ2xbiEoHgrRgpgQojosF4vF7jY653ktB6dDrUOR8Q==",
       "dev": true,
       "requires": {
-        "@csstools/convert-colors": "^1.4.0",
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "postcss-loader": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.0.tgz",
-      "integrity": "sha512-H9hv447QjQJVDbHj3OUdciyAXY3v5+UDduzEytAlZCVHCpNAAg/mCSwhYYqZr9BiGYhmYspU8QXxZwiHTLn3yA==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz",
+      "integrity": "sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==",
       "dev": true,
       "requires": {
         "cosmiconfig": "^7.0.0",
-        "klona": "^2.0.4",
+        "klona": "^2.0.5",
         "semver": "^7.3.5"
       }
     },
     "postcss-logical": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-3.0.0.tgz",
-      "integrity": "sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz",
+      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "postcss-media-minmax": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz",
-      "integrity": "sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz",
+      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "postcss-modules-extract-imports": {
       "version": "3.0.0",
@@ -23539,290 +24572,93 @@
       }
     },
     "postcss-nesting": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.1.tgz",
-      "integrity": "sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==",
+      "version": "10.1.3",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-10.1.3.tgz",
+      "integrity": "sha512-wUC+/YCik4wH3StsbC5fBG1s2Z3ZV74vjGqBFYtmYKlVxoio5TYGM06AiaKkQPPlkXWn72HKfS7Cw5PYxnoXSw==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-selector-parser": "^6.0.9"
       }
     },
     "postcss-overflow-shorthand": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz",
-      "integrity": "sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.3.tgz",
+      "integrity": "sha512-CxZwoWup9KXzQeeIxtgOciQ00tDtnylYIlJBBODqkgS/PU2jISuWOL/mYLHmZb9ZhZiCaNKsCRiLp22dZUtNsg==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "postcss-page-break": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-2.0.0.tgz",
-      "integrity": "sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz",
+      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "postcss-place": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-4.0.1.tgz",
-      "integrity": "sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-7.0.4.tgz",
+      "integrity": "sha512-MrgKeiiu5OC/TETQO45kV3npRjOFxEHthsqGtkh3I1rPbZSbXGD/lZVi9j13cYh+NA8PIAPyk6sGjT9QbRyvSg==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2",
-        "postcss-values-parser": "^2.0.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-value-parser": "^4.2.0"
       }
     },
     "postcss-preset-env": {
-      "version": "6.7.0",
-      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-6.7.0.tgz",
-      "integrity": "sha512-eU4/K5xzSFwUFJ8hTdTQzo2RBLbDVt83QZrAvI07TULOkmyQlnYlpwep+2yIK+K+0KlZO4BvFcleOCCcUtwchg==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-7.2.3.tgz",
+      "integrity": "sha512-Ok0DhLfwrcNGrBn8sNdy1uZqWRk/9FId0GiQ39W4ILop5GHtjJs8bu1MY9isPwHInpVEPWjb4CEcEaSbBLpfwA==",
       "dev": true,
       "requires": {
-        "autoprefixer": "^9.6.1",
-        "browserslist": "^4.6.4",
-        "caniuse-lite": "^1.0.30000981",
-        "css-blank-pseudo": "^0.1.4",
-        "css-has-pseudo": "^0.10.0",
-        "css-prefers-color-scheme": "^3.1.1",
-        "cssdb": "^4.4.0",
-        "postcss": "^7.0.17",
-        "postcss-attribute-case-insensitive": "^4.0.1",
-        "postcss-color-functional-notation": "^2.0.1",
-        "postcss-color-gray": "^5.0.0",
-        "postcss-color-hex-alpha": "^5.0.3",
-        "postcss-color-mod-function": "^3.0.3",
-        "postcss-color-rebeccapurple": "^4.0.1",
-        "postcss-custom-media": "^7.0.8",
-        "postcss-custom-properties": "^8.0.11",
-        "postcss-custom-selectors": "^5.1.2",
-        "postcss-dir-pseudo-class": "^5.0.0",
-        "postcss-double-position-gradients": "^1.0.0",
-        "postcss-env-function": "^2.0.2",
-        "postcss-focus-visible": "^4.0.0",
-        "postcss-focus-within": "^3.0.0",
-        "postcss-font-variant": "^4.0.0",
-        "postcss-gap-properties": "^2.0.0",
-        "postcss-image-set-function": "^3.0.1",
-        "postcss-initial": "^3.0.0",
-        "postcss-lab-function": "^2.0.1",
-        "postcss-logical": "^3.0.0",
-        "postcss-media-minmax": "^4.0.0",
-        "postcss-nesting": "^7.0.0",
-        "postcss-overflow-shorthand": "^2.0.0",
-        "postcss-page-break": "^2.0.0",
-        "postcss-place": "^4.0.1",
-        "postcss-pseudo-class-any-link": "^6.0.0",
-        "postcss-replace-overflow-wrap": "^3.0.0",
-        "postcss-selector-matches": "^4.0.0",
-        "postcss-selector-not": "^4.0.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "autoprefixer": "^10.4.2",
+        "browserslist": "^4.19.1",
+        "caniuse-lite": "^1.0.30001299",
+        "css-blank-pseudo": "^3.0.2",
+        "css-has-pseudo": "^3.0.3",
+        "css-prefers-color-scheme": "^6.0.2",
+        "cssdb": "^5.0.0",
+        "postcss-attribute-case-insensitive": "^5.0.0",
+        "postcss-color-functional-notation": "^4.2.1",
+        "postcss-color-hex-alpha": "^8.0.2",
+        "postcss-color-rebeccapurple": "^7.0.2",
+        "postcss-custom-media": "^8.0.0",
+        "postcss-custom-properties": "^12.1.2",
+        "postcss-custom-selectors": "^6.0.0",
+        "postcss-dir-pseudo-class": "^6.0.3",
+        "postcss-double-position-gradients": "^3.0.4",
+        "postcss-env-function": "^4.0.4",
+        "postcss-focus-visible": "^6.0.3",
+        "postcss-focus-within": "^5.0.3",
+        "postcss-font-variant": "^5.0.0",
+        "postcss-gap-properties": "^3.0.2",
+        "postcss-image-set-function": "^4.0.4",
+        "postcss-initial": "^4.0.1",
+        "postcss-lab-function": "^4.0.3",
+        "postcss-logical": "^5.0.3",
+        "postcss-media-minmax": "^5.0.0",
+        "postcss-nesting": "^10.1.2",
+        "postcss-overflow-shorthand": "^3.0.2",
+        "postcss-page-break": "^3.0.4",
+        "postcss-place": "^7.0.3",
+        "postcss-pseudo-class-any-link": "^7.0.2",
+        "postcss-replace-overflow-wrap": "^4.0.0",
+        "postcss-selector-not": "^5.0.0"
       }
     },
     "postcss-pseudo-class-any-link": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz",
-      "integrity": "sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.1.tgz",
+      "integrity": "sha512-JRoLFvPEX/1YTPxRxp1JO4WxBVXJYrSY7NHeak5LImwJ+VobFMwYDQHvfTXEpcn+7fYIeGkC29zYFhFWIZD8fg==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.2",
-        "postcss-selector-parser": "^5.0.0-rc.3"
-      },
-      "dependencies": {
-        "cssesc": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
-          "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
-          "dev": true
-        },
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "postcss-selector-parser": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
-          "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
-          "dev": true,
-          "requires": {
-            "cssesc": "^2.0.0",
-            "indexes-of": "^1.0.1",
-            "uniq": "^1.0.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "postcss-selector-parser": "^6.0.9"
       }
     },
     "postcss-replace-overflow-wrap": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz",
-      "integrity": "sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz",
+      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==",
       "dev": true,
-      "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
+      "requires": {}
     },
     "postcss-selector-matches": {
       "version": "4.0.0",
@@ -23859,37 +24695,12 @@
       }
     },
     "postcss-selector-not": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-4.0.1.tgz",
-      "integrity": "sha512-YolvBgInEK5/79C+bdFMyzqTg6pkYqDbzZIST/PDMqa/o3qtXenD05apBG2jLgT0/BQ77d4U2UK12jWpilqMAQ==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-5.0.0.tgz",
+      "integrity": "sha512-/2K3A4TCP9orP4TNS7u3tGdRFVKqz/E6pX3aGnriPG0jU78of8wsUcqE4QAhWEU0d+WnMSF93Ah3F//vUtK+iQ==",
       "dev": true,
       "requires": {
-        "balanced-match": "^1.0.0",
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "balanced-match": "^1.0.0"
       }
     },
     "postcss-selector-parser": {
@@ -24212,15 +25023,9 @@
       "dev": true
     },
     "qs": {
-      "version": "6.9.6",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.6.tgz",
-      "integrity": "sha512-TIRk4aqYLNoJUbd+g2lEdz5kLWIuTMRagAXxl78Q0RiVjAOugHmeKNGdd3cwo/ktpf9aL9epCfFqWDEKysUlLQ==",
-      "dev": true
-    },
-    "querystring": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
-      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=",
+      "version": "6.9.7",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz",
+      "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==",
       "dev": true
     },
     "queue-microtask": {
@@ -24245,12 +25050,12 @@
       "dev": true
     },
     "raw-body": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.2.tgz",
-      "integrity": "sha512-RPMAFUJP19WIet/99ngh6Iv8fzAbqum4Li7AD6DtGaW2RpMB/11xDoalPiJMTbu6I3hkbMVkATvZrqb9EEqeeQ==",
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.3.tgz",
+      "integrity": "sha512-UlTNLIcu0uzb4D2f4WltY6cVjLi+/jEN4lgEUj3E04tpMDpUlkBo/eSn6zou9hum2VMNpCCUone0O0WeJim07g==",
       "dev": true,
       "requires": {
-        "bytes": "3.1.1",
+        "bytes": "3.1.2",
         "http-errors": "1.8.1",
         "iconv-lite": "0.4.24",
         "unpipe": "1.0.0"
@@ -24308,9 +25113,9 @@
       "dev": true
     },
     "regenerate-unicode-properties": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-9.0.0.tgz",
-      "integrity": "sha512-3E12UeNSPfjrgwjkR81m5J7Aw/T55Tu7nUyZVQYCKEOs+2dkxEY+DpPtZzO4YruuiPb7NkYLVcyJC4+zCbk5pA==",
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz",
+      "integrity": "sha512-vn5DU6yg6h8hP/2OkQo3K7uVILvY4iu0oI4t3HFa81UPkhGJwkRwM10JEc3upjdhHjs/k8GJY1sRBhk5sr69Bw==",
       "dev": true,
       "requires": {
         "regenerate": "^1.4.2"
@@ -24348,29 +25153,29 @@
       }
     },
     "regexpu-core": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.8.0.tgz",
-      "integrity": "sha512-1F6bYsoYiz6is+oz70NWur2Vlh9KWtswuRuzJOfeYUrfPX2o8n74AnUVaOGDbUqVGO9fNHu48/pjJO4sNVwsOg==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.0.1.tgz",
+      "integrity": "sha512-CriEZlrKK9VJw/xQGJpQM5rY88BtuL8DM+AEwvcThHilbxiTAy8vq4iJnd2tqq8wLmjbGZzP7ZcKFjbGkmEFrw==",
       "dev": true,
       "requires": {
         "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^9.0.0",
-        "regjsgen": "^0.5.2",
-        "regjsparser": "^0.7.0",
+        "regenerate-unicode-properties": "^10.0.1",
+        "regjsgen": "^0.6.0",
+        "regjsparser": "^0.8.2",
         "unicode-match-property-ecmascript": "^2.0.0",
         "unicode-match-property-value-ecmascript": "^2.0.0"
       }
     },
     "regjsgen": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.2.tgz",
-      "integrity": "sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.6.0.tgz",
+      "integrity": "sha512-ozE883Uigtqj3bx7OhL1KNbCzGyW2NQZPl6Hs09WTvCuZD5sTI4JY58bkbQWa/Y9hxIsvJ3M8Nbf7j54IqeZbA==",
       "dev": true
     },
     "regjsparser": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.7.0.tgz",
-      "integrity": "sha512-A4pcaORqmNMDVwUjWoTzuhwMGpP+NykpfqAsEgI1FSH/EzC7lrN5TMd+kN8YCovX+jMpu8eaqXgXPCa0g8FQNQ==",
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.8.4.tgz",
+      "integrity": "sha512-J3LABycON/VNEu3abOviqGHuB/LOtOQj8SKmfP9anY5GfAVw/SPjwzSjxGjbZXIxbGfqTHtJw58C2Li/WkStmA==",
       "dev": true,
       "requires": {
         "jsesc": "~0.5.0"
@@ -24467,24 +25272,18 @@
       "dev": true
     },
     "resolve-url-loader": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-4.0.0.tgz",
-      "integrity": "sha512-05VEMczVREcbtT7Bz+C+96eUO5HDNvdthIiMB34t7FcF8ehcu4wC0sSgPUubs3XW2Q3CNLJk/BJrCU9wVRymiA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz",
+      "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
       "dev": true,
       "requires": {
         "adjust-sourcemap-loader": "^4.0.0",
         "convert-source-map": "^1.7.0",
         "loader-utils": "^2.0.0",
-        "postcss": "^7.0.35",
+        "postcss": "^8.2.14",
         "source-map": "0.6.1"
       },
       "dependencies": {
-        "big.js": {
-          "version": "5.2.2",
-          "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-          "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-          "dev": true
-        },
         "loader-utils": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
@@ -24496,22 +25295,6 @@
             "json5": "^2.1.2"
           }
         },
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "dev": true,
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -24558,9 +25341,9 @@
       }
     },
     "rollup": {
-      "version": "2.66.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.66.1.tgz",
-      "integrity": "sha512-crSgLhSkLMnKr4s9iZ/1qJCplgAgrRY+igWv8KhG/AjKOJ0YX/WpmANyn8oxrw+zenF3BXWDLa7Xl/QZISH+7w==",
+      "version": "2.70.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.1.tgz",
+      "integrity": "sha512-CRYsI5EuzLbXdxC6RnYhOuRdtz4bhejPMSWjsFLfVM/7w/85n2szZv6yExqUXsBdz5KT8eoubeyDUDjhLHEslA==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -24619,18 +25402,20 @@
       "dev": true
     },
     "sass": {
-      "version": "1.43.4",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
-      "integrity": "sha512-/ptG7KE9lxpGSYiXn7Ar+lKOv37xfWsZRtFYal2QHNigyVQDx685VFT/h7ejVr+R8w7H4tmUgtulsKl5YpveOg==",
+      "version": "1.49.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.49.0.tgz",
+      "integrity": "sha512-TVwVdNDj6p6b4QymJtNtRS2YtLJ/CqZriGg0eIAbAKMlN8Xy6kbv33FsEZSF7FufFFM705SQviHjjThfaQ4VNw==",
       "dev": true,
       "requires": {
-        "chokidar": ">=3.0.0 <4.0.0"
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
       }
     },
     "sass-loader": {
-      "version": "12.3.0",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.3.0.tgz",
-      "integrity": "sha512-6l9qwhdOb7qSrtOu96QQ81LVl8v6Dp9j1w3akOm0aWHyrTYtagDt5+kS32N4yq4hHk3M+rdqoRMH+lIdqvW6HA==",
+      "version": "12.4.0",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.4.0.tgz",
+      "integrity": "sha512-7xN+8khDIzym1oL9XyS6zP6Ges+Bo2B2xbPrjdMHEYyV3AQYhd/wXeru++3ODHF0zMjYmVadblSKrPrjEkL8mg==",
       "dev": true,
       "requires": {
         "klona": "^2.0.4",
@@ -24759,19 +25544,18 @@
       }
     },
     "selfsigned": {
-      "version": "1.10.14",
-      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.14.tgz",
-      "integrity": "sha512-lkjaiAye+wBZDCBsu5BGi0XiLRxeUlsGod5ZP924CRSEoGuZAw/f7y9RKu28rwTfiHVhdavhB0qH0INV6P1lEA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.0.0.tgz",
+      "integrity": "sha512-cUdFiCbKoa1mZ6osuJs2uDHrs0k0oprsKveFiiaBKCNq3SYyb5gs2HxhQyDNLCmL51ZZThqi4YNDpCK6GOP1iQ==",
       "dev": true,
       "requires": {
-        "node-forge": "^0.10.0"
+        "node-forge": "^1.2.0"
       }
     },
     "semver": {
       "version": "7.3.5",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
       "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "dev": true,
       "requires": {
         "lru-cache": "^6.0.0"
       }
@@ -24971,9 +25755,9 @@
       "dev": true
     },
     "signal-exit": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.6.tgz",
-      "integrity": "sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true
     },
     "sirv": {
@@ -24988,9 +25772,9 @@
       }
     },
     "slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
       "dev": true
     },
     "smart-buffer": {
@@ -25042,13 +25826,13 @@
       }
     },
     "socks": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.1.tgz",
-      "integrity": "sha512-kLQ9N5ucj8uIcxrDwjm0Jsqk06xdpBjGNQtpXy4Q8/QY2k+fY7nZH8CARy+hkbG+SGAovmzzuauCpBlb8FrnBA==",
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.2.tgz",
+      "integrity": "sha512-zDZhHhZRY9PxRruRMR7kMhnf3I8hDs4S3f9RecfnGxvcBHQcKcIH/oUcEWffsfl1XxdYlA7nnlGbbTvPz9D8gA==",
       "dev": true,
       "requires": {
         "ip": "^1.1.5",
-        "smart-buffer": "^4.1.0"
+        "smart-buffer": "^4.2.0"
       }
     },
     "socks-proxy-agent": {
@@ -25069,20 +25853,20 @@
       "dev": true
     },
     "source-map-js": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
-      "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
       "dev": true
     },
     "source-map-loader": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.0.tgz",
-      "integrity": "sha512-GKGWqWvYr04M7tn8dryIWvb0s8YM41z82iQv01yBtIylgxax0CwvSy6gc2Y02iuXwEfGWRlMicH0nvms9UZphw==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.1.tgz",
+      "integrity": "sha512-Vp1UsfyPvgujKQzi4pyDiTOnE3E4H+yHvkVRN3c/9PJmQS4CQJExvcDvaX/D+RV+xQben9HJ56jMJS3CgUeWyA==",
       "dev": true,
       "requires": {
         "abab": "^2.0.5",
-        "iconv-lite": "^0.6.2",
-        "source-map-js": "^0.6.2"
+        "iconv-lite": "^0.6.3",
+        "source-map-js": "^1.0.1"
       },
       "dependencies": {
         "iconv-lite": {
@@ -25107,9 +25891,9 @@
       }
     },
     "source-map-support": {
-      "version": "0.5.20",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.20.tgz",
-      "integrity": "sha512-n1lZZ8Ve4ksRqizaBQgxXDgKwttHDhyfQjA6YZZn8+AroHbsIz+JjwxQDxbp+7y5OYCI8t1Yk7etjD9CRd2hIw==",
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "dev": true,
       "requires": {
         "buffer-from": "^1.0.0",
@@ -25196,14 +25980,25 @@
       "dev": true
     },
     "streamroller": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.0.2.tgz",
-      "integrity": "sha512-ur6y5S5dopOaRXBuRIZ1u6GC5bcEXHRZKgfBjfCglMhmIf+roVCECjvkEYzNQOXIN2/JPnkMPW/8B3CZoKaEPA==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.0.5.tgz",
+      "integrity": "sha512-5uzTEUIi4OB5zy/H30kbUN/zpDNJsFUA+Z47ZL8EfrP93lcZvRLEqdbhdunEPa7CouuAzXXsHpCJ9dg90Umw7g==",
       "dev": true,
       "requires": {
-        "date-format": "^4.0.3",
-        "debug": "^4.1.1",
-        "fs-extra": "^10.0.0"
+        "date-format": "^4.0.5",
+        "debug": "^4.3.3",
+        "fs-extra": "^10.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+          "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        }
       }
     },
     "string_decoder": {
@@ -25250,42 +26045,17 @@
       "dev": true
     },
     "stylus": {
-      "version": "0.55.0",
-      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.55.0.tgz",
-      "integrity": "sha512-MuzIIVRSbc8XxHH7FjkvWqkIcr1BvoMZoR/oFuAJDlh7VSaNJzrB4uJ38GRQa+mWjLXODAMzeDe0xi9GYbGwnw==",
+      "version": "0.56.0",
+      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.56.0.tgz",
+      "integrity": "sha512-Ev3fOb4bUElwWu4F9P9WjnnaSpc8XB9OFHSFZSKMFL1CE1oM+oFXWEgAqPmmZIyhBihuqIQlFsVTypiiS9RxeA==",
       "dev": true,
       "requires": {
         "css": "^3.0.0",
-        "debug": "~3.1.0",
+        "debug": "^4.3.2",
         "glob": "^7.1.6",
-        "mkdirp": "~1.0.4",
         "safer-buffer": "^2.1.2",
         "sax": "~1.2.4",
-        "semver": "^6.3.0",
         "source-map": "^0.7.3"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
-          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
-          "dev": true,
-          "requires": {
-            "ms": "2.0.0"
-          }
-        },
-        "ms": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-          "dev": true
-        },
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-          "dev": true
-        }
       }
     },
     "stylus-loader": {
@@ -25335,23 +26105,24 @@
       }
     },
     "terser": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.9.0.tgz",
-      "integrity": "sha512-h5hxa23sCdpzcye/7b8YqbE5OwKca/ni0RQz1uRX3tGh8haaGHqcuSqbGRybuAKNdntZ0mDgFNXPJ48xQ2RXKQ==",
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.11.0.tgz",
+      "integrity": "sha512-uCA9DLanzzWSsN1UirKwylhhRz3aKPInlfmpGfw8VN6jHsAtu8HJtIpeeHHK23rxnE/cDc+yvmq5wqkIC6Kn0A==",
       "dev": true,
       "requires": {
+        "acorn": "^8.5.0",
         "commander": "^2.20.0",
         "source-map": "~0.7.2",
         "source-map-support": "~0.5.20"
       }
     },
     "terser-webpack-plugin": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.0.tgz",
-      "integrity": "sha512-LPIisi3Ol4chwAaPP8toUJ3L4qCM1G0wao7L3qNv57Drezxj6+VEyySpPw4B1HSO2Eg/hDY/MNF5XihCAoqnsQ==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz",
+      "integrity": "sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==",
       "dev": true,
       "requires": {
-        "jest-worker": "^27.4.1",
+        "jest-worker": "^27.4.5",
         "schema-utils": "^3.1.1",
         "serialize-javascript": "^6.0.0",
         "source-map": "^0.6.1",
@@ -25607,9 +26378,9 @@
       }
     },
     "typed-assert": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.8.tgz",
-      "integrity": "sha512-5NkbXZUlmCE73Fs7gvkp1XXJWHYetPkg60QnQ2NXQmBYNFxbBr2zA8GCtaH4K2s2WhOmSlgiSTmrjrcm5tnM5g==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.9.tgz",
+      "integrity": "sha512-KNNZtayBCtmnNmbo5mG47p1XsCyrx6iVqomjcZnec/1Y5GGARaxPs6r49RnSPeUP3YjNYiU9sQHAtY4BBvnZwg==",
       "dev": true
     },
     "typescript": {
@@ -25697,24 +26468,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "url": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
-      "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
-      "dev": true,
-      "requires": {
-        "punycode": "1.3.2",
-        "querystring": "0.2.0"
-      },
-      "dependencies": {
-        "punycode": {
-          "version": "1.3.2",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
-          "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=",
-          "dev": true
-        }
-      }
-    },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -25885,9 +26638,9 @@
       }
     },
     "webpack": {
-      "version": "5.60.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.60.0.tgz",
-      "integrity": "sha512-OL5GDYi2dKxnwJPSOg2tODgzDxAffN0osgWkZaBo/l3ikCxDFP+tuJT3uF7GyBE3SDBpKML/+a8EobyWAQO3DQ==",
+      "version": "5.67.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.67.0.tgz",
+      "integrity": "sha512-LjFbfMh89xBDpUMgA1W9Ur6Rn/gnr2Cq1jjHFPo4v6a79/ypznSYbAyPgGhwsxBtMIaEmDD1oJoA7BEYw/Fbrw==",
       "dev": true,
       "requires": {
         "@types/eslint-scope": "^3.7.0",
@@ -25904,7 +26657,7 @@
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
         "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.4",
+        "graceful-fs": "^4.2.9",
         "json-parse-better-errors": "^1.0.2",
         "loader-runner": "^4.2.0",
         "mime-types": "^2.1.27",
@@ -25912,8 +26665,8 @@
         "schema-utils": "^3.1.0",
         "tapable": "^2.1.1",
         "terser-webpack-plugin": "^5.1.3",
-        "watchpack": "^2.2.0",
-        "webpack-sources": "^3.2.0"
+        "watchpack": "^2.3.1",
+        "webpack-sources": "^3.2.3"
       },
       "dependencies": {
         "@types/estree": {
@@ -26033,123 +26786,90 @@
           }
         },
         "ws": {
-          "version": "7.5.6",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.6.tgz",
-          "integrity": "sha512-6GLgCqo2cy2A2rjCNFlxQS6ZljG/coZfZXclldI8FB/1G3CCI36Zd8xy2HrFVACi8tfk5XrgLQEk+P0Tnz9UcA==",
+          "version": "7.5.7",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.7.tgz",
+          "integrity": "sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==",
           "dev": true,
           "requires": {}
         }
       }
     },
     "webpack-dev-middleware": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.2.1.tgz",
-      "integrity": "sha512-Kx1X+36Rn9JaZcQMrJ7qN3PMAuKmEDD9ZISjUj3Cgq4A6PtwYsC4mpaKotSRYH3iOF6HsUa8viHKS59FlyVifQ==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.0.tgz",
+      "integrity": "sha512-MouJz+rXAm9B1OTOYaJnn6rtD/lWZPy2ufQCH3BPs8Rloh/Du6Jze4p7AeLYHkVi0giJnYLaSGDC7S+GM9arhg==",
       "dev": true,
       "requires": {
         "colorette": "^2.0.10",
         "memfs": "^3.2.2",
         "mime-types": "^2.1.31",
         "range-parser": "^1.2.1",
-        "schema-utils": "^3.1.0"
+        "schema-utils": "^4.0.0"
       },
       "dependencies": {
-        "ajv": {
-          "version": "6.12.6",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "fast-json-stable-stringify": "^2.0.0",
-            "json-schema-traverse": "^0.4.1",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "ajv-keywords": {
-          "version": "3.5.2",
-          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-          "dev": true,
-          "requires": {}
-        },
-        "json-schema-traverse": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-          "dev": true
-        },
         "schema-utils": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+          "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
           "dev": true,
           "requires": {
-            "@types/json-schema": "^7.0.8",
-            "ajv": "^6.12.5",
-            "ajv-keywords": "^3.5.2"
+            "@types/json-schema": "^7.0.9",
+            "ajv": "^8.8.0",
+            "ajv-formats": "^2.1.1",
+            "ajv-keywords": "^5.0.0"
           }
         }
       }
     },
     "webpack-dev-server": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.4.0.tgz",
-      "integrity": "sha512-+S0XRIbsopVjPFjCO8I07FXYBWYqkFmuP56ucGMTs2hA/gV4q2M9xTmNo5Tg4o8ffRR+Nm3AsXnQXxKRyYovrA==",
+      "version": "4.7.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.7.3.tgz",
+      "integrity": "sha512-mlxq2AsIw2ag016nixkzUkdyOE8ST2GTy34uKSABp1c4nhjZvH90D5ZRR+UOLSsG4Z3TFahAi72a3ymRtfRm+Q==",
       "dev": true,
       "requires": {
+        "@types/bonjour": "^3.5.9",
+        "@types/connect-history-api-fallback": "^1.3.5",
+        "@types/serve-index": "^1.9.1",
+        "@types/sockjs": "^0.3.33",
+        "@types/ws": "^8.2.2",
         "ansi-html-community": "^0.0.8",
         "bonjour": "^3.5.0",
         "chokidar": "^3.5.2",
         "colorette": "^2.0.10",
         "compression": "^1.7.4",
         "connect-history-api-fallback": "^1.6.0",
+        "default-gateway": "^6.0.3",
         "del": "^6.0.0",
         "express": "^4.17.1",
         "graceful-fs": "^4.2.6",
         "html-entities": "^2.3.2",
         "http-proxy-middleware": "^2.0.0",
-        "internal-ip": "^6.2.0",
         "ipaddr.js": "^2.0.1",
         "open": "^8.0.9",
         "p-retry": "^4.5.0",
         "portfinder": "^1.0.28",
-        "schema-utils": "^3.1.0",
-        "selfsigned": "^1.10.11",
+        "schema-utils": "^4.0.0",
+        "selfsigned": "^2.0.0",
         "serve-index": "^1.9.1",
         "sockjs": "^0.3.21",
         "spdy": "^4.0.2",
         "strip-ansi": "^7.0.0",
-        "url": "^0.11.0",
-        "webpack-dev-middleware": "^5.2.1",
+        "webpack-dev-middleware": "^5.3.0",
         "ws": "^8.1.0"
       },
       "dependencies": {
-        "ajv": {
-          "version": "6.12.6",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "fast-json-stable-stringify": "^2.0.0",
-            "json-schema-traverse": "^0.4.1",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "ajv-keywords": {
-          "version": "3.5.2",
-          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-          "dev": true,
-          "requires": {}
-        },
         "ansi-regex": {
           "version": "6.0.1",
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
           "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
           "dev": true
         },
+        "array-union": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+          "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+          "dev": true
+        },
         "del": {
           "version": "6.0.0",
           "resolved": "https://registry.npmjs.org/del/-/del-6.0.0.tgz",
@@ -26166,6 +26886,20 @@
             "slash": "^3.0.0"
           }
         },
+        "globby": {
+          "version": "11.1.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+          "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+          "dev": true,
+          "requires": {
+            "array-union": "^2.1.0",
+            "dir-glob": "^3.0.1",
+            "fast-glob": "^3.2.9",
+            "ignore": "^5.2.0",
+            "merge2": "^1.4.1",
+            "slash": "^3.0.0"
+          }
+        },
         "is-path-cwd": {
           "version": "2.2.0",
           "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
@@ -26178,23 +26912,24 @@
           "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
           "dev": true
         },
-        "json-schema-traverse": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-          "dev": true
-        },
         "schema-utils": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+          "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
           "dev": true,
           "requires": {
-            "@types/json-schema": "^7.0.8",
-            "ajv": "^6.12.5",
-            "ajv-keywords": "^3.5.2"
+            "@types/json-schema": "^7.0.9",
+            "ajv": "^8.8.0",
+            "ajv-formats": "^2.1.1",
+            "ajv-keywords": "^5.0.0"
           }
         },
+        "slash": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+          "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+          "dev": true
+        },
         "strip-ansi": {
           "version": "7.0.1",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.0.1.tgz",
@@ -26223,9 +26958,9 @@
       "dev": true
     },
     "webpack-subresource-integrity": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.0.0.tgz",
-      "integrity": "sha512-x9514FpLRydO+UAQ8DY4aLtCjxmdLkuQVcDFN1kGzuusREYJ1B0rzk/iIlWiL6dnvrhEGFj2+UsdxDkP8Z4UKg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.1.0.tgz",
+      "integrity": "sha512-sacXoX+xd8r4WKsy9MvH/q/vBtEHr86cpImXwyg74pFIpERKt6FmB8cXpeuh0ZLgclOlHI4Wcll7+R5L02xk9Q==",
       "dev": true,
       "requires": {
         "typed-assert": "^1.0.8"
@@ -26380,8 +27115,7 @@
     "yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "yaml": {
       "version": "1.10.2",
@@ -26405,9 +27139,9 @@
       }
     },
     "yargs-parser": {
-      "version": "21.0.0",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.0.tgz",
-      "integrity": "sha512-z9kApYUOCwoeZ78rfRYYWdiU/iNL6mwwYlkkZfJoyMR1xps+NEBX5X7XmRpxkZHhXJ6+Ey00IwKxBBSW9FIjyA==",
+      "version": "21.0.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.1.tgz",
+      "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==",
       "dev": true
     },
     "yn": {
@@ -26416,12 +27150,6 @@
       "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
       "dev": true
     },
-    "yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true
-    },
     "zone.js": {
       "version": "0.11.4",
       "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.11.4.tgz",
diff --git a/openvidu-components-angular/package.json b/openvidu-components-angular/package.json
index 7576d7b0..85b3499b 100644
--- a/openvidu-components-angular/package.json
+++ b/openvidu-components-angular/package.json
@@ -9,6 +9,8 @@
     "lib:copy": "cp dist/openvidu-angular/openvidu-angular-*.tgz ../openvidu-tutorials/openvidu-angular-components",
     "lib:test": "ng test openvidu-angular --no-watch --code-coverage",
     "webcomponent:build": "./node_modules/@angular/cli/bin/ng.js build openvidu-webcomponent --configuration production && node ./openvidu-webcomponent-build.js",
+    "webcomponent:prepare-test-e2e": "npm run lib:build && npm run webcomponent:build",
+    "webcomponent:e2e": "npm run --prefix webcomponent-test-e2e test",
     "bundle-report": "ng build openvidu-webcomponent --stats-json --configuration production && webpack-bundle-analyzer dist/openvidu-webcomponent/stats.json",
     "lint": "ng lint",
     "e2e": "ng e2e"
@@ -27,13 +29,13 @@
     "@angular/router": "13.0.0",
     "autolinker": "3.14.3",
     "buffer": "^6.0.3",
-    "openvidu-browser": "2.21.0-beta1",
+    "openvidu-browser": "^2.21.0",
     "rxjs": "7.4.0",
     "tslib": "2.3.1",
     "zone.js": "0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "13.0.1",
+    "@angular-devkit/build-angular": "13.2.5",
     "@angular/cli": "13.0.1",
     "@angular/compiler": "13.0.0",
     "@angular/compiler-cli": "13.0.0",
diff --git a/openvidu-components-angular/projects/openvidu-angular/.browserslistrc b/openvidu-components-angular/projects/openvidu-angular/.browserslistrc
index 4f9ac269..c27559a7 100644
--- a/openvidu-components-angular/projects/openvidu-angular/.browserslistrc
+++ b/openvidu-components-angular/projects/openvidu-angular/.browserslistrc
@@ -7,10 +7,3 @@
 
 # You can see what browsers were selected by your queries by running:
 #   npx browserslist
-
-last 1 Chrome version
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-Firefox ESR
diff --git a/openvidu-components-angular/projects/openvidu-angular/package.json b/openvidu-components-angular/projects/openvidu-angular/package.json
index 1b2ff923..76c4f290 100644
--- a/openvidu-components-angular/projects/openvidu-angular/package.json
+++ b/openvidu-components-angular/projects/openvidu-angular/package.json
@@ -10,7 +10,7 @@
     "@angular/flex-layout": "^13.0.0-beta.36",
     "autolinker": "^3.14.3",
     "buffer": "^6.0.3",
-    "openvidu-browser": "^2.20.0"
+    "openvidu-browser": "^2.21.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
index 80629081..4300106b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.css
@@ -10,11 +10,11 @@
 	display: flex;
 }
 
- ::ng-deep .participant-action-buttons > *:not(#action-btn) {
+ ::ng-deep .participant-action-buttons > *:not(#mute-btn) {
 	display: contents;
 }
 
-::ng-deep .participant-action-buttons > *:not(#action-btn) > * {
+::ng-deep .participant-action-buttons > *:not(#mute-btn) > * {
 	margin: auto;
 }
 
@@ -31,7 +31,7 @@ mat-list {
 	display: contents;
 }
 
-#action-btn {
+#mute-btn {
 	border-radius: var(--ov-buttons-radius);
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
index 32e9e3d3..951b7aa8 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
@@ -10,7 +10,7 @@
 		<div class="participant-action-buttons">
 			<button
 				mat-icon-button
-				id="action-btn"
+				id="mute-btn"
 				*ngIf="!_participant.local && showMuteButton"
 				[class.warn-btn]="_participant.isMutedForcibly"
 				(click)="toggleMuteForcibly()"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
index abfae45c..36bf3a12 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
@@ -1,4 +1,4 @@
-<div class="participants-container">
+<div class="participants-container" id="participants-container">
 	<div class="header-container">
 		<h3>Participants</h3>
 		<button mat-icon-button matTooltip="Close" (click)="close()">
@@ -13,9 +13,9 @@
 			<mat-divider *ngIf="true"></mat-divider>
 		</div>
 
-		<div class="remote-participants-container" *ngIf="remoteParticipants.length > 0">
+		<div class="remote-participants-container" id="remote-participants-container" *ngIf="remoteParticipants.length > 0">
 
-			<div *ngFor="let participant of this.remoteParticipants">
+			<div *ngFor="let participant of this.remoteParticipants" id="remote-participant-item">
 				<ng-container *ngTemplateOutlet="participantPanelItemTemplate; context: { $implicit: participant }"></ng-container>
 			</div>
 		</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
index 1165162b..e3ec1338 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
@@ -1,4 +1,4 @@
-<div class="container" fxLayout.gt-sm="row" fxLayout.lt-md="column">
+<div class="container" id="prejoin-container" fxLayout.gt-sm="row" fxLayout.lt-md="column">
 	<div fxFlex.gt-sm="65%" fxFlex.lt-md="55%" fxLayoutAlign="center center" id="layout-container">
 		<ov-layout>
 			<ng-template #stream let-stream>
@@ -49,8 +49,8 @@
 							[class.warn-btn]="isVideoMuted"
 							(click)="toggleCam()"
 						>
-							<mat-icon *ngIf="!isVideoMuted" matTooltip="Mute Camera">videocam</mat-icon>
-							<mat-icon *ngIf="isVideoMuted" matTooltip="Unmute Camera">videocam_off</mat-icon>
+							<mat-icon *ngIf="!isVideoMuted" matTooltip="Mute Camera" id="videocam">videocam</mat-icon>
+							<mat-icon *ngIf="isVideoMuted" matTooltip="Unmute Camera" id="videocam_off">videocam_off</mat-icon>
 						</button>
 						<mat-form-field>
 							<mat-label>Video devices</mat-label>
@@ -71,8 +71,8 @@
 							[class.warn-btn]="isAudioMuted"
 							(click)="toggleMic()"
 						>
-							<mat-icon *ngIf="!isAudioMuted" matTooltip="Mute Audio">mic</mat-icon>
-							<mat-icon *ngIf="isAudioMuted" matTooltip="Unmute Audio">mic_off</mat-icon>
+							<mat-icon *ngIf="!isAudioMuted" matTooltip="Mute Audio" id="mic">mic</mat-icon>
+							<mat-icon *ngIf="isAudioMuted" matTooltip="Unmute Audio" id="mic_off">mic_off</mat-icon>
 						</button>
 						<mat-form-field>
 							<mat-label>Audio devices</mat-label>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
index 86d9173d..960f7bed 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
@@ -66,7 +66,7 @@
 	font-size: 100%;
   }
 
-  .status-icons, .videoButtons {
+  .status-icons, #settings-container {
 	position: absolute;
 	bottom: 0;
 	z-index: 10;
@@ -77,7 +77,7 @@
 	left: 0;
   }
 
-  .status-icons button, .videoButtons button {
+  .status-icons button, #settings-container button {
 	color: #ffffff;
 	width: 26px;
 	height: 26px;
@@ -89,19 +89,19 @@
 	background-color: var(--ov-warn-color);
   }
 
-  .status-icons .mat-icon-button, .videoButtons .mat-icon-button{
+  .status-icons .mat-icon-button, #settings-container .mat-icon-button{
 	line-height: 0px;
   }
 
-  .status-icons mat-icon, .videoButtons mat-icon {
+  .status-icons mat-icon, #settings-container mat-icon {
 	font-size: 18px;
   }
 
-  .videoButtons{
+  #settings-container{
 	right: 0;
   }
 
-  .videoButtons button {
+  #settings-container button {
 	background-color: var(--ov-dark-color);
   }
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 9ea55f22..c535e225 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -4,7 +4,7 @@
 	[id]="'container-' + this._stream.streamManager?.stream?.streamId"
 	#streamContainer
 >
-	<div *ngIf="!isMinimal && showNickname" class="nickname" [class.fullscreen]="isFullscreen">
+	<div *ngIf="!isMinimal && showNickname" id="nickname-container" class="nickname" [class.fullscreen]="isFullscreen">
 		<div (click)="toggleNicknameForm()" class="nicknameContainer" selected *ngIf="!toggleNickname">
 			<span id="nickname" *ngIf="this._stream.type === 'CAMERA'">{{ this._stream.participant.nickname }}</span>
 			<span id="nickname" *ngIf="this._stream.type === 'SCREEN'">{{ this._stream.participant.nickname }}_SCREEN</span>
@@ -44,7 +44,7 @@
 		</button>
 	</div>
 
-	<div *ngIf="!isMinimal && showSettingsButton" class="videoButtons">
+	<div *ngIf="!isMinimal && showSettingsButton" id="settings-container" class="videoButtons">
 		<button mat-icon-button (click)="toggleVideoMenu($event)" matTooltip="Settings" aria-label="Video settings menu">
 			<mat-icon>more_vert</mat-icon>
 		</button>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
index a8b12fc1..ec8d1fc9 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.css
@@ -10,7 +10,7 @@
 	right: 0;
 }
 
-#img-container {
+#info-container {
 	display: flex;
 	align-items: center;
 }
@@ -53,7 +53,7 @@
 	padding: 10px;
 }
 
-  #session-title {
+  #session-name {
 	font-family: 'Ubuntu', sans-serif;
 	font-weight: bold;
 	font-size: 15px;
@@ -97,7 +97,7 @@
 	color: #fff;
   }
   @media (max-width: 750px) {
-	#session-title {
+	#session-name {
 	  display: none;
 	}
   }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index 2c0907ad..f8967028 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -1,40 +1,40 @@
 <mat-toolbar id="toolbar" role="heading" fxLayout fxLayoutAlign="center" fxLayoutGap="10px">
 	<div fxFlex="20%" fxLayoutAlign="start center">
-		<div id="img-container">
+		<div id="info-container">
 			<img *ngIf="!isMinimal && showLogo" id="branding-logo" src="assets/images/logo.png" ovLogo />
-			<span id="session-title" *ngIf="!isMinimal && session && session.sessionId && showSessionName">{{ session.sessionId }}</span>
+			<span id="session-name" *ngIf="!isMinimal && session && session.sessionId && showSessionName">{{ session.sessionId }}</span>
 		</div>
 	</div>
 	<div fxFlex="60%" fxFlexOrder="2" fxLayoutAlign="center center" id="media-buttons-container">
 		<!-- Microphone button -->
 		<button
-			id="navMicrophoneButton"
+			id="mic-btn"
 			mat-icon-button
 			(click)="toggleMicrophone()"
 			[disabled]="isConnectionLost || !hasAudioDevices"
 			[class.warn-btn]="!isWebcamAudioActive"
 		>
-			<mat-icon *ngIf="isWebcamAudioActive" matTooltip="Mute your audio">mic</mat-icon>
-			<mat-icon *ngIf="!isWebcamAudioActive" matTooltip="Unmute your audio">mic_off</mat-icon>
+			<mat-icon *ngIf="isWebcamAudioActive" matTooltip="Mute your audio" id="mic">mic</mat-icon>
+			<mat-icon *ngIf="!isWebcamAudioActive" matTooltip="Unmute your audio" id="mic_off">mic_off</mat-icon>
 		</button>
 
 		<!-- Camera button -->
 		<button
-			id="navCameraButton"
+			id="camera-btn"
 			mat-icon-button
 			(click)="toggleCamera()"
 			[disabled]="isConnectionLost || !hasVideoDevices"
 			[class.warn-btn]="!isWebcamVideoActive"
 		>
-			<mat-icon *ngIf="isWebcamVideoActive" matTooltip="Mute your cam">videocam</mat-icon>
-			<mat-icon *ngIf="!isWebcamVideoActive" matTooltip="Unmute your cam">videocam_off</mat-icon>
+			<mat-icon *ngIf="isWebcamVideoActive" matTooltip="Mute your cam" id="videocam">videocam</mat-icon>
+			<mat-icon *ngIf="!isWebcamVideoActive" matTooltip="Unmute your cam" id="videocam_off">videocam_off</mat-icon>
 		</button>
 
 		<!-- Screenshare button -->
 		<button
 			mat-icon-button
 			*ngIf="!isMinimal && showScreenshareButton"
-			id="navScreenButton"
+			id="screenshare-btn"
 			(click)="toggleScreenShare()"
 			[disabled]="isConnectionLost"
 			[class.active-btn]="isScreenShareActive"
@@ -46,6 +46,7 @@
 		<!-- Fullscreen button -->
 		<button
 			mat-icon-button
+			id="fullscreen-btn"
 			*ngIf="!isMinimal && showFullscreenButton"
 			(click)="toggleFullscreen()"
 			[disabled]="isConnectionLost"
@@ -69,6 +70,7 @@
 		<!-- Default participants button -->
 		<button
 			mat-icon-button
+			id="participants-panel-btn"
 			*ngIf="!isMinimal && showParticipantsPanelButton"
 			matTooltip="Show articipants"
 			(click)="toggleParticipantsPanel()"
@@ -81,6 +83,7 @@
 		<!-- Default chat button -->
 		<button
 			mat-icon-button
+			id="chat-panel-btn"
 			*ngIf="!isMinimal && showChatPanelButton"
 			(click)="toggleChatPanel()"
 			[disabled]="isConnectionLost"
diff --git a/openvidu-components-angular/webcomponent-test-e2e/LICENSE b/openvidu-components-angular/webcomponent-test-e2e/LICENSE
new file mode 100644
index 00000000..8dada3ed
--- /dev/null
+++ b/openvidu-components-angular/webcomponent-test-e2e/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/openvidu-components-angular/webcomponent-test-e2e/README.md b/openvidu-components-angular/webcomponent-test-e2e/README.md
new file mode 100644
index 00000000..34ac3869
--- /dev/null
+++ b/openvidu-components-angular/webcomponent-test-e2e/README.md
@@ -0,0 +1,47 @@
+[![License badge](https://img.shields.io/badge/license-Apache2-orange.svg)](http://www.apache.org/licenses/LICENSE-2.0)
+[![Documentation Status](https://readthedocs.org/projects/openvidu/badge/?version=stable)](https://docs.openvidu.io/en/stable/?badge=stable)
+[![Docker badge](https://img.shields.io/docker/pulls/openvidu/openvidu-server-kms.svg)](https://hub.docker.com/r/openvidu/openvidu-server-kms)
+[![Support badge](https://img.shields.io/badge/support-sof-yellowgreen.svg)](https://openvidu.discourse.group/)
+
+[![][OpenViduLogo]](http://openvidu.io)
+
+webcomponent-e2e
+===
+
+[OpenViduLogo]: https://secure.gravatar.com/avatar/5daba1d43042f2e4e85849733c8e5702?s=120
+
+
+### How to run it (localhost)
+
+1) Start openvidu-server:
+
+```
+docker run -p 4443:4443 --rm -e OPENVIDU_SECRET=MY_SECRET openvidu/openvidu-server-kms:latest
+```
+
+2) _**Opnenning a new terminal**_, prepare webcomponent test.
+
+Run the following command under the root directory (`openvidu/openvidu-webcomponent-angular/`)
+
+```bash
+npm run install
+npm run webcomponent:prepare-test-e2e
+```
+
+3) Install test dependencies:
+
+```nash
+npm run install --prefix webcomponent-test-e2e
+```
+
+4) _**Opnenning a new terminal**_, Run the webcomponent app. By default, the app will start on `http://localhost:8080`.
+
+```bash
+http-server webcomponent-test-e2e/web
+```
+
+5) Run the E2E test:
+
+```bash
+npm run webcomponent:e2e
+```
diff --git a/openvidu-components-angular/webcomponent-test-e2e/package-lock.json b/openvidu-components-angular/webcomponent-test-e2e/package-lock.json
new file mode 100644
index 00000000..5228c7f8
--- /dev/null
+++ b/openvidu-components-angular/webcomponent-test-e2e/package-lock.json
@@ -0,0 +1,2809 @@
+{
+  "name": "webcomponent-test-e2e",
+  "version": "2.21.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "webcomponent-test-e2e",
+      "version": "2.21.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "chai": "^4.3.6",
+        "chromedriver": "99.0.0",
+        "selenium-webdriver": "4.1.1"
+      },
+      "devDependencies": {
+        "@types/chai": "^4.3.0",
+        "@types/mocha": "^9.1.0",
+        "mocha": "9.2.2"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@testim/chrome-version": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@testim/chrome-version/-/chrome-version-1.1.2.tgz",
+      "integrity": "sha512-1c4ZOETSRpI0iBfIFUqU4KqwBAB2lHUAlBjZz/YqOHqwM9dTTzjV6Km0ZkiEiSCx/tLr1BtESIKyWWMww+RUqw=="
+    },
+    "node_modules/@types/chai": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.0.tgz",
+      "integrity": "sha512-/ceqdqeRraGolFTcfoXNiqjyQhZzbINDngeoAq9GoHa8PPK1yNzTaxWjA6BFWp5Ua9JpXEMSS4s5i9tS0hOJtw==",
+      "dev": true
+    },
+    "node_modules/@types/mocha": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/@types/mocha/-/mocha-9.1.0.tgz",
+      "integrity": "sha512-QCWHkbMv4Y5U9oW10Uxbr45qMMSzl4OzijsozynUAgx3kEHUdXB00udx2dWDQ7f2TU2a2uuiFaRZjCe3unPpeg==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "17.0.21",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.21.tgz",
+      "integrity": "sha512-DBZCJbhII3r90XbQxI8Y9IjjiiOGlZ0Hr32omXIZvwwZ7p4DMMXGrKXVyPfuoBOri9XNtL0UK69jYIBIsRX3QQ==",
+      "optional": true
+    },
+    "node_modules/@types/yauzl": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.9.2.tgz",
+      "integrity": "sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@ungap/promise-all-settled": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@ungap/promise-all-settled/-/promise-all-settled-1.1.2.tgz",
+      "integrity": "sha512-sL/cEvJWAnClXw0wHk85/2L0G6Sj8UB0Ctc1TEMbKSsmpRosqhwj9gWgFRZSrBr2f9tiXISwNhCPmlfqUqyb9Q==",
+      "dev": true
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "dependencies": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
+      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+      "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/assertion-error": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
+      "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/axios": {
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
+      "integrity": "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==",
+      "dependencies": {
+        "follow-redirects": "^1.14.4"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browser-stdout": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
+      "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==",
+      "dev": true
+    },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/chai": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.6.tgz",
+      "integrity": "sha512-bbcp3YfHCUzMOvKqsztczerVgBKSsEijCySNlHHbX3VG1nskvqjz5Rfso1gGwD6w6oOV3eI60pKuMOV5MV7p3Q==",
+      "dependencies": {
+        "assertion-error": "^1.1.0",
+        "check-error": "^1.0.2",
+        "deep-eql": "^3.0.1",
+        "get-func-name": "^2.0.0",
+        "loupe": "^2.3.1",
+        "pathval": "^1.1.1",
+        "type-detect": "^4.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/check-error": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
+      "integrity": "sha1-V00xLt2Iu13YkS6Sht1sCu1KrII=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chromedriver": {
+      "version": "99.0.0",
+      "resolved": "https://registry.npmjs.org/chromedriver/-/chromedriver-99.0.0.tgz",
+      "integrity": "sha512-pyB+5LuyZdb7EBPL3i5D5yucZUD+SlkdiUtmpjaEnLd9zAXp+SvD/hP5xF4l/ZmWvUo/1ZLxAI1YBdhazGTpgA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@testim/chrome-version": "^1.1.2",
+        "axios": "^0.24.0",
+        "del": "^6.0.0",
+        "extract-zip": "^2.0.1",
+        "https-proxy-agent": "^5.0.0",
+        "proxy-from-env": "^1.1.0",
+        "tcp-port-used": "^1.0.1"
+      },
+      "bin": {
+        "chromedriver": "bin/chromedriver"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
+    },
+    "node_modules/debug": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+      "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decamelize": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-4.0.0.tgz",
+      "integrity": "sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/deep-eql": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-3.0.1.tgz",
+      "integrity": "sha512-+QeIQyN5ZuO+3Uk5DYh6/1eKO0m0YmJFGNmFHGACpf1ClL1nmlV/p4gNgbl2pJGxgXb4faqo6UE+M5ACEMyVcw==",
+      "dependencies": {
+        "type-detect": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
+    },
+    "node_modules/del": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/del/-/del-6.0.0.tgz",
+      "integrity": "sha512-1shh9DQ23L16oXSZKB2JxpL7iMy2E0S9d517ptA1P8iw0alkPtQcrKH7ru31rYtKwF499HkTu+DRzq3TCKDFRQ==",
+      "dependencies": {
+        "globby": "^11.0.1",
+        "graceful-fs": "^4.2.4",
+        "is-glob": "^4.0.1",
+        "is-path-cwd": "^2.2.0",
+        "is-path-inside": "^3.0.2",
+        "p-map": "^4.0.0",
+        "rimraf": "^3.0.2",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/diff": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-5.0.0.tgz",
+      "integrity": "sha512-/VTCrvm5Z0JGty/BWHljh+BAiw3IK+2j87NGMu8Nwc/f48WoDAC395uomO9ZD117ZOBaHmkX1oyLvkVM/aIT3w==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
+    "node_modules/fast-glob": {
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
+      "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
+      "dev": true,
+      "bin": {
+        "flat": "cli.js"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.14.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz",
+      "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-func-name": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
+      "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.9",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
+      "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+    },
+    "node_modules/growl": {
+      "version": "1.10.5",
+      "resolved": "https://registry.npmjs.org/growl/-/growl-1.10.5.tgz",
+      "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.x"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
+      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha1-nbHb0Pr43m++D13V5Wu2BigN5ps="
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ip-regex": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-4.3.0.tgz",
+      "integrity": "sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-path-cwd": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+      "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww=="
+    },
+    "node_modules/is2": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/is2/-/is2-2.0.7.tgz",
+      "integrity": "sha512-4vBQoURAXC6hnLFxD4VW7uc04XiwTTl/8ydYJxKvPwkWQrSjInkuM5VZVg6BGr1/natq69zDuvO9lGpLClJqvA==",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "ip-regex": "^4.1.0",
+        "is-url": "^1.2.4"
+      },
+      "engines": {
+        "node": ">=v0.10.0"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jszip": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.7.1.tgz",
+      "integrity": "sha512-ghL0tz1XG9ZEmRMcEN2vt7xabrDdqHHeykgARpmZ0BiIctWxM47Vt63ZO2dnp4QYt/xJVLLy5Zv1l/xRdh2byg==",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "set-immediate-shim": "~1.0.1"
+      }
+    },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-symbols": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/loupe": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.4.tgz",
+      "integrity": "sha512-OvKfgCC2Ndby6aSTREl5aCCPTNIzlDfQZvZxNUrBrihDhL3xcrYegTblhmEiCrg2kKQz4XsFIaemE5BF4ybSaQ==",
+      "dependencies": {
+        "get-func-name": "^2.0.0"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
+      "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
+      "dependencies": {
+        "braces": "^3.0.1",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-4.2.1.tgz",
+      "integrity": "sha512-9Uq1ChtSZO+Mxa/CL1eGizn2vRn3MlLgzhT0Iz8zaY8NdvxvB0d5QdPFmCKf7JKA9Lerx5vRrnwO03jsSfGG9g==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mocha": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/mocha/-/mocha-9.2.2.tgz",
+      "integrity": "sha512-L6XC3EdwT6YrIk0yXpavvLkn8h+EU+Y5UcCHKECyMbdUIxyMuZj4bX4U9e1nvnvUUvQVsV2VHQr5zLdcUkhW/g==",
+      "dev": true,
+      "dependencies": {
+        "@ungap/promise-all-settled": "1.1.2",
+        "ansi-colors": "4.1.1",
+        "browser-stdout": "1.3.1",
+        "chokidar": "3.5.3",
+        "debug": "4.3.3",
+        "diff": "5.0.0",
+        "escape-string-regexp": "4.0.0",
+        "find-up": "5.0.0",
+        "glob": "7.2.0",
+        "growl": "1.10.5",
+        "he": "1.2.0",
+        "js-yaml": "4.1.0",
+        "log-symbols": "4.1.0",
+        "minimatch": "4.2.1",
+        "ms": "2.1.3",
+        "nanoid": "3.3.1",
+        "serialize-javascript": "6.0.0",
+        "strip-json-comments": "3.1.1",
+        "supports-color": "8.1.1",
+        "which": "2.0.2",
+        "workerpool": "6.2.0",
+        "yargs": "16.2.0",
+        "yargs-parser": "20.2.4",
+        "yargs-unparser": "2.0.0"
+      },
+      "bin": {
+        "_mocha": "bin/_mocha",
+        "mocha": "bin/mocha"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mochajs"
+      }
+    },
+    "node_modules/mocha/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
+      "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==",
+      "dev": true,
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-map": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+      "dependencies": {
+        "aggregate-error": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathval": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
+      "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
+    "node_modules/pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "node_modules/selenium-webdriver": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/selenium-webdriver/-/selenium-webdriver-4.1.1.tgz",
+      "integrity": "sha512-Fr9e9LC6zvD6/j7NO8M1M/NVxFX67abHcxDJoP5w2KN/Xb1SyYLjMVPGgD14U2TOiKe4XKHf42OmFw9g2JgCBQ==",
+      "dependencies": {
+        "jszip": "^3.6.0",
+        "tmp": "^0.2.1",
+        "ws": ">=7.4.6"
+      },
+      "engines": {
+        "node": ">= 10.15.0"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
+      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
+      "dev": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/set-immediate-shim": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz",
+      "integrity": "sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/tcp-port-used": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tcp-port-used/-/tcp-port-used-1.0.2.tgz",
+      "integrity": "sha512-l7ar8lLUD3XS1V2lfoJlCBaeoaWo/2xfYt81hM7VlvR4RrMVFqfmzfhLVk40hAb368uitje5gPtBRL1m/DGvLA==",
+      "dependencies": {
+        "debug": "4.3.1",
+        "is2": "^2.0.6"
+      }
+    },
+    "node_modules/tcp-port-used/node_modules/debug": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+      "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tmp": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
+      "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
+      "dependencies": {
+        "rimraf": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.17.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/workerpool": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/workerpool/-/workerpool-6.2.0.tgz",
+      "integrity": "sha512-Rsk5qQHJ9eowMH28Jwhe8HEbmdYDX4lwoMWshiCXugjtHqMD9ZbiqSDLxcsfdqsETPzVUtX5s1Z5kStiIM6l4A==",
+      "dev": true
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "node_modules/ws": {
+      "version": "8.5.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.5.0.tgz",
+      "integrity": "sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "dev": true,
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.4",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.4.tgz",
+      "integrity": "sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs-unparser": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-unparser/-/yargs-unparser-2.0.0.tgz",
+      "integrity": "sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^6.0.0",
+        "decamelize": "^4.0.0",
+        "flat": "^5.0.2",
+        "is-plain-obj": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  },
+  "dependencies": {
+    "@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "requires": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      }
+    },
+    "@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
+    },
+    "@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "requires": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      }
+    },
+    "@testim/chrome-version": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@testim/chrome-version/-/chrome-version-1.1.2.tgz",
+      "integrity": "sha512-1c4ZOETSRpI0iBfIFUqU4KqwBAB2lHUAlBjZz/YqOHqwM9dTTzjV6Km0ZkiEiSCx/tLr1BtESIKyWWMww+RUqw=="
+    },
+    "@types/chai": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.0.tgz",
+      "integrity": "sha512-/ceqdqeRraGolFTcfoXNiqjyQhZzbINDngeoAq9GoHa8PPK1yNzTaxWjA6BFWp5Ua9JpXEMSS4s5i9tS0hOJtw==",
+      "dev": true
+    },
+    "@types/mocha": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/@types/mocha/-/mocha-9.1.0.tgz",
+      "integrity": "sha512-QCWHkbMv4Y5U9oW10Uxbr45qMMSzl4OzijsozynUAgx3kEHUdXB00udx2dWDQ7f2TU2a2uuiFaRZjCe3unPpeg==",
+      "dev": true
+    },
+    "@types/node": {
+      "version": "17.0.21",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.21.tgz",
+      "integrity": "sha512-DBZCJbhII3r90XbQxI8Y9IjjiiOGlZ0Hr32omXIZvwwZ7p4DMMXGrKXVyPfuoBOri9XNtL0UK69jYIBIsRX3QQ==",
+      "optional": true
+    },
+    "@types/yauzl": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.9.2.tgz",
+      "integrity": "sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==",
+      "optional": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@ungap/promise-all-settled": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@ungap/promise-all-settled/-/promise-all-settled-1.1.2.tgz",
+      "integrity": "sha512-sL/cEvJWAnClXw0wHk85/2L0G6Sj8UB0Ctc1TEMbKSsmpRosqhwj9gWgFRZSrBr2f9tiXISwNhCPmlfqUqyb9Q==",
+      "dev": true
+    },
+    "agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "requires": {
+        "debug": "4"
+      }
+    },
+    "aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "requires": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      }
+    },
+    "ansi-colors": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
+      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+      "dev": true
+    },
+    "ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true
+    },
+    "ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^2.0.1"
+      }
+    },
+    "anymatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+      "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
+      "dev": true,
+      "requires": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      }
+    },
+    "argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="
+    },
+    "assertion-error": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
+      "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw=="
+    },
+    "axios": {
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
+      "integrity": "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==",
+      "requires": {
+        "follow-redirects": "^1.14.4"
+      }
+    },
+    "balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "requires": {
+        "fill-range": "^7.0.1"
+      }
+    },
+    "browser-stdout": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
+      "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==",
+      "dev": true
+    },
+    "buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI="
+    },
+    "camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true
+    },
+    "chai": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.6.tgz",
+      "integrity": "sha512-bbcp3YfHCUzMOvKqsztczerVgBKSsEijCySNlHHbX3VG1nskvqjz5Rfso1gGwD6w6oOV3eI60pKuMOV5MV7p3Q==",
+      "requires": {
+        "assertion-error": "^1.1.0",
+        "check-error": "^1.0.2",
+        "deep-eql": "^3.0.1",
+        "get-func-name": "^2.0.0",
+        "loupe": "^2.3.1",
+        "pathval": "^1.1.1",
+        "type-detect": "^4.0.5"
+      }
+    },
+    "chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "dependencies": {
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "check-error": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
+      "integrity": "sha1-V00xLt2Iu13YkS6Sht1sCu1KrII="
+    },
+    "chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "dev": true,
+      "requires": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "fsevents": "~2.3.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      }
+    },
+    "chromedriver": {
+      "version": "99.0.0",
+      "resolved": "https://registry.npmjs.org/chromedriver/-/chromedriver-99.0.0.tgz",
+      "integrity": "sha512-pyB+5LuyZdb7EBPL3i5D5yucZUD+SlkdiUtmpjaEnLd9zAXp+SvD/hP5xF4l/ZmWvUo/1ZLxAI1YBdhazGTpgA==",
+      "requires": {
+        "@testim/chrome-version": "^1.1.2",
+        "axios": "^0.24.0",
+        "del": "^6.0.0",
+        "extract-zip": "^2.0.1",
+        "https-proxy-agent": "^5.0.0",
+        "proxy-from-env": "^1.1.0",
+        "tcp-port-used": "^1.0.1"
+      }
+    },
+    "clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A=="
+    },
+    "cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "dev": true,
+      "requires": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "requires": {
+        "color-name": "~1.1.4"
+      }
+    },
+    "color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
+    },
+    "debug": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+      "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
+      "requires": {
+        "ms": "2.1.2"
+      }
+    },
+    "decamelize": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-4.0.0.tgz",
+      "integrity": "sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==",
+      "dev": true
+    },
+    "deep-eql": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-3.0.1.tgz",
+      "integrity": "sha512-+QeIQyN5ZuO+3Uk5DYh6/1eKO0m0YmJFGNmFHGACpf1ClL1nmlV/p4gNgbl2pJGxgXb4faqo6UE+M5ACEMyVcw==",
+      "requires": {
+        "type-detect": "^4.0.0"
+      }
+    },
+    "deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
+    },
+    "del": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/del/-/del-6.0.0.tgz",
+      "integrity": "sha512-1shh9DQ23L16oXSZKB2JxpL7iMy2E0S9d517ptA1P8iw0alkPtQcrKH7ru31rYtKwF499HkTu+DRzq3TCKDFRQ==",
+      "requires": {
+        "globby": "^11.0.1",
+        "graceful-fs": "^4.2.4",
+        "is-glob": "^4.0.1",
+        "is-path-cwd": "^2.2.0",
+        "is-path-inside": "^3.0.2",
+        "p-map": "^4.0.0",
+        "rimraf": "^3.0.2",
+        "slash": "^3.0.0"
+      }
+    },
+    "diff": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-5.0.0.tgz",
+      "integrity": "sha512-/VTCrvm5Z0JGty/BWHljh+BAiw3IK+2j87NGMu8Nwc/f48WoDAC395uomO9ZD117ZOBaHmkX1oyLvkVM/aIT3w==",
+      "dev": true
+    },
+    "dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "requires": {
+        "path-type": "^4.0.0"
+      }
+    },
+    "emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
+    "escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true
+    },
+    "escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true
+    },
+    "extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "requires": {
+        "@types/yauzl": "^2.9.1",
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      }
+    },
+    "fast-glob": {
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
+      "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
+      "requires": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      }
+    },
+    "fastq": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "requires": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=",
+      "requires": {
+        "pend": "~1.2.0"
+      }
+    },
+    "fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "requires": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      }
+    },
+    "flat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
+      "dev": true
+    },
+    "follow-redirects": {
+      "version": "1.14.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz",
+      "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w=="
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "optional": true
+    },
+    "get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true
+    },
+    "get-func-name": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
+      "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE="
+    },
+    "get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "requires": {
+        "pump": "^3.0.0"
+      }
+    },
+    "glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "dependencies": {
+        "minimatch": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+          "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+          "requires": {
+            "brace-expansion": "^1.1.7"
+          }
+        }
+      }
+    },
+    "glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "requires": {
+        "is-glob": "^4.0.1"
+      }
+    },
+    "globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "requires": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.9",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
+      "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+    },
+    "growl": {
+      "version": "1.10.5",
+      "resolved": "https://registry.npmjs.org/growl/-/growl-1.10.5.tgz",
+      "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==",
+      "dev": true
+    },
+    "has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true
+    },
+    "he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true
+    },
+    "https-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==",
+      "requires": {
+        "agent-base": "6",
+        "debug": "4"
+      }
+    },
+    "ignore": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
+      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ=="
+    },
+    "immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha1-nbHb0Pr43m++D13V5Wu2BigN5ps="
+    },
+    "indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg=="
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "ip-regex": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-4.3.0.tgz",
+      "integrity": "sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q=="
+    },
+    "is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "requires": {
+        "binary-extensions": "^2.0.0"
+      }
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
+    },
+    "is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true
+    },
+    "is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
+    },
+    "is-path-cwd": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+      "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ=="
+    },
+    "is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ=="
+    },
+    "is-plain-obj": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+      "dev": true
+    },
+    "is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "dev": true
+    },
+    "is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww=="
+    },
+    "is2": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/is2/-/is2-2.0.7.tgz",
+      "integrity": "sha512-4vBQoURAXC6hnLFxD4VW7uc04XiwTTl/8ydYJxKvPwkWQrSjInkuM5VZVg6BGr1/natq69zDuvO9lGpLClJqvA==",
+      "requires": {
+        "deep-is": "^0.1.3",
+        "ip-regex": "^4.1.0",
+        "is-url": "^1.2.4"
+      }
+    },
+    "isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "requires": {
+        "argparse": "^2.0.1"
+      }
+    },
+    "jszip": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.7.1.tgz",
+      "integrity": "sha512-ghL0tz1XG9ZEmRMcEN2vt7xabrDdqHHeykgARpmZ0BiIctWxM47Vt63ZO2dnp4QYt/xJVLLy5Zv1l/xRdh2byg==",
+      "requires": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "set-immediate-shim": "~1.0.1"
+      }
+    },
+    "lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "requires": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "requires": {
+        "p-locate": "^5.0.0"
+      }
+    },
+    "log-symbols": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      }
+    },
+    "loupe": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.4.tgz",
+      "integrity": "sha512-OvKfgCC2Ndby6aSTREl5aCCPTNIzlDfQZvZxNUrBrihDhL3xcrYegTblhmEiCrg2kKQz4XsFIaemE5BF4ybSaQ==",
+      "requires": {
+        "get-func-name": "^2.0.0"
+      }
+    },
+    "merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
+    },
+    "micromatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
+      "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
+      "requires": {
+        "braces": "^3.0.1",
+        "picomatch": "^2.2.3"
+      }
+    },
+    "minimatch": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-4.2.1.tgz",
+      "integrity": "sha512-9Uq1ChtSZO+Mxa/CL1eGizn2vRn3MlLgzhT0Iz8zaY8NdvxvB0d5QdPFmCKf7JKA9Lerx5vRrnwO03jsSfGG9g==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "mocha": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/mocha/-/mocha-9.2.2.tgz",
+      "integrity": "sha512-L6XC3EdwT6YrIk0yXpavvLkn8h+EU+Y5UcCHKECyMbdUIxyMuZj4bX4U9e1nvnvUUvQVsV2VHQr5zLdcUkhW/g==",
+      "dev": true,
+      "requires": {
+        "@ungap/promise-all-settled": "1.1.2",
+        "ansi-colors": "4.1.1",
+        "browser-stdout": "1.3.1",
+        "chokidar": "3.5.3",
+        "debug": "4.3.3",
+        "diff": "5.0.0",
+        "escape-string-regexp": "4.0.0",
+        "find-up": "5.0.0",
+        "glob": "7.2.0",
+        "growl": "1.10.5",
+        "he": "1.2.0",
+        "js-yaml": "4.1.0",
+        "log-symbols": "4.1.0",
+        "minimatch": "4.2.1",
+        "ms": "2.1.3",
+        "nanoid": "3.3.1",
+        "serialize-javascript": "6.0.0",
+        "strip-json-comments": "3.1.1",
+        "supports-color": "8.1.1",
+        "which": "2.0.2",
+        "workerpool": "6.2.0",
+        "yargs": "16.2.0",
+        "yargs-parser": "20.2.4",
+        "yargs-unparser": "2.0.0"
+      },
+      "dependencies": {
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        }
+      }
+    },
+    "ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "nanoid": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
+      "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==",
+      "dev": true
+    },
+    "normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "requires": {
+        "yocto-queue": "^0.1.0"
+      }
+    },
+    "p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "requires": {
+        "p-limit": "^3.0.2"
+      }
+    },
+    "p-map": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+      "requires": {
+        "aggregate-error": "^3.0.0"
+      }
+    },
+    "pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+    },
+    "path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
+    },
+    "path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
+    },
+    "pathval": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
+      "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ=="
+    },
+    "pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA="
+    },
+    "picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
+    },
+    "process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
+    },
+    "randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "requires": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "requires": {
+        "picomatch": "^2.2.1"
+      }
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
+      "dev": true
+    },
+    "reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
+    },
+    "rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
+    "run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "requires": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "selenium-webdriver": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/selenium-webdriver/-/selenium-webdriver-4.1.1.tgz",
+      "integrity": "sha512-Fr9e9LC6zvD6/j7NO8M1M/NVxFX67abHcxDJoP5w2KN/Xb1SyYLjMVPGgD14U2TOiKe4XKHf42OmFw9g2JgCBQ==",
+      "requires": {
+        "jszip": "^3.6.0",
+        "tmp": "^0.2.1",
+        "ws": ">=7.4.6"
+      }
+    },
+    "serialize-javascript": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
+      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
+      "dev": true,
+      "requires": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "set-immediate-shim": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz",
+      "integrity": "sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E="
+    },
+    "slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q=="
+    },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "requires": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      }
+    },
+    "strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^5.0.1"
+      }
+    },
+    "strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true
+    },
+    "supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "requires": {
+        "has-flag": "^4.0.0"
+      }
+    },
+    "tcp-port-used": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tcp-port-used/-/tcp-port-used-1.0.2.tgz",
+      "integrity": "sha512-l7ar8lLUD3XS1V2lfoJlCBaeoaWo/2xfYt81hM7VlvR4RrMVFqfmzfhLVk40hAb368uitje5gPtBRL1m/DGvLA==",
+      "requires": {
+        "debug": "4.3.1",
+        "is2": "^2.0.6"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+          "requires": {
+            "ms": "2.1.2"
+          }
+        }
+      }
+    },
+    "tmp": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
+      "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
+      "requires": {
+        "rimraf": "^3.0.0"
+      }
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g=="
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+    },
+    "which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "workerpool": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/workerpool/-/workerpool-6.2.0.tgz",
+      "integrity": "sha512-Rsk5qQHJ9eowMH28Jwhe8HEbmdYDX4lwoMWshiCXugjtHqMD9ZbiqSDLxcsfdqsETPzVUtX5s1Z5kStiIM6l4A==",
+      "dev": true
+    },
+    "wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "ws": {
+      "version": "8.5.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.5.0.tgz",
+      "integrity": "sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==",
+      "requires": {}
+    },
+    "y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true
+    },
+    "yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "dev": true,
+      "requires": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      }
+    },
+    "yargs-parser": {
+      "version": "20.2.4",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.4.tgz",
+      "integrity": "sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==",
+      "dev": true
+    },
+    "yargs-unparser": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-unparser/-/yargs-unparser-2.0.0.tgz",
+      "integrity": "sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^6.0.0",
+        "decamelize": "^4.0.0",
+        "flat": "^5.0.2",
+        "is-plain-obj": "^2.1.0"
+      }
+    },
+    "yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=",
+      "requires": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
+    "yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true
+    }
+  }
+}
diff --git a/openvidu-components-angular/webcomponent-test-e2e/package.json b/openvidu-components-angular/webcomponent-test-e2e/package.json
new file mode 100644
index 00000000..e037a431
--- /dev/null
+++ b/openvidu-components-angular/webcomponent-test-e2e/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "webcomponent-test-e2e",
+  "version": "2.21.0",
+  "description": "E2E webcomponent test",
+  "main": "test.ts",
+  "scripts": {
+    "serve": "http-server web/",
+    "test": "tsc && mocha --recursive --timeout 30000 ./dist/test.js"
+  },
+  "author": "Carlos Santos Morales",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "chromedriver": "99.0.0",
+    "selenium-webdriver": "4.1.1"
+  },
+  "devDependencies": {
+    "@types/chai": "4.3.0",
+    "@types/mocha": "9.1.0",
+    "chai": "4.3.6",
+    "mocha": "9.2.2"
+  }
+}
diff --git a/openvidu-components-angular/webcomponent-test-e2e/test.ts b/openvidu-components-angular/webcomponent-test-e2e/test.ts
new file mode 100644
index 00000000..5ea5dbd8
--- /dev/null
+++ b/openvidu-components-angular/webcomponent-test-e2e/test.ts
@@ -0,0 +1,689 @@
+// require('chromedriver');
+// const assert = require('assert');
+// const webdriver = require('selenium-webdriver');
+const chrome = require('selenium-webdriver/chrome');
+// const firefox = require('selenium-webdriver/firefox');
+// const { Builder, By, Key, promise, until } = require('selenium-webdriver');
+
+import { Builder, By, Capabilities, until, WebDriver, logging, Key } from 'selenium-webdriver';
+import { expect } from 'chai';
+
+const url = 'http://127.0.0.1:8080/';
+const FIVE_SECONDS = 5000;
+const ONE_SECONDS = 5000;
+const sleepTimeout = 500;
+
+describe('Checkout localhost app', () => {
+	let browser: WebDriver;
+
+	const chromeOptions = new chrome.Options();
+	const chromeCapabilities = Capabilities.chrome();
+
+	chromeOptions.addArguments('--use-fake-ui-for-media-stream', '--use-fake-device-for-media-stream');
+	const prefs = new logging.Preferences();
+	prefs.setLevel(logging.Type.BROWSER, logging.Level.DEBUG);
+	chromeCapabilities.set('acceptInsecureCerts', true);
+
+	// var firefoxOptions = new firefox.Options();
+	// var firefoxCapabilities = webdriver.Capabilities.firefox();
+	// firefoxOptions.addArguments('--headless');
+	// firefoxOptions.setPreference('media.navigator.permission.disabled', true);
+	// firefoxOptions.setPreference('media.navigator.streams.fake', true);
+	// firefoxCapabilities.setAcceptInsecureCerts(true);
+
+	async function createChromeBrowser(name: string): Promise<WebDriver> {
+		return await new Builder().forBrowser(name).withCapabilities(chromeCapabilities).setChromeOptions(chromeOptions).build();
+	}
+
+	// async function createFirefoxBrowser() {
+	// 	return await new Builder()
+	// 		.forBrowser('firefox')
+	// 		.withCapabilities(firefoxCapabilities)
+	// 		.setFirefoxOptions(firefoxOptions)
+	// 		.build();
+
+	// 	return await new Builder().forBrowser('chrome2').withCapabilities(chromeCapabilities).setChromeOptions(chromeOptions).build();
+	// }
+
+	beforeEach(async () => {
+		browser = await createChromeBrowser('Chrome');
+	});
+
+	afterEach(async () => {
+		await browser.quit();
+	});
+
+	// ** API Directives
+
+	it('should set the MINIMAL UI', async () => {
+		let element;
+		await browser.get(`${url}?minimal=true`);
+		// Checking if prejoin page exist
+		element = await browser.wait(until.elementLocated(By.id('prejoin-container')), ONE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if stream component is present
+		element = await browser.wait(until.elementLocated(By.className('OT_widget-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if audio detection is not displayed
+		element = await browser.findElements(By.id('audio-wave-container'));
+		expect(element.length).equals(0);
+
+		const joinButton = await browser.findElement(By.id('join-button'));
+		expect(await joinButton.isDisplayed()).to.be.true;
+		await joinButton.click();
+
+		// Checking if session container is present
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if screenshare button is not present
+		element = await browser.findElements(By.id('screenshare-btn'));
+		expect(element.length).equals(0);
+
+		// Checking if fullscreen button is not present
+		element = await browser.findElements(By.id('fullscreen-btn'));
+		expect(element.length).equals(0);
+
+		// Checking if participants panel button is not present
+		element = await browser.findElements(By.id('participants-panel-btn'));
+		expect(element.length).equals(0);
+
+		// Checking if logo is not displayed
+		element = await browser.findElements(By.id('branding-logo'));
+		expect(element.length).equals(0);
+
+		// Checking if session name is not displayed
+		element = await browser.findElements(By.id('session-name'));
+		expect(element.length).equals(0);
+
+		// Checking if nickname is not displayed
+		element = await browser.findElements(By.id('nickname-container'));
+		expect(element.length).equals(0);
+
+		// Checking if audio detection is not displayed
+		element = await browser.findElements(By.id('audio-wave-container'));
+		expect(element.length).equals(0);
+
+		// Checking if settings button is not displayed
+		element = await browser.findElements(By.id('settings-container'));
+		expect(element.length).equals(0);
+	});
+
+	it('should show the PREJOIN page', async () => {
+		await browser.get(`${url}?prejoin=true`);
+		const element = await browser.wait(until.elementLocated(By.id('prejoin-container')), ONE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
+	it('should not show the PREJOIN page', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), ONE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
+
+	it('should run the app with VIDEO MUTED in prejoin page', async () => {
+		let element, isVideoEnabled, icon;
+		const videoEnableScript = 'return document.getElementsByTagName("video")[0].srcObject.getVideoTracks()[0].enabled;';
+
+		await browser.get(`${url}?prejoin=true&videoMuted=true`);
+
+		// Checking if video is displayed
+		await browser.wait(until.elementLocated(By.css('video')), FIVE_SECONDS);
+		element = await browser.findElement(By.css('video'));
+		await browser.wait(until.elementIsVisible(element), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if video track is disabled/muted
+		isVideoEnabled = await browser.executeScript(videoEnableScript);
+		expect(isVideoEnabled).to.be.false;
+
+		icon = await browser.findElement(By.id('videocam_off'));
+		expect(await icon.isDisplayed()).to.be.true;
+
+		const joinButton = await browser.findElement(By.id('join-button'));
+		expect(await joinButton.isDisplayed()).to.be.true;
+		await joinButton.click();
+
+		// Checking if video is muted after join the room
+		isVideoEnabled = await browser.executeScript(videoEnableScript);
+		expect(isVideoEnabled).to.be.false;
+
+		icon = await browser.findElement(By.id('videocam_off'));
+		expect(await icon.isDisplayed()).to.be.true;
+	});
+
+	it('should run the app with VIDEO MUTED and WITHOUT PREJOIN page', async () => {
+		let element, isVideoEnabled, icon;
+		const videoEnableScript = 'return document.getElementsByTagName("video")[0].srcObject.getVideoTracks()[0].enabled;';
+
+		await browser.get(`${url}?prejoin=false&videoMuted=true`);
+
+		element = await browser.wait(until.elementLocated(By.id('session-container')), ONE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if video is displayed
+		await browser.wait(until.elementLocated(By.css('video')), FIVE_SECONDS);
+		element = await browser.findElement(By.css('video'));
+		await browser.wait(until.elementIsVisible(element), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if video track is disabled/muted
+		isVideoEnabled = await browser.executeScript(videoEnableScript);
+		expect(isVideoEnabled).to.be.false;
+
+		icon = await browser.findElement(By.id('videocam_off'));
+		expect(await icon.isDisplayed()).to.be.true;
+	});
+
+	it('should run the app with AUDIO MUTED in prejoin page', async () => {
+		let element, isAudioEnabled, icon;
+		const audioEnableScript = 'return document.getElementsByTagName("video")[0].srcObject.getAudioTracks()[0].enabled;';
+
+		await browser.get(`${url}?audioMuted=true`);
+
+		// Checking if video is displayed
+		await browser.wait(until.elementLocated(By.css('video')), FIVE_SECONDS);
+		element = await browser.findElement(By.css('video'));
+		await browser.wait(until.elementIsVisible(element), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if audio track is disabled/muted
+		isAudioEnabled = await browser.executeScript(audioEnableScript);
+		expect(isAudioEnabled).to.be.false;
+
+		icon = await browser.findElement(By.id('mic_off'));
+		expect(await icon.isDisplayed()).to.be.true;
+
+		const joinButton = await browser.findElement(By.id('join-button'));
+		expect(await joinButton.isDisplayed()).to.be.true;
+		await joinButton.click();
+
+		// Checking if audio is muted after join the room
+		isAudioEnabled = await browser.executeScript(audioEnableScript);
+		expect(isAudioEnabled).to.be.false;
+
+		icon = await browser.findElement(By.id('mic_off'));
+		expect(await icon.isDisplayed()).to.be.true;
+	});
+
+	it('should run the app with VIDEO MUTED and WITHOUT PREJOIN page', async () => {
+		let element, isAudioEnabled, icon;
+		const audioEnableScript = 'return document.getElementsByTagName("video")[0].srcObject.getAudioTracks()[0].enabled;';
+
+		await browser.get(`${url}?prejoin=false&audioMuted=true`);
+
+		element = await browser.wait(until.elementLocated(By.id('session-container')), ONE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if video is displayed
+		await browser.wait(until.elementLocated(By.css('video')), FIVE_SECONDS);
+		element = await browser.findElement(By.css('video'));
+		await browser.wait(until.elementIsVisible(element), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if audio track is disabled/muted
+		isAudioEnabled = await browser.executeScript(audioEnableScript);
+		expect(isAudioEnabled).to.be.false;
+
+		icon = await browser.findElement(By.id('mic_off'));
+		expect(await icon.isDisplayed()).to.be.true;
+	});
+
+	it('should HIDE the SCREENSHARE button', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&screenshareBtn=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if screenshare button is not present
+		element = await browser.findElements(By.id('screenshare-btn'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the FULLSCREEN button', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&fullscreenBtn=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if fullscreen button is not present
+		element = await browser.findElements(By.id('fullscreen-btn'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the LEAVE button', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&leaveBtn=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if leave button is not present
+		element = await browser.findElements(By.id('leave-btn'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the CHAT PANEL button', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&chatPanelBtn=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if chat panel button is not present
+		element = await browser.findElements(By.id('chat-panel-btn'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the PARTICIPANTS PANEL button', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&participantsPanelBtn=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if participants panel button is not present
+		element = await browser.findElements(By.id('participants-panel-btn'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the LOGO', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&displayLogo=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('info-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if logo is not displayed
+		element = await browser.findElements(By.id('branding-logo'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the SESSION NAME', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&displaySessionName=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('info-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if session name is not displayed
+		element = await browser.findElements(By.id('session-name'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the PARTICIPANT NAME', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&displayParticipantName=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if stream component is present
+		element = await browser.wait(until.elementLocated(By.className('OT_widget-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if nickname is not displayed
+		element = await browser.findElements(By.id('nickname-container'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the AUDIO DETECTION element', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&displayAudioDetection=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if stream component is present
+		element = await browser.wait(until.elementLocated(By.className('OT_widget-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if audio detection is not displayed
+		element = await browser.findElements(By.id('audio-wave-container'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the SETTINGS button', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false&settingsBtn=false`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if stream component is present
+		element = await browser.wait(until.elementLocated(By.className('OT_widget-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if settings button is not displayed
+		element = await browser.findElements(By.id('settings-container'));
+		expect(element.length).equals(0);
+	});
+
+	it('should HIDE the MUTE button in participants panel', async () => {
+		let element, remoteParticipantItems;
+		const sessionName = 'e2etest';
+		const fixedUrl = `${url}?prejoin=false&participantMuteBtn=false&sessionName=${sessionName}`;
+		await browser.get(fixedUrl);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present and opening the participants panel
+		element = await browser.wait(until.elementLocated(By.id('menu-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+		const participantsButton = await browser.findElement(By.id('participants-panel-btn'));
+		await participantsButton.click();
+
+		// Checking if participatns panel is displayed
+		element = await browser.wait(until.elementLocated(By.id('participants-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+		// Checking remote participants item
+		remoteParticipantItems = await browser.findElements(By.id('remote-participant-item'));
+		expect(remoteParticipantItems.length).equals(0);
+
+		// Starting new browser for adding a new participant
+		const newTabScript = `window.open("${fixedUrl}")`;
+		await browser.executeScript(newTabScript);
+
+		// Go to first tab
+		const tabs = await browser.getAllWindowHandles();
+		browser.switchTo().window(tabs[0]);
+
+		// Checking if mute button is not displayed in participant item
+		remoteParticipantItems = await browser.wait(until.elementsLocated(By.id('remote-participant-item')), FIVE_SECONDS);
+		expect(remoteParticipantItems.length).equals(1);
+		element = await browser.findElements(By.id('mute-btn'));
+		expect(element.length).equals(0);
+	});
+
+	//* ---- Webcomponent events ----
+
+	it('should receive the onJoinButtonClicked event', async () => {
+		let element;
+		await browser.get(`${url}`);
+		element = await browser.wait(until.elementLocated(By.id('prejoin-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Clicking to join button
+		const joinButton = await browser.findElement(By.id('join-button'));
+		expect(await joinButton.isDisplayed()).to.be.true;
+		await joinButton.click();
+
+		// Checking if onJoinButtonClicked has been received
+		element = await browser.wait(until.elementLocated(By.id('onJoinButtonClicked')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
+
+	it('should receive the onToolbarLeaveButtonClicked event', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false`);
+
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Clicking to leave button
+		const leaveButton = await browser.findElement(By.id('leave-btn'));
+		expect(await leaveButton.isDisplayed()).to.be.true;
+		await leaveButton.click();
+
+		// Checking if onToolbarLeaveButtonClicked has been received
+		element = await browser.wait(until.elementLocated(By.id('onToolbarLeaveButtonClicked')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
+
+	it('should receive the onToolbarCameraButtonClicked event', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false`);
+
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Clicking to leave button
+		const cameraButton = await browser.findElement(By.id('camera-btn'));
+		expect(await cameraButton.isDisplayed()).to.be.true;
+		await cameraButton.click();
+
+		// Checking if onToolbarCameraButtonClicked has been received
+		element = await browser.wait(until.elementLocated(By.id('onToolbarCameraButtonClicked')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
+
+	it('should receive the onToolbarMicrophoneButtonClicked event', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false`);
+
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Clicking to leave button
+		const cameraButton = await browser.findElement(By.id('mic-btn'));
+		expect(await cameraButton.isDisplayed()).to.be.true;
+		await cameraButton.click();
+
+		// Checking if onToolbarMicrophoneButtonClicked has been received
+		element = await browser.wait(until.elementLocated(By.id('onToolbarMicrophoneButtonClicked')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
+
+	it('should receive the onToolbarScreenshareButtonClicked event', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false`);
+
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Clicking to leave button
+		const screenshareButton = await browser.findElement(By.id('screenshare-btn'));
+		expect(await screenshareButton.isDisplayed()).to.be.true;
+		await screenshareButton.click();
+
+		// Checking if onToolbarScreenshareButtonClicked has been received
+		element = await browser.wait(until.elementLocated(By.id('onToolbarScreenshareButtonClicked')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
+
+	it('should receive the onToolbarFullscreenButtonClicked event', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false`);
+
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Clicking to leave button
+		const fullscreenButton = await browser.findElement(By.id('fullscreen-btn'));
+		expect(await fullscreenButton.isDisplayed()).to.be.true;
+		await fullscreenButton.click();
+
+		// Checking if onToolbarFullscreenButtonClicked has been received
+		element = await browser.wait(until.elementLocated(By.id('onToolbarFullscreenButtonClicked')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
+
+	it('should receive the onSessionCreated event', async () => {
+		let element;
+		await browser.get(`${url}?prejoin=false`);
+		element = await browser.wait(until.elementLocated(By.id('onSessionCreated')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+		element = await browser.findElements(By.id('onJoinButtonClicked'));
+		expect(element.length).equals(0);
+	});
+
+	// * PUBLISHER EVENTS
+
+	// it('should receive publisherCreated event', async () => {
+	// 	try {
+	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+	// 	} catch (error) {
+	// 		console.log(error);
+	// 	} finally {
+	// 		await browser.quit();
+	// 	}
+	// });
+
+	// it('should receive Publisher streamCreated event', async function () {
+	// 	try {
+	// 		// await browser.get(url);
+	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+
+	// 		await browser.wait(until.elementLocated(By.id('publisher-streamCreated')), FIVE_SECONDS);
+	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+	// 	} catch (error) {
+	// 		console.log(error);
+	// 	} finally {
+	// 		await browser.quit();
+	// 	}
+	// });
+
+	// it('should receive Publisher streamPlaying event', async function () {
+	// 	try {
+	// 		// await browser.get(url);
+	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+
+	// 		await browser.wait(until.elementLocated(By.id('publisher-streamPlaying')), FIVE_SECONDS);
+	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+	// 	} catch (error) {
+	// 		console.log(error);
+	// 	} finally {
+	// 		await browser.quit();
+	// 	}
+	// });
+
+	// * SESSION EVENTS
+
+	// it('should receive REMOTE connectionCreated event', async () => {
+	// 	try {
+	// 		// await browser.get(url);
+	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+
+	// 		browser2 = await createFirefoxBrowser();
+	// 		await browser2.get(url);
+	// 		await browser2.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+	// 		await browser2.sleep(sleepTimeout);
+	// 		var user2 = await (await browser2.wait(until.elementLocated(By.id('nickname')), FIVE_SECONDS)).getText();
+	// 		await browser.wait(until.elementLocated(By.id(user2 + '-connectionCreated')), FIVE_SECONDS);
+	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+	// 		await browser2.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+	// 	} catch (error) {
+	// 		console.log(error);
+	// 	} finally {
+	// 		await browser.quit();
+	// 		await browser2.quit();
+	// 	}
+	// });
+
+	// it('should receive REMOTE streamDestroyed event', async function () {
+	// 	try {
+	// 		// await browser.get(url);
+	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+
+	// 		browser2 = await createFirefoxBrowser();
+	// 		await browser2.get(url);
+	// 		await browser2.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+	// 		await browser2.wait(until.elementLocated(By.id('publisher-streamPlaying')), FIVE_SECONDS);
+
+	// 		await browser2.sleep(sleepTimeout);
+	// 		var user2 = await (await browser2.wait(until.elementLocated(By.id('nickname')), FIVE_SECONDS)).getText();
+
+	// 		await browser2.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+
+	// 		await browser.wait(until.elementLocated(By.id(user2 + '-streamDestroyed')), FIVE_SECONDS);
+	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+	// 	} catch (error) {
+	// 		console.log(error);
+	// 	} finally {
+	// 		await browser.quit();
+	// 		await browser2.quit();
+	// 	}
+	// });
+
+	// it('should receive Session sessionDisconnected event', async function () {
+	// 	try {
+	// 		// await browser.get(url);
+	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+	// 		await browser.wait(until.elementLocated(By.id('publisher-streamPlaying')), FIVE_SECONDS);
+
+	// 		await browser.sleep(sleepTimeout);
+	// 		var user = await (await browser.wait(until.elementLocated(By.id('nickname')), FIVE_SECONDS)).getText();
+
+	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+
+	// 		await browser.wait(until.elementLocated(By.id(user + '-sessionDisconnected')), FIVE_SECONDS);
+	// 	} catch (error) {
+	// 		console.log(error);
+	// 	} finally {
+	// 		await browser.quit();
+	// 	}
+	// });
+
+	// it('should receive REMOTE streamCreated event', async function () {
+	// 	try {
+	// 		// await browser.get(url);
+	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+
+	// 		browser2 = await createFirefoxBrowser();
+	// 		await browser2.get(url);
+	// 		await browser2.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+	// 		await browser2.wait(until.elementLocated(By.id('publisher-streamPlaying')), FIVE_SECONDS);
+
+	// 		await browser2.sleep(sleepTimeout);
+	// 		var user2 = await (await browser2.wait(until.elementLocated(By.id('nickname')), FIVE_SECONDS)).getText();
+
+	// 		await browser.wait(until.elementLocated(By.id(user2 + '-streamCreated')), FIVE_SECONDS);
+
+	// 		await browser2.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+
+	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
+	// 	} catch (error) {
+	// 		console.log(error);
+	// 	} finally {
+	// 		await browser.quit();
+	// 		await browser2.quit();
+	// 	}
+	// });
+});
diff --git a/openvidu-components-angular/webcomponent-test-e2e/tsconfig.json b/openvidu-components-angular/webcomponent-test-e2e/tsconfig.json
new file mode 100644
index 00000000..e2f5fcbf
--- /dev/null
+++ b/openvidu-components-angular/webcomponent-test-e2e/tsconfig.json
@@ -0,0 +1,14 @@
+{
+	"compilerOptions": {
+	  "target": "es6",
+	  "module": "commonjs",
+	  "strict": true,
+	  "outDir": "./dist",
+	  "lib": [
+		"es6"
+	  ],
+	  "types": [ "mocha", "node" ],
+	  "experimentalDecorators": true,
+	  "emitDecoratorMetadata": true
+	}
+  }
\ No newline at end of file
diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/app.js b/openvidu-components-angular/webcomponent-test-e2e/web/app.js
new file mode 100644
index 00000000..3f4e41e2
--- /dev/null
+++ b/openvidu-components-angular/webcomponent-test-e2e/web/app.js
@@ -0,0 +1,217 @@
+
+var MINIMAL;
+var PREJOIN;
+var VIDEO_MUTED;
+var AUDIO_MUTED;
+
+var SCREENSHARE_BUTTON;
+var FULLSCREEN_BUTTON;
+var CHAT_PANEL_BUTTON;
+var DISPLAY_LOGO;
+var DISPLAY_SESSION_NAME;
+var DISPLAY_PARTICIPANT_NAME;
+var DISPLAY_AUDIO_DETECTION;
+var SETTINGS_BUTTON;
+var LEAVE_BUTTON;
+var PARTICIPANT_MUTE_BUTTON;
+var PARTICIPANTS_PANEL_BUTTON;
+
+var SESSION_NAME;
+
+$(document).ready(() => {
+
+    var url = new URL(window.location.href);
+	MINIMAL = url.searchParams.get("minimal") === null ? false : url.searchParams.get("minimal") === 'true';
+    PREJOIN = url.searchParams.get("prejoin") === null ? true : url.searchParams.get("prejoin") === 'true';
+    VIDEO_MUTED = url.searchParams.get("videoMuted") === null ? false : url.searchParams.get("videoMuted")  === 'true';
+    console.log("video muted", url.searchParams.get("videoMuted"));
+    AUDIO_MUTED = url.searchParams.get("audioMuted") === null ? false : url.searchParams.get("audioMuted") === 'true';
+	SCREENSHARE_BUTTON = url.searchParams.get("screenshareBtn") === null ? true : url.searchParams.get("screenshareBtn") === 'true';
+	FULLSCREEN_BUTTON = url.searchParams.get("fullscreenBtn") === null ? true : url.searchParams.get("fullscreenBtn") === 'true';
+    LEAVE_BUTTON = url.searchParams.get("leaveBtn") === null ? true : url.searchParams.get("leaveBtn") === 'true';
+	CHAT_PANEL_BUTTON = url.searchParams.get("chatPanelBtn") === null ? true : url.searchParams.get("chatPanelBtn") === 'true';
+    PARTICIPANTS_PANEL_BUTTON = url.searchParams.get("participantsPanelBtn") === null ? true : url.searchParams.get("participantsPanelBtn") === 'true';
+
+	DISPLAY_LOGO = url.searchParams.get("displayLogo") === null ? true : url.searchParams.get("displayLogo") === 'true';
+	DISPLAY_SESSION_NAME = url.searchParams.get("displaySessionName") === null ? true : url.searchParams.get("displaySessionName") === 'true';
+	DISPLAY_PARTICIPANT_NAME = url.searchParams.get("displayParticipantName") === null ? true : url.searchParams.get("displayParticipantName") === 'true';
+	DISPLAY_AUDIO_DETECTION = url.searchParams.get("displayAudioDetection") === null ? true : url.searchParams.get("displayAudioDetection") === 'true';
+	SETTINGS_BUTTON = url.searchParams.get("settingsBtn") === null ? true : url.searchParams.get("settingsBtn") === 'true';
+	PARTICIPANT_MUTE_BUTTON = url.searchParams.get("participantMuteBtn") === null ? true : url.searchParams.get("participantMuteBtn") === 'true';
+
+
+    SESSION_NAME = url.searchParams.get("sessionName") === null ? `E2ESession${Math.floor(Math.random()*100)}` : url.searchParams.get("sessionName");
+
+    var webComponent = document.querySelector('openvidu-webcomponent');
+
+    webComponent.addEventListener('onJoinButtonClicked', (event) => appendElement('onJoinButtonClicked'));
+    webComponent.addEventListener('onToolbarLeaveButtonClicked', (event) => appendElement('onToolbarLeaveButtonClicked'));
+    webComponent.addEventListener('onToolbarCameraButtonClicked', (event) => appendElement('onToolbarCameraButtonClicked'));
+    webComponent.addEventListener('onToolbarMicrophoneButtonClicked', (event) => appendElement('onToolbarMicrophoneButtonClicked'));
+    webComponent.addEventListener('onToolbarScreenshareButtonClicked', (event) => appendElement('onToolbarScreenshareButtonClicked'));
+    webComponent.addEventListener('onToolbarParticipantsPanelButtonClicked', (event) => appendElement('onToolbarParticipantsPanelButtonClicked'));
+    webComponent.addEventListener('onToolbarChatPanelButtonClicked', (event) => appendElement('onToolbarChatPanelButtonClicked'));
+    webComponent.addEventListener('onToolbarFullscreenButtonClicked', (event) => appendElement('onToolbarFullscreenButtonClicked'));
+
+    webComponent.addEventListener('onSessionCreated', (event) => {
+        var session = event.detail;
+        appendElement('onSessionCreated');
+
+
+        // You can see the session documentation here
+        // https://docs.openvidu.io/en/stable/api/openvidu-browser/classes/session.html
+
+        // session.on('connectionCreated', (e) => {
+        //     console.error("connectionCreated", e);
+        //     var user = JSON.parse(e.connection.data).clientData;
+        //     appendElement(user + '-connectionCreated');
+        // });
+
+        // session.on('streamDestroyed', (e) => {
+        //     console.log("streamDestroyed", e);
+        //     var user = JSON.parse(e.stream.connection.data).clientData;
+        //     appendElement(user + '-streamDestroyed');
+        // });
+
+        // session.on('streamCreated', (e) => {
+        //     console.log("streamCreated", e);
+        //     var user = JSON.parse(e.stream.connection.data).clientData;
+        //     appendElement(user + '-streamCreated');
+        // });
+
+        // session.on('sessionDisconnected', (e) => {
+        //     console.warn("sessionDisconnected ", e);
+        //     var user = JSON.parse(e.target.connection.data).clientData;
+        //     appendElement(user + '-sessionDisconnected');
+        // });
+    });
+
+    webComponent.addEventListener('publisherCreated', (event) => {
+        var publisher = event.detail;
+        appendElement('publisherCreated')
+
+        // You can see the publisher documentation here
+        // https://docs.openvidu.io/en/stable/api/openvidu-browser/classes/publisher.html
+
+        publisher.on('streamCreated', (e) => {
+            console.warn("Publisher streamCreated", e);
+            appendElement('publisher-streamCreated');
+        });
+
+        publisher.on('streamPlaying', (e) => {
+            appendElement('publisher-streamPlaying');
+
+        });
+    });
+
+
+    webComponent.addEventListener('error', (event) => {
+        console.log('Error event', event.detail);
+    });
+
+    var user = 'user' + Math.floor(Math.random() * 100);
+    joinSession(SESSION_NAME, user);
+});
+
+
+function appendElement(id) {
+    var eventsDiv = document.getElementById('events');
+    var element = document.createElement('div');
+    element.setAttribute("id", id);
+    element.setAttribute("style", "height: 1px;");
+    eventsDiv.appendChild(element);
+}
+
+async function joinSession(sessionName, participantName) {
+    var webComponent = document.querySelector('openvidu-webcomponent');
+    var tokens = {webcam: await getToken(sessionName), screen: await getToken(sessionName)};
+
+    webComponent.minimal = MINIMAL;
+    webComponent.prejoin = PREJOIN;
+    webComponent.videoMuted = VIDEO_MUTED;
+    webComponent.audioMuted = AUDIO_MUTED;
+    webComponent.toolbarScreenshareButton = SCREENSHARE_BUTTON;
+
+    webComponent.toolbarFullscreenButton = FULLSCREEN_BUTTON;
+	webComponent.toolbarLeaveButton = LEAVE_BUTTON;
+	webComponent.toolbarChatPanelButton = CHAT_PANEL_BUTTON;
+	webComponent.toolbarParticipantsPanelButton = PARTICIPANTS_PANEL_BUTTON;
+	webComponent.toolbarDisplayLogo = DISPLAY_LOGO;
+	webComponent.toolbarDisplaySessionName = DISPLAY_SESSION_NAME;
+	webComponent.streamDisplayParticipantName = DISPLAY_PARTICIPANT_NAME;
+	webComponent.streamDisplayAudioDetection = DISPLAY_AUDIO_DETECTION;
+	webComponent.streamSettingsButton = SETTINGS_BUTTON;
+	webComponent.participantPanelItemMuteButton = PARTICIPANT_MUTE_BUTTON;
+
+    webComponent.sessionConfig = { sessionName, participantName, tokens };
+}
+
+/**
+ * --------------------------
+ * SERVER-SIDE RESPONSIBILITY
+ * --------------------------
+ * These methods retrieve the mandatory user token from OpenVidu Server.
+ * This behavior MUST BE IN YOUR SERVER-SIDE IN PRODUCTION (by using
+ * the API REST, openvidu-java-client or openvidu-node-client):
+ *   1) Initialize a session in OpenVidu Server	(POST /api/sessions)
+ *   2) Generate a token in OpenVidu Server		(POST /api/tokens)
+ *   3) Configure OpenVidu Web Component in your client side with the token
+ */
+
+var OPENVIDU_SERVER_URL = "https://localhost:4443" ;
+var OPENVIDU_SERVER_SECRET = 'MY_SECRET';
+
+function getToken(sessionName) {
+    return createSession(sessionName).then((sessionId) => createToken(sessionId));
+}
+
+function createSession(sessionName) { // See https://docs.openvidu.io/en/stable/reference-docs/REST-API/#post-apisessions
+    return new Promise((resolve, reject) => {
+        $.ajax({
+            type: 'POST',
+            url: OPENVIDU_SERVER_URL + '/api/sessions',
+            data: JSON.stringify({ customSessionId: sessionName }),
+            headers: {
+                Authorization: 'Basic ' + btoa('OPENVIDUAPP:' + OPENVIDU_SERVER_SECRET),
+                'Content-Type': 'application/json',
+            },
+            success: (response) => resolve(response.id),
+            error: (error) => {
+                if (error.status === 409) {
+                    resolve(sessionName);
+                } else {
+                    console.warn('No connection to OpenVidu Server. This may be a certificate error at ' + OPENVIDU_SERVER_URL);
+                    if (
+                        window.confirm(
+                            'No connection to OpenVidu Server. This may be a certificate error at "' +
+                                OPENVIDU_SERVER_URL +
+                                '"\n\nClick OK to navigate and accept it. ' +
+                                'If no certificate warning is shown, then check that your OpenVidu Server is up and running at "' +
+                                OPENVIDU_SERVER_URL +
+                                '"',
+                        )
+                    ) {
+                        location.assign(OPENVIDU_SERVER_URL + '/accept-certificate');
+                    }
+                }
+            },
+        });
+    });
+}
+
+function createToken(sessionId) {
+    // See https://docs.openvidu.io/en/stable/reference-docs/REST-API/#post-apitokens
+    return new Promise((resolve, reject) => {
+        $.ajax({
+            type: 'POST',
+            url: OPENVIDU_SERVER_URL + '/api/tokens',
+            data: JSON.stringify({ session: sessionId }),
+            headers: {
+                Authorization: 'Basic ' + btoa('OPENVIDUAPP:' + OPENVIDU_SERVER_SECRET),
+                'Content-Type': 'application/json',
+            },
+            success: (response) => resolve(response.token),
+            error: (error) => reject(error),
+        });
+    });
+}
diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/assets/audio/newMessage1.mp3 b/openvidu-components-angular/webcomponent-test-e2e/web/assets/audio/newMessage1.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..38d074f28e69f7a60a8d83dc93518ae1f9c6935e
GIT binary patch
literal 3000
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
GX!r+c4_&1I

literal 0
HcmV?d00001

diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/assets/fonts/material-icons.woff2 b/openvidu-components-angular/webcomponent-test-e2e/web/assets/fonts/material-icons.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..db867bc362455bfe7353790f2a2b89e558dc5750
GIT binary patch
literal 49240
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
QT#w3@bT`=d&D_}v02+3)S^xk5

literal 0
HcmV?d00001

diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/openvidu_globe.png b/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/openvidu_globe.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c2bfc8534a9af5c43c6c3ac0220cee087fd5ac0
GIT binary patch
literal 4106
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

literal 0
HcmV?d00001

diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/openvidu_logo.png b/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/openvidu_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..79daf331d6b4ba072e8a926c5e6df6b2f1d4f65d
GIT binary patch
literal 10221
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
Sf6&K&5xA<BN~Mx@`2PS_>ie+(

literal 0
HcmV?d00001

diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/openvidu_logo_grey.png b/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/openvidu_logo_grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..58d739551331525cb85a7d13b37e34a672953e1a
GIT binary patch
literal 11362
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
Ks{&WD4gFtFB}IV%

literal 0
HcmV?d00001

diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/ov_company_logo2.png b/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/ov_company_logo2.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c2bfc8534a9af5c43c6c3ac0220cee087fd5ac0
GIT binary patch
literal 4106
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

literal 0
HcmV?d00001

diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/poster.png b/openvidu-components-angular/webcomponent-test-e2e/web/assets/images/poster.png
new file mode 100644
index 0000000000000000000000000000000000000000..38294ad896fb728edfab7a7712fa29f73190f460
GIT binary patch
literal 4939
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
A3jhEB

literal 0
HcmV?d00001

diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/index.html b/openvidu-components-angular/webcomponent-test-e2e/web/index.html
new file mode 100644
index 00000000..457c4719
--- /dev/null
+++ b/openvidu-components-angular/webcomponent-test-e2e/web/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>openvidu-web-component</title>
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
+        crossorigin="anonymous"></script>
+
+    <script src="app.js"></script>
+    <script src="openvidu-webcomponent-dev.js"></script>
+    <link rel="stylesheet" href="openvidu-webcomponent-dev.css">
+
+    <style>
+
+:root {
+	--ov-primary-color: #303030;
+	--ov-secondary-color: #586063;
+	--ov-tertiary-color: #598eff;
+	--ov-warn-color: #EB5144;
+	--ov-accent-color: #ffae35;
+
+	--ov-dark-color: #1d1d1d;
+	--ov-dark-light-color: #43484A;
+
+	--ov-light-color: #ffffff;
+	--ov-light-dark-color: #f1f1f1;
+
+	--ov-buttons-radius: 50%;
+	--ov-leave-button-radius: 10px;
+	--ov-video-radius: 5px;
+	--ov-panel-radius: 5px;
+  }
+    </style>
+</head>
+
+<body>
+
+    <div id="events"></div>
+    <!-- OpenVidu Web Component -->
+    <openvidu-webcomponent></openvidu-webcomponent>
+
+</body>
+
+</html>
\ No newline at end of file

From 6a01a33dba868fac66efb4c864677b0e7d698f44 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 16 Mar 2022 14:19:04 +0100
Subject: [PATCH 69/74] openvidu-components: Refactored webcomponent wrapper

---
 .../videoconference.component.ts              | 15 ++--
 .../directives/api/api.directive.module.ts    | 14 +++-
 .../api/participant-panel-item.directive.ts   |  2 -
 .../api/videoconference.directive.ts          | 26 ++++++-
 .../config/openvidu-angular.config.service.ts |  4 +-
 .../openvidu-webcomponent.component.ts        | 71 ++++++++++---------
 6 files changed, 86 insertions(+), 46 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index e102a9c0..60e0bc5e 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -73,10 +73,6 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 	openviduAngularLayoutTemplate: TemplateRef<any>;
 	openviduAngularStreamTemplate: TemplateRef<any>;
 
-	// *** Parameters ***
-	@Input() sessionName: string;
-	@Input() participantName: string;
-
 	@Input()
 	set tokens(tokens: { webcam: string; screen: string }) {
 		if (!tokens || (!tokens.webcam && !tokens.screen)) {
@@ -120,7 +116,9 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 	error: boolean = false;
 	errorMessage: string = '';
 	showPrejoin: boolean = true;
+	private externalParticipantName: string;
 	private prejoinSub: Subscription;
+	private participantNameSub: Subscription;
 	private log: ILogger;
 
 	constructor(
@@ -131,7 +129,7 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 		private openviduService: OpenViduService,
 		private actionService: ActionService,
 		private libService: OpenViduAngularConfigService,
-		private tokenService: TokenService,
+		private tokenService: TokenService
 	) {
 		this.log = this.loggerSrv.get('VideoconferenceComponent');
 	}
@@ -139,7 +137,7 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 	async ngOnInit() {
 		this.subscribeToVideconferenceDirectives();
 		await this.deviceSrv.initializeDevices();
-		const nickname = this.storageSrv.getNickname() || 'OpenVidu_User' + Math.floor(Math.random() * 100);
+		const nickname = this.externalParticipantName || this.storageSrv.getNickname() || `OpenVidu_User${Math.floor(Math.random() * 100)}`;
 		const props: ParticipantProperties = {
 			local: true,
 			nickname
@@ -171,6 +169,7 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 
 	ngOnDestroy(): void {
 		if (this.prejoinSub) this.prejoinSub.unsubscribe();
+		if (this.participantNameSub) this.participantNameSub.unsubscribe();
 	}
 
 	ngAfterViewInit() {
@@ -295,5 +294,9 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 			this.showPrejoin = value;
 			// this.cd.markForCheck();
 		});
+
+		this.participantNameSub = this.libService.participantName.subscribe((nickname: string) => {
+			this.externalParticipantName = nickname;
+		});
 	}
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
index 2f225899..7911295d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/api.directive.module.ts
@@ -15,7 +15,13 @@ import {
 	ToolbarDisplayLogoDirective,
 	LogoDirective
 } from './toolbar.directive';
-import { AudioMutedDirective, MinimalDirective, PrejoinDirective, VideoMutedDirective } from './videoconference.directive';
+import {
+	AudioMutedDirective,
+	MinimalDirective,
+	PrejoinDirective,
+	VideoMutedDirective,
+	ParticipantNameDirective
+} from './videoconference.directive';
 
 @NgModule({
 	declarations: [
@@ -34,7 +40,8 @@ import { AudioMutedDirective, MinimalDirective, PrejoinDirective, VideoMutedDire
 		StreamDisplayAudioDetectionDirective,
 		StreamSettingsButtonDirective,
 		LogoDirective,
-		ParticipantPanelItemMuteButtonDirective
+		ParticipantPanelItemMuteButtonDirective,
+		ParticipantNameDirective
 	],
 	exports: [
 		MinimalDirective,
@@ -52,7 +59,8 @@ import { AudioMutedDirective, MinimalDirective, PrejoinDirective, VideoMutedDire
 		StreamDisplayAudioDetectionDirective,
 		StreamSettingsButtonDirective,
 		LogoDirective,
-		ParticipantPanelItemMuteButtonDirective
+		ParticipantPanelItemMuteButtonDirective,
+		ParticipantNameDirective
 	]
 })
 export class ApiDirectiveModule {}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/participant-panel-item.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/participant-panel-item.directive.ts
index 73317cfe..f23f4967 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/participant-panel-item.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/participant-panel-item.directive.ts
@@ -30,8 +30,6 @@ export class ParticipantPanelItemMuteButtonDirective implements AfterViewInit, O
 	}
 
 	update(value: boolean) {
-		console.warn('directive mute ', value);
-
 		if (this.libService.participantItemMuteButton.getValue() !== value) {
 			this.libService.participantItemMuteButton.next(value);
 		}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
index 8f28f8f0..ba8badbe 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/videoconference.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, Input, ElementRef, OnDestroy } from '@angular/core';
+import { Directive, Input, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service';
 
 @Directive({
@@ -23,6 +23,29 @@ export class MinimalDirective implements OnDestroy {
 	}
 }
 
+@Directive({
+	selector: 'ov-videoconference[participantName]'
+})
+export class ParticipantNameDirective implements OnInit {
+	// Avoiding update participantName dynamically.
+	// The participantName must be updated from UI
+	@Input() participantName: string;
+	constructor(public elementRef: ElementRef, private libService: OpenViduAngularConfigService) {}
+	ngOnInit(): void {
+		this.update(this.participantName);
+	}
+
+	ngOnDestroy(): void {
+		this.clear();
+	}
+	clear() {
+		this.update('');
+	}
+	update(value: string) {
+		this.libService.participantName.next(value);
+	}
+}
+
 @Directive({
 	selector: 'ov-videoconference[prejoin]'
 })
@@ -45,7 +68,6 @@ export class PrejoinDirective implements OnDestroy {
 	}
 }
 
-
 @Directive({
 	selector: 'ov-videoconference[videoMuted]'
 })
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
index b5004804..d9026284 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/services/config/openvidu-angular.config.service.ts
@@ -8,9 +8,10 @@ import { OpenViduAngularConfig, ParticipantFactoryFunction } from '../../config/
 @Injectable()
 export class OpenViduAngularConfigService {
 	private configuration: OpenViduAngularConfig;
-
 	minimal = <BehaviorSubject<boolean>>new BehaviorSubject(false);
 	minimalObs: Observable<boolean>;
+	participantName = <BehaviorSubject<string>>new BehaviorSubject('');
+	participantNameObs: Observable<string>;
 	prejoin = <BehaviorSubject<boolean>>new BehaviorSubject(true);
 	prejoinObs: Observable<boolean>;
 
@@ -52,6 +53,7 @@ export class OpenViduAngularConfigService {
 		console.log(this.configuration);
 		if(this.isProduction()) console.log('OpenVidu Angular Production Mode');
 		this.minimalObs = this.minimal.asObservable();
+		this.participantNameObs = this.participantName.asObservable();
 		this.prejoinObs = this.prejoin.asObservable();
 		this.videoMutedObs = this.videoMuted.asObservable();
 		this.audioMutedObs = this.audioMuted.asObservable();
diff --git a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
index 6191d3a7..48b02507 100644
--- a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
@@ -2,19 +2,17 @@ import { Component, ElementRef, Input, OnInit, Output, EventEmitter } from '@ang
 import { ILogger, LoggerService, OpenViduService } from 'openvidu-angular';
 import { Session } from 'openvidu-browser';
 
-export interface SessionConfig {
-	sessionName: string;
-	participantName: string;
-	tokens: { webcam: string; screen: string };
+export interface TokenModel {
+	webcam: string;
+	screen: string;
 }
 
 @Component({
 	template: `
 		<ov-videoconference
-			*ngIf="successParams"
-			[sessionName]="_sessionConfig.sessionName"
-			[userName]="_sessionConfig.userName"
-			[tokens]="_sessionConfig.tokens"
+			*ngIf="success"
+			[participantName]="_participantName"
+			[tokens]="_tokens"
 			[minimal]="_minimal"
 			[prejoin]="_prejoin"
 			[videoMuted]="_videoMuted"
@@ -43,7 +41,9 @@ export interface SessionConfig {
 	`
 })
 export class OpenviduWebComponentComponent implements OnInit {
+	_tokens: TokenModel;
 	_minimal: boolean = false;
+	_participantName: string;
 	_prejoin: boolean = true;
 	_videoMuted: boolean = false;
 	_audioMuted: boolean = false;
@@ -62,6 +62,9 @@ export class OpenviduWebComponentComponent implements OnInit {
 	@Input() set minimal(value: string | boolean) {
 		this._minimal = this.castToBoolean(value);
 	}
+	@Input() set participantName(value: string) {
+		this._participantName = value;
+	}
 	@Input() set prejoin(value: string | boolean) {
 		this._prejoin = this.castToBoolean(value);
 	}
@@ -116,8 +119,8 @@ export class OpenviduWebComponentComponent implements OnInit {
 	@Output() onToolbarChatPanelButtonClicked = new EventEmitter<any>();
 	@Output() onToolbarFullscreenButtonClicked = new EventEmitter<any>();
 
-	successParams: boolean = false;
-	_sessionConfig: SessionConfig;
+	success: boolean = false;
+	// _sessionConfig: SessionConfig;
 
 	private log: ILogger;
 
@@ -128,16 +131,18 @@ export class OpenviduWebComponentComponent implements OnInit {
 
 	ngOnInit(): void {}
 
-	@Input('sessionConfig')
-	set sessionConfig(config: SessionConfig | string) {
-		this.log.d('Webcomponent sessionConfig: ', config);
-
-		config = this.castToJson(config);
-		this.successParams = this.isCorrectParams(<SessionConfig>config);
-		this._sessionConfig = <SessionConfig>config;
-		if (!this.successParams) {
-			this.log.e('Parameters received are incorrect: ', config);
-			this.log.e('Session cannot start');
+	@Input('tokens')
+	set tokens(value: TokenModel | string) {
+		this.log.d('Webcomponent tokens: ', value);
+		try {
+			this._tokens = this.castToJson(value);
+			this.success = !!this._tokens?.webcam && !!this._tokens?.screen;
+		} catch (error) {
+			this.log.e(error);
+			if (!this.success) {
+				this.log.e('Parameters received are incorrect: ', value);
+				this.log.e('Session cannot start');
+			}
 		}
 	}
 
@@ -156,16 +161,16 @@ export class OpenviduWebComponentComponent implements OnInit {
 	_onToolbarMicrophoneButtonClicked() {
 		this.onToolbarMicrophoneButtonClicked.emit();
 	}
-	_onToolbarScreenshareButtonClicked(){
+	_onToolbarScreenshareButtonClicked() {
 		this.onToolbarScreenshareButtonClicked.emit();
 	}
-	_onToolbarParticipantsPanelButtonClicked(){
+	_onToolbarParticipantsPanelButtonClicked() {
 		this.onToolbarParticipantsPanelButtonClicked.emit();
 	}
-	_onToolbarChatPanelButtonClicked(){
+	_onToolbarChatPanelButtonClicked() {
 		this.onToolbarChatPanelButtonClicked.emit();
 	}
-	_onToolbarFullscreenButtonClicked(){
+	_onToolbarFullscreenButtonClicked() {
 		this.onToolbarFullscreenButtonClicked.emit();
 	}
 	_onSessionCreated(event: Session) {
@@ -176,13 +181,13 @@ export class OpenviduWebComponentComponent implements OnInit {
 		this.openviduService.disconnect();
 	}
 
-	private isCorrectParams(config: SessionConfig): boolean {
-		return !!config.tokens?.webcam && !!config.tokens?.screen && !!config.participantName && !!config.sessionName;
-	}
+	// private isCorrectParams(config: SessionConfig): boolean {
+	// 	return !!config.tokens?.webcam && !!config.tokens?.screen /*&& !!config.participantName && !!config.sessionName*/;
+	// }
 
-	private isEmpty(config: SessionConfig): boolean {
-		return Object.keys(config).length === 0;
-	}
+	// private isEmpty(config: SessionConfig): boolean {
+	// 	return Object.keys(config).length === 0;
+	// }
 
 	private castToBoolean(value: string | boolean): boolean {
 		if (typeof value === 'boolean') {
@@ -197,7 +202,7 @@ export class OpenviduWebComponentComponent implements OnInit {
 		}
 	}
 
-	private castToJson(value: SessionConfig | string) {
+	private castToJson(value: TokenModel | string) {
 		if (typeof value === 'string') {
 			try {
 				return JSON.parse(value);
@@ -208,7 +213,9 @@ export class OpenviduWebComponentComponent implements OnInit {
 		} else if (typeof value === 'object') {
 			return value;
 		} else {
-			throw new Error('Parameter has not a valid type. The parameters must to be string or SessionConfig.');
+			throw new Error(
+				'Parameter has not a valid type. The parameters must to be string or TokenModel {webcam:string, screen: string}.'
+			);
 		}
 	}
 }

From 16f211751b72494c1d50ad7a7e6ab8e86b290a5d Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 16 Mar 2022 14:21:58 +0100
Subject: [PATCH 70/74] openvidu-components: Fixed participant name value in
 prejoin component

---
 .../src/lib/components/pre-join/pre-join.component.ts            | 1 +
 1 file changed, 1 insertion(+)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
index 0a37a394..7a4efe65 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.ts
@@ -209,6 +209,7 @@ export class PreJoinComponent implements OnInit, OnDestroy {
 	private subscribeToLocalParticipantEvents() {
 		this.localParticipantSubscription = this.participantService.localParticipantObs.subscribe((p) => {
 			this.localParticipant = p;
+			this.nickname = this.localParticipant.getNickname();
 		});
 	}
 

From 55d9abe2b83e4f164c0e83a268678f82bafd669d Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 16 Mar 2022 16:34:55 +0100
Subject: [PATCH 71/74] openvidu-components: Added participant created event
 and e2e test

---
 .../videoconference.component.ts              |  14 +-
 .../openvidu-webcomponent.component.ts        |  19 +-
 .../webcomponent-test-e2e/test.ts             | 164 ++++--------------
 .../webcomponent-test-e2e/web/app.js          |  62 ++-----
 4 files changed, 66 insertions(+), 193 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
index 60e0bc5e..34b3daf6 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts
@@ -10,7 +10,7 @@ import {
 	TemplateRef,
 	ViewChild
 } from '@angular/core';
-import { OpenViduErrorName } from 'openvidu-browser';
+import { OpenViduErrorName, Session } from 'openvidu-browser';
 import { Subscription } from 'rxjs';
 import {
 	ChatPanelDirective,
@@ -102,13 +102,13 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 	@Output() onToolbarChatPanelButtonClicked = new EventEmitter<any>();
 
 	// Event sent when participant has joined the session
-	@Output() onParticipantJoined = new EventEmitter<any>();
-
-	// Event sent when participant has left the session
-	// @Output() onParticipantLeft = new EventEmitter<any>();
+	// @Output() onParticipantJoined = new EventEmitter<any>();
 
 	// Event sent when session has been created
 	@Output() onSessionCreated = new EventEmitter<any>();
+	// Event sent when participant has been created
+	@Output() onParticipantCreated = new EventEmitter<any>();
+
 
 	joinSessionClicked: boolean = false;
 	participantReady: boolean = false;
@@ -148,6 +148,8 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 		if (this.deviceSrv.hasVideoDeviceAvailable() || this.deviceSrv.hasAudioDeviceAvailable()) {
 			await this.initwebcamPublisher();
 		}
+
+		this.onParticipantCreated.emit(this.participantService.getLocalParticipant());
 	}
 
 	private async initwebcamPublisher() {
@@ -265,7 +267,7 @@ export class VideoconferenceComponent implements OnInit, OnDestroy, AfterViewIni
 	onChatPanelButtonClicked() {
 		this.onToolbarChatPanelButtonClicked.emit();
 	}
-	_onSessionCreated(event: any) {
+	_onSessionCreated(event: Session) {
 		this.onSessionCreated.emit(event);
 	}
 
diff --git a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
index 48b02507..7335cc81 100644
--- a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
@@ -1,6 +1,7 @@
 import { Component, ElementRef, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { ILogger, LoggerService, OpenViduService } from 'openvidu-angular';
 import { Session } from 'openvidu-browser';
+import { ParticipantAbstractModel } from '../../../projects/openvidu-angular/src/lib/models/participant.model';
 
 export interface TokenModel {
 	webcam: string;
@@ -37,6 +38,7 @@ export interface TokenModel {
 			(onToolbarChatPanelButtonClicked)="_onToolbarChatPanelButtonClicked()"
 			(onToolbarFullscreenButtonClicked)="_onToolbarFullscreenButtonClicked()"
 			(onSessionCreated)="_onSessionCreated($event)"
+			(onParticipantCreated)="_onParticipantCreated($event)"
 		></ov-videoconference>
 	`
 })
@@ -113,15 +115,14 @@ export class OpenviduWebComponentComponent implements OnInit {
 	@Output() onToolbarLeaveButtonClicked = new EventEmitter<any>();
 	@Output() onToolbarCameraButtonClicked = new EventEmitter<any>();
 	@Output() onToolbarMicrophoneButtonClicked = new EventEmitter<any>();
-	@Output() onSessionCreated = new EventEmitter<any>();
 	@Output() onToolbarScreenshareButtonClicked = new EventEmitter<any>();
 	@Output() onToolbarParticipantsPanelButtonClicked = new EventEmitter<any>();
 	@Output() onToolbarChatPanelButtonClicked = new EventEmitter<any>();
 	@Output() onToolbarFullscreenButtonClicked = new EventEmitter<any>();
+	@Output() onSessionCreated = new EventEmitter<any>();
+	@Output() onParticipantCreated = new EventEmitter<any>();
 
 	success: boolean = false;
-	// _sessionConfig: SessionConfig;
-
 	private log: ILogger;
 
 	constructor(private loggerService: LoggerService, private host: ElementRef, private openviduService: OpenViduService) {
@@ -177,18 +178,14 @@ export class OpenviduWebComponentComponent implements OnInit {
 		this.onSessionCreated.emit(event);
 	}
 
+	_onParticipantCreated(event: ParticipantAbstractModel) {
+		this.onParticipantCreated.emit(event);
+	}
+
 	leaveSession() {
 		this.openviduService.disconnect();
 	}
 
-	// private isCorrectParams(config: SessionConfig): boolean {
-	// 	return !!config.tokens?.webcam && !!config.tokens?.screen /*&& !!config.participantName && !!config.sessionName*/;
-	// }
-
-	// private isEmpty(config: SessionConfig): boolean {
-	// 	return Object.keys(config).length === 0;
-	// }
-
 	private castToBoolean(value: string | boolean): boolean {
 		if (typeof value === 'boolean') {
 			return value;
diff --git a/openvidu-components-angular/webcomponent-test-e2e/test.ts b/openvidu-components-angular/webcomponent-test-e2e/test.ts
index 5ea5dbd8..c6935a4a 100644
--- a/openvidu-components-angular/webcomponent-test-e2e/test.ts
+++ b/openvidu-components-angular/webcomponent-test-e2e/test.ts
@@ -1,17 +1,10 @@
-// require('chromedriver');
-// const assert = require('assert');
-// const webdriver = require('selenium-webdriver');
-const chrome = require('selenium-webdriver/chrome');
-// const firefox = require('selenium-webdriver/firefox');
-// const { Builder, By, Key, promise, until } = require('selenium-webdriver');
-
-import { Builder, By, Capabilities, until, WebDriver, logging, Key } from 'selenium-webdriver';
+import { Builder, By, Capabilities, until, WebDriver, logging } from 'selenium-webdriver';
+import * as chrome from 'selenium-webdriver/chrome';
 import { expect } from 'chai';
 
 const url = 'http://127.0.0.1:8080/';
 const FIVE_SECONDS = 5000;
 const ONE_SECONDS = 5000;
-const sleepTimeout = 500;
 
 describe('Checkout localhost app', () => {
 	let browser: WebDriver;
@@ -555,135 +548,40 @@ describe('Checkout localhost app', () => {
 
 	// * PUBLISHER EVENTS
 
-	// it('should receive publisherCreated event', async () => {
-	// 	try {
-	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
-	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-	// 	} catch (error) {
-	// 		console.log(error);
-	// 	} finally {
-	// 		await browser.quit();
-	// 	}
-	// });
-
-	// it('should receive Publisher streamCreated event', async function () {
-	// 	try {
-	// 		// await browser.get(url);
-	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
-
-	// 		await browser.wait(until.elementLocated(By.id('publisher-streamCreated')), FIVE_SECONDS);
-	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-	// 	} catch (error) {
-	// 		console.log(error);
-	// 	} finally {
-	// 		await browser.quit();
-	// 	}
-	// });
-
-	// it('should receive Publisher streamPlaying event', async function () {
-	// 	try {
-	// 		// await browser.get(url);
-	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
-
-	// 		await browser.wait(until.elementLocated(By.id('publisher-streamPlaying')), FIVE_SECONDS);
-	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-	// 	} catch (error) {
-	// 		console.log(error);
-	// 	} finally {
-	// 		await browser.quit();
-	// 	}
-	// });
+	it('should receive onParticipantCreated event from LOCAL participant', async () => {
+		const participantName = 'TEST_USER';
+		let element;
+		await browser.get(`${url}?participantName=${participantName}`);
+		element = await browser.wait(until.elementLocated(By.id(`${participantName}-onParticipantCreated`)), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
 
 	// * SESSION EVENTS
 
-	// it('should receive REMOTE connectionCreated event', async () => {
-	// 	try {
-	// 		// await browser.get(url);
-	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+	it('should receive connectionCreated event from LOCAL participant', async () => {
+		const participantName = 'TEST_USER';
+		let element;
+		await browser.get(`${url}?prejoin=false&participantName=${participantName}`);
+		element = await browser.wait(until.elementLocated(By.id(`${participantName}-connectionCreated`)), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
 
-	// 		browser2 = await createFirefoxBrowser();
-	// 		await browser2.get(url);
-	// 		await browser2.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
-	// 		await browser2.sleep(sleepTimeout);
-	// 		var user2 = await (await browser2.wait(until.elementLocated(By.id('nickname')), FIVE_SECONDS)).getText();
-	// 		await browser.wait(until.elementLocated(By.id(user2 + '-connectionCreated')), FIVE_SECONDS);
-	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-	// 		await browser2.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-	// 	} catch (error) {
-	// 		console.log(error);
-	// 	} finally {
-	// 		await browser.quit();
-	// 		await browser2.quit();
-	// 	}
-	// });
+	it('should receive sessionDisconnected event from LOCAL participant', async () => {
+		const participantName = 'TEST_USER';
+		let element;
+		await browser.get(`${url}?prejoin=false&participantName=${participantName}`);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
 
-	// it('should receive REMOTE streamDestroyed event', async function () {
-	// 	try {
-	// 		// await browser.get(url);
-	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
+		// Checking if toolbar is present
+		element = await browser.wait(until.elementLocated(By.id('media-buttons-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
 
-	// 		browser2 = await createFirefoxBrowser();
-	// 		await browser2.get(url);
-	// 		await browser2.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
-	// 		await browser2.wait(until.elementLocated(By.id('publisher-streamPlaying')), FIVE_SECONDS);
+		// Checking if leave button is not present
+		element = await browser.wait(until.elementLocated(By.id('leave-btn')), FIVE_SECONDS);
+		await element.click();
 
-	// 		await browser2.sleep(sleepTimeout);
-	// 		var user2 = await (await browser2.wait(until.elementLocated(By.id('nickname')), FIVE_SECONDS)).getText();
-
-	// 		await browser2.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-
-	// 		await browser.wait(until.elementLocated(By.id(user2 + '-streamDestroyed')), FIVE_SECONDS);
-	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-	// 	} catch (error) {
-	// 		console.log(error);
-	// 	} finally {
-	// 		await browser.quit();
-	// 		await browser2.quit();
-	// 	}
-	// });
-
-	// it('should receive Session sessionDisconnected event', async function () {
-	// 	try {
-	// 		// await browser.get(url);
-	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
-	// 		await browser.wait(until.elementLocated(By.id('publisher-streamPlaying')), FIVE_SECONDS);
-
-	// 		await browser.sleep(sleepTimeout);
-	// 		var user = await (await browser.wait(until.elementLocated(By.id('nickname')), FIVE_SECONDS)).getText();
-
-	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-
-	// 		await browser.wait(until.elementLocated(By.id(user + '-sessionDisconnected')), FIVE_SECONDS);
-	// 	} catch (error) {
-	// 		console.log(error);
-	// 	} finally {
-	// 		await browser.quit();
-	// 	}
-	// });
-
-	// it('should receive REMOTE streamCreated event', async function () {
-	// 	try {
-	// 		// await browser.get(url);
-	// 		await browser.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
-
-	// 		browser2 = await createFirefoxBrowser();
-	// 		await browser2.get(url);
-	// 		await browser2.wait(until.elementLocated(By.id('publisherCreated')), FIVE_SECONDS);
-	// 		await browser2.wait(until.elementLocated(By.id('publisher-streamPlaying')), FIVE_SECONDS);
-
-	// 		await browser2.sleep(sleepTimeout);
-	// 		var user2 = await (await browser2.wait(until.elementLocated(By.id('nickname')), FIVE_SECONDS)).getText();
-
-	// 		await browser.wait(until.elementLocated(By.id(user2 + '-streamCreated')), FIVE_SECONDS);
-
-	// 		await browser2.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-
-	// 		await browser.wait(until.elementLocated(By.id('navLeaveButton')), FIVE_SECONDS).click();
-	// 	} catch (error) {
-	// 		console.log(error);
-	// 	} finally {
-	// 		await browser.quit();
-	// 		await browser2.quit();
-	// 	}
-	// });
+		element = await browser.wait(until.elementLocated(By.id(`${participantName}-sessionDisconnected`)), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+	});
 });
diff --git a/openvidu-components-angular/webcomponent-test-e2e/web/app.js b/openvidu-components-angular/webcomponent-test-e2e/web/app.js
index 3f4e41e2..4b190de1 100644
--- a/openvidu-components-angular/webcomponent-test-e2e/web/app.js
+++ b/openvidu-components-angular/webcomponent-test-e2e/web/app.js
@@ -18,10 +18,13 @@ var PARTICIPANTS_PANEL_BUTTON;
 
 var SESSION_NAME;
 
+var PARTICIPANT_NAME;
+
 $(document).ready(() => {
 
     var url = new URL(window.location.href);
 	MINIMAL = url.searchParams.get("minimal") === null ? false : url.searchParams.get("minimal") === 'true';
+    PARTICIPANT_NAME = url.searchParams.get("participantName") || 'TEST_USER';
     PREJOIN = url.searchParams.get("prejoin") === null ? true : url.searchParams.get("prejoin") === 'true';
     VIDEO_MUTED = url.searchParams.get("videoMuted") === null ? false : url.searchParams.get("videoMuted")  === 'true';
     console.log("video muted", url.searchParams.get("videoMuted"));
@@ -61,56 +64,28 @@ $(document).ready(() => {
         // You can see the session documentation here
         // https://docs.openvidu.io/en/stable/api/openvidu-browser/classes/session.html
 
-        // session.on('connectionCreated', (e) => {
-        //     console.error("connectionCreated", e);
-        //     var user = JSON.parse(e.connection.data).clientData;
-        //     appendElement(user + '-connectionCreated');
-        // });
-
-        // session.on('streamDestroyed', (e) => {
-        //     console.log("streamDestroyed", e);
-        //     var user = JSON.parse(e.stream.connection.data).clientData;
-        //     appendElement(user + '-streamDestroyed');
-        // });
-
-        // session.on('streamCreated', (e) => {
-        //     console.log("streamCreated", e);
-        //     var user = JSON.parse(e.stream.connection.data).clientData;
-        //     appendElement(user + '-streamCreated');
-        // });
-
-        // session.on('sessionDisconnected', (e) => {
-        //     console.warn("sessionDisconnected ", e);
-        //     var user = JSON.parse(e.target.connection.data).clientData;
-        //     appendElement(user + '-sessionDisconnected');
-        // });
-    });
-
-    webComponent.addEventListener('publisherCreated', (event) => {
-        var publisher = event.detail;
-        appendElement('publisherCreated')
-
-        // You can see the publisher documentation here
-        // https://docs.openvidu.io/en/stable/api/openvidu-browser/classes/publisher.html
-
-        publisher.on('streamCreated', (e) => {
-            console.warn("Publisher streamCreated", e);
-            appendElement('publisher-streamCreated');
+        session.on('connectionCreated', (e) => {
+            var user = JSON.parse(e.connection.data).clientData;
+            appendElement(`${user}-connectionCreated`);
         });
 
-        publisher.on('streamPlaying', (e) => {
-            appendElement('publisher-streamPlaying');
-
+        session.on('sessionDisconnected', (e) => {
+            var user = JSON.parse(e.target.connection.data).clientData;
+            appendElement(user + '-sessionDisconnected');
         });
     });
 
+    webComponent.addEventListener('onParticipantCreated', (event) => {
+        var participant = event.detail;
+        appendElement(`${participant.nickname}-onParticipantCreated`);
 
-    webComponent.addEventListener('error', (event) => {
-        console.log('Error event', event.detail);
     });
 
-    var user = 'user' + Math.floor(Math.random() * 100);
-    joinSession(SESSION_NAME, user);
+    // webComponent.addEventListener('error', (event) => {
+    //     console.log('Error event', event.detail);
+    // });
+
+    joinSession(SESSION_NAME, PARTICIPANT_NAME);
 });
 
 
@@ -143,7 +118,8 @@ async function joinSession(sessionName, participantName) {
 	webComponent.streamSettingsButton = SETTINGS_BUTTON;
 	webComponent.participantPanelItemMuteButton = PARTICIPANT_MUTE_BUTTON;
 
-    webComponent.sessionConfig = { sessionName, participantName, tokens };
+    webComponent.participantName = participantName;
+    webComponent.tokens = tokens;
 }
 
 /**

From f6d014bef6cd3e4b6f18da91f095187272e44d3f Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 17 Mar 2022 10:41:48 +0100
Subject: [PATCH 72/74] openvidu-components: Parametrized selenium server url
 in E2E tests

---
 .../webcomponent-test-e2e/config.ts           |   1 +
 .../webcomponent-test-e2e/package-lock.json   | 694 +++++++++++++++++-
 .../webcomponent-test-e2e/package.json        |   7 +-
 .../webcomponent-test-e2e/test.ts             |  11 +-
 4 files changed, 701 insertions(+), 12 deletions(-)
 create mode 100644 openvidu-components-angular/webcomponent-test-e2e/config.ts

diff --git a/openvidu-components-angular/webcomponent-test-e2e/config.ts b/openvidu-components-angular/webcomponent-test-e2e/config.ts
new file mode 100644
index 00000000..47989939
--- /dev/null
+++ b/openvidu-components-angular/webcomponent-test-e2e/config.ts
@@ -0,0 +1 @@
+export const SELENIUM_SERVER_URL = process.env.SELENIUM_SERVER_URL || '';
diff --git a/openvidu-components-angular/webcomponent-test-e2e/package-lock.json b/openvidu-components-angular/webcomponent-test-e2e/package-lock.json
index 5228c7f8..5e6eab61 100644
--- a/openvidu-components-angular/webcomponent-test-e2e/package-lock.json
+++ b/openvidu-components-angular/webcomponent-test-e2e/package-lock.json
@@ -9,13 +9,15 @@
       "version": "2.21.0",
       "license": "Apache-2.0",
       "dependencies": {
-        "chai": "^4.3.6",
         "chromedriver": "99.0.0",
         "selenium-webdriver": "4.1.1"
       },
       "devDependencies": {
-        "@types/chai": "^4.3.0",
-        "@types/mocha": "^9.1.0",
+        "@types/chai": "4.3.0",
+        "@types/mocha": "9.1.0",
+        "chai": "4.3.6",
+        "cross-env": "^7.0.3",
+        "http-server": "14.1.0",
         "mocha": "9.2.2"
       }
     },
@@ -176,10 +178,20 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
       "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
+      "dev": true,
       "engines": {
         "node": "*"
       }
     },
+    "node_modules/async": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.14"
+      }
+    },
     "node_modules/axios": {
       "version": "0.24.0",
       "resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
@@ -193,6 +205,18 @@
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
+    "node_modules/basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+      "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "5.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
@@ -236,6 +260,19 @@
         "node": "*"
       }
     },
+    "node_modules/call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/camelcase": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
@@ -252,6 +289,7 @@
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.6.tgz",
       "integrity": "sha512-bbcp3YfHCUzMOvKqsztczerVgBKSsEijCySNlHHbX3VG1nskvqjz5Rfso1gGwD6w6oOV3eI60pKuMOV5MV7p3Q==",
+      "dev": true,
       "dependencies": {
         "assertion-error": "^1.1.0",
         "check-error": "^1.0.2",
@@ -297,6 +335,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
       "integrity": "sha1-V00xLt2Iu13YkS6Sht1sCu1KrII=",
+      "dev": true,
       "engines": {
         "node": "*"
       }
@@ -396,6 +435,47 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
+    "node_modules/corser": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+      "integrity": "sha1-jtolLsqrWEDc2XXOuQ2TcMgZ/4c=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/cross-env": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
+      "integrity": "sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.1"
+      },
+      "bin": {
+        "cross-env": "src/bin/cross-env.js",
+        "cross-env-shell": "src/bin/cross-env-shell.js"
+      },
+      "engines": {
+        "node": ">=10.14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
@@ -428,6 +508,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-3.0.1.tgz",
       "integrity": "sha512-+QeIQyN5ZuO+3Uk5DYh6/1eKO0m0YmJFGNmFHGACpf1ClL1nmlV/p4gNgbl2pJGxgXb4faqo6UE+M5ACEMyVcw==",
+      "dev": true,
       "dependencies": {
         "type-detect": "^4.0.0"
       },
@@ -516,6 +597,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true
+    },
     "node_modules/extract-zip": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
@@ -640,6 +727,12 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -653,10 +746,25 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
       "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=",
+      "dev": true,
       "engines": {
         "node": "*"
       }
     },
+    "node_modules/get-intrinsic": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
+      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/get-stream": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
@@ -745,6 +853,18 @@
         "node": ">=4.x"
       }
     },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -754,6 +874,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
@@ -763,6 +895,59 @@
         "he": "bin/he"
       }
     },
+    "node_modules/html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "dev": true,
+      "dependencies": {
+        "whatwg-encoding": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "dependencies": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-server": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.0.tgz",
+      "integrity": "sha512-5lYsIcZtf6pdR8tCtzAHTWrAveo4liUlJdWc7YafwK/maPgYHs+VNP6KpCClmUnSorJrARVMXqtT055zBv11Yg==",
+      "dev": true,
+      "dependencies": {
+        "basic-auth": "^2.0.1",
+        "chalk": "^4.1.2",
+        "corser": "^2.0.1",
+        "he": "^1.2.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy": "^1.18.1",
+        "mime": "^1.6.0",
+        "minimist": "^1.2.5",
+        "opener": "^1.5.1",
+        "portfinder": "^1.0.28",
+        "secure-compare": "3.0.1",
+        "union": "~0.5.0",
+        "url-join": "^4.0.1"
+      },
+      "bin": {
+        "http-server": "bin/http-server"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/https-proxy-agent": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
@@ -775,6 +960,18 @@
         "node": ">= 6"
       }
     },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
@@ -978,6 +1175,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
+    },
     "node_modules/log-symbols": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@@ -998,6 +1201,7 @@
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.4.tgz",
       "integrity": "sha512-OvKfgCC2Ndby6aSTREl5aCCPTNIzlDfQZvZxNUrBrihDhL3xcrYegTblhmEiCrg2kKQz4XsFIaemE5BF4ybSaQ==",
+      "dev": true,
       "dependencies": {
         "get-func-name": "^2.0.0"
       }
@@ -1022,6 +1226,18 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/minimatch": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-4.2.1.tgz",
@@ -1034,6 +1250,24 @@
         "node": ">=10"
       }
     },
+    "node_modules/minimist": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+      "dev": true
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
+      "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.5"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
     "node_modules/mocha": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/mocha/-/mocha-9.2.2.tgz",
@@ -1109,6 +1343,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object-inspect": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.0.tgz",
+      "integrity": "sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -1117,6 +1360,15 @@
         "wrappy": "1"
       }
     },
+    "node_modules/opener": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+      "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "dev": true,
+      "bin": {
+        "opener": "bin/opener-bin.js"
+      }
+    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -1183,6 +1435,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -1195,6 +1456,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
       "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
+      "dev": true,
       "engines": {
         "node": "*"
       }
@@ -1215,6 +1477,29 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/portfinder": {
+      "version": "1.0.28",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
+      "integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==",
+      "dev": true,
+      "dependencies": {
+        "async": "^2.6.2",
+        "debug": "^3.1.1",
+        "mkdirp": "^0.5.5"
+      },
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/portfinder/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -1234,6 +1519,21 @@
         "once": "^1.3.1"
       }
     },
+    "node_modules/qs": {
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
+      "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+      "dev": true,
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -1297,6 +1597,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
     "node_modules/reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -1347,6 +1653,18 @@
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
     },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "node_modules/secure-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+      "integrity": "sha1-8aAymzCLIh+uN7mXTz1XjQypmeM=",
+      "dev": true
+    },
     "node_modules/selenium-webdriver": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/selenium-webdriver/-/selenium-webdriver-4.1.1.tgz",
@@ -1377,6 +1695,41 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -1497,15 +1850,46 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
       "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
     },
+    "node_modules/union": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+      "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+      "dev": true,
+      "dependencies": {
+        "qs": "^6.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/url-join": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+      "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
+      "dev": true
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
+    "node_modules/whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "dev": true,
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -1766,7 +2150,17 @@
     "assertion-error": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
-      "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw=="
+      "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
+      "dev": true
+    },
+    "async": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.14"
+      }
     },
     "axios": {
       "version": "0.24.0",
@@ -1781,6 +2175,15 @@
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
+    "basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+      "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.2"
+      }
+    },
     "binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
@@ -1815,6 +2218,16 @@
       "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
       "integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI="
     },
+    "call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      }
+    },
     "camelcase": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
@@ -1825,6 +2238,7 @@
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.6.tgz",
       "integrity": "sha512-bbcp3YfHCUzMOvKqsztczerVgBKSsEijCySNlHHbX3VG1nskvqjz5Rfso1gGwD6w6oOV3eI60pKuMOV5MV7p3Q==",
+      "dev": true,
       "requires": {
         "assertion-error": "^1.1.0",
         "check-error": "^1.0.2",
@@ -1859,7 +2273,8 @@
     "check-error": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
-      "integrity": "sha1-V00xLt2Iu13YkS6Sht1sCu1KrII="
+      "integrity": "sha1-V00xLt2Iu13YkS6Sht1sCu1KrII=",
+      "dev": true
     },
     "chokidar": {
       "version": "3.5.3",
@@ -1932,6 +2347,32 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
+    "corser": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+      "integrity": "sha1-jtolLsqrWEDc2XXOuQ2TcMgZ/4c=",
+      "dev": true
+    },
+    "cross-env": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
+      "integrity": "sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^7.0.1"
+      }
+    },
+    "cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "requires": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      }
+    },
     "debug": {
       "version": "4.3.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
@@ -1950,6 +2391,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-3.0.1.tgz",
       "integrity": "sha512-+QeIQyN5ZuO+3Uk5DYh6/1eKO0m0YmJFGNmFHGACpf1ClL1nmlV/p4gNgbl2pJGxgXb4faqo6UE+M5ACEMyVcw==",
+      "dev": true,
       "requires": {
         "type-detect": "^4.0.0"
       }
@@ -2014,6 +2456,12 @@
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
       "dev": true
     },
+    "eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true
+    },
     "extract-zip": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
@@ -2094,6 +2542,12 @@
       "dev": true,
       "optional": true
     },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
     "get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -2103,7 +2557,19 @@
     "get-func-name": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
-      "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE="
+      "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=",
+      "dev": true
+    },
+    "get-intrinsic": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
+      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1"
+      }
     },
     "get-stream": {
       "version": "5.2.0",
@@ -2168,18 +2634,74 @@
       "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==",
       "dev": true
     },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
     "has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true
     },
+    "has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true
+    },
     "he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "dev": true,
+      "requires": {
+        "whatwg-encoding": "^2.0.0"
+      }
+    },
+    "http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "requires": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "http-server": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.0.tgz",
+      "integrity": "sha512-5lYsIcZtf6pdR8tCtzAHTWrAveo4liUlJdWc7YafwK/maPgYHs+VNP6KpCClmUnSorJrARVMXqtT055zBv11Yg==",
+      "dev": true,
+      "requires": {
+        "basic-auth": "^2.0.1",
+        "chalk": "^4.1.2",
+        "corser": "^2.0.1",
+        "he": "^1.2.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy": "^1.18.1",
+        "mime": "^1.6.0",
+        "minimist": "^1.2.5",
+        "opener": "^1.5.1",
+        "portfinder": "^1.0.28",
+        "secure-compare": "3.0.1",
+        "union": "~0.5.0",
+        "url-join": "^4.0.1"
+      }
+    },
     "https-proxy-agent": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
@@ -2189,6 +2711,15 @@
         "debug": "4"
       }
     },
+    "iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      }
+    },
     "ignore": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
@@ -2341,6 +2872,12 @@
         "p-locate": "^5.0.0"
       }
     },
+    "lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
+    },
     "log-symbols": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@@ -2355,6 +2892,7 @@
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.4.tgz",
       "integrity": "sha512-OvKfgCC2Ndby6aSTREl5aCCPTNIzlDfQZvZxNUrBrihDhL3xcrYegTblhmEiCrg2kKQz4XsFIaemE5BF4ybSaQ==",
+      "dev": true,
       "requires": {
         "get-func-name": "^2.0.0"
       }
@@ -2373,6 +2911,12 @@
         "picomatch": "^2.2.3"
       }
     },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true
+    },
     "minimatch": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-4.2.1.tgz",
@@ -2382,6 +2926,21 @@
         "brace-expansion": "^1.1.7"
       }
     },
+    "minimist": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+      "dev": true
+    },
+    "mkdirp": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
+      "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.5"
+      }
+    },
     "mocha": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/mocha/-/mocha-9.2.2.tgz",
@@ -2439,6 +2998,12 @@
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
       "dev": true
     },
+    "object-inspect": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.0.tgz",
+      "integrity": "sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==",
+      "dev": true
+    },
     "once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -2447,6 +3012,12 @@
         "wrappy": "1"
       }
     },
+    "opener": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+      "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "dev": true
+    },
     "p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -2489,6 +3060,12 @@
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
     },
+    "path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true
+    },
     "path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -2497,7 +3074,8 @@
     "pathval": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
-      "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ=="
+      "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
+      "dev": true
     },
     "pend": {
       "version": "1.2.0",
@@ -2509,6 +3087,28 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
     },
+    "portfinder": {
+      "version": "1.0.28",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
+      "integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.2",
+        "debug": "^3.1.1",
+        "mkdirp": "^0.5.5"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        }
+      }
+    },
     "process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -2528,6 +3128,15 @@
         "once": "^1.3.1"
       }
     },
+    "qs": {
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
+      "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+      "dev": true,
+      "requires": {
+        "side-channel": "^1.0.4"
+      }
+    },
     "queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -2571,6 +3180,12 @@
       "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
       "dev": true
     },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
     "reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -2597,6 +3212,18 @@
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
     },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "secure-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+      "integrity": "sha1-8aAymzCLIh+uN7mXTz1XjQypmeM=",
+      "dev": true
+    },
     "selenium-webdriver": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/selenium-webdriver/-/selenium-webdriver-4.1.1.tgz",
@@ -2621,6 +3248,32 @@
       "resolved": "https://registry.npmjs.org/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz",
       "integrity": "sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E="
     },
+    "shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "requires": {
+        "shebang-regex": "^3.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true
+    },
+    "side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      }
+    },
     "slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -2707,13 +3360,38 @@
     "type-detect": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
-      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g=="
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "dev": true
+    },
+    "union": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+      "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+      "dev": true,
+      "requires": {
+        "qs": "^6.4.0"
+      }
+    },
+    "url-join": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+      "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
+      "dev": true
     },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
+    "whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "dev": true,
+      "requires": {
+        "iconv-lite": "0.6.3"
+      }
+    },
     "which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/openvidu-components-angular/webcomponent-test-e2e/package.json b/openvidu-components-angular/webcomponent-test-e2e/package.json
index e037a431..c18970eb 100644
--- a/openvidu-components-angular/webcomponent-test-e2e/package.json
+++ b/openvidu-components-angular/webcomponent-test-e2e/package.json
@@ -4,8 +4,9 @@
   "description": "E2E webcomponent test",
   "main": "test.ts",
   "scripts": {
-    "serve": "http-server web/",
-    "test": "tsc && mocha --recursive --timeout 30000 ./dist/test.js"
+    "serve": "npx http-server web/",
+    "test": "tsc && mocha --recursive --timeout 30000 ./dist/test.js",
+    "test-ci": "cross-env SELENIUM_SERVER_URL=http://localhost:4444/wd/hub npm run test"
   },
   "author": "Carlos Santos Morales",
   "license": "Apache-2.0",
@@ -17,6 +18,8 @@
     "@types/chai": "4.3.0",
     "@types/mocha": "9.1.0",
     "chai": "4.3.6",
+    "cross-env": "^7.0.3",
+    "http-server": "14.1.0",
     "mocha": "9.2.2"
   }
 }
diff --git a/openvidu-components-angular/webcomponent-test-e2e/test.ts b/openvidu-components-angular/webcomponent-test-e2e/test.ts
index c6935a4a..176b6a29 100644
--- a/openvidu-components-angular/webcomponent-test-e2e/test.ts
+++ b/openvidu-components-angular/webcomponent-test-e2e/test.ts
@@ -1,8 +1,9 @@
 import { Builder, By, Capabilities, until, WebDriver, logging } from 'selenium-webdriver';
 import * as chrome from 'selenium-webdriver/chrome';
 import { expect } from 'chai';
+import { SELENIUM_SERVER_URL } from './config';
 
-const url = 'http://127.0.0.1:8080/';
+const url = 'http://localhost:8080/';
 const FIVE_SECONDS = 5000;
 const ONE_SECONDS = 5000;
 
@@ -25,7 +26,13 @@ describe('Checkout localhost app', () => {
 	// firefoxCapabilities.setAcceptInsecureCerts(true);
 
 	async function createChromeBrowser(name: string): Promise<WebDriver> {
-		return await new Builder().forBrowser(name).withCapabilities(chromeCapabilities).setChromeOptions(chromeOptions).build();
+
+		return await new Builder()
+			.forBrowser(name)
+			.withCapabilities(chromeCapabilities)
+			.setChromeOptions(chromeOptions)
+			.usingServer(SELENIUM_SERVER_URL)
+			.build();
 	}
 
 	// async function createFirefoxBrowser() {

From 1e4571675d27e38548c28abf7a9a332ddf8e9d1e Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 17 Mar 2022 12:05:54 +0100
Subject: [PATCH 73/74] openvidu-components: Fixed test when running in CI mode

---
 openvidu-components-angular/package.json      |  1 -
 .../webcomponent-test-e2e/config.ts           |  2 +-
 .../webcomponent-test-e2e/package.json        |  2 +-
 .../webcomponent-test-e2e/test.ts             | 29 +++++++++++++------
 4 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/openvidu-components-angular/package.json b/openvidu-components-angular/package.json
index 85b3499b..27127805 100644
--- a/openvidu-components-angular/package.json
+++ b/openvidu-components-angular/package.json
@@ -10,7 +10,6 @@
     "lib:test": "ng test openvidu-angular --no-watch --code-coverage",
     "webcomponent:build": "./node_modules/@angular/cli/bin/ng.js build openvidu-webcomponent --configuration production && node ./openvidu-webcomponent-build.js",
     "webcomponent:prepare-test-e2e": "npm run lib:build && npm run webcomponent:build",
-    "webcomponent:e2e": "npm run --prefix webcomponent-test-e2e test",
     "bundle-report": "ng build openvidu-webcomponent --stats-json --configuration production && webpack-bundle-analyzer dist/openvidu-webcomponent/stats.json",
     "lint": "ng lint",
     "e2e": "ng e2e"
diff --git a/openvidu-components-angular/webcomponent-test-e2e/config.ts b/openvidu-components-angular/webcomponent-test-e2e/config.ts
index 47989939..ce5f43ac 100644
--- a/openvidu-components-angular/webcomponent-test-e2e/config.ts
+++ b/openvidu-components-angular/webcomponent-test-e2e/config.ts
@@ -1 +1 @@
-export const SELENIUM_SERVER_URL = process.env.SELENIUM_SERVER_URL || '';
+export const LAUNCH_MODE = process.env.LAUNCH_MODE || 'DEV';
diff --git a/openvidu-components-angular/webcomponent-test-e2e/package.json b/openvidu-components-angular/webcomponent-test-e2e/package.json
index c18970eb..fb8a8c44 100644
--- a/openvidu-components-angular/webcomponent-test-e2e/package.json
+++ b/openvidu-components-angular/webcomponent-test-e2e/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "serve": "npx http-server web/",
     "test": "tsc && mocha --recursive --timeout 30000 ./dist/test.js",
-    "test-ci": "cross-env SELENIUM_SERVER_URL=http://localhost:4444/wd/hub npm run test"
+    "test-ci": "cross-env LAUNCH_MODE=CI npm run test"
   },
   "author": "Carlos Santos Morales",
   "license": "Apache-2.0",
diff --git a/openvidu-components-angular/webcomponent-test-e2e/test.ts b/openvidu-components-angular/webcomponent-test-e2e/test.ts
index 176b6a29..fd98c210 100644
--- a/openvidu-components-angular/webcomponent-test-e2e/test.ts
+++ b/openvidu-components-angular/webcomponent-test-e2e/test.ts
@@ -1,11 +1,12 @@
 import { Builder, By, Capabilities, until, WebDriver, logging } from 'selenium-webdriver';
 import * as chrome from 'selenium-webdriver/chrome';
 import { expect } from 'chai';
-import { SELENIUM_SERVER_URL } from './config';
+import { LAUNCH_MODE } from './config';
 
 const url = 'http://localhost:8080/';
 const FIVE_SECONDS = 5000;
-const ONE_SECONDS = 5000;
+
+let SELENIUM_SERVER_URL = '';
 
 describe('Checkout localhost app', () => {
 	let browser: WebDriver;
@@ -13,7 +14,11 @@ describe('Checkout localhost app', () => {
 	const chromeOptions = new chrome.Options();
 	const chromeCapabilities = Capabilities.chrome();
 
-	chromeOptions.addArguments('--use-fake-ui-for-media-stream', '--use-fake-device-for-media-stream');
+	chromeOptions.addArguments('--window-size=1024,768', '--use-fake-ui-for-media-stream', '--use-fake-device-for-media-stream');
+	if(LAUNCH_MODE === 'CI') {
+		SELENIUM_SERVER_URL = 'http://localhost:4444/wd/hub';
+		chromeOptions.addArguments('--headless', '--disable-dev-shm-usage');
+	}
 	const prefs = new logging.Preferences();
 	prefs.setLevel(logging.Type.BROWSER, logging.Level.DEBUG);
 	chromeCapabilities.set('acceptInsecureCerts', true);
@@ -59,11 +64,17 @@ describe('Checkout localhost app', () => {
 		let element;
 		await browser.get(`${url}?minimal=true`);
 		// Checking if prejoin page exist
-		element = await browser.wait(until.elementLocated(By.id('prejoin-container')), ONE_SECONDS);
+		element = await browser.wait(until.elementLocated(By.id('prejoin-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+
+		// Checking if layout is present
+		element = await browser.wait(until.elementLocated(By.id('layout-container')), FIVE_SECONDS);
+		expect(await element.isDisplayed()).to.be.true;
+		element = await browser.wait(until.elementLocated(By.id('layout')), FIVE_SECONDS);
 		expect(await element.isDisplayed()).to.be.true;
 
 		// Checking if stream component is present
-		element = await browser.wait(until.elementLocated(By.className('OT_widget-container')), FIVE_SECONDS);
+		element = await browser.wait(until.elementLocated(By.css('.OT_widget-container')), FIVE_SECONDS);
 		expect(await element.isDisplayed()).to.be.true;
 
 		// Checking if audio detection is not displayed
@@ -117,13 +128,13 @@ describe('Checkout localhost app', () => {
 
 	it('should show the PREJOIN page', async () => {
 		await browser.get(`${url}?prejoin=true`);
-		const element = await browser.wait(until.elementLocated(By.id('prejoin-container')), ONE_SECONDS);
+		const element = await browser.wait(until.elementLocated(By.id('prejoin-container')), FIVE_SECONDS);
 		expect(await element.isDisplayed()).to.be.true;
 	});
 	it('should not show the PREJOIN page', async () => {
 		let element;
 		await browser.get(`${url}?prejoin=false`);
-		element = await browser.wait(until.elementLocated(By.id('session-container')), ONE_SECONDS);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
 		expect(await element.isDisplayed()).to.be.true;
 	});
 
@@ -164,7 +175,7 @@ describe('Checkout localhost app', () => {
 
 		await browser.get(`${url}?prejoin=false&videoMuted=true`);
 
-		element = await browser.wait(until.elementLocated(By.id('session-container')), ONE_SECONDS);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
 		expect(await element.isDisplayed()).to.be.true;
 
 		// Checking if video is displayed
@@ -218,7 +229,7 @@ describe('Checkout localhost app', () => {
 
 		await browser.get(`${url}?prejoin=false&audioMuted=true`);
 
-		element = await browser.wait(until.elementLocated(By.id('session-container')), ONE_SECONDS);
+		element = await browser.wait(until.elementLocated(By.id('session-container')), FIVE_SECONDS);
 		expect(await element.isDisplayed()).to.be.true;
 
 		// Checking if video is displayed

From c285d516ef36418c01329f5c926d5678afe76ebe Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 17 Mar 2022 12:07:04 +0100
Subject: [PATCH 74/74] Added github actions workflow

---
 .../openvidu-components-angular-E2E.yml       | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 .github/workflows/openvidu-components-angular-E2E.yml

diff --git a/.github/workflows/openvidu-components-angular-E2E.yml b/.github/workflows/openvidu-components-angular-E2E.yml
new file mode 100644
index 00000000..9ed98335
--- /dev/null
+++ b/.github/workflows/openvidu-components-angular-E2E.yml
@@ -0,0 +1,32 @@
+name: openvidu-angular E2E
+on:
+  push:
+    paths:
+      - 'openvidu-components-angular/**'
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  webcomponent_e2e:
+    name: WebComponent E2E tests
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+    - name: Launch Selenium Chromedriver
+      run: docker run --shm-size="2g" --network host selenium/standalone-chrome:latest
+    - uses: actions/setup-node@v2
+      with:
+        node-version: '16'
+    - name: Launch openvidu-server-kms
+      run: docker run -p 4443:4443 --rm -d -e OPENVIDU_SECRET=MY_SECRET openvidu/openvidu-server-kms:latest
+    - name: Install dependencies
+      run: |
+        npm install --prefix openvidu-components-angular && \
+        npm install --prefix openvidu-components-angular/webcomponent-test-e2e
+    - name: Build Webcomponent
+      run: npm run webcomponent:prepare-test-e2e --prefix openvidu-components-angular
+    - name: Start webapp
+      run: npm run serve --prefix openvidu-components-angular/webcomponent-test-e2e &
+    - name: Running E2E tests
+      run: npm run test-ci --prefix openvidu-components-angular/webcomponent-test-e2e