fix(youtube-player): compatibility with latest typings (#22223)

Updates the `youtube-player` package to the latest typings and resolves a test failure.

Author: crisbeto

package.json

@@ -60,7 +60,7 @@
     "@angular/forms": "^12.0.0-next.5",
     "@angular/platform-browser": "^12.0.0-next.5",
     "@types/googlemaps": "^3.43.1",
-    "@types/youtube": "^0.0.40",
+    "@types/youtube": "^0.0.42",
     "@webcomponents/custom-elements": "^1.1.0",
     "core-js-bundle": "^3.8.2",
     "material-components-web": "11.0.0-canary.0cde52f5a.0",

src/youtube-player/fake-youtube-player.ts

@@ -6,8 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-// A re-creation of YT.PlayerState since enum values cannot be bound to the window
-// object.
+// A re-creation of YT.PlayerState since enum values cannot be bound to the window object.
 const playerState = {
   UNSTARTED: -1,
   ENDED: 0,
@@ -17,6 +16,13 @@ const playerState = {
   CUED: 5,
 };
 
+// Re-creation of `YT.ModestBranding` since it was changed
+// to a plain enum which we can't reference in tests.
+const modestBranding = {
+  Full: 0,
+  Modest: 1
+};
+
 interface FakeYtNamespace {
   playerCtorSpy: jasmine.Spy;
   playerSpy: jasmine.SpyObj<YT.Player>;
@@ -84,6 +90,7 @@ export function createFakeYtNamespace(): FakeYtNamespace {
     namespace: {
       'Player': playerCtorSpy as unknown as typeof YT.Player,
       'PlayerState': playerState,
+      'ModestBranding': modestBranding
     } as typeof YT,
   };
 }

src/youtube-player/package.json

@@ -17,7 +17,7 @@
   },
   "homepage": "https://github.com/angular/components/tree/master/src/youtube-player#readme",
   "dependencies": {
-    "@types/youtube": "^0.0.38",
+    "@types/youtube": "^0.0.42",
     "tslib": "0.0.0-TSLIB"
   },
   "peerDependencies": {

yarn.lock

@@ -2220,10 +2220,10 @@
   dependencies:
     yaml "*"
 
-"@types/youtube@^0.0.40":
-  version "0.0.40"
-  resolved "https://registry.yarnpkg.com/@types/youtube/-/youtube-0.0.40.tgz#93502cc42e4ce06a59db1e2d6fd986260dca31d3"
-  integrity sha512-gMiHfad1VGQ7CoXkhrjWiROPpLTSJydvBO73Z9JIIZ+FpZ2BX9q9Zf/tanP+KUTFoKUqHVv6+xt7sF2gztQ4Og==
+"@types/youtube@^0.0.42":
+  version "0.0.42"
+  resolved "https://registry.yarnpkg.com/@types/youtube/-/youtube-0.0.42.tgz#c3568e3e82e04cbd00cac3b66564ebcd21fd9d90"
+  integrity sha512-Nqo3HMPFPcNyZ7HNFZJjpH+N4yXqpxBItG+41e7nL9zednovMRZMXWj36CctSznbBcbj6ucvkJDo5iZ8SKqLIw==
 
 "@typescript-eslint/[email protected]":
   version "4.14.0"