From af02ffe92a58b6cbfe179e9dcaea699b2c8b2eb1 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Fri, 29 Apr 2022 10:38:49 +0200
Subject: [PATCH] openvidu-components: Added background effects param to
 webcomponent

---
 .../openvidu-webcomponent.component.ts        | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
index e8104f01..4e1252a7 100644
--- a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
@@ -49,6 +49,10 @@ export class OpenviduWebComponentComponent implements OnInit {
 	 * @internal
 	 */
 	_toolbarFullscreenButton: boolean = true;
+	/**
+	 * @internal
+	 */
+	_toolbarBackgroundEffectsButton: boolean = true;
 	/**
 	 * @internal
 	 */
@@ -177,6 +181,21 @@ export class OpenviduWebComponentComponent implements OnInit {
 	@Input() set toolbarFullscreenButton(value: string | boolean) {
 		this._toolbarFullscreenButton = this.castToBoolean(value);
 	}
+
+	/**
+	 * The **toolbarBackgroundEffectsButton** attribute allows show/hide the background effects toolbar button.
+	 *
+	 * Default: `true`
+	 *
+	 * <div class="warn-container">
+	 * 	<span>WARNING</span>: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the <strong>camelCase</strong> with a <strong>hyphen between words</strong>.</div>
+	 *
+	 * @example
+	 * <openvidu-webcomponent toolbar-background-effects-button="false"></openvidu-webcomponent>
+	 */
+	@Input() set toolbarBackgroundEffectsButton(value: string | boolean) {
+		this._toolbarBackgroundEffectsButton = this.castToBoolean(value);
+	}
 	/**
 	 * The **toolbarLeaveButton** attribute allows show/hide the leave toolbar button.
 	 *