diff --git a/openvidu-testapp/package-lock.json b/openvidu-testapp/package-lock.json
index e6090341..28fb0b62 100644
--- a/openvidu-testapp/package-lock.json
+++ b/openvidu-testapp/package-lock.json
@@ -10,13 +10,13 @@
       "license": "Apache-2.0",
       "dependencies": {
         "@angular/animations": "15.2.10",
-        "@angular/cdk": "14.2.7",
+        "@angular/cdk": "15.2.9",
         "@angular/common": "15.2.10",
         "@angular/compiler": "15.2.10",
         "@angular/core": "15.2.10",
         "@angular/flex-layout": "14.0.0-beta.41",
         "@angular/forms": "15.2.10",
-        "@angular/material": "14.2.7",
+        "@angular/material": "15.2.9",
         "@angular/platform-browser": "15.2.10",
         "@angular/platform-browser-dynamic": "15.2.10",
         "@angular/router": "15.2.10",
@@ -508,19 +508,19 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "14.2.7",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-14.2.7.tgz",
-      "integrity": "sha512-/tEsYaUbDSnfEmKVvAMramIptmhI67O+9STjOV0i+74XR2NospeK0fkbywIANu1n3w6AHGMotvRWJrjmbCElFg==",
+      "version": "15.2.9",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-15.2.9.tgz",
+      "integrity": "sha512-koaM07N1AIQ5oHU27l0/FoQSSoYAwlAYwVZ4Di3bYrJsTBNCN2Xsby7wI8gZxdepMnV4Fe9si382BDBov+oO4Q==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "optionalDependencies": {
-        "parse5": "^5.0.0"
+        "parse5": "^7.1.2"
       },
       "peerDependencies": {
-        "@angular/common": "^14.0.0 || ^15.0.0",
-        "@angular/core": "^14.0.0 || ^15.0.0",
+        "@angular/common": "^15.0.0 || ^16.0.0",
+        "@angular/core": "^15.0.0 || ^16.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -737,20 +737,67 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "14.2.7",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-14.2.7.tgz",
-      "integrity": "sha512-WXHh8pEStpgkXZJmYOg2cI8BSHkV82ET4XTJCNPdveumaCn1UYnaNzsXD13kw5z+zmy8CufhFEzdXTrv/yt7KQ==",
+      "version": "15.2.9",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-15.2.9.tgz",
+      "integrity": "sha512-emuFF/7+91Jq+6kVCl3FiVoFLtAZoh+woFQWNuK8nhx0HmD4ckLFI8d9a6ERYR3zRuKhq5deSRE2kYsfpjrrsQ==",
       "license": "MIT",
       "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/auto-init": "15.0.0-canary.684e33d25.0",
+        "@material/banner": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/card": "15.0.0-canary.684e33d25.0",
+        "@material/checkbox": "15.0.0-canary.684e33d25.0",
+        "@material/chips": "15.0.0-canary.684e33d25.0",
+        "@material/circular-progress": "15.0.0-canary.684e33d25.0",
+        "@material/data-table": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dialog": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/drawer": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/fab": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/floating-label": "15.0.0-canary.684e33d25.0",
+        "@material/form-field": "15.0.0-canary.684e33d25.0",
+        "@material/icon-button": "15.0.0-canary.684e33d25.0",
+        "@material/image-list": "15.0.0-canary.684e33d25.0",
+        "@material/layout-grid": "15.0.0-canary.684e33d25.0",
+        "@material/line-ripple": "15.0.0-canary.684e33d25.0",
+        "@material/linear-progress": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/menu": "15.0.0-canary.684e33d25.0",
+        "@material/menu-surface": "15.0.0-canary.684e33d25.0",
+        "@material/notched-outline": "15.0.0-canary.684e33d25.0",
+        "@material/radio": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/segmented-button": "15.0.0-canary.684e33d25.0",
+        "@material/select": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/slider": "15.0.0-canary.684e33d25.0",
+        "@material/snackbar": "15.0.0-canary.684e33d25.0",
+        "@material/switch": "15.0.0-canary.684e33d25.0",
+        "@material/tab": "15.0.0-canary.684e33d25.0",
+        "@material/tab-bar": "15.0.0-canary.684e33d25.0",
+        "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/tab-scroller": "15.0.0-canary.684e33d25.0",
+        "@material/textfield": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tooltip": "15.0.0-canary.684e33d25.0",
+        "@material/top-app-bar": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^14.0.0 || ^15.0.0",
-        "@angular/cdk": "14.2.7",
-        "@angular/common": "^14.0.0 || ^15.0.0",
-        "@angular/core": "^14.0.0 || ^15.0.0",
-        "@angular/forms": "^14.0.0 || ^15.0.0",
-        "@angular/platform-browser": "^14.0.0 || ^15.0.0",
+        "@angular/animations": "^15.0.0 || ^16.0.0",
+        "@angular/cdk": "15.2.9",
+        "@angular/common": "^15.0.0 || ^16.0.0",
+        "@angular/core": "^15.0.0 || ^16.0.0",
+        "@angular/forms": "^15.0.0 || ^16.0.0",
+        "@angular/platform-browser": "^15.0.0 || ^16.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -3357,6 +3404,807 @@
       "integrity": "sha512-/gFguyJm1ng4Qr7VVH2vKO+zZcQd8wc3YafUfvBuYFX0Y5+CvrV+VNPEVkl5W/gUZF5KNKNZAiaHPULGPCIjyQ==",
       "license": "Apache-2.0"
     },
+    "node_modules/@material/animation": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-5osi1z4JQIXcklPALbH/zTfOm2pDzHt9Fxm7ZyURy250xIZj6QjULRzPTnzOhC2ropfix9ra2Cfggbf0dcRbEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/auto-init": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-OigQTmrVzkcGvxNjOaIe5oItTFPgrO9xLewvharDI6m6yvO1z7OBnkcW+sFN6ggLNYNxd0O1u9v64vMsmeDABQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/banner": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/banner/-/banner-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-PqtGp3KWzdu58rWv/DIvSfe38m5YKOBbAAbBinSvgadBb/da+IE1t5F7YPNKE1T5lJsQBGVUYx6QBIeXm+aI/A==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/base": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-oOaqb/SfjWwTKsdJUZmeh/Qrs41nIJI0N+zELsxnvbGjSIN1ZMAKYZFPMahqvC68OJ6+5CvJM8PoTNs5l+B8IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/button": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-Nkekk4edeX+ObVOa7UlwavaHdmckPV5wU4SAJf3iA3R61cmz+KsgAgpzfcwv5WfNhIlc2nLu8QYEecpHdo9d/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/card": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/card/-/card-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-xhyB7XX5KkEiCEqwSPkl58ZGYL6xFdnY62zimyBXJRG/Eaa0Swj3kW20hVCpt4f7c9Zmp8Se27rg8vnKmhvO3g==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/checkbox": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-NFpM3TS924PmVsk2KQLNU95OYCf8ZwYgzeqfnAexU0bEfjUJXINBun2Go0AaeOUMjuvWUe+byjrXgv8SFYbMUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/chips": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/chips/-/chips-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-z4ajQ4NnsAQ/Si9tZ4xmxzjj2Qb+vW++4QjCjjjwAGIZbCe0xglAnMh2t66XLJUxt7RoKZuZVEO7ZqcFZpvJFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/checkbox": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "safevalues": "^0.3.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/circular-progress": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/circular-progress/-/circular-progress-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-G6qD0nGNtEUwWnAMJuA9INYFpZoKtx7KFjBaPF4Ol2YLHtmShALNAYyn54TMAK8AZ2IpW08PXjGS7Ye88vrdEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/progress-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/data-table": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-+wDw1DDDFfAsKAMzs84f/5GCjux39zjNfW8tL4wFbkWNwewmQrG9zaQMJhBpVOtLCrM8Gj6SOgOANqgqoCjvGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/checkbox": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/icon-button": "15.0.0-canary.684e33d25.0",
+        "@material/linear-progress": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/menu": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/select": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/density": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-661yEVRMGrlq6S6WuSbPRO+ZwpdUOg2glCc7y96doM6itSLOa3UEAldjOLfsYZVB74GnKCiuDp//QmfoRyYTfA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/dialog": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-szn0dHnfeQTSOC6SSRSGAzX6Tnx+4NnSMUwNkXm+3bwjds8ZVK26+DXwLrP5f3ID5F1K5sFsRf2INo5/TNTHyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/icon-button": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/dom": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-7pEJLYov+tGgfuD8mZxoVU6rWtPI8ppjTAhz+F27Hz9FG0JETMWTKpDPBXLnKvX7vhIxL83GvZ9geNHCe8Hfog==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/drawer": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-/KMckLf1PYU/H3PXnS4e0aFl03qG3JlSv4LGgX6juJufcONqGTl/m63EMO/L/eUy6H1CRrXmVDjik/jzHLyDhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/elevation": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-WDF8SsRtq3rXUbVVbd9K4DUijIPH0bUFSOreVYxudpuxAfTlDS5+aeS1EK9UIBFYLuba4u5wVT2tDv6e1RTfrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/fab": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/fab/-/fab-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-KCu87rWOKEAe9vZcAm6K8XazYSWPNjMG+OhrbPjHW6bCO7as1YCgtmkBkhff7csY/rFmcVpIy884xtUfLmSudQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/feature-targeting": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-HyH1erNTSjS63sigNSUMaCd0nJhTNdDFeC+myrxwtDaQm+uYJ8troCNtQM3g6mx0XATNtX5aTOoPmrM6yVVi1A==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/floating-label": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-f7TPp6bKpGvV3sYYiZHSGlrixXKkXXITW3Esp7KB9jRq42c0H82novmdwvY0eTef4ootmA2JEysr78KQfHBUPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/focus-ring": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/focus-ring/-/focus-ring-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-ikw2RVUfgzXChpWIzPH1VzRvTjYb5ZKj4H+CZf7jqPUXMstFOZg90Bp7ARLZHqYiyNMuUq3zUTHozS6iHorSqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0"
+      }
+    },
+    "node_modules/@material/form-field": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-vpF9N/uq5no/7+8GAbEH0868FhOuBgxAWRr1Sfb+jthKfBr8OS/wPU/AHzZHdHdAm7PQynbeOXfDsX2dI//PDA==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/icon-button": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-wMI+XGzmIN/o2ePBKg2hLyx7H4pXCRAyyIKMQS1FMp1UKa2tYmiHVX/V8skhKwCqxg3i6Ls/LxMjfPxTR18WvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/image-list": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-Ol+uaHYBe5R/cgzlfh5ONnMVX0wO6fV74JMUcQCQlxP6lXau/edARo4tkRc7A7UJUkU3VRv0EpEjLoCRNUPGaA==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/layout-grid": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-ALXE1mqFNb/RB2lVRQ3/r1Aufw2mFZnOjRE+boYDVepmAG/xWyPCyaGoavELJF5l4GAb0tXi8wA/8HeGbLOpuA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/line-ripple": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-7hRx8C/e9i0P6pgQpNOMfTwSS2r1fwEvBL72QDVGLtLuoKKwsjjgP6Z0Jat/GeHJe87u9LQvGBoD4upt+of/HA==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/linear-progress": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-iJclt7mKmcMk6pqD7ocXKfCWZhqBoODp7N593jYlxVpTJuEz2wiVAjZUDn/YGj/Uz3CRH+2YFfOiLr9pwWjhDg==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/progress-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/list": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/list/-/list-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-rQ+FCSdzmwTcT00IYE0uRV3CS4oGSccKFl9hkcF+aHFW61L7ORh/SCGUDPrEfQFrFkMn5f8qroVJjpUAMXBz4g==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/menu": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/menu/-/menu-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-r7wzDLSGSI9629/mfpvsMzkVxpmV75kcD3IrW0Pcu6/Bv/1xi0EvjcUXzNJJoQlwN4Zj35Ymz/PCjZkIDIz68Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/menu-surface": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/menu-surface": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-RVO5GAYcfWPaKwxsF/NhUAmrYXQCQBKvRQW0TIlbmAJz6lcFeTs6YZqF3u1C7qrL3ZQGz+sur/7ywj6QU0oMow==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/notched-outline": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-9YHcBkvJLPVYzkHcWoTpBZAFrEd+j1hjhGxLhh0LuNrZe8VroUkZD1TTnUAPHRG3os6EqEWWaKb0RN+aPIF2yQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/floating-label": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/progress-indicator": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-c0icji4faeNWUoqGENGC7Hav0Puxh0RwXIDVizffaUxKIGbajpIp5+4Zop73fK/xFLGMB/npg7TbP+aCGjQ3fw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/radio": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/radio/-/radio-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-U3Eh8sNUA8trDla1Bq8Bo02foxYvtoewaKeF8A8tAju81XZ4jRiftfOsOWZDZEHCVbbCB2QwvutvFlnay5n+Aw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/ripple": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-RyePu7SjIm/OuyyEieZ/gxiPYkNZOZHeid72WRcN9ofdlljj2pifcdPvcfZA+v/DMS33xo5GjG2L/Qj6ClWrKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/rtl": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-NqdJl8Ayupp1Th+vCNCpVQHbUFOuF7TCte9LD1norTIBUF/QizIxWby2W5uUEiPbnh5j9PmE1CJtfLwKun3pcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/segmented-button": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/segmented-button/-/segmented-button-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-bEGgg8vgXNLyukyV8HRjFMuQ6t6nm5LQ4Pgm22um61Yc8qyi0BOqV41OR4SVdUrUqZxh1aVD+p+4NN03+LfQXw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/select": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/select/-/select-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-kf178/2TeEinTv0mgmSBcmmExQ2h7a7dtR1E3WuqQgisJ/R6+zVLMkC2CnfIyzxYX2vkuUTG0ue3Reh/6XiqSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/floating-label": "15.0.0-canary.684e33d25.0",
+        "@material/line-ripple": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/menu": "15.0.0-canary.684e33d25.0",
+        "@material/menu-surface": "15.0.0-canary.684e33d25.0",
+        "@material/notched-outline": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/shape": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-aEelpaTFmpnCji3TUGP9bVCS/bRVjUmLTHBPZtuu1gOrUVVtJ6kYOg73dZNJF+XOoNL2yOX/LRcKwsop29tptA==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/slider": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/slider/-/slider-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-WVyK+2pSNSZmj07M2K/a3TADoQ9FBCndfNC/vE7/wGIg4dddJJK5KvQ+yruf9R2cSzTL/S1sZ5WpyyeM8E9HTw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/snackbar": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-itO+DCkOannZzR1/cCHcqAm7ifhuFvXmDItNoA8qLEcAyJDJJRkhpwj3XQ01yuo9gBFcSctp7Txt7e+Hncm/Jg==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/icon-button": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/switch": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/switch/-/switch-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-Jxi0gl92yvvZZsAPxvVHzXx2ga+T/djMow98jvEczmpUorWnAhgiCr9CsSSRoosahWyRB8NLZOxUQrACxvffjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "safevalues": "^0.3.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tab": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tab/-/tab-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-WQL3wj9syHNcfe8KbgGGUcA34M8C/xZ+n0Fkkh8Kk6puVwaU+xqUNihsxPY6YzKpmh4PZ4oJaBdiN8zvFT1zqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tab-bar": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-SW/cMaDsIGGkM1ag3A7GJRlmr8eXmObWsvitQJzh6Azr5zzZtSI+GQygkMesAEE1gbpqOVN8d40rh3H7VVIAcA==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/tab": "15.0.0-canary.684e33d25.0",
+        "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/tab-scroller": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tab-indicator": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-kKICqSPqOlaf0lzaFFCmuOqPXJC+cK48Qmsc+m5o6fJhkmuZRCYpIwB2JeP+uZSOq/bTH+SrPtCtnVlgWg6ksA==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tab-scroller": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-H6EU/TSiK/M2DyyORX5GEtXD9rKYxTMHC2VxsNWARPMFJGzgeW2ugYkFv+rKI1/c0bs0CJ4e+qFnOlBsQXZvyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/tab": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/textfield": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-OvgpDXjvpyJTtAWskO69IDybFvDNzr9w2PN/Fk7yFm+uNVupaWz1Ew8lZ4gGslaTNSVmh2XcsvmzxcLINSiiNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/floating-label": "15.0.0-canary.684e33d25.0",
+        "@material/line-ripple": "15.0.0-canary.684e33d25.0",
+        "@material/notched-outline": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/theme": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-AZxaXXAvRKzAi20RlMxzt2U5UmkCWyv7DMWEBXsxtG5Tk54mi1HsbVUp3fxDPTlmL7Pq8p1/DESg/o7TgRCVlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tokens": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tokens/-/tokens-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-wVwbQOTCXDPKYPdHQHLr026y36MMFelID1CmbfRk6mSol4O8yE9U0fXcShfRDW8Qo5E3X31w9c2A6T3neJY7wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/elevation": "15.0.0-canary.684e33d25.0"
+      }
+    },
+    "node_modules/@material/tooltip": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tooltip/-/tooltip-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-dtm26QjxyQdinc8btgz6yys07b7bUW4FZgNF2EBPeGrICrPg7jf+JEvDziz5g8VMaTBQLOQRSCGy0MKuRlOjLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "safevalues": "^0.3.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/top-app-bar": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-1M+oupUxflfW7u81P1XlxoLZB8bLzwtpKofIfDNRbEsiKhlLTERJR3Yak3BGE9xakNMysAaBHlkb5MrN5bNPFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/touch-target": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-zdE69Slg8+T7sTn1OwqZ6H7WBYac9mxJ/JlJqfTqthzIjZRcCxBSYymQJcDHjsrPnUojOtr9U4Tpm5YZ96TEkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/typography": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-aVnvgMwcfNa/K4wujzpKDIxjGl2hbkEL+m+OKDSQqWYjKcP9QrbzCXJruJBqxrBoPRHLbqo47k5f9uT8raSgjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@mediapipe/holistic": {
       "version": "0.5.1675471629",
       "resolved": "https://registry.npmjs.org/@mediapipe/holistic/-/holistic-0.5.1675471629.tgz",
@@ -9681,11 +10529,17 @@
       }
     },
     "node_modules/parse5": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz",
-      "integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==",
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "devOptional": true,
       "license": "MIT",
-      "optional": true
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
     },
     "node_modules/parse5-html-rewriting-stream": {
       "version": "7.0.0",
@@ -9715,32 +10569,6 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/parse5-html-rewriting-stream/node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "entities": "^6.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
-    "node_modules/parse5-html-rewriting-stream/node_modules/parse5/node_modules/entities": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz",
-      "integrity": "sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/parse5-htmlparser2-tree-adapter": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz",
@@ -9771,11 +10599,11 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/parse5-sax-parser/node_modules/entities": {
+    "node_modules/parse5/node_modules/entities": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz",
       "integrity": "sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==",
-      "dev": true,
+      "devOptional": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -9784,19 +10612,6 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/parse5-sax-parser/node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "entities": "^6.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -10752,6 +11567,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/safevalues": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/safevalues/-/safevalues-0.3.4.tgz",
+      "integrity": "sha512-LRneZZRXNgjzwG4bDQdOTSbze3fHm1EAKN/8bePxnlEZiBmkYEDggaHbuvHI9/hoqHbGfsEA7tWS9GhYHZBBsw==",
+      "license": "Apache-2.0"
+    },
     "node_modules/sass": {
       "version": "1.58.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.58.1.tgz",
diff --git a/openvidu-testapp/package.json b/openvidu-testapp/package.json
index e5fe7b66..79d9ae51 100644
--- a/openvidu-testapp/package.json
+++ b/openvidu-testapp/package.json
@@ -1,13 +1,13 @@
 {
   "dependencies": {
     "@angular/animations": "15.2.10",
-    "@angular/cdk": "14.2.7",
+    "@angular/cdk": "15.2.9",
     "@angular/common": "15.2.10",
     "@angular/compiler": "15.2.10",
     "@angular/core": "15.2.10",
     "@angular/flex-layout": "14.0.0-beta.41",
     "@angular/forms": "15.2.10",
-    "@angular/material": "14.2.7",
+    "@angular/material": "15.2.9",
     "@angular/platform-browser": "15.2.10",
     "@angular/platform-browser-dynamic": "15.2.10",
     "@angular/router": "15.2.10",
diff --git a/openvidu-testapp/src/app/app.material.module.ts b/openvidu-testapp/src/app/app.material.module.ts
index 0ed65dfa..4e9e9b33 100644
--- a/openvidu-testapp/src/app/app.material.module.ts
+++ b/openvidu-testapp/src/app/app.material.module.ts
@@ -1,24 +1,24 @@
 import { NgModule } from '@angular/core';
 import { MatBadgeModule } from '@angular/material/badge';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCardModule } from '@angular/material/card';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatDialogModule } from '@angular/material/dialog';
+import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
+import { MatLegacyCardModule as MatCardModule } from '@angular/material/legacy-card';
+import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
+import { MatLegacyChipsModule as MatChipsModule } from '@angular/material/legacy-chips';
+import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
 import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';
 import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSelectModule } from '@angular/material/select';
+import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
+import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
+import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
+import { MatLegacyRadioModule as MatRadioModule } from '@angular/material/legacy-radio';
+import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
 import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTableModule } from '@angular/material/table';
-import { MatTabsModule } from '@angular/material/tabs';
+import { MatLegacySlideToggleModule as MatSlideToggleModule } from '@angular/material/legacy-slide-toggle';
+import { MatLegacyTableModule as MatTableModule } from '@angular/material/legacy-table';
+import { MatLegacyTabsModule as MatTabsModule } from '@angular/material/legacy-tabs';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip';
 
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
diff --git a/openvidu-testapp/src/app/components/dialogs/events-dialog/events-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/events-dialog/events-dialog.component.ts
index 2fda2f07..6735f473 100644
--- a/openvidu-testapp/src/app/components/dialogs/events-dialog/events-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/events-dialog/events-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 
 @Component({
diff --git a/openvidu-testapp/src/app/components/dialogs/extension-dialog/extension-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/extension-dialog/extension-dialog.component.ts
index 08ecce63..3ea0eb7f 100644
--- a/openvidu-testapp/src/app/components/dialogs/extension-dialog/extension-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/extension-dialog/extension-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 @Component({
     selector: 'app-extension-dialog',
diff --git a/openvidu-testapp/src/app/components/dialogs/local-recording-dialog/local-recording-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/local-recording-dialog/local-recording-dialog.component.ts
index 2ac33e9f..51171569 100644
--- a/openvidu-testapp/src/app/components/dialogs/local-recording-dialog/local-recording-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/local-recording-dialog/local-recording-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 import { LocalRecorder } from 'openvidu-browser-v2compatibility';
 
 @Component({
diff --git a/openvidu-testapp/src/app/components/dialogs/other-stream-operations-dialog/other-stream-operations-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/other-stream-operations-dialog/other-stream-operations-dialog.component.ts
index f8d88127..0dfa2b20 100644
--- a/openvidu-testapp/src/app/components/dialogs/other-stream-operations-dialog/other-stream-operations-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/other-stream-operations-dialog/other-stream-operations-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 import { FilterEvent, Session, Stream } from 'openvidu-browser-v2compatibility';
 
diff --git a/openvidu-testapp/src/app/components/dialogs/publisher-properties-dialog/publisher-properties-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/publisher-properties-dialog/publisher-properties-dialog.component.ts
index 481a7fd8..e48f9c89 100644
--- a/openvidu-testapp/src/app/components/dialogs/publisher-properties-dialog/publisher-properties-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/publisher-properties-dialog/publisher-properties-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 import { Filter, OpenVidu, PublisherProperties } from 'openvidu-browser-v2compatibility';
 
diff --git a/openvidu-testapp/src/app/components/dialogs/scenario-properties-dialog/scenario-properties-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/scenario-properties-dialog/scenario-properties-dialog.component.ts
index 6b2fc97e..5dd33848 100644
--- a/openvidu-testapp/src/app/components/dialogs/scenario-properties-dialog/scenario-properties-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/scenario-properties-dialog/scenario-properties-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 import { OpenVidu, PublisherProperties } from 'openvidu-browser-v2compatibility';
 
diff --git a/openvidu-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.ts
index 140dcd6e..bf331740 100644
--- a/openvidu-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 import { ConnectionProperties, OpenVidu as OpenViduAPI, OpenViduRole, RecordingProperties, Session as SessionAPI } from 'openvidu-node-client-v2compatibility';
 
diff --git a/openvidu-testapp/src/app/components/dialogs/session-info-dialog/session-info-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/session-info-dialog/session-info-dialog.component.ts
index c96a7c0f..faabc2b3 100644
--- a/openvidu-testapp/src/app/components/dialogs/session-info-dialog/session-info-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/session-info-dialog/session-info-dialog.component.ts
@@ -1,5 +1,5 @@
 import {Component, Inject} from "@angular/core";
-import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
+import {MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef} from "@angular/material/legacy-dialog";
 import {Session as SessionAPI} from 'openvidu-node-client-v2compatibility';
 
 @Component({
diff --git a/openvidu-testapp/src/app/components/dialogs/session-properties-dialog/session-properties-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/session-properties-dialog/session-properties-dialog.component.ts
index 2cf8df48..487e31c4 100644
--- a/openvidu-testapp/src/app/components/dialogs/session-properties-dialog/session-properties-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/session-properties-dialog/session-properties-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 import { ConnectionProperties, MediaMode, Recording, RecordingLayout, RecordingMode, SessionProperties, VideoCodec } from 'openvidu-node-client-v2compatibility';
 
diff --git a/openvidu-testapp/src/app/components/dialogs/show-codec-dialog/show-codec-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/show-codec-dialog/show-codec-dialog.component.ts
index f97052ff..3e6a9eb8 100644
--- a/openvidu-testapp/src/app/components/dialogs/show-codec-dialog/show-codec-dialog.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/show-codec-dialog/show-codec-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 @Component({
   selector: 'app-codec-used-dialog',
diff --git a/openvidu-testapp/src/app/components/dialogs/show-configured-ice/show-configured-ice.component.ts b/openvidu-testapp/src/app/components/dialogs/show-configured-ice/show-configured-ice.component.ts
index 7479e60b..ec08c7ad 100644
--- a/openvidu-testapp/src/app/components/dialogs/show-configured-ice/show-configured-ice.component.ts
+++ b/openvidu-testapp/src/app/components/dialogs/show-configured-ice/show-configured-ice.component.ts
@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 
 @Component({
diff --git a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
index 7073e34e..87d7a43e 100644
--- a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
+++ b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, Component, HostListener, Input, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 
 import { ConnectionEvent, ConnectionPropertyChangedEvent, Event, ExceptionEvent, NetworkQualityLevelChangedEvent, OpenVidu, OpenViduAdvancedConfiguration, OpenViduError, Publisher, PublisherProperties, PublisherSpeakingEvent, RecordingEvent, Session, SessionDisconnectedEvent, SignalEvent, SpeechToTextEvent, StreamEvent, StreamPropertyChangedEvent, Subscriber } from 'openvidu-browser-v2compatibility';
 import {
diff --git a/openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts b/openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts
index 22a47da2..20418ea6 100644
--- a/openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts
+++ b/openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts
@@ -8,7 +8,7 @@ import { ScenarioPropertiesDialogComponent } from "../dialogs/scenario-propertie
 import { SessionConf } from "../openvidu-instance/openvidu-instance.component";
 import { StreamManagerWrapper } from "../users-table/table-video.component";
 
-import { MatDialog } from "@angular/material/dialog";
+import { MatLegacyDialog as MatDialog } from "@angular/material/legacy-dialog";
 import {
   ConnectionEvent,
   OpenVidu,
diff --git a/openvidu-testapp/src/app/components/video/video.component.ts b/openvidu-testapp/src/app/components/video/video.component.ts
index 9efa115d..73f5b1fb 100644
--- a/openvidu-testapp/src/app/components/video/video.component.ts
+++ b/openvidu-testapp/src/app/components/video/video.component.ts
@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
-import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
 import { ShowCodecDialogComponent } from '../dialogs/show-codec-dialog/show-codec-dialog.component';
 
 import {
diff --git a/openvidu-testapp/src/openvidu-theme.scss b/openvidu-testapp/src/openvidu-theme.scss
index 54f35a7c..6f848976 100644
--- a/openvidu-testapp/src/openvidu-theme.scss
+++ b/openvidu-testapp/src/openvidu-theme.scss
@@ -4,7 +4,16 @@
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!
-@include mat.core();
+// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
+//  The following line adds:
+//    1. Default typography styles for all components
+//    2. Styles for typography hierarchy classes (e.g. .mat-headline-1)
+//  If you specify typography styles for the components you use elsewhere, you should delete this line.
+//  If you don't need the default component typographies but still want the hierarchy styles,
+//  you can delete this line and instead use:
+//    `@include mat.legacy-typography-hierarchy(mat.define-legacy-typography-config());`
+@include mat.all-legacy-component-typographies();
+@include mat.legacy-core();
 
 $mat-openvidu: (
     50:  #eaeaea,
@@ -54,4 +63,4 @@ $openvidu-theme: mat.define-light-theme($openvidu-primary, $openvidu-accent, $op
 // Include theme styles for core and each component used in your app.
 // Alternatively, you can import and @include the theme mixins for each component
 // that you are using.
-@include mat.all-component-themes($openvidu-theme);
\ No newline at end of file
+@include mat.all-legacy-component-themes($openvidu-theme);
\ No newline at end of file