build: update example-viewer to work with APF v13 (#1083)

Author: devversion

.gitignore

@@ -8,6 +8,8 @@
 # Only exists if Bazel was run
 /bazel-out
 
+.angular/
+
 # dependencies
 /node_modules
 

package.json

@@ -35,38 +35,38 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "13.0.0-next.9",
-    "@angular/cdk": "^13.0.0-next.7",
-    "@angular/cdk-experimental": "^13.0.0-next.7",
-    "@angular/common": "13.0.0-next.9",
-    "@angular/compiler": "13.0.0-next.9",
-    "@angular/components-examples": "angular/material2-docs-content#master",
-    "@angular/core": "13.0.0-next.9",
-    "@angular/forms": "13.0.0-next.9",
-    "@angular/google-maps": "^13.0.0-next.7",
-    "@angular/localize": "13.0.0-next.9",
-    "@angular/material": "^13.0.0-next.7",
-    "@angular/material-experimental": "^13.0.0-next.7",
-    "@angular/material-moment-adapter": "^13.0.0-next.7",
-    "@angular/platform-browser": "13.0.0-next.9",
-    "@angular/platform-browser-dynamic": "13.0.0-next.9",
-    "@angular/router": "13.0.0-next.9",
-    "@angular/youtube-player": "^13.0.0-next.7",
+    "@angular/animations": "13.0.0-next.15",
+    "@angular/cdk": "13.0.0-next.8",
+    "@angular/cdk-experimental": "13.0.0-next.8",
+    "@angular/common": "13.0.0-next.15",
+    "@angular/compiler": "13.0.0-next.15",
+    "@angular/components-examples": "angular/material2-docs-content#13.0.x",
+    "@angular/core": "13.0.0-next.15",
+    "@angular/forms": "13.0.0-next.15",
+    "@angular/google-maps": "13.0.0-next.8",
+    "@angular/localize": "13.0.0-next.15",
+    "@angular/material": "13.0.0-next.8",
+    "@angular/material-experimental": "13.0.0-next.8",
+    "@angular/material-moment-adapter": "13.0.0-next.8",
+    "@angular/platform-browser": "13.0.0-next.15",
+    "@angular/platform-browser-dynamic": "13.0.0-next.15",
+    "@angular/router": "13.0.0-next.15",
+    "@angular/youtube-player": "^13.0.0-next.8",
     "material-components-web": "13.0.0-canary.0a9069300.0",
     "moment": "^2.29.1",
     "rxjs": "^6.6.7",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^13.0.0-next.7",
+    "@angular-devkit/build-angular": "^13.0.0-next.9",
     "@angular-eslint/builder": "^12.3.0",
     "@angular-eslint/eslint-plugin": "^12.3.0",
     "@angular-eslint/eslint-plugin-template": "^12.3.0",
     "@angular-eslint/schematics": "^12.3.0",
     "@angular-eslint/template-parser": "^12.3.0",
-    "@angular/cli": "^13.0.0-next.7",
-    "@angular/compiler-cli": "13.0.0-next.9",
+    "@angular/cli": "^13.0.0-next.9",
+    "@angular/compiler-cli": "13.0.0-next.15",
     "@types/imagemin": "^7.0.0",
     "@types/jasmine": "^3.7.7",
     "@types/node": "^14.14.22",

src/app/shared/example-viewer/example-viewer.ts

@@ -191,7 +191,7 @@ export class ExampleViewer implements OnInit {
       // files. More details: https://webpack.js.org/api/module-methods/#magic-comments.
       const moduleExports: any = await import(
         /* webpackExclude: /\.map$/ */
-      '@angular/components-examples/fesm2015/' + module.importSpecifier);
+      '@angular/components-examples/fesm2020/' + module.importSpecifier);
       this._exampleComponentType = moduleExports[componentName];
       // The components examples package is built with Ivy. This means that no factory files are
       // generated. To retrieve the factory of the AOT compiled module, we simply pass the module