Update openvidu-testapp dependencies

openvidu-components-angular/package-lock.json

@@ -584,7 +584,6 @@
 			"integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"esbuild": "^0.25.0",
 				"fdir": "^6.5.0",
@@ -1129,7 +1128,6 @@
 			"resolved": "https://registry.npmjs.org/@angular/animations/-/animations-20.3.15.tgz",
 			"integrity": "sha512-ikyKfhkxoqQA6JcBN0B9RaN6369sM1XYX81Id0lI58dmWCe7gYfrTp8ejqxxKftl514psQO3pkW8Gn1nJ131Gw==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"tslib": "^2.3.0"
 			},
@@ -1145,7 +1143,6 @@
 			"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-20.2.14.tgz",
 			"integrity": "sha512-7bZxc01URbiPiIBWThQ69XwOxVduqEKN4PhpbF2AAyfMc/W8Hcr4VoIJOwL0O1Nkq5beS8pCAqoOeIgFyXd/kg==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"parse5": "^8.0.0",
 				"tslib": "^2.3.0"
@@ -1196,7 +1193,6 @@
 			"resolved": "https://registry.npmjs.org/@angular/common/-/common-20.3.15.tgz",
 			"integrity": "sha512-k4mCXWRFiOHK3bUKfWkRQQ8KBPxW8TAJuKLYCsSHPCpMz6u0eA1F0VlrnOkZVKWPI792fOaEAWH2Y4PTaXlUHw==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"tslib": "^2.3.0"
 			},
@@ -1213,7 +1209,6 @@
 			"resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-20.3.15.tgz",
 			"integrity": "sha512-lMicIAFAKZXa+BCZWs3soTjNQPZZXrF/WMVDinm8dQcggNarnDj4UmXgKSyXkkyqK5SLfnLsXVzrX6ndVT6z7A==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"tslib": "^2.3.0"
 			},
@@ -1227,7 +1222,6 @@
 			"integrity": "sha512-8sJoxodxsfyZ8eJ5r6Bx7BCbazXYgsZ1+dE8t5u5rTQ6jNggwNtYEzkyReoD5xvP+MMtRkos3xpwq4rtFnpI6A==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@babel/core": "7.28.3",
 				"@jridgewell/sourcemap-codec": "^1.4.14",
@@ -1260,7 +1254,6 @@
 			"resolved": "https://registry.npmjs.org/@angular/core/-/core-20.3.15.tgz",
 			"integrity": "sha512-NMbX71SlTZIY9+rh/SPhRYFJU0pMJYW7z/TBD4lqiO+b0DTOIg1k7Pg9ydJGqSjFO1Z4dQaA6TteNuF99TJCNw==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"tslib": "^2.3.0"
 			},
@@ -1286,7 +1279,6 @@
 			"resolved": "https://registry.npmjs.org/@angular/forms/-/forms-20.3.15.tgz",
 			"integrity": "sha512-gS5hQkinq52pm/7mxz4yHPCzEcmRWjtUkOVddPH0V1BW/HMni/p4Y6k2KqKBeGb9p8S5EAp6PDxDVLOPukp3mg==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"tslib": "^2.3.0"
 			},
@@ -1322,7 +1314,6 @@
 			"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-20.3.15.tgz",
 			"integrity": "sha512-TxRM/wTW/oGXv/3/Iohn58yWoiYXOaeEnxSasiGNS1qhbkcKtR70xzxW6NjChBUYAixz2ERkLURkpx3pI8Q6Dw==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"tslib": "^2.3.0"
 			},
@@ -1417,7 +1408,6 @@
 			"integrity": "sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@ampproject/remapping": "^2.2.0",
 				"@babel/code-frame": "^7.27.1",
@@ -3892,6 +3882,7 @@
 			"integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"eslint-visitor-keys": "^3.4.3"
 			},
@@ -3911,6 +3902,7 @@
 			"integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"engines": {
 				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			},
@@ -3924,6 +3916,7 @@
 			"integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": "^12.0.0 || ^14.0.0 || >=16.0.0"
 			}
@@ -3934,6 +3927,7 @@
 			"integrity": "sha512-j+eEWmB6YYLwcNOdlwQ6L2OsptI/LO6lNBuLIqe5R7RetD658HLoF+Mn7LzYmAWWNNzdC6cqP+L6r8ujeYXWLw==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"dependencies": {
 				"@eslint/object-schema": "^3.0.3",
 				"debug": "^4.3.1",
@@ -3949,6 +3943,7 @@
 			"integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": "18 || 20 || >=22"
 			}
@@ -3959,6 +3954,7 @@
 			"integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"balanced-match": "^4.0.2"
 			},
@@ -3972,6 +3968,7 @@
 			"integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
 			"dev": true,
 			"license": "BlueOak-1.0.0",
+			"peer": true,
 			"dependencies": {
 				"brace-expansion": "^5.0.2"
 			},
@@ -3988,6 +3985,7 @@
 			"integrity": "sha512-lzGN0onllOZCGroKJmRwY6QcEHxbjBw1gwB8SgRSqK8YbbtEXMvKynsXc3553ckIEBxsbMBU7oOZXKIPGZNeZw==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"dependencies": {
 				"@eslint/core": "^1.1.1"
 			},
@@ -4001,6 +3999,7 @@
 			"integrity": "sha512-QUPblTtE51/7/Zhfv8BDwO0qkkzQL7P/aWWbqcf4xWLEYn1oKjdO0gglQBB4GAsu7u6wjijbCmzsUTy6mnk6oQ==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"dependencies": {
 				"@types/json-schema": "^7.0.15"
 			},
@@ -4014,6 +4013,7 @@
 			"integrity": "sha512-iM869Pugn9Nsxbh/YHRqYiqd23AmIbxJOcpUMOuWCVNdoQJ5ZtwL6h3t0bcZzJUlC3Dq9jCFCESBZnX0GTv7iQ==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"engines": {
 				"node": "^20.19.0 || ^22.13.0 || >=24"
 			}
@@ -4024,6 +4024,7 @@
 			"integrity": "sha512-iH1B076HoAshH1mLpHMgwdGeTs0CYwL0SPMkGuSebZrwBp16v415e9NZXg2jtrqPVQjf6IANe2Vtlr5KswtcZQ==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"dependencies": {
 				"@eslint/core": "^1.1.1",
 				"levn": "^0.4.1"
@@ -4038,6 +4039,7 @@
 			"integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"engines": {
 				"node": ">=18.18.0"
 			}
@@ -4048,6 +4050,7 @@
 			"integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"dependencies": {
 				"@humanfs/core": "^0.19.1",
 				"@humanwhocodes/retry": "^0.4.0"
@@ -4062,6 +4065,7 @@
 			"integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"engines": {
 				"node": ">=12.22"
 			},
@@ -4076,6 +4080,7 @@
 			"integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"engines": {
 				"node": ">=18.18"
 			},
@@ -4320,7 +4325,6 @@
 			"integrity": "sha512-nqhDw2ZcAUrKNPwhjinJny903bRhI0rQhiDz1LksjeRxqa36i3l75+4iXbOy0rlDpLJGxqtgoPavQjmmyS5UJw==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@inquirer/checkbox": "^4.2.1",
 				"@inquirer/confirm": "^5.1.14",
@@ -7157,7 +7161,6 @@
 			"resolved": "https://registry.npmjs.org/@types/dom-mediacapture-transform/-/dom-mediacapture-transform-0.1.11.tgz",
 			"integrity": "sha512-Y2p+nGf1bF2XMttBnsVPHUWzRRZzqUoJAKmiP10b5umnO6DDrWI0BrGDJy1pOHoOULVmGSfFNkQrAlC5dcj6nQ==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@types/dom-webcodecs": "*"
 			}
@@ -7195,7 +7198,8 @@
 			"resolved": "https://registry.npmjs.org/@types/esrecurse/-/esrecurse-4.3.1.tgz",
 			"integrity": "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/@types/estree": {
 			"version": "1.0.8",
@@ -7235,7 +7239,8 @@
 			"resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.46.tgz",
 			"integrity": "sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/@types/http-errors": {
 			"version": "2.0.5",
@@ -7281,7 +7286,6 @@
 			"integrity": "sha512-1N9SBnWYOJTrNZCdh/yJE+t910Y128BoyY+zBLWhL3r0TYzlTmFdXrPwHL9DyFZmlEXNQQolTZh3KHV31QDhyA==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"undici-types": "~6.21.0"
 			}
@@ -7624,7 +7628,6 @@
 			"integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -7651,6 +7654,7 @@
 			"integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"peerDependencies": {
 				"acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
 			}
@@ -7713,7 +7717,6 @@
 			"integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"fast-deep-equal": "^3.1.3",
 				"fast-uri": "^3.0.1",
@@ -8469,7 +8472,6 @@
 				}
 			],
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"baseline-browser-mapping": "^2.9.0",
 				"caniuse-lite": "^1.0.30001759",
@@ -8991,7 +8993,6 @@
 			"integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"readdirp": "^4.0.1"
 			},
@@ -11195,7 +11196,6 @@
 			"integrity": "sha512-iI1f+D2ViGn+uvv5HuHVUamg8ll4tN+JRHGc6IJi4TP9Kl976C57fzPXgseXNs8v0iA8aSJpHsTWjDb9QJamGQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"eslint-config-prettier": "bin/cli.js"
 			},
@@ -11240,6 +11240,7 @@
 			"integrity": "sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==",
 			"dev": true,
 			"license": "BSD-2-Clause",
+			"peer": true,
 			"dependencies": {
 				"@types/esrecurse": "^4.3.1",
 				"@types/estree": "^1.0.8",
@@ -11259,6 +11260,7 @@
 			"integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"engines": {
 				"node": "^20.19.0 || ^22.13.0 || >=24"
 			},
@@ -11272,6 +11274,7 @@
 			"integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"fast-deep-equal": "^3.1.1",
 				"fast-json-stable-stringify": "^2.0.0",
@@ -11289,6 +11292,7 @@
 			"integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": "18 || 20 || >=22"
 			}
@@ -11299,6 +11303,7 @@
 			"integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"balanced-match": "^4.0.2"
 			},
@@ -11311,7 +11316,8 @@
 			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
 			"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/eslint/node_modules/minimatch": {
 			"version": "10.2.4",
@@ -11319,6 +11325,7 @@
 			"integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
 			"dev": true,
 			"license": "BlueOak-1.0.0",
+			"peer": true,
 			"dependencies": {
 				"brace-expansion": "^5.0.2"
 			},
@@ -11335,6 +11342,7 @@
 			"integrity": "sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==",
 			"dev": true,
 			"license": "BSD-2-Clause",
+			"peer": true,
 			"dependencies": {
 				"acorn": "^8.16.0",
 				"acorn-jsx": "^5.3.2",
@@ -11367,6 +11375,7 @@
 			"integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
 			"dev": true,
 			"license": "BSD-3-Clause",
+			"peer": true,
 			"dependencies": {
 				"estraverse": "^5.1.0"
 			},
@@ -11840,14 +11849,16 @@
 			"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
 			"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/fast-levenshtein": {
 			"version": "2.0.6",
 			"resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
 			"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/fast-uri": {
 			"version": "3.1.0",
@@ -11923,6 +11934,7 @@
 			"integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"flat-cache": "^4.0.0"
 			},
@@ -12100,6 +12112,7 @@
 			"integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"flatted": "^3.2.9",
 				"keyv": "^4.5.4"
@@ -13219,6 +13232,7 @@
 			"integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">= 4"
 			}
@@ -13945,8 +13959,7 @@
 			"resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.13.0.tgz",
 			"integrity": "sha512-vsYjfh7lyqvZX5QgqKc4YH8phs7g96Z8bsdIFNEU3VqXhlHaq+vov/Fgn/sr6MiUczdZkyXRC3TX369Ll4Nzbw==",
 			"dev": true,
-			"license": "MIT",
+			"license": "MIT"
-			"peer": true
 		},
 		"node_modules/jasmine-spec-reporter": {
 			"version": "7.0.0",
@@ -14186,7 +14199,6 @@
 			"integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"jiti": "bin/jiti.js"
 			}
@@ -14238,7 +14250,8 @@
 			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
 			"integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/json-parse-even-better-errors": {
 			"version": "4.0.0",
@@ -14262,7 +14275,8 @@
 			"resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
 			"integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/json5": {
 			"version": "2.2.3",
@@ -14326,7 +14340,6 @@
 			"integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@colors/colors": "1.5.0",
 				"body-parser": "^1.19.0",
@@ -15098,6 +15111,7 @@
 			"integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"json-buffer": "3.0.1"
 			}
@@ -15129,7 +15143,6 @@
 			"integrity": "sha512-kdTwsyRuncDfjEs0DlRILWNvxhDG/Zij4YLO4TMJgDLW+8OzpfkdPnRgrsRuY1o+oaxJGWsps5f/RVBgGmmN0w==",
 			"dev": true,
 			"license": "Apache-2.0",
-			"peer": true,
 			"dependencies": {
 				"copy-anything": "^2.0.1",
 				"parse-node-version": "^1.0.1",
@@ -15221,6 +15234,7 @@
 			"integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"prelude-ls": "^1.2.1",
 				"type-check": "~0.4.0"
@@ -15419,7 +15433,6 @@
 			"integrity": "sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"cli-truncate": "^4.0.0",
 				"colorette": "^2.0.20",
@@ -15504,7 +15517,6 @@
 			"resolved": "https://registry.npmjs.org/livekit-client/-/livekit-client-2.16.1.tgz",
 			"integrity": "sha512-PmOHiGdkzw2P/t0vLbJRwHU59+T+JcFlGTYDV7PObWmzvypIij1Vlj0WhZKDZ/Ac7CvwWinbiGCVw/Pb/OiYYw==",
 			"license": "Apache-2.0",
-			"peer": true,
 			"dependencies": {
 				"@livekit/mutex": "1.1.1",
 				"@livekit/protocol": "1.42.2",
@@ -16638,7 +16650,8 @@
 			"resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
 			"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/needle": {
 			"version": "3.3.1",
@@ -16715,7 +16728,6 @@
 			"integrity": "sha512-yW5ME0hqTz38r/th/7zVwX5oSIw1FviSA2PUlGZdVjghDme/KX6iiwmOBmlt9E9whNmwijEC6Gn3KKbrsBx8ig==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@ampproject/remapping": "^2.3.0",
 				"@rollup/plugin-json": "^6.1.0",
@@ -17564,6 +17576,7 @@
 			"integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"deep-is": "^0.1.3",
 				"fast-levenshtein": "^2.0.6",
@@ -18400,7 +18413,6 @@
 				}
 			],
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"nanoid": "^3.3.11",
 				"picocolors": "^1.1.1",
@@ -18539,6 +18551,7 @@
 			"integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">= 0.8.0"
 			}
@@ -18559,7 +18572,6 @@
 			"integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"prettier": "bin/prettier.cjs"
 			},
@@ -19258,7 +19270,6 @@
 			"integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@types/estree": "1.0.8"
 			},
@@ -19400,7 +19411,6 @@
 			"resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
 			"integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
 			"license": "Apache-2.0",
-			"peer": true,
 			"dependencies": {
 				"tslib": "^2.1.0"
 			}
@@ -19467,7 +19477,6 @@
 			"integrity": "sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"chokidar": "^4.0.0",
 				"immutable": "^5.0.2",
@@ -21197,7 +21206,6 @@
 			"integrity": "sha512-+6erLbBm0+LROX2sPXlUYx/ux5PyE9K/a92Wrt6oA+WDAoFTdpHE5tCYCI5PNzq2y8df4rA+QgHLJuR4jNymsg==",
 			"dev": true,
 			"license": "BSD-2-Clause",
-			"peer": true,
 			"dependencies": {
 				"@jridgewell/source-map": "^0.3.3",
 				"acorn": "^8.14.0",
@@ -21525,8 +21533,7 @@
 			"version": "2.8.1",
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
 			"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-			"license": "0BSD",
+			"license": "0BSD"
-			"peer": true
 		},
 		"node_modules/tslint": {
 			"version": "6.1.3",
@@ -21749,6 +21756,7 @@
 			"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"prelude-ls": "^1.2.1"
 			},
@@ -21793,7 +21801,6 @@
 			"integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
 			"dev": true,
 			"license": "Apache-2.0",
-			"peer": true,
 			"bin": {
 				"tsc": "bin/tsc",
 				"tsserver": "bin/tsserver"
@@ -22081,6 +22088,7 @@
 			"integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
 			"dev": true,
 			"license": "BSD-2-Clause",
+			"peer": true,
 			"dependencies": {
 				"punycode": "^2.1.0"
 			}
@@ -22091,6 +22099,7 @@
 			"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=6"
 			}
@@ -22147,7 +22156,6 @@
 				"https://github.com/sponsors/ctavan"
 			],
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"uuid": "dist/esm/bin/uuid"
 			}
@@ -22292,7 +22300,6 @@
 			"integrity": "sha512-4JLXU0tD6OZNVqlwzm3HGEhAHufSiyv+skb7q0d2367VDMzrU1Q/ZeepvkcHH0rZie6uqEtTQQe0OEOOluH3Mg==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@types/eslint-scope": "^3.7.7",
 				"@types/estree": "^1.0.8",
@@ -22486,7 +22493,6 @@
 			"integrity": "sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@types/bonjour": "^3.5.13",
 				"@types/connect-history-api-fallback": "^1.5.4",
@@ -23274,6 +23280,7 @@
 			"integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@@ -23523,7 +23530,6 @@
 			"integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
 			"dev": true,
 			"license": "ISC",
-			"peer": true,
 			"bin": {
 				"yaml": "bin.mjs"
 			},
@@ -23615,7 +23621,6 @@
 			"integrity": "sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"funding": {
 				"url": "https://github.com/sponsors/colinhacks"
 			}
@@ -23634,8 +23639,7 @@
 			"version": "0.15.1",
 			"resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz",
 			"integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==",
-			"license": "MIT",
+			"license": "MIT"
-			"peer": true
 		}
 	}
 }

openvidu-testapp/angular.json

@@ -11,15 +11,12 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-builders/custom-webpack:browser",
+          "builder": "@angular/build:application",
           "options": {
-            "customWebpackConfig": {
+            "externalDependencies": ["node:crypto"],
-              "path": "./custom-webpack.config.js",
-              "replaceDuplicatePlugins": true
-            },
             "outputPath": "dist/openvidu-testapp-livekit",
             "index": "src/index.html",
-            "main": "src/main.ts",
+            "browser": "src/main.ts",
             "polyfills": [
               "zone.js",
               "src/polyfills.ts"
@@ -61,7 +58,10 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-builders/custom-webpack:dev-server",
+          "builder": "@angular/build:dev-server",
+          "options": {
+            "allowedHosts": ["all"]
+          },
           "configurations": {
             "production": {
               "buildTarget": "openvidu-testapp-livekit:build:production"

openvidu-testapp/custom-webpack.config.js

@@ -1,9 +0,0 @@
-const webpack = require("webpack");
-
-module.exports = {
-  plugins: [
-    new webpack.NormalModuleReplacementPlugin(/node:/, (resource) => {
-      resource.request = resource.request.replace(/^node:/, "");
-    }),
-  ]
-};

openvidu-testapp/package.json

@@ -1,57 +1,58 @@
 {
   "name": "openvidu-testapp-livekit",
   "version": "0.0.0",
+  "overrides": {
+    "livekit-client": {
+      "@livekit/protocol": "$@livekit/protocol"
+    }
+  },
   "scripts": {
     "ng": "ng",
-    "start": "ng serve --ssl --host 0.0.0.0 --disable-host-check",
+    "start": "ng serve --ssl --host 0.0.0.0",
-    "start-insecure": "ng serve --host 0.0.0.0 --disable-host-check",
+    "start-insecure": "ng serve --host 0.0.0.0",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.3.3",
+    "@angular/animations": "^21.2.6",
-    "@angular/cdk": "^20.2.7",
+    "@angular/cdk": "^21.2.4",
-    "@angular/common": "^20.3.3",
+    "@angular/common": "^21.2.6",
-    "@angular/compiler": "^20.3.3",
+    "@angular/compiler": "^21.2.6",
-    "@angular/core": "^20.3.3",
+    "@angular/core": "^21.2.6",
-    "@angular/forms": "^20.3.3",
+    "@angular/forms": "^21.2.6",
-    "@angular/material": "^20.2.7",
+    "@angular/material": "^21.2.4",
-    "@angular/platform-browser": "^20.3.3",
+    "@angular/platform-browser": "^21.2.6",
-    "@angular/platform-browser-dynamic": "^20.3.3",
+    "@angular/router": "^21.2.6",
-    "@angular/router": "^20.3.3",
+    "@livekit/protocol": "^1.45.1",
-    "@livekit/protocol": "^1.38.0",
+    "@livekit/track-processors": "^0.7.2",
-    "@livekit/track-processors": "0.7.0",
     "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.1",
     "json-stringify-safe": "5.0.1",
-    "livekit-client": "^2.15.8",
+    "livekit-client": "^2.18.0",
-    "livekit-server-sdk": "^2.14.0",
+    "livekit-server-sdk": "^2.15.0",
-    "lodash": "^4.17.21",
     "rxjs": "~7.8.2",
     "stream-browserify": "^3.0.0",
     "tslib": "^2.8.1",
     "util": "^0.12.5",
-    "zone.js": "~0.15.1"
+    "zone.js": "~0.16.1"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "^20.0.0",
+    "@angular/build": "^21.2.4",
-    "@angular/build": "^20.3.4",
+    "@angular/cli": "~21.2.4",
-    "@angular/cli": "~20.3.4",
+    "@angular/compiler-cli": "^21.2.6",
-    "@angular/compiler-cli": "^20.3.3",
     "@types/dom-mediacapture-transform": "^0.1.11",
     "@types/events": "^3.0.3",
-    "@types/jasmine": "~5.1.8",
+    "@types/jasmine": "~6.0.0",
     "@types/json-stringify-safe": "^5.0.3",
-    "@types/lodash": "^4.17.18",
+    "@types/node": "^25.5.0",
-    "@types/node": "^24.7.0",
+    "jasmine-core": "~6.1.0",
-    "jasmine-core": "~5.12.0",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
+    "karma-jasmine-html-reporter": "~2.2.0",
-    "typescript": "5.9.3"
+    "typescript": "~5.9.3"
   }
 }

openvidu-testapp/src/app/app.component.ts

@@ -1,13 +1,19 @@
 import { Component } from '@angular/core';
-import { Router } from '@angular/router';
+import { FormsModule } from '@angular/forms';
+import { Router, RouterOutlet, RouterLink } from '@angular/router';
 import { LogLevel, setLogLevel } from 'livekit-client';
 import { LivekitParamsService } from './services/livekit-params.service';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
-    styleUrls: ['./app.component.css'],
+    styleUrl: './app.component.css',
-    standalone: false
+    imports: [FormsModule, RouterOutlet, RouterLink, MatSidenavModule, MatToolbarModule, MatFormFieldModule, MatInputModule, MatButtonModule],
 })
 export class AppComponent {
   livekitUrl = 'ws://localhost:7880/'; // `${window.location.protocol === 'https:' ? 'wss' : 'ws'}://localhost:1880/`;

openvidu-testapp/src/app/app.module.ts

@@ -1,101 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { FormsModule } from '@angular/forms';
-
-import { AppComponent } from './app.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import {
-  MAT_FORM_FIELD_DEFAULT_OPTIONS,
-  MatFormFieldModule,
-} from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatCardModule } from '@angular/material/card';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatSelectModule } from '@angular/material/select';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatBadgeModule } from '@angular/material/badge';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSliderModule } from '@angular/material/slider';
-
-import { TestScenariosComponent } from './components/test-scenarios/test-scenarios.component';
-import { TestSessionsComponent } from './components/test-sessions/test-sessions.component';
-import { OpenviduInstanceComponent } from './components/openvidu-instance/openvidu-instance.component';
-import { VideoTrackComponent } from './components/video-track/video-track.component';
-import { ParticipantComponent } from './components/participant/participant.component';
-import { AudioTrackComponent } from './components/audio-track/audio-track.component';
-import { TrackComponent } from './components/track/track.component';
-import { RoomApiDialogComponent } from './components/dialogs/room-api-dialog/room-api-dialog.component';
-import { OptionsDialogComponent } from './components/dialogs/options-dialog/options-dialog.component';
-import { EventsDialogComponent } from './components/dialogs/events-dialog/events-dialog.component';
-
-import { TestFeedService } from './services/test-feed.service';
-import { UsersTableComponent } from './components/users-table/users-table.component';
-import { TableVideoComponent } from './components/users-table/table-video.component';
-import { CallbackPipe } from './pipes/callback.pipe';
-import { AppRoutingModule } from './app.routing';
-import { VideoResolutionComponent } from './components/dialogs/options-dialog/video-resolution/video-resolution.component';
-import { InfoDialogComponent } from './components/dialogs/info-dialog/info-dialog.component';
-import { ProcessorDialogComponent } from './components/dialogs/processor-dialog/processor-dialog.component';
-
-@NgModule({ declarations: [
-        AppComponent,
-        TestScenariosComponent,
-        TestSessionsComponent,
-        OpenviduInstanceComponent,
-        ParticipantComponent,
-        VideoTrackComponent,
-        AudioTrackComponent,
-        TrackComponent,
-        RoomApiDialogComponent,
-        EventsDialogComponent,
-        UsersTableComponent,
-        TableVideoComponent,
-        CallbackPipe,
-        OptionsDialogComponent,
-        VideoResolutionComponent,
-        InfoDialogComponent,
-        ProcessorDialogComponent,
-    ],
-    bootstrap: [AppComponent], imports: [FormsModule,
-        BrowserModule,
-        AppRoutingModule,
-        BrowserAnimationsModule,
-        MatExpansionModule,
-        MatToolbarModule,
-        MatSidenavModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatButtonModule,
-        MatCheckboxModule,
-        MatCardModule,
-        MatTooltipModule,
-        MatDialogModule,
-        MatDividerModule,
-        MatRadioModule,
-        MatSelectModule,
-        MatChipsModule,
-        MatSlideToggleModule,
-        MatBadgeModule,
-        MatProgressSpinnerModule,
-        MatSliderModule], providers: [
-        TestFeedService,
-        {
-            provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
-            useValue: { appearance: 'outline', subscriptSizing: 'dynamic' },
-        },
-        provideHttpClient(withInterceptorsFromDi()),
-    ] })
-export class AppModule {}

openvidu-testapp/src/app/app.routes.ts

@@ -1,10 +1,9 @@
-import { NgModule } from '@angular/core';
+import { Routes } from '@angular/router';
-import { RouterModule, Routes } from '@angular/router';
 
 import { TestScenariosComponent } from './components/test-scenarios/test-scenarios.component';
 import { TestSessionsComponent } from './components/test-sessions/test-sessions.component';
 
-const appRoutes: Routes = [
+export const routes: Routes = [
   {
     path: '',
     redirectTo: '/test-sessions',
@@ -19,9 +18,3 @@ const appRoutes: Routes = [
     component: TestScenariosComponent,
   },
 ];
-
-@NgModule({
-  imports: [RouterModule.forRoot(appRoutes, { useHash: true })],
-  exports: [RouterModule],
-})
-export class AppRoutingModule {}

openvidu-testapp/src/app/components/audio-track/audio-track.component.ts

@@ -1,12 +1,15 @@
 import { Component } from '@angular/core';
+import { NgClass } from '@angular/common';
 import { LocalTrack } from 'livekit-client';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { TrackComponent } from '../track/track.component';
 
 @Component({
     selector: 'app-audio-track',
     templateUrl: './audio-track.component.html',
-    styleUrls: ['./audio-track.component.css'],
+    styleUrl: './audio-track.component.css',
-    standalone: false
+    imports: [NgClass, MatIconModule, MatTooltipModule],
 })
 export class AudioTrackComponent extends TrackComponent {
   muteAudioIcon: string = 'mic';

openvidu-testapp/src/app/components/dialogs/events-dialog/events-dialog.component.ts

@@ -1,5 +1,10 @@
-import { Component, Inject } from '@angular/core';
+import { Component, inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { SlicePipe } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatButtonModule } from '@angular/material/button';
 
 
 @Component({
@@ -46,7 +51,7 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
         '.col-50 {flex-basis: 50%; box-sizing: border-box; padding-left: 20px; }',
         '.toggle { }'
     ],
-    standalone: false
+    imports: [SlicePipe, FormsModule, MatDialogModule, MatSlideToggleModule, MatDividerModule, MatButtonModule],
 })
 export class EventsDialogComponent {
 
@@ -55,8 +60,10 @@ export class EventsDialogComponent {
     eventCollection: Map<string, boolean>;
     eventArray: string[];
 
-    constructor(public dialogRef: MatDialogRef<EventsDialogComponent>,
+    private dialogData = inject(MAT_DIALOG_DATA);
-        @Inject(MAT_DIALOG_DATA) public data: any) {
+
+    constructor(public dialogRef: MatDialogRef<EventsDialogComponent>) {
+        const data = this.dialogData;
         this.target = data.target;
         this.eventCollection = data.eventCollection;
         this.eventArray = Array.from(this.eventCollection.keys());

openvidu-testapp/src/app/components/dialogs/info-dialog/info-dialog.component.ts

@@ -1,13 +1,17 @@
-import { Component, Inject, NgZone, OnDestroy, ViewChild } from '@angular/core';
+import { Component, NgZone, OnDestroy, ViewChild, inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 import { CdkTextareaAutosize } from '@angular/cdk/text-field';
 import { take } from 'rxjs/operators';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
 
 @Component({
   selector: 'app-info-dialog',
   templateUrl: './info-dialog.component.html',
-  styleUrls: ['./info-dialog.component.css'],
+  styleUrl: './info-dialog.component.css',
-  standalone: false,
+  imports: [FormsModule, CdkTextareaAutosize, MatDialogModule, MatFormFieldModule, MatInputModule, MatButtonModule],
 })
 export class InfoDialogComponent implements OnDestroy {
   title: string;
@@ -21,16 +25,17 @@ export class InfoDialogComponent implements OnDestroy {
 
   @ViewChild('autosize') autosize: CdkTextareaAutosize;
 
+  private data = inject<{
+    title: string;
+    subtitle: string;
+    updateFunction: () => Promise<string>;
+    updateInterval: number;
+  }>(MAT_DIALOG_DATA);
+
   constructor(
-    @Inject(MAT_DIALOG_DATA)
-    public data: {
-      title: string;
-      subtitle: string;
-      updateFunction: () => Promise<string>;
-      updateInterval: number;
-    },
     private _ngZone: NgZone
   ) {
+    const data = this.data;
     this.title = data.title;
     this.subtitle = data.subtitle;
     this.updateFunction = data.updateFunction;

openvidu-testapp/src/app/components/dialogs/options-dialog/options-dialog.component.ts

@@ -1,6 +1,15 @@
-import { Component, Inject } from '@angular/core';
+import { Component, inject } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { NgClass, UpperCasePipe } from '@angular/common';
-import { MatRadioChange } from '@angular/material/radio';
+import { FormsModule } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
+import { MatRadioChange, MatRadioModule } from '@angular/material/radio';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { MatButtonModule } from '@angular/material/button';
+import { VideoResolutionComponent } from './video-resolution/video-resolution.component';
 import {
   AudioCaptureOptions,
   CreateLocalTracksOptions,
@@ -15,8 +24,8 @@ import {
 @Component({
     selector: 'app-options-dialog',
     templateUrl: './options-dialog.component.html',
-    styleUrls: ['./options-dialog.component.css'],
+    styleUrl: './options-dialog.component.css',
-    standalone: false
+    imports: [NgClass, UpperCasePipe, FormsModule, MatDialogModule, MatRadioModule, MatDividerModule, MatCheckboxModule, MatFormFieldModule, MatInputModule, MatSelectModule, MatButtonModule, VideoResolutionComponent],
 })
 export class OptionsDialogComponent {
   roomOptions?: RoomOptions;
@@ -43,21 +52,22 @@ export class OptionsDialogComponent {
 
   inputVideoDevices: MediaDeviceInfo[] = [];
 
+  private data = inject<{
+    roomOptions?: RoomOptions;
+    forceRelay: boolean;
+    createLocalTracksOptions?: CreateLocalTracksOptions;
+    shareScreen: boolean;
+    screenShareCaptureOptions?: ScreenShareCaptureOptions;
+    trackPublishOptions?: TrackPublishOptions;
+    allowDisablingAudio?: boolean;
+    allowDisablingVideo?: boolean;
+    allowDisablingScreen?: boolean;
+  }>(MAT_DIALOG_DATA);
+
   constructor(
     public dialogRef: MatDialogRef<OptionsDialogComponent>,
-    @Inject(MAT_DIALOG_DATA)
-    public data: {
-      roomOptions?: RoomOptions;
-      forceRelay: boolean;
-      createLocalTracksOptions?: CreateLocalTracksOptions;
-      shareScreen: boolean;
-      screenShareCaptureOptions?: ScreenShareCaptureOptions;
-      trackPublishOptions?: TrackPublishOptions;
-      allowDisablingAudio?: boolean;
-      allowDisablingVideo?: boolean;
-      allowDisablingScreen?: boolean;
-    }
   ) {
+    const data = this.data;
     this.roomOptions = data.roomOptions;
     this.forceRelay = data.forceRelay;
     this.createLocalTracksOptions = data.createLocalTracksOptions;

openvidu-testapp/src/app/components/dialogs/options-dialog/video-resolution/video-resolution.component.ts

@@ -1,10 +1,13 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 
 @Component({
     selector: 'app-video-resolution',
     templateUrl: './video-resolution.component.html',
-    styleUrls: ['./video-resolution.component.css'],
+    styleUrl: './video-resolution.component.css',
-    standalone: false
+    imports: [FormsModule, MatFormFieldModule, MatInputModule],
 })
 export class VideoResolutionComponent {
   @Input() componentId: string;

openvidu-testapp/src/app/components/dialogs/processor-dialog/processor-dialog.component.ts

@@ -2,11 +2,21 @@ import {
   AfterViewInit,
   Component,
   ElementRef,
-  Inject,
   OnDestroy,
   ViewChild,
+  inject,
 } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { FormsModule } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatButtonModule } from '@angular/material/button';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
 import { VideoTrackComponent } from '../../video-track/video-track.component';
 import { LocalVideoTrack } from 'livekit-client';
 import {
@@ -17,15 +27,16 @@ import {
 @Component({
   selector: 'app-processor-dialog',
   templateUrl: './processor-dialog.component.html',
-  styleUrls: ['./processor-dialog.component.css'],
+  styleUrl: './processor-dialog.component.css',
-  standalone: false,
+  imports: [FormsModule, MatDialogModule, MatSlideToggleModule, MatFormFieldModule, MatSelectModule, MatSliderModule, MatButtonModule, MatTooltipModule, MatDividerModule, MatIconModule, MatInputModule],
 })
 export class ProcessorDialogComponent implements AfterViewInit, OnDestroy {
   @ViewChild('videoElement') videoElement: ElementRef<HTMLVideoElement>;
 
+  public data = inject<{ videoTrack: VideoTrackComponent }>(MAT_DIALOG_DATA);
+
   constructor(
     public dialogRef: MatDialogRef<ProcessorDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: { videoTrack: VideoTrackComponent }
   ) {}
 
   ngAfterViewInit() {

openvidu-testapp/src/app/components/dialogs/room-api-dialog/room-api-dialog.component.ts

@@ -1,8 +1,18 @@
 import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { COMMA, ENTER } from '@angular/cdk/keycodes';
-import { Component, Inject, inject } from '@angular/core';
+import { Component, inject } from '@angular/core';
-import { MatChipInputEvent } from '@angular/material/chips';
+import { FormsModule } from '@angular/forms';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatChipInputEvent, MatChipsModule } from '@angular/material/chips';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatSelectModule } from '@angular/material/select';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { VideoCodec } from '@livekit/protocol';
 import { LocalParticipant } from 'livekit-client';
 
@@ -29,8 +39,8 @@ import {
 @Component({
     selector: 'app-room-api-dialog',
     templateUrl: './room-api-dialog.component.html',
-    styleUrls: ['./room-api-dialog.component.css'],
+    styleUrl: './room-api-dialog.component.css',
-    standalone: false
+    imports: [FormsModule, MatDialogModule, MatFormFieldModule, MatInputModule, MatButtonModule, MatCheckboxModule, MatDividerModule, MatSelectModule, MatChipsModule, MatIconModule, MatTooltipModule, MatSlideToggleModule],
 })
 export class RoomApiDialogComponent {
   room: Room;
@@ -109,11 +119,13 @@ export class RoomApiDialogComponent {
   addOnBlur = true;
   readonly separatorKeysCodes = [ENTER, COMMA] as const;
 
+  private data = inject(MAT_DIALOG_DATA);
+
   constructor(
     private roomApiService: RoomApiService,
     public dialogRef: MatDialogRef<RoomApiDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: any
   ) {
+    const data = this.data;
     this.room = data.room;
     this.localParticipant = data.localParticipant;
     this.apiRoomName = this.room?.name;

openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts

@@ -1,7 +1,17 @@
-import { Component, HostListener, Inject, Input } from '@angular/core';
+import { Component, HostListener, Input, inject } from '@angular/core';
+import { NgClass, KeyValuePipe } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 import { RoomConf } from '../test-sessions/test-sessions.component';
 import { LivekitParamsService } from 'src/app/services/livekit-params.service';
+import { MatDialog } from '@angular/material/dialog';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatExpansionModule } from '@angular/material/expansion';
 
 import {
   ConnectionQuality,
@@ -38,20 +48,20 @@ import {
   TestAppEvent,
   TestFeedService,
 } from 'src/app/services/test-feed.service';
-import { MatDialog } from '@angular/material/dialog';
 import { RoomApiDialogComponent } from '../dialogs/room-api-dialog/room-api-dialog.component';
 import { RoomApiService } from 'src/app/services/room-api.service';
 import { EventsDialogComponent } from '../dialogs/events-dialog/events-dialog.component';
 import { OptionsDialogComponent } from '../dialogs/options-dialog/options-dialog.component';
 import { InfoDialogComponent } from '../dialogs/info-dialog/info-dialog.component';
+import { ParticipantComponent } from '../participant/participant.component';
 import { RoomEventCallbacks } from 'node_modules/livekit-client/dist/src/room/Room';
 import PCTransport from 'node_modules/livekit-client/dist/src/room/PCTransport';
 
 @Component({
   selector: 'app-openvidu-instance',
   templateUrl: './openvidu-instance.component.html',
-  styleUrls: ['./openvidu-instance.component.css'],
+  styleUrl: './openvidu-instance.component.css',
-  standalone: false,
+  imports: [NgClass, KeyValuePipe, FormsModule, MatCardModule, MatFormFieldModule, MatInputModule, MatIconModule, MatButtonModule, MatCheckboxModule, MatExpansionModule, ParticipantComponent],
 })
 export class OpenviduInstanceComponent {
   @Input()
@@ -113,11 +123,12 @@ export class OpenviduInstanceComponent {
 
   private decoder = new TextDecoder();
 
+  private dialog = inject(MatDialog);
+
   constructor(
     private livekitParamsService: LivekitParamsService,
     private testFeedService: TestFeedService,
     private roomApiService: RoomApiService,
-    @Inject(MatDialog) private dialog: MatDialog
   ) {
     const roomForDefaults = new Room(this.roomOptions);
     this.roomOptions = roomForDefaults.options;

openvidu-testapp/src/app/components/participant/participant.component.ts

@@ -1,5 +1,9 @@
-import { Component, EventEmitter, Input, Output, Inject, ChangeDetectorRef } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ChangeDetectorRef, inject } from '@angular/core';
+import { NgClass, KeyValuePipe } from '@angular/common';
 import { MatDialog } from '@angular/material/dialog';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatExpansionModule } from '@angular/material/expansion';
 import {
   AudioCaptureOptions,
   ConnectionQuality,
@@ -32,13 +36,15 @@ import {
   TestFeedService,
 } from 'src/app/services/test-feed.service';
 import { OptionsDialogComponent } from '../dialogs/options-dialog/options-dialog.component';
+import { VideoTrackComponent } from '../video-track/video-track.component';
+import { AudioTrackComponent } from '../audio-track/audio-track.component';
 import { ParticipantEventCallbacks } from 'node_modules/livekit-client/dist/src/room/participant/Participant';
 
 @Component({
     selector: 'app-participant',
     templateUrl: './participant.component.html',
-    styleUrls: ['./participant.component.css'],
+    styleUrl: './participant.component.css',
-    standalone: false
+    imports: [NgClass, KeyValuePipe, MatIconModule, MatTooltipModule, MatExpansionModule, VideoTrackComponent, AudioTrackComponent],
 })
 export class ParticipantComponent {
   @Input()
@@ -63,9 +69,10 @@ export class ParticipantComponent {
 
   private decoder = new TextDecoder();
 
+  private dialog = inject(MatDialog);
+
   constructor(
     private testFeedService: TestFeedService,
-    @Inject(MatDialog) private dialog: MatDialog,
     private cdr: ChangeDetectorRef
   ) {}
 

openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 import { Subscription } from 'rxjs';
 
 import {
@@ -6,6 +7,12 @@ import {
   TestFeedService,
 } from '../../services/test-feed.service';
 
+import { MatButtonModule } from '@angular/material/button';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatIconModule } from '@angular/material/icon';
+import { UsersTableComponent } from '../users-table/users-table.component';
+
 import {
   CreateLocalTracksOptions,
   LocalAudioTrack,
@@ -41,8 +48,8 @@ export interface User {
 @Component({
   selector: 'app-test-scenarios',
   templateUrl: './test-scenarios.component.html',
-  styleUrls: ['./test-scenarios.component.css'],
+  styleUrl: './test-scenarios.component.css',
-  standalone: false,
+  imports: [FormsModule, MatButtonModule, MatFormFieldModule, MatInputModule, MatIconModule, UsersTableComponent],
 })
 export class TestScenariosComponent implements OnInit, OnDestroy {
   fixedRoomId = 'SCENARIO_TEST';

openvidu-testapp/src/app/components/test-sessions/test-sessions.component.ts

@@ -1,7 +1,13 @@
 import { animate, style, transition, trigger } from '@angular/animations';
 import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { TestFeedService } from 'src/app/services/test-feed.service';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { OpenviduInstanceComponent } from '../openvidu-instance/openvidu-instance.component';
 import stringify from 'json-stringify-safe';
 
 export interface RoomConf {
@@ -13,7 +19,7 @@ export interface RoomConf {
 @Component({
     selector: 'app-test-sessions',
     templateUrl: './test-sessions.component.html',
-    styleUrls: ['./test-sessions.component.css'],
+    styleUrl: './test-sessions.component.css',
     animations: [
         trigger('fadeAnimation', [
             transition(':enter', [
@@ -22,7 +28,7 @@ export interface RoomConf {
             ]),
         ]),
     ],
-    standalone: false
+    imports: [FormsModule, MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule, OpenviduInstanceComponent],
 })
 export class TestSessionsComponent {
   eventsInfoSubscription: Subscription;

openvidu-testapp/src/app/components/track/track.component.ts

@@ -26,8 +26,6 @@ import {
 @Component({
     selector: 'app-track',
     template: '',
-    styleUrls: [],
-    standalone: false
 })
 export class TrackComponent {
   @Output()

openvidu-testapp/src/app/components/users-table/table-video.component.ts

@@ -19,7 +19,6 @@ import { AudioTrack, VideoTrack } from 'livekit-client';
       }
     `,
     ],
-    standalone: false
 })
 export class TableVideoComponent implements AfterViewInit {
   @ViewChild('mediaElement') elementRef: ElementRef;

openvidu-testapp/src/app/components/users-table/users-table.component.ts

@@ -1,12 +1,15 @@
 import { Component, Input } from '@angular/core';
 import { AudioTrack, VideoTrack } from 'livekit-client';
+import { MatBadgeModule } from '@angular/material/badge';
+import { CallbackPipe } from 'src/app/pipes/callback.pipe';
+import { TableVideoComponent } from './table-video.component';
 import { User } from '../test-scenarios/test-scenarios.component';
 
 @Component({
   selector: 'app-users-table',
-  styleUrls: ['users-table.component.css'],
+  styleUrl: 'users-table.component.css',
   templateUrl: 'users-table.component.html',
-  standalone: false,
+  imports: [MatBadgeModule, CallbackPipe, TableVideoComponent],
 })
 export class UsersTableComponent {
   @Input() users: User[] = [];

openvidu-testapp/src/app/components/video-track/video-track.component.ts

@@ -1,4 +1,5 @@
-import { Component, Inject } from '@angular/core';
+import { Component, inject } from '@angular/core';
+import { NgClass } from '@angular/common';
 import {
   LocalTrack,
   VideoTrack,
@@ -10,12 +11,16 @@ import { MatDialog } from '@angular/material/dialog';
 import { TestFeedService } from 'src/app/services/test-feed.service';
 import { InfoDialogComponent } from '../dialogs/info-dialog/info-dialog.component';
 import { ProcessorDialogComponent } from '../dialogs/processor-dialog/processor-dialog.component';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
 
 @Component({
   selector: 'app-video-track',
   templateUrl: './video-track.component.html',
-  styleUrls: ['./video-track.component.css'],
+  styleUrl: './video-track.component.css',
-  standalone: false,
+  imports: [NgClass, MatIconModule, MatTooltipModule, MatFormFieldModule, MatSelectModule],
 })
 export class VideoTrackComponent extends TrackComponent {
   muteVideoIcon: string = 'videocam';
@@ -47,9 +52,10 @@ export class VideoTrackComponent extends TrackComponent {
     autoDetectFrameInterval: 30
   };
 
+  private dialog = inject(MatDialog);
+
   constructor(
     protected override testFeedService: TestFeedService,
-    @Inject(MatDialog) private dialog: MatDialog
   ) {
     super(testFeedService);
   }

openvidu-testapp/src/app/pipes/callback.pipe.ts

@@ -3,7 +3,6 @@ import { PipeTransform, Pipe } from '@angular/core';
 @Pipe({
     name: 'callback',
     pure: false,
-    standalone: false
 })
 export class CallbackPipe implements PipeTransform {
   transform(items: any[], callback: (item: any) => boolean): any {

openvidu-testapp/src/app/services/room-api.service.ts

@@ -1,6 +1,5 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import * as _ from 'lodash';
 
 import {
   AccessToken,

openvidu-testapp/src/app/services/test-feed.service.ts

@@ -9,7 +9,9 @@ export interface TestAppEvent {
     eventDescription: string;
 }
 
-@Injectable()
+@Injectable({
+    providedIn: 'root',
+})
 export class TestFeedService {
 
     newLastEvent$ = new Subject<any>();

openvidu-testapp/src/main.ts

@@ -1,7 +1,21 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { provideZoneChangeDetection } from "@angular/core";
+import { bootstrapApplication } from '@angular/platform-browser';
+import { provideRouter, withHashLocation } from '@angular/router';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { provideHttpClient } from '@angular/common/http';
+import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 
-import { AppModule } from './app/app.module';
+import { AppComponent } from './app/app.component';
+import { routes } from './app/app.routes';
 
-
+bootstrapApplication(AppComponent, {
-platformBrowserDynamic().bootstrapModule(AppModule)
+  providers: [
-  .catch(err => console.error(err));
+    provideZoneChangeDetection(),provideRouter(routes, withHashLocation()),
+    provideAnimationsAsync(),
+    provideHttpClient(),
+    {
+      provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
+      useValue: { appearance: 'outline', subscriptSizing: 'dynamic' },
+    },
+  ],
+}).catch((err) => console.error(err));

openvidu-testapp/src/polyfills.ts

@@ -1,72 +1,5 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags.ts';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js';  // Included with Angular CLI.
-
 import { Buffer } from 'buffer';
 
 (window as any).global = window;
-
+(window as any).process = { env: { DEBUG: undefined } };
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
-
-(window as any).process = {
-    env: { DEBUG: undefined },
-};
-
 (window as any).Buffer = Buffer;

openvidu-testapp/tsconfig.json

@@ -21,20 +21,13 @@
     "useDefineForClassFields": false,
     "strictPropertyInitialization": false,
     "skipLibCheck": true,
-    "lib": [
-      "ES2022",
-      "dom"
-    ],
     "paths": {
-      "crypto": [
+      "crypto": ["./node_modules/crypto-browserify"],
-        "./node_modules/crypto-browserify"
+      "node:crypto": ["./node_modules/crypto-browserify"],
-      ],
+      "stream": ["./node_modules/stream-browserify"],
-      "stream": [
+      "node:stream": ["./node_modules/stream-browserify"],
-        "node_modules/stream-browserify"
+      "buffer": ["./node_modules/buffer"],
-      ],
+      "node:buffer": ["./node_modules/buffer"]
-      "buffer": [
-        "node_modules/buffer"
-      ]
     },
     "types": [
       "node"