From e8f110f6b55d19ad57fa1b487867218134b314bb Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 8 Jul 2022 15:39:05 +0200
Subject: [PATCH] openvidu-components: Updated captions component

---
 .../captions/captions.component.css           |   56 +-
 .../captions/captions.component.html          |   32 +-
 .../components/captions/captions.component.ts | 1470 ++++++++++++++++-
 .../components/layout/layout.component.css    |    2 +-
 .../components/stream/stream.component.html   |    2 +-
 .../videoconference.component.css             |    5 +
 .../lib/services/document/document.service.ts |    3 +-
 7 files changed, 1536 insertions(+), 34 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.css
index cdd21bd2..70db1dc4 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.css
@@ -1,23 +1,27 @@
 .subtitles-container {
 	/* padding: 5px; */
 	display: flex;
-	height: 75px;
+	height: var(--ov-captions-height, 200px);
+	margin: 0px 10px;
 }
 .subtitles-offset {
-	height: 75px;
-	width: 115px;
+	height: var(--ov-captions-height, 200px);
+	width: 15%;
 	text-align: center;
 }
 
 .subtitles-main-container {
 	flex-grow: 1;
-	text-align: center;
 	align-self: center;
+	margin-left: 15px;
+	max-height: var(--ov-captions-height, 200px);
+	width: 70%;
+	overflow: hidden;
 }
 
-.subtitles-offset + .subtitles-offset {
+/* .subtitles-offset + .subtitles-offset {
 	margin-left: 2%;
-}
+} */
 #subtitle-settings-btn {
 	color: var(--ov-text-color);
 	background-color: var(--ov-secondary-color);
@@ -29,16 +33,46 @@
 	padding-right: 5px;
 }
 
-#subtitle-text {
+#author {
+	margin-bottom: 3px;
+	font-weight: bold;
+}
+
+#subtitle-text,
+#author {
 	color: var(--ov-text-color);
+	font-family: "Roboto",arial,sans-serif
+}
+
+.subtitles-main-container .element {
+	margin: 5px;
+}
+#subtitle-text {
 	background-color: var(--ov-logo-background-color);
-	font-size: 18px;
-	font-family: Arial, Helvetica, sans-serif;
 	padding: 4.5px;
 	line-height: 1.6;
 	word-break: break-word;
 }
 
-.small-text {
-	font-size: 14px !important;
+.big-text {
+	font-size: 22px;
+}
+.medium-text {
+	font-size: 20px;
+}
+.small-text {
+	font-size: 18px;
+}
+.extra-small-text {
+	font-size: 16px;
+}
+
+.big-author {
+	font-size: 16px;
+}
+.medium-author {
+	font-size: 14px;
+}
+.small-author {
+	font-size: 12px;
 }
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.html
index 5b8951ab..dc0ec828 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.html
@@ -1,12 +1,36 @@
-<div class="subtitles-container">
+<div class="subtitles-container" #captionsContainer>
 	<div *ngIf="screenSize !== 'sm' && screenSize !== 'xs' && !settingsPanelOpened" class="subtitles-offset">
 		<button (click)="onSettingsCliked()" id="subtitle-settings-btn" mat-flat-button>
 			<mat-icon id="subtitle-settings-icon">settings</mat-icon>
 			<span>English</span>
 		</button>
 	</div>
-	<div class="subtitles-main-container">
-		<span id="subtitle-text" [class.small-text]="screenSize === 'xs' ">(Demo preview): {{ subtitleText }}</span>
+	<div class="subtitles-main-container" #textContainer>
+		<div class="element" *ngFor="let item of captionElements" #captionElement>
+			<p
+				id="author"
+				[ngClass]="{
+					'big-author': captionsContainer.offsetWidth >= 1000 || screenSize === 'lg' || screenSize === 'xl',
+					'medium-author': (captionsContainer.offsetWidth >= 960 && captionsContainer.offsetWidth < 1000) || screenSize === 'md',
+					'small-author': captionsContainer.offsetWidth < 600 || screenSize === 'xs' || screenSize === 'sm'
+				}"
+			>
+				{{ item.author }} ({{item.text.length}})
+			</p>
+			<span
+				id="subtitle-text"
+				[ngClass]="{
+					'big-text': captionsContainer.offsetWidth >= 1000 || screenSize === 'lg' || screenSize === 'xl',
+					'medium-text': (captionsContainer.offsetWidth >= 960 && captionsContainer.offsetWidth < 1000) || screenSize === 'md',
+					'small-text': (captionsContainer.offsetWidth >= 600 && captionsContainer.offsetWidth < 960) || screenSize === 'sm',
+					'extra-small-text': captionsContainer.offsetWidth < 600 || screenSize === 'xs'
+				}"
+			>
+				{{ item.text }}</span
+			>
+		</div>
+	</div>
+
+	<div *ngIf="screenSize !== 'sm' && screenSize !== 'xs' && !settingsPanelOpened" class="subtitles-offset">
 	</div>
-	<div class="subtitles-offset" *ngIf="screenSize !== 'sm' && screenSize !== 'xs' && !settingsPanelOpened"></div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.ts
index 15c02dc9..d21f97a2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.ts
@@ -1,5 +1,14 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Subscription } from 'rxjs';
+import {
+	ChangeDetectionStrategy,
+	ChangeDetectorRef,
+	Component,
+	ElementRef,
+	OnInit,
+	QueryList,
+	ViewChild,
+	ViewChildren
+} from '@angular/core';
+import { BehaviorSubject, Observable, Subscription } from 'rxjs';
 import { PanelSettingsOptions, PanelType } from '../../models/panel.model';
 import { PanelEvent, PanelService } from '../../services/panel/panel.service';
 import { DocumentService } from '../../services/document/document.service';
@@ -18,6 +27,9 @@ import { LoremIpsum } from 'lorem-ipsum';
 	changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class CaptionsComponent implements OnInit {
+	@ViewChild('textContainer') textContainer: ElementRef;
+
+	@ViewChildren('captionElement') captionElementsRef: QueryList<ElementRef>;
 	/**
 	 * @ignore
 	 */
@@ -32,35 +44,1455 @@ export class CaptionsComponent implements OnInit {
 	settingsPanelOpened: boolean;
 	private screenSizeSub: Subscription;
 	private panelTogglingSubscription: Subscription;
-  interval: NodeJS.Timer;
+	interval: NodeJS.Timer;
+
+	fakeEvent: Observable<{ connectionId: string; partial: string; text?: string }>;
+
+	captionElements: { connectionId: string; author: string; text: string }[] = [];
+
+	//TODO: Delete
+	private sample = [
+		{ connectionId: '1', partial: 'frente' },
+		{ connectionId: '1', partial: 'friends' },
+		{ connectionId: '1', partial: 'friends' },
+		{ connectionId: '1', partial: 'friends estilizado' },
+		{ connectionId: '1', partial: 'friends estilizado' },
+		{ connectionId: '1', partial: 'friends estilizado' },
+		{ connectionId: '1', partial: 'friends estilizado' },
+		{ connectionId: '1', partial: 'friends estilizado efe' },
+		{ connectionId: '1', partial: 'friends estilizado efe' },
+		{ connectionId: '1', partial: 'friends estilizado efe erre' },
+		{ connectionId: '1', partial: 'friends estilizado efe erre' },
+		{ connectionId: '1', partial: 'friends estilizado efe erre' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y he' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y he' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y he' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y he' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en de' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en de' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en de' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en de' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida como' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida como' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida como' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa' },
+		{ connectionId: '1', partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa' },
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas'
+		},
+		{
+			connectionId: '1',
+			partial: 'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense crear productos'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense crear productos'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense crear productos'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por mayor'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por mayor'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por mayor'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por mark'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por mark'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y la'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y la'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y la'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y la'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y la'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz cree'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz cree'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz cree'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz cree'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz cree'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz creen se'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz creen se'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz creen se'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz creen se'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz creen se'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz creen se'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz creen se'
+		},
+		{
+			connectionId: '1',
+			partial:
+				'friends estilizado efe el rey y en ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense creado y producida por marta kaufman y lápiz creen se'
+		},
+		{
+			connectionId: '1',
+			text: 'friends estilizado efe erre y ene de ese también conocida en hispanoamérica como amigos y en españa como colegas durante la temporada uno es una serie de televisión estadounidense y producida por marta kaufman y la creen se emitió'
+		},
+		{ connectionId: '2', partial: 'la' },
+		{ connectionId: '2', partial: 'primera vez en' },
+		{ connectionId: '2', partial: 'primera vez en' },
+		{ connectionId: '2', partial: 'a veces vendidos' },
+		{ connectionId: '2', partial: 'a veces vendidos' },
+		{ connectionId: '2', partial: 'a veces vendidos' },
+		{ connectionId: '2', partial: 'a veces vendidos' },
+		{ connectionId: '2', partial: 'a veces vendidos' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la academia' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la academia' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la academia' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena de' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena de' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en eventos' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en eventos' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena de veces y' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena de veces y' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena de veces y' },
+		{
+			connectionId: '2',
+			partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena de veces y términos y'
+		},
+		{
+			connectionId: '2',
+			partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena de veces y términos y'
+		},
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de' },
+		{ connectionId: '2', partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de' },
+		{
+			connectionId: '2',
+			partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil'
+		},
+		{
+			connectionId: '2',
+			partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil'
+		},
+		{
+			connectionId: '2',
+			partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil'
+		},
+		{
+			connectionId: '2',
+			partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil'
+		},
+		{
+			connectionId: '2',
+			partial: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatrocientos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatrocientos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatrocientos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro las'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro las'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que recibieron'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que recibieron'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que recibieron'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que recibieron matarnos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que recibieron matarnos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york sucede en'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york sucede en'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto unos como'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto unos como'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto unos como'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la actualidad y'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la actualidad y'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la actualidad y'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo considerable'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo considerable'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo considerable'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo considerable'
+		},
+		{
+			connectionId: '2',
+			partial:
+				'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena en términos de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que residen en oaxaca nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo considerable'
+		},
+		{
+			connectionId: '2',
+			text: 'a veces vendidos de septiembre de mil novecientos noventa y cuatro por la cadena de veces y terminó en seis de mayo de dos mil cuatro la serie trata sobre la vida de un grupo de amigos que en baja tan nueva york suceden tanto buenos como malos momentos pero con una crítica cómica los hechos más trascendentales de la autoridad inmediatamente después del éxito de su país el programa comenzó su difusión por todo el mundo considerable resultados'
+		}
+	];
+
+	captionsHeight = 0;
 
 	constructor(private documentService: DocumentService, private panelService: PanelService, private cd: ChangeDetectorRef) {}
 
 	ngOnInit(): void {
 		this.subscribeToScreenSize();
-    this.subscribeToPanelToggling();
-
-		//TODO: Subscribe to openvidu-browser subtitle event
-		// TODO: REMOVE ------------------
-		const lorem = new LoremIpsum();
-		this.interval = setInterval(() => {
-			this.subtitleText = lorem.generateSentences(1);
-			this.cd.markForCheck();
-		}, 3000);
-		// TODO: REMOVE ------------------
+		this.subscribeToPanelToggling();
+		this.subscribeToTranscription();
 	}
 
 	ngOnDestroy() {
 		if (this.screenSizeSub) this.screenSizeSub.unsubscribe();
-    if(this.panelTogglingSubscription) this.panelTogglingSubscription.unsubscribe();
+		if (this.panelTogglingSubscription) this.panelTogglingSubscription.unsubscribe();
 		//TODO: Unsubscribe to openvidu-browser subtitle event
-    clearInterval(this.interval);
+		clearInterval(this.interval);
 	}
 
 	onSettingsCliked() {
 		this.panelService.togglePanel(PanelType.SETTINGS, PanelSettingsOptions.SUBTITLES);
 	}
 
+	private subscribeToTranscription() {
+		//TODO: Subscribe to openvidu-browser subtitle event
+		this.startFakeEventWithSample();
+		this.fakeEvent.subscribe((event) => {
+			const text = !!event.text ? event.text : event.partial;
+			this.updateCaption(event.connectionId, text);
+			this.cd.markForCheck();
+			this.scrollToBottom();
+		});
+	}
+	private updateCaption(connectionId: string, text: string) {
+		//TODO: Delete
+		const nicknames = new Map();
+		nicknames.set('1', 'Pepe');
+		nicknames.set('2', 'Mario');
+		nicknames.set('3', 'Luis');
+		nicknames.set('4', 'Juan');
+		nicknames.set('5', 'INTERUPCION');
+		// TODO End delete
+
+		let newCaptionElements = [...this.captionElements];
+		const newItem = { connectionId, author: nicknames.get(connectionId), text };
+
+		if (newCaptionElements?.length > 0) {
+			let lastItem = newCaptionElements[newCaptionElements.length - 1];
+			if (lastItem.connectionId === connectionId) {
+				//Last author and new author are the same. Updating the caption
+				lastItem.text = text;
+			} else {
+				// const lastIntervention = newCaptionElements.find((item) => item.connectionId === connectionId);
+				// if (!!lastIntervention) {
+				// 	// The author is in the captionElements array
+				// 	// adding only the new words after its intervention.
+				// 	const splittedText = newItem.text.split(lastIntervention?.text)[1];
+				// 	newItem.text = !!splittedText ? splittedText : newItem.text;
+				// }
+				newCaptionElements.push(newItem);
+			}
+		} else {
+			newCaptionElements.push(newItem);
+		}
+
+		this.adjustCaptionsToContainer(newCaptionElements);
+	}
+	private adjustCaptionsToContainer(newCaptionElements: { connectionId: string; author: string; text: string }[]) {
+		this.captionsHeight = 0;
+		// TODO: the height is being calculated for old data
+		// it should be calculated with the new caption elements
+		this.captionElementsRef?.forEach((item: ElementRef) => {
+			this.captionsHeight += item.nativeElement.offsetHeight;
+		});
+
+
+		if (newCaptionElements?.length > 3) {
+			// Maximum elements exceeded. Delete first element.
+			newCaptionElements.shift();
+		} else if (this.captionsHeight > 240) {
+			if (newCaptionElements?.length === 3) {
+				// Maximum height exceeded. Delete first element.
+				newCaptionElements.shift();
+			} else if (newCaptionElements?.length === 2 || newCaptionElements?.length === 1) {
+				newCaptionElements[0].text = newCaptionElements[0].text.slice(100);
+				if (newCaptionElements[0].text.length < 100) {
+					newCaptionElements.shift();
+				}
+			}
+		}
+
+		this.captionElements = [...newCaptionElements];
+	}
+
+	// TODO Delete when feature is enabled
+	private startFakeEventWithSample() {
+		let index = 0;
+		let event = <{ connectionId: string; partial: string; text?: string }>this.sample[index];
+		const fakeEventBS = <BehaviorSubject<{ connectionId: string; partial: string; text?: string }>>new BehaviorSubject(event);
+		this.fakeEvent = fakeEventBS.asObservable();
+
+		const eventLoop = () => {
+			return setInterval(() => {
+				event = <{ connectionId: string; partial: string; text?: string }>this.sample[index];
+				index++;
+
+				fakeEventBS.next(event);
+				if (!this.sample[index]) {
+					clearInterval(this.interval);
+					index = 0;
+				}
+			}, 180);
+		};
+
+		this.interval = eventLoop();
+
+		setInterval(() => {
+			clearInterval(this.interval);
+			const lorem = new LoremIpsum();
+			let times = 5;
+			let partial = 'BLA BLA BLA ';
+			const interval2 = setInterval(() => {
+				fakeEventBS.next({ connectionId: '5', partial });
+				partial += lorem.generateWords(2);
+				if (times <= 0) {
+					fakeEventBS.next({ connectionId: '5', partial, text: partial });
+					clearInterval(interval2);
+					this.interval = eventLoop();
+				}
+				times--;
+			}, 400);
+		}, 6000);
+	}
+
 	private subscribeToPanelToggling() {
 		this.panelTogglingSubscription = this.panelService.panelOpenedObs.subscribe((ev: PanelEvent) => {
 			this.settingsPanelOpened = ev.opened;
@@ -75,4 +1507,12 @@ export class CaptionsComponent implements OnInit {
 			this.cd.markForCheck();
 		});
 	}
+
+	private scrollToBottom(): void {
+		// setTimeout(() => {
+		try {
+			this.textContainer.nativeElement.scrollTop = this.textContainer.nativeElement.scrollHeight;
+		} catch (err) {}
+		// }, 20);
+	}
 }
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 04902f07..f7289445 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
@@ -6,7 +6,7 @@
 	height: 100%;
 }
 .withSubtitles {
-	height: calc(100% - 75px) !important;
+	height: calc(100% - var(--ov-captions-height, 200px)) !important;
 }
 
 .layout {
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 815dd860..1e4b46cb 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
@@ -49,7 +49,7 @@
 	</div>
 
 	<div *ngIf="!isMinimal && showSettingsButton" id="settings-container" class="videoButtons">
-		<button mat-icon-button (click)="toggleVideoMenu($event)" matTooltip="{{ 'STREAM.SETTINGS' | translate }}" aria-label="Video settings menu">
+		<button mat-icon-button (click)="toggleVideoMenu($event)" matTooltip="{{ 'STREAM.SETTINGS' | translate }}" matTooltipPosition="above" aria-label="Video settings menu">
 			<mat-icon>more_vert</mat-icon>
 		</button>
 		<span [matMenuTriggerFor]="menu"></span>
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 70042ae7..bb53cbdc 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
@@ -23,4 +23,9 @@
     text-align: -webkit-center;
 	text-align: -moz-center;
 	color: var(--ov-panel-text-color);
+}
+
+/* Private css variables */
+#call-container {
+    --ov-captions-height: 250px;
 }
\ No newline at end of file
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 82ed9754..2f89f8d4 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
@@ -1,6 +1,6 @@
 import { Injectable } from '@angular/core';
 import { MediaChange, MediaObserver } from '@angular/flex-layout';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { Observable } from 'rxjs';
 import { LayoutClass } from '../../models/layout.model';
 
 /**
@@ -11,7 +11,6 @@ import { LayoutClass } from '../../models/layout.model';
 })
 export class DocumentService {
 	screenSizeObs: Observable<MediaChange[]>;
-	private screenSize = <BehaviorSubject<MediaChange>><unknown>new BehaviorSubject(MediaChange);
 
 	constructor(private media: MediaObserver) {
 		this.screenSizeObs= this.media.asObservable();