Changing front

2023-01-16 17:49:38 +01:00
parent 0b8a93b256
commit 4fe4be7730
48586 changed files with 4725790 additions and 17464 deletions
@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2017 Google, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
@@ -0,0 +1,31 @@
+# @schematics/angular
+
+This package contains a collection of [schematics](/packages/angular_devkit/schematics/README.md)
+for generating an Angular application.
+
+## Schematics
+
+| Name           | Description                                                                                           |
+| -------------- | ----------------------------------------------------------------------------------------------------- |
+| app-shell      | Generates an app shell for running a server-side version of an app                                    |
+| application    | Generates a new basic app definition in the "projects" subfolder of the workspace                     |
+| class          | Creates a new, generic class definition in the given or default project                               |
+| component      | Creates a new, generic component definition in the given or default project                           |
+| directive      | Creates a new, generic directive definition in the given or default project                           |
+| enum           | Generates a new, generic enum definition for the given or default project                             |
+| guard          | Generates a new, generic route guard definition in the given or default project                       |
+| interceptor    | Creates a new, generic interceptor definition in the given or default project                         |
+| interface      | Creates a new, generic interface definition in the given or default project                           |
+| library        | Creates a new, generic library project in the current workspace                                       |
+| module         | Creates a new, generic NgModule definition in the given or default project                            |
+| ng-new         | Creates a new project by combining the workspace and application schematics                           |
+| pipe           | Creates a new, generic pipe definition in the given or default project                                |
+| resolver       | Creates a new, generic resolver definition in the given or default project                            |
+| service        | Creates a new, generic service definition in the given or default project                             |
+| service-worker | Pass this schematic to the "run" command to create a service worker                                   |
+| web-worker     | Creates a new, generic web worker definition in the given or default project                          |
+| workspace      | Initializes an empty workspace and adds the necessary dependencies required by an Angular application |
+
+## Disclaimer
+
+While the schematics when executed via the Angular CLI and their associated options are considered stable, the programmatic APIs are not considered officially supported and are not subject to the breaking change guarantees of SemVer.
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as AppShellOptions } from './schema';
+export default function (options: AppShellOptions): Rule;
@@ -0,0 +1,277 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@angular-devkit/core");
+const schematics_1 = require("@angular-devkit/schematics");
+const ts = __importStar(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
+const ast_utils_1 = require("../utility/ast-utils");
+const change_1 = require("../utility/change");
+const ng_ast_utils_1 = require("../utility/ng-ast-utils");
+const project_targets_1 = require("../utility/project-targets");
+const workspace_1 = require("../utility/workspace");
+const workspace_models_1 = require("../utility/workspace-models");
+function getSourceFile(host, path) {
+    const content = host.readText(path);
+    const source = ts.createSourceFile(path, content, ts.ScriptTarget.Latest, true);
+    return source;
+}
+function getServerModulePath(host, sourceRoot, mainPath) {
+    const mainSource = getSourceFile(host, (0, core_1.join)((0, core_1.normalize)(sourceRoot), mainPath));
+    const allNodes = (0, ast_utils_1.getSourceNodes)(mainSource);
+    const expNode = allNodes.find((node) => ts.isExportDeclaration(node));
+    if (!expNode) {
+        return null;
+    }
+    const relativePath = expNode.moduleSpecifier;
+    const modulePath = (0, core_1.normalize)(`/${sourceRoot}/${relativePath.text}.ts`);
+    return modulePath;
+}
+function getComponentTemplateInfo(host, componentPath) {
+    const compSource = getSourceFile(host, componentPath);
+    const compMetadata = (0, ast_utils_1.getDecoratorMetadata)(compSource, 'Component', '@angular/core')[0];
+    return {
+        templateProp: getMetadataProperty(compMetadata, 'template'),
+        templateUrlProp: getMetadataProperty(compMetadata, 'templateUrl'),
+    };
+}
+function getComponentTemplate(host, compPath, tmplInfo) {
+    let template = '';
+    if (tmplInfo.templateProp) {
+        template = tmplInfo.templateProp.getFullText();
+    }
+    else if (tmplInfo.templateUrlProp) {
+        const templateUrl = tmplInfo.templateUrlProp.initializer.text;
+        const dir = (0, core_1.dirname)((0, core_1.normalize)(compPath));
+        const templatePath = (0, core_1.join)(dir, templateUrl);
+        try {
+            template = host.readText(templatePath);
+        }
+        catch { }
+    }
+    return template;
+}
+function getBootstrapComponentPath(host, mainPath) {
+    const modulePath = (0, ng_ast_utils_1.getAppModulePath)(host, mainPath);
+    const moduleSource = getSourceFile(host, modulePath);
+    const metadataNode = (0, ast_utils_1.getDecoratorMetadata)(moduleSource, 'NgModule', '@angular/core')[0];
+    const bootstrapProperty = getMetadataProperty(metadataNode, 'bootstrap');
+    const arrLiteral = bootstrapProperty.initializer;
+    const componentSymbol = arrLiteral.elements[0].getText();
+    const relativePath = (0, ast_utils_1.getSourceNodes)(moduleSource)
+        .filter(ts.isImportDeclaration)
+        .filter((imp) => {
+        return (0, ast_utils_1.findNode)(imp, ts.SyntaxKind.Identifier, componentSymbol);
+    })
+        .map((imp) => {
+        const pathStringLiteral = imp.moduleSpecifier;
+        return pathStringLiteral.text;
+    })[0];
+    return (0, core_1.join)((0, core_1.dirname)((0, core_1.normalize)(modulePath)), relativePath + '.ts');
+}
+// end helper functions.
+function validateProject(mainPath) {
+    return (host, context) => {
+        const routerOutletCheckRegex = /<router-outlet.*?>([\s\S]*?)<\/router-outlet>/;
+        const componentPath = getBootstrapComponentPath(host, mainPath);
+        const tmpl = getComponentTemplateInfo(host, componentPath);
+        const template = getComponentTemplate(host, componentPath, tmpl);
+        if (!routerOutletCheckRegex.test(template)) {
+            const errorMsg = `Prerequisite for application shell is to define a router-outlet in your root component.`;
+            context.logger.error(errorMsg);
+            throw new schematics_1.SchematicsException(errorMsg);
+        }
+    };
+}
+function addUniversalTarget(options) {
+    return () => {
+        // Copy options.
+        const universalOptions = {
+            ...options,
+        };
+        // Delete non-universal options.
+        delete universalOptions.route;
+        return (0, schematics_1.schematic)('universal', universalOptions);
+    };
+}
+function addAppShellConfigToWorkspace(options) {
+    return (host, context) => {
+        if (!options.route) {
+            throw new schematics_1.SchematicsException(`Route is not defined`);
+        }
+        return (0, workspace_1.updateWorkspace)((workspace) => {
+            var _a, _b, _c, _d;
+            const project = workspace.projects.get(options.project);
+            if (!project) {
+                return;
+            }
+            // Validation of targets is handled already in the main function.
+            // Duplicate keys means that we have configurations in both server and build builders.
+            const serverConfigKeys = (_b = (_a = project.targets.get('server')) === null || _a === void 0 ? void 0 : _a.configurations) !== null && _b !== void 0 ? _b : {};
+            const buildConfigKeys = (_d = (_c = project.targets.get('build')) === null || _c === void 0 ? void 0 : _c.configurations) !== null && _d !== void 0 ? _d : {};
+            const configurationNames = Object.keys({
+                ...serverConfigKeys,
+                ...buildConfigKeys,
+            });
+            const configurations = {};
+            for (const key of configurationNames) {
+                if (!serverConfigKeys[key]) {
+                    context.logger.warn(`Skipped adding "${key}" configuration to "app-shell" target as it's missing from "server" target.`);
+                    continue;
+                }
+                if (!buildConfigKeys[key]) {
+                    context.logger.warn(`Skipped adding "${key}" configuration to "app-shell" target as it's missing from "build" target.`);
+                    continue;
+                }
+                configurations[key] = {
+                    browserTarget: `${options.project}:build:${key}`,
+                    serverTarget: `${options.project}:server:${key}`,
+                };
+            }
+            project.targets.add({
+                name: 'app-shell',
+                builder: workspace_models_1.Builders.AppShell,
+                defaultConfiguration: configurations['production'] ? 'production' : undefined,
+                options: {
+                    route: options.route,
+                },
+                configurations,
+            });
+        });
+    };
+}
+function addRouterModule(mainPath) {
+    return (host) => {
+        const modulePath = (0, ng_ast_utils_1.getAppModulePath)(host, mainPath);
+        const moduleSource = getSourceFile(host, modulePath);
+        const changes = (0, ast_utils_1.addImportToModule)(moduleSource, modulePath, 'RouterModule', '@angular/router');
+        const recorder = host.beginUpdate(modulePath);
+        (0, change_1.applyToUpdateRecorder)(recorder, changes);
+        host.commitUpdate(recorder);
+        return host;
+    };
+}
+function getMetadataProperty(metadata, propertyName) {
+    const properties = metadata.properties;
+    const property = properties.filter(ts.isPropertyAssignment).filter((prop) => {
+        const name = prop.name;
+        switch (name.kind) {
+            case ts.SyntaxKind.Identifier:
+                return name.getText() === propertyName;
+            case ts.SyntaxKind.StringLiteral:
+                return name.text === propertyName;
+        }
+        return false;
+    })[0];
+    return property;
+}
+function addServerRoutes(options) {
+    return async (host) => {
+        // The workspace gets updated so this needs to be reloaded
+        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const clientProject = workspace.projects.get(options.project);
+        if (!clientProject) {
+            throw new Error('Universal schematic removed client project.');
+        }
+        const clientServerTarget = clientProject.targets.get('server');
+        if (!clientServerTarget) {
+            throw new Error('Universal schematic did not add server target to client project.');
+        }
+        const clientServerOptions = clientServerTarget.options;
+        if (!clientServerOptions) {
+            throw new schematics_1.SchematicsException('Server target does not contain options.');
+        }
+        const modulePath = getServerModulePath(host, clientProject.sourceRoot || 'src', options.main);
+        if (modulePath === null) {
+            throw new schematics_1.SchematicsException('Universal/server module not found.');
+        }
+        let moduleSource = getSourceFile(host, modulePath);
+        if (!(0, ast_utils_1.isImported)(moduleSource, 'Routes', '@angular/router')) {
+            const recorder = host.beginUpdate(modulePath);
+            const routesChange = (0, ast_utils_1.insertImport)(moduleSource, modulePath, 'Routes', '@angular/router');
+            if (routesChange) {
+                (0, change_1.applyToUpdateRecorder)(recorder, [routesChange]);
+            }
+            const imports = (0, ast_utils_1.getSourceNodes)(moduleSource)
+                .filter((node) => node.kind === ts.SyntaxKind.ImportDeclaration)
+                .sort((a, b) => a.getStart() - b.getStart());
+            const insertPosition = imports[imports.length - 1].getEnd();
+            const routeText = `\n\nconst routes: Routes = [ { path: '${options.route}', component: AppShellComponent }];`;
+            recorder.insertRight(insertPosition, routeText);
+            host.commitUpdate(recorder);
+        }
+        moduleSource = getSourceFile(host, modulePath);
+        if (!(0, ast_utils_1.isImported)(moduleSource, 'RouterModule', '@angular/router')) {
+            const recorder = host.beginUpdate(modulePath);
+            const routerModuleChange = (0, ast_utils_1.insertImport)(moduleSource, modulePath, 'RouterModule', '@angular/router');
+            if (routerModuleChange) {
+                (0, change_1.applyToUpdateRecorder)(recorder, [routerModuleChange]);
+            }
+            const metadataChange = (0, ast_utils_1.addSymbolToNgModuleMetadata)(moduleSource, modulePath, 'imports', 'RouterModule.forRoot(routes)');
+            if (metadataChange) {
+                (0, change_1.applyToUpdateRecorder)(recorder, metadataChange);
+            }
+            host.commitUpdate(recorder);
+        }
+    };
+}
+function addShellComponent(options) {
+    const componentOptions = {
+        name: 'app-shell',
+        module: options.rootModuleFileName,
+        project: options.project,
+    };
+    return (0, schematics_1.schematic)('component', componentOptions);
+}
+function default_1(options) {
+    return async (tree) => {
+        const workspace = await (0, workspace_1.getWorkspace)(tree);
+        const clientProject = workspace.projects.get(options.project);
+        if (!clientProject || clientProject.extensions.projectType !== 'application') {
+            throw new schematics_1.SchematicsException(`A client project type of "application" is required.`);
+        }
+        const clientBuildTarget = clientProject.targets.get('build');
+        if (!clientBuildTarget) {
+            throw (0, project_targets_1.targetBuildNotFoundError)();
+        }
+        const clientBuildOptions = (clientBuildTarget.options ||
+            {});
+        return (0, schematics_1.chain)([
+            validateProject(clientBuildOptions.main),
+            clientProject.targets.has('server') ? (0, schematics_1.noop)() : addUniversalTarget(options),
+            addAppShellConfigToWorkspace(options),
+            addRouterModule(clientBuildOptions.main),
+            addServerRoutes(options),
+            addShellComponent(options),
+        ]);
+    };
+}
+exports.default = default_1;
@@ -0,0 +1,29 @@
+/**
+ * Generates an application shell for running a server-side version of an app.
+ */
+export interface Schema {
+    /**
+     * The application ID to use in withServerTransition().
+     */
+    appId?: string;
+    /**
+     * The name of the main entry-point file.
+     */
+    main?: string;
+    /**
+     * The name of the related client app.
+     */
+    project: string;
+    /**
+     * The name of the root module class.
+     */
+    rootModuleClassName?: string;
+    /**
+     * The name of the root module file
+     */
+    rootModuleFileName?: string;
+    /**
+     * Route path used to produce the application shell.
+     */
+    route?: string;
+}
@@ -0,0 +1,4 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,45 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularAppShell",
+  "title": "Angular AppShell Options Schema",
+  "type": "object",
+  "description": "Generates an application shell for running a server-side version of an app.",
+  "additionalProperties": false,
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the related client app.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "route": {
+      "type": "string",
+      "description": "Route path used to produce the application shell.",
+      "default": "shell"
+    },
+    "appId": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The application ID to use in withServerTransition().",
+      "default": "serverApp"
+    },
+    "main": {
+      "type": "string",
+      "description": "The name of the main entry-point file.",
+      "default": "main.server.ts"
+    },
+    "rootModuleFileName": {
+      "type": "string",
+      "description": "The name of the root module file",
+      "default": "app.server.module.ts"
+    },
+    "rootModuleClassName": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The name of the root module class.",
+      "default": "AppServerModule"
+    }
+  },
+  "required": ["project"]
+}
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title><%= utils.classify(name) %></title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <<%= prefix %>-root></<%= prefix %>-root>
+</body>
+</html>
@@ -0,0 +1,13 @@
+<% if(!!viewEncapsulation) { %>import { ViewEncapsulation } from '@angular/core';
+<% }%>import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+
+<% if(!!viewEncapsulation) { %>
+platformBrowserDynamic().bootstrapModule(AppModule, {
+  defaultEncapsulation: ViewEncapsulation.<%= viewEncapsulation %>
+})
+  .catch(err => console.error(err));<% } else { %>
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.error(err));
+<% } %>
@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */
@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/app",
+    "types": []
+  },
+  "files": [
+    "src/main.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ]
+}
@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
+  ]
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ApplicationOptions } from './schema';
+export default function (options: ApplicationOptions): Rule;
@@ -0,0 +1,277 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@angular-devkit/core");
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const dependencies_1 = require("../utility/dependencies");
+const latest_versions_1 = require("../utility/latest-versions");
+const paths_1 = require("../utility/paths");
+const workspace_1 = require("../utility/workspace");
+const workspace_models_1 = require("../utility/workspace-models");
+const schema_1 = require("./schema");
+function addDependenciesToPackageJson(options) {
+    return (host, context) => {
+        [
+            {
+                type: dependencies_1.NodeDependencyType.Dev,
+                name: '@angular/compiler-cli',
+                version: latest_versions_1.latestVersions.Angular,
+            },
+            {
+                type: dependencies_1.NodeDependencyType.Dev,
+                name: '@angular-devkit/build-angular',
+                version: latest_versions_1.latestVersions.DevkitBuildAngular,
+            },
+            {
+                type: dependencies_1.NodeDependencyType.Dev,
+                name: 'typescript',
+                version: latest_versions_1.latestVersions['typescript'],
+            },
+        ].forEach((dependency) => (0, dependencies_1.addPackageJsonDependency)(host, dependency));
+        if (!options.skipInstall) {
+            context.addTask(new tasks_1.NodePackageInstallTask());
+        }
+        return host;
+    };
+}
+function addAppToWorkspaceFile(options, appDir, folderName) {
+    var _a, _b;
+    let projectRoot = appDir;
+    if (projectRoot) {
+        projectRoot += '/';
+    }
+    const schematics = {};
+    if (options.inlineTemplate ||
+        options.inlineStyle ||
+        options.minimal ||
+        options.style !== schema_1.Style.Css) {
+        const componentSchematicsOptions = {};
+        if ((_a = options.inlineTemplate) !== null && _a !== void 0 ? _a : options.minimal) {
+            componentSchematicsOptions.inlineTemplate = true;
+        }
+        if ((_b = options.inlineStyle) !== null && _b !== void 0 ? _b : options.minimal) {
+            componentSchematicsOptions.inlineStyle = true;
+        }
+        if (options.style && options.style !== schema_1.Style.Css) {
+            componentSchematicsOptions.style = options.style;
+        }
+        schematics['@schematics/angular:component'] = componentSchematicsOptions;
+    }
+    if (options.skipTests || options.minimal) {
+        const schematicsWithTests = [
+            'class',
+            'component',
+            'directive',
+            'guard',
+            'interceptor',
+            'pipe',
+            'resolver',
+            'service',
+        ];
+        schematicsWithTests.forEach((type) => {
+            if (!(`@schematics/angular:${type}` in schematics)) {
+                schematics[`@schematics/angular:${type}`] = {};
+            }
+            schematics[`@schematics/angular:${type}`].skipTests = true;
+        });
+    }
+    const sourceRoot = (0, core_1.join)((0, core_1.normalize)(projectRoot), 'src');
+    let budgets = [];
+    if (options.strict) {
+        budgets = [
+            {
+                type: 'initial',
+                maximumWarning: '500kb',
+                maximumError: '1mb',
+            },
+            {
+                type: 'anyComponentStyle',
+                maximumWarning: '2kb',
+                maximumError: '4kb',
+            },
+        ];
+    }
+    else {
+        budgets = [
+            {
+                type: 'initial',
+                maximumWarning: '2mb',
+                maximumError: '5mb',
+            },
+            {
+                type: 'anyComponentStyle',
+                maximumWarning: '6kb',
+                maximumError: '10kb',
+            },
+        ];
+    }
+    const inlineStyleLanguage = (options === null || options === void 0 ? void 0 : options.style) !== schema_1.Style.Css ? options.style : undefined;
+    const project = {
+        root: (0, core_1.normalize)(projectRoot),
+        sourceRoot,
+        projectType: workspace_models_1.ProjectType.Application,
+        prefix: options.prefix || 'app',
+        schematics,
+        targets: {
+            build: {
+                builder: workspace_models_1.Builders.Browser,
+                defaultConfiguration: 'production',
+                options: {
+                    outputPath: `dist/${folderName}`,
+                    index: `${sourceRoot}/index.html`,
+                    main: `${sourceRoot}/main.ts`,
+                    polyfills: ['zone.js'],
+                    tsConfig: `${projectRoot}tsconfig.app.json`,
+                    inlineStyleLanguage,
+                    assets: [`${sourceRoot}/favicon.ico`, `${sourceRoot}/assets`],
+                    styles: [`${sourceRoot}/styles.${options.style}`],
+                    scripts: [],
+                },
+                configurations: {
+                    production: {
+                        budgets,
+                        outputHashing: 'all',
+                    },
+                    development: {
+                        buildOptimizer: false,
+                        optimization: false,
+                        vendorChunk: true,
+                        extractLicenses: false,
+                        sourceMap: true,
+                        namedChunks: true,
+                    },
+                },
+            },
+            serve: {
+                builder: workspace_models_1.Builders.DevServer,
+                defaultConfiguration: 'development',
+                options: {},
+                configurations: {
+                    production: {
+                        browserTarget: `${options.name}:build:production`,
+                    },
+                    development: {
+                        browserTarget: `${options.name}:build:development`,
+                    },
+                },
+            },
+            'extract-i18n': {
+                builder: workspace_models_1.Builders.ExtractI18n,
+                options: {
+                    browserTarget: `${options.name}:build`,
+                },
+            },
+            test: options.minimal
+                ? undefined
+                : {
+                    builder: workspace_models_1.Builders.Karma,
+                    options: {
+                        polyfills: ['zone.js', 'zone.js/testing'],
+                        tsConfig: `${projectRoot}tsconfig.spec.json`,
+                        inlineStyleLanguage,
+                        assets: [`${sourceRoot}/favicon.ico`, `${sourceRoot}/assets`],
+                        styles: [`${sourceRoot}/styles.${options.style}`],
+                        scripts: [],
+                    },
+                },
+        },
+    };
+    return (0, workspace_1.updateWorkspace)((workspace) => {
+        workspace.projects.add({
+            name: options.name,
+            ...project,
+        });
+    });
+}
+function minimalPathFilter(path) {
+    return !path.endsWith('tsconfig.spec.json.template');
+}
+function default_1(options) {
+    return async (host) => {
+        var _a, _b;
+        const appRootSelector = `${options.prefix}-root`;
+        const componentOptions = !options.minimal
+            ? {
+                inlineStyle: options.inlineStyle,
+                inlineTemplate: options.inlineTemplate,
+                skipTests: options.skipTests,
+                style: options.style,
+                viewEncapsulation: options.viewEncapsulation,
+            }
+            : {
+                inlineStyle: (_a = options.inlineStyle) !== null && _a !== void 0 ? _a : true,
+                inlineTemplate: (_b = options.inlineTemplate) !== null && _b !== void 0 ? _b : true,
+                skipTests: true,
+                style: options.style,
+                viewEncapsulation: options.viewEncapsulation,
+            };
+        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const newProjectRoot = workspace.extensions.newProjectRoot || '';
+        // If scoped project (i.e. "@foo/bar"), convert dir to "foo/bar".
+        let folderName = options.name.startsWith('@') ? options.name.slice(1) : options.name;
+        if (/[A-Z]/.test(folderName)) {
+            folderName = schematics_1.strings.dasherize(folderName);
+        }
+        const appDir = options.projectRoot === undefined
+            ? (0, core_1.join)((0, core_1.normalize)(newProjectRoot), folderName)
+            : (0, core_1.normalize)(options.projectRoot);
+        const sourceDir = `${appDir}/src/app`;
+        return (0, schematics_1.chain)([
+            addAppToWorkspaceFile(options, appDir, folderName),
+            (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+                options.minimal ? (0, schematics_1.filter)(minimalPathFilter) : (0, schematics_1.noop)(),
+                (0, schematics_1.applyTemplates)({
+                    utils: schematics_1.strings,
+                    ...options,
+                    relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(appDir),
+                    appName: options.name,
+                    folderName,
+                }),
+                (0, schematics_1.move)(appDir),
+            ]), schematics_1.MergeStrategy.Overwrite),
+            (0, schematics_1.schematic)('module', {
+                name: 'app',
+                commonModule: false,
+                flat: true,
+                routing: options.routing,
+                routingScope: 'Root',
+                path: sourceDir,
+                project: options.name,
+            }),
+            (0, schematics_1.schematic)('component', {
+                name: 'app',
+                selector: appRootSelector,
+                flat: true,
+                path: sourceDir,
+                skipImport: true,
+                project: options.name,
+                ...componentOptions,
+            }),
+            (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./other-files'), [
+                options.strict ? (0, schematics_1.noop)() : (0, schematics_1.filter)((path) => path !== '/package.json.template'),
+                componentOptions.inlineTemplate
+                    ? (0, schematics_1.filter)((path) => !path.endsWith('.html.template'))
+                    : (0, schematics_1.noop)(),
+                componentOptions.skipTests
+                    ? (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts.template'))
+                    : (0, schematics_1.noop)(),
+                (0, schematics_1.applyTemplates)({
+                    utils: schematics_1.strings,
+                    ...options,
+                    selector: appRootSelector,
+                    ...componentOptions,
+                }),
+                (0, schematics_1.move)(sourceDir),
+            ]), schematics_1.MergeStrategy.Overwrite),
+            options.skipPackageJson ? (0, schematics_1.noop)() : addDependenciesToPackageJson(options),
+        ]);
+    };
+}
+exports.default = default_1;
@@ -0,0 +1,484 @@
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * The content below * * * * * * * * * * * -->
+<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
+<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * Delete the template below * * * * * * * * * * -->
+<!-- * * * * * * * to get started with your project! * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+
+<style>
+  :host {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    font-size: 14px;
+    color: #333;
+    box-sizing: border-box;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin: 8px 0;
+  }
+
+  p {
+    margin: 0;
+  }
+
+  .spacer {
+    flex: 1;
+  }
+
+  .toolbar {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    background-color: #1976d2;
+    color: white;
+    font-weight: 600;
+  }
+
+  .toolbar img {
+    margin: 0 16px;
+  }
+
+  .toolbar #twitter-logo {
+    height: 40px;
+    margin: 0 8px;
+  }
+
+  .toolbar #youtube-logo {
+    height: 40px;
+    margin: 0 16px;
+  }
+
+  .toolbar #twitter-logo:hover,
+  .toolbar #youtube-logo:hover {
+    opacity: 0.8;
+  }
+
+  .content {
+    display: flex;
+    margin: 82px auto 32px;
+    padding: 0 16px;
+    max-width: 960px;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  svg.material-icons {
+    height: 24px;
+    width: auto;
+  }
+
+  svg.material-icons:not(:last-child) {
+    margin-right: 8px;
+  }
+
+  .card svg.material-icons path {
+    fill: #888;
+  }
+
+  .card-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin-top: 16px;
+  }
+
+  .card {
+    all: unset;
+    border-radius: 4px;
+    border: 1px solid #eee;
+    background-color: #fafafa;
+    height: 40px;
+    width: 200px;
+    margin: 0 8px 16px;
+    padding: 16px;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    transition: all 0.2s ease-in-out;
+    line-height: 24px;
+  }
+
+  .card-container .card:not(:last-child) {
+    margin-right: 0;
+  }
+
+  .card.card-small {
+    height: 16px;
+    width: 168px;
+  }
+
+  .card-container .card:not(.highlight-card) {
+    cursor: pointer;
+  }
+
+  .card-container .card:not(.highlight-card):hover {
+    transform: translateY(-3px);
+    box-shadow: 0 4px 17px rgba(0, 0, 0, 0.35);
+  }
+
+  .card-container .card:not(.highlight-card):hover .material-icons path {
+    fill: rgb(105, 103, 103);
+  }
+
+  .card.highlight-card {
+    background-color: #1976d2;
+    color: white;
+    font-weight: 600;
+    border: none;
+    width: auto;
+    min-width: 30%;
+    position: relative;
+  }
+
+  .card.card.highlight-card span {
+    margin-left: 60px;
+  }
+
+  svg#rocket {
+    width: 80px;
+    position: absolute;
+    left: -10px;
+    top: -24px;
+  }
+
+  svg#rocket-smoke {
+    height: calc(100vh - 95px);
+    position: absolute;
+    top: 10px;
+    right: 180px;
+    z-index: -10;
+  }
+
+  a,
+  a:visited,
+  a:hover {
+    color: #1976d2;
+    text-decoration: none;
+  }
+
+  a:hover {
+    color: #125699;
+  }
+
+  .terminal {
+    position: relative;
+    width: 80%;
+    max-width: 600px;
+    border-radius: 6px;
+    padding-top: 45px;
+    margin-top: 8px;
+    overflow: hidden;
+    background-color: rgb(15, 15, 16);
+  }
+
+  .terminal::before {
+    content: "\2022 \2022 \2022";
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 4px;
+    background: rgb(58, 58, 58);
+    color: #c2c3c4;
+    width: 100%;
+    font-size: 2rem;
+    line-height: 0;
+    padding: 14px 0;
+    text-indent: 4px;
+  }
+
+  .terminal pre {
+    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
+    color: white;
+    padding: 0 1rem 1rem;
+    margin: 0;
+  }
+
+  .circle-link {
+    height: 40px;
+    width: 40px;
+    border-radius: 40px;
+    margin: 8px;
+    background-color: white;
+    border: 1px solid #eeeeee;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+    transition: 1s ease-out;
+  }
+
+  .circle-link:hover {
+    transform: translateY(-0.25rem);
+    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
+  }
+
+  footer {
+    margin-top: 8px;
+    display: flex;
+    align-items: center;
+    line-height: 20px;
+  }
+
+  footer a {
+    display: flex;
+    align-items: center;
+  }
+
+  .github-star-badge {
+    color: #24292e;
+    display: flex;
+    align-items: center;
+    font-size: 12px;
+    padding: 3px 10px;
+    border: 1px solid rgba(27,31,35,.2);
+    border-radius: 3px;
+    background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%);
+    margin-left: 4px;
+    font-weight: 600;
+  }
+
+  .github-star-badge:hover {
+    background-image: linear-gradient(-180deg,#f0f3f6,#e6ebf1 90%);
+    border-color: rgba(27,31,35,.35);
+    background-position: -.5em;
+  }
+
+  .github-star-badge .material-icons {
+    height: 16px;
+    width: 16px;
+    margin-right: 4px;
+  }
+
+  svg#clouds {
+    position: fixed;
+    bottom: -160px;
+    left: -230px;
+    z-index: -10;
+    width: 1920px;
+  }
+
+  /* Responsive Styles */
+  @media screen and (max-width: 767px) {
+    .card-container > *:not(.circle-link) ,
+    .terminal {
+      width: 100%;
+    }
+
+    .card:not(.highlight-card) {
+      height: 16px;
+      margin: 8px 0;
+    }
+
+    .card.highlight-card span {
+      margin-left: 72px;
+    }
+
+    svg#rocket-smoke {
+      right: 120px;
+      transform: rotate(-5deg);
+    }
+  }
+
+  @media screen and (max-width: 575px) {
+    svg#rocket-smoke {
+      display: none;
+      visibility: hidden;
+    }
+  }
+</style>
+
+<!-- Toolbar -->
+<div class="toolbar" role="banner">
+  <img
+    width="40"
+    alt="Angular Logo"
+    src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="
+  />
+  <span>Welcome</span>
+    <div class="spacer"></div>
+    <a aria-label="Angular on twitter" target="_blank" rel="noopener" href="https://twitter.com/angular" title="Twitter">
+      <svg id="twitter-logo" height="24" data-name="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
+        <rect width="400" height="400" fill="none"/>
+        <path d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23" fill="#fff"/>
+      </svg>
+    </a>
+    <a aria-label="Angular on YouTube" target="_blank" rel="noopener" href="https://youtube.com/angular" title="YouTube">
+      <svg id="youtube-logo" height="24" width="24" data-name="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff">
+        <path d="M0 0h24v24H0V0z" fill="none"/>
+        <path d="M21.58 7.19c-.23-.86-.91-1.54-1.77-1.77C18.25 5 12 5 12 5s-6.25 0-7.81.42c-.86.23-1.54.91-1.77 1.77C2 8.75 2 12 2 12s0 3.25.42 4.81c.23.86.91 1.54 1.77 1.77C5.75 19 12 19 12 19s6.25 0 7.81-.42c.86-.23 1.54-.91 1.77-1.77C22 15.25 22 12 22 12s0-3.25-.42-4.81zM10 15V9l5.2 3-5.2 3z"/>
+      </svg>
+    </a>
+</div>
+
+<div class="content" role="main">
+
+  <!-- Highlight Card -->
+  <div class="card highlight-card card-small">
+
+    <svg id="rocket" xmlns="http://www.w3.org/2000/svg" width="101.678" height="101.678" viewBox="0 0 101.678 101.678">
+      <title>Rocket Ship</title>
+      <g id="Group_83" data-name="Group 83" transform="translate(-141 -696)">
+        <circle id="Ellipse_8" data-name="Ellipse 8" cx="50.839" cy="50.839" r="50.839" transform="translate(141 696)" fill="#dd0031"/>
+        <g id="Group_47" data-name="Group 47" transform="translate(165.185 720.185)">
+          <path id="Path_33" data-name="Path 33" d="M3.4,42.615a3.084,3.084,0,0,0,3.553,3.553,21.419,21.419,0,0,0,12.215-6.107L9.511,30.4A21.419,21.419,0,0,0,3.4,42.615Z" transform="translate(0.371 3.363)" fill="#fff"/>
+          <path id="Path_34" data-name="Path 34" d="M53.3,3.221A3.09,3.09,0,0,0,50.081,0,48.227,48.227,0,0,0,18.322,13.437c-6-1.666-14.991-1.221-18.322,7.218A33.892,33.892,0,0,1,9.439,25.1l-.333.666a3.013,3.013,0,0,0,.555,3.553L23.985,43.641a2.9,2.9,0,0,0,3.553.555l.666-.333A33.892,33.892,0,0,1,32.647,53.3c8.55-3.664,8.884-12.326,7.218-18.322A48.227,48.227,0,0,0,53.3,3.221ZM34.424,9.772a6.439,6.439,0,1,1,9.106,9.106,6.368,6.368,0,0,1-9.106,0A6.467,6.467,0,0,1,34.424,9.772Z" transform="translate(0 0.005)" fill="#fff"/>
+        </g>
+      </g>
+    </svg>
+
+    <span>{{ title }} app is running!</span>
+
+    <svg id="rocket-smoke" xmlns="http://www.w3.org/2000/svg" width="516.119" height="1083.632" viewBox="0 0 516.119 1083.632">
+      <title>Rocket Ship Smoke</title>
+      <path id="Path_40" data-name="Path 40" d="M644.6,141S143.02,215.537,147.049,870.207s342.774,201.755,342.774,201.755S404.659,847.213,388.815,762.2c-27.116-145.51-11.551-384.124,271.9-609.1C671.15,139.365,644.6,141,644.6,141Z" transform="translate(-147.025 -140.939)" fill="#f5f5f5"/>
+    </svg>
+
+  </div>
+
+  <!-- Resources -->
+  <h2>Resources</h2>
+  <p>Here are some links to help you get started:</p>
+
+  <div class="card-container">
+    <a class="card" target="_blank" rel="noopener" href="https://angular.io/tutorial">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>
+      <span>Learn Angular</span>
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>    </a>
+
+    <a class="card" target="_blank" rel="noopener" href="https://angular.io/cli">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>
+      <span>CLI Documentation</span>
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
+    </a>
+
+    <a class="card" target="_blank" rel="noopener" href="https://material.angular.io">
+      <svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 8px" width="21.813" height="23.453" viewBox="0 0 179.2 192.7"><path fill="#ffa726" d="M89.4 0 0 32l13.5 118.4 75.9 42.3 76-42.3L179.2 32 89.4 0z"/><path fill="#fb8c00" d="M89.4 0v192.7l76-42.3L179.2 32 89.4 0z"/><path fill="#ffe0b2" d="m102.9 146.3-63.3-30.5 36.3-22.4 63.7 30.6-36.7 22.3z"/><path fill="#fff3e0" d="M102.9 122.8 39.6 92.2l36.3-22.3 63.7 30.6-36.7 22.3z"/><path fill="#fff" d="M102.9 99.3 39.6 68.7l36.3-22.4 63.7 30.6-36.7 22.4z"/></svg>
+      <span>Angular Material</span>
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
+    </a>
+
+    <a class="card" target="_blank" rel="noopener" href="https://blog.angular.io/">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"/></svg>
+      <span>Angular Blog</span>
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
+    </a>
+
+    <a class="card" target="_blank" rel="noopener" href="https://angular.io/devtools/">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M14.73,13.31C15.52,12.24,16,10.93,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16 c1.43,0,2.74-0.48,3.81-1.27L19.59,21L21,19.59L14.73,13.31z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5 S11.99,14,9.5,14z"/><polygon points="10.29,8.44 9.5,6 8.71,8.44 6.25,8.44 8.26,10.03 7.49,12.5 9.5,10.97 11.51,12.5 10.74,10.03 12.75,8.44"/></g></g></svg>
+      <span>Angular DevTools</span>
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
+    </a>
+
+  </div>
+
+  <!-- Next Steps -->
+  <h2>Next Steps</h2>
+  <p>What do you want to do next with your app?</p>
+
+  <input type="hidden" #selection>
+
+  <div class="card-container">
+    <button class="card card-small" (click)="selection.value = 'component'" tabindex="0">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+      <span>New Component</span>
+    </button>
+
+    <button class="card card-small" (click)="selection.value = 'material'" tabindex="0">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+      <span>Angular Material</span>
+    </button>
+
+    <button class="card card-small" (click)="selection.value = 'pwa'" tabindex="0">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+      <span>Add PWA Support</span>
+    </button>
+
+    <button class="card card-small" (click)="selection.value = 'dependency'" tabindex="0">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+      <span>Add Dependency</span>
+    </button>
+
+    <button class="card card-small" (click)="selection.value = 'test'" tabindex="0">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+      <span>Run and Watch Tests</span>
+    </button>
+
+    <button class="card card-small" (click)="selection.value = 'build'" tabindex="0">
+      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+      <span>Build for Production</span>
+    </button>
+  </div>
+
+  <!-- Terminal -->
+  <div class="terminal" [ngSwitch]="selection.value">
+      <pre *ngSwitchDefault>ng generate component xyz</pre>
+      <pre *ngSwitchCase="'material'">ng add @angular/material</pre>
+      <pre *ngSwitchCase="'pwa'">ng add @angular/pwa</pre>
+      <pre *ngSwitchCase="'dependency'">ng add _____</pre>
+      <pre *ngSwitchCase="'test'">ng test</pre>
+      <pre *ngSwitchCase="'build'">ng build</pre>
+  </div>
+
+  <!-- Links -->
+  <div class="card-container">
+    <a class="circle-link" title="Find a Local Meetup" href="https://www.meetup.com/find/?keywords=angular" target="_blank" rel="noopener">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24.607" height="23.447" viewBox="0 0 24.607 23.447">
+        <title>Meetup Logo</title>
+        <path id="logo--mSwarm" d="M21.221,14.95A4.393,4.393,0,0,1,17.6,19.281a4.452,4.452,0,0,1-.8.069c-.09,0-.125.035-.154.117a2.939,2.939,0,0,1-2.506,2.091,2.868,2.868,0,0,1-2.248-.624.168.168,0,0,0-.245-.005,3.926,3.926,0,0,1-2.589.741,4.015,4.015,0,0,1-3.7-3.347,2.7,2.7,0,0,1-.043-.38c0-.106-.042-.146-.143-.166a3.524,3.524,0,0,1-1.516-.69A3.623,3.623,0,0,1,2.23,14.557a3.66,3.66,0,0,1,1.077-3.085.138.138,0,0,0,.026-.2,3.348,3.348,0,0,1-.451-1.821,3.46,3.46,0,0,1,2.749-3.28.44.44,0,0,0,.355-.281,5.072,5.072,0,0,1,3.863-3,5.028,5.028,0,0,1,3.555.666.31.31,0,0,0,.271.03A4.5,4.5,0,0,1,18.3,4.7a4.4,4.4,0,0,1,1.334,2.751,3.658,3.658,0,0,1,.022.706.131.131,0,0,0,.1.157,2.432,2.432,0,0,1,1.574,1.645,2.464,2.464,0,0,1-.7,2.616c-.065.064-.051.1-.014.166A4.321,4.321,0,0,1,21.221,14.95ZM13.4,14.607a2.09,2.09,0,0,0,1.409,1.982,4.7,4.7,0,0,0,1.275.221,1.807,1.807,0,0,0,.9-.151.542.542,0,0,0,.321-.545.558.558,0,0,0-.359-.534,1.2,1.2,0,0,0-.254-.078c-.262-.047-.526-.086-.787-.138a.674.674,0,0,1-.617-.75,3.394,3.394,0,0,1,.218-1.109c.217-.658.509-1.286.79-1.918a15.609,15.609,0,0,0,.745-1.86,1.95,1.95,0,0,0,.06-1.073,1.286,1.286,0,0,0-1.051-1.033,1.977,1.977,0,0,0-1.521.2.339.339,0,0,1-.446-.042c-.1-.092-.2-.189-.307-.284a1.214,1.214,0,0,0-1.643-.061,7.563,7.563,0,0,1-.614.512A.588.588,0,0,1,10.883,8c-.215-.115-.437-.215-.659-.316a2.153,2.153,0,0,0-.695-.248A2.091,2.091,0,0,0,7.541,8.562a9.915,9.915,0,0,0-.405.986c-.559,1.545-1.015,3.123-1.487,4.7a1.528,1.528,0,0,0,.634,1.777,1.755,1.755,0,0,0,1.5.211,1.35,1.35,0,0,0,.824-.858c.543-1.281,1.032-2.584,1.55-3.875.142-.355.28-.712.432-1.064a.548.548,0,0,1,.851-.24.622.622,0,0,1,.185.539,2.161,2.161,0,0,1-.181.621c-.337.852-.68,1.7-1.018,2.552a2.564,2.564,0,0,0-.173.528.624.624,0,0,0,.333.71,1.073,1.073,0,0,0,.814.034,1.22,1.22,0,0,0,.657-.655q.758-1.488,1.511-2.978.35-.687.709-1.37a1.073,1.073,0,0,1,.357-.434.43.43,0,0,1,.463-.016.373.373,0,0,1,.153.387.7.7,0,0,1-.057.236c-.065.157-.127.316-.2.469-.42.883-.846,1.763-1.262,2.648A2.463,2.463,0,0,0,13.4,14.607Zm5.888,6.508a1.09,1.09,0,0,0-2.179.006,1.09,1.09,0,0,0,2.179-.006ZM1.028,12.139a1.038,1.038,0,1,0,.01-2.075,1.038,1.038,0,0,0-.01,2.075ZM13.782.528a1.027,1.027,0,1,0-.011,2.055A1.027,1.027,0,0,0,13.782.528ZM22.21,6.95a.882.882,0,0,0-1.763.011A.882.882,0,0,0,22.21,6.95ZM4.153,4.439a.785.785,0,1,0,.787-.78A.766.766,0,0,0,4.153,4.439Zm8.221,18.22a.676.676,0,1,0-.677.666A.671.671,0,0,0,12.374,22.658ZM22.872,12.2a.674.674,0,0,0-.665.665.656.656,0,0,0,.655.643.634.634,0,0,0,.655-.644A.654.654,0,0,0,22.872,12.2ZM7.171-.123A.546.546,0,0,0,6.613.43a.553.553,0,1,0,1.106,0A.539.539,0,0,0,7.171-.123ZM24.119,9.234a.507.507,0,0,0-.493.488.494.494,0,0,0,.494.494.48.48,0,0,0,.487-.483A.491.491,0,0,0,24.119,9.234Zm-19.454,9.7a.5.5,0,0,0-.488-.488.491.491,0,0,0-.487.5.483.483,0,0,0,.491.479A.49.49,0,0,0,4.665,18.936Z" transform="translate(0 0.123)" fill="#f64060"/>
+      </svg>
+    </a>
+
+    <a class="circle-link" title="Join the Conversation on Discord" href="https://discord.gg/angular" target="_blank" rel="noopener">
+      <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 245 240">
+        <title>Discord Logo</title>
+        <path d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/>
+        <path d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/>
+      </svg>
+    </a>
+  </div>
+
+  <!-- Footer -->
+  <footer>
+      Love Angular?&nbsp;
+      <a href="https://github.com/angular/angular" target="_blank" rel="noopener"> Give our repo a star.
+        <div class="github-star-badge">
+            <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
+          Star
+        </div>
+      </a>
+      <a href="https://github.com/angular/angular" target="_blank" rel="noopener">
+        <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" fill="#1976d2"/><path d="M0 0h24v24H0z" fill="none"/></svg>
+      </a>
+  </footer>
+
+  <svg id="clouds" xmlns="http://www.w3.org/2000/svg" width="2611.084" height="485.677" viewBox="0 0 2611.084 485.677">
+    <title>Gray Clouds Background</title>
+    <path id="Path_39" data-name="Path 39" d="M2379.709,863.793c10-93-77-171-168-149-52-114-225-105-264,15-75,3-140,59-152,133-30,2.83-66.725,9.829-93.5,26.25-26.771-16.421-63.5-23.42-93.5-26.25-12-74-77-130-152-133-39-120-212-129-264-15-54.084-13.075-106.753,9.173-138.488,48.9-31.734-39.726-84.4-61.974-138.487-48.9-52-114-225-105-264,15a162.027,162.027,0,0,0-103.147,43.044c-30.633-45.365-87.1-72.091-145.206-58.044-52-114-225-105-264,15-75,3-140,59-152,133-53,5-127,23-130,83-2,42,35,72,70,86,49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33,61.112,8.015,113.854-5.72,150.492-29.764a165.62,165.62,0,0,0,110.861-3.236c47,94,178,113,251,33,31.385,4.116,60.563,2.495,86.487-3.311,25.924,5.806,55.1,7.427,86.488,3.311,73,80,204,61,251-33a165.625,165.625,0,0,0,120,0c51,13,108,15,157-5a147.188,147.188,0,0,0,33.5-18.694,147.217,147.217,0,0,0,33.5,18.694c49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33C2446.709,1093.793,2554.709,922.793,2379.709,863.793Z" transform="translate(142.69 -634.312)" fill="#eee"/>
+  </svg>
+
+</div>
+
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * The content above * * * * * * * * * * * -->
+<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
+<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<% if (routing) { %>
+<router-outlet></router-outlet><% } %>
@@ -0,0 +1,35 @@
+import { TestBed } from '@angular/core/testing';<% if (routing) { %>
+import { RouterTestingModule } from '@angular/router/testing';<% } %>
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({<% if (routing) { %>
+      imports: [
+        RouterTestingModule
+      ],<% } %>
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title '<%= name %>'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('<%= name %>');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('.content span')?.textContent).toContain('<%= name %> app is running!');
+  });
+});
@@ -0,0 +1,36 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: '<%= selector %>',<% if(inlineTemplate) { %>
+  template: `
+    <!--The content below is only a placeholder and can be replaced.-->
+    <div style="text-align:center" class="content">
+      <h1>
+        Welcome to {{title}}!
+      </h1>
+      <span style="display: block">{{ title }} app is running!</span>
+      <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
+    </div>
+    <h2>Here are some links to help you start: </h2>
+    <ul>
+      <li>
+        <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
+      </li>
+      <li>
+        <h2><a target="_blank" rel="noopener" href="https://angular.io/cli">CLI Documentation</a></h2>
+      </li>
+      <li>
+        <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
+      </li>
+    </ul>
+    <% if (routing) {
+     %><router-outlet></router-outlet><%
+    } %>
+  `,<% } else { %>
+  templateUrl: './app.component.html',<% } if(inlineStyle) { %>
+  styles: []<% } else { %>
+  styleUrls: ['./app.component.<%= style %>']<% } %>
+})
+export class AppComponent {
+  title = '<%= name %>';
+}
@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+<% if (routing) { %>
+import { AppRoutingModule } from './app-routing.module';<% } %>
+import { AppComponent } from './app.component';
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule<% if (routing) { %>,
+    AppRoutingModule<% } %>
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
@@ -0,0 +1,78 @@
+/**
+ * Generates a new basic application definition in the "projects" subfolder of the workspace.
+ */
+export interface Schema {
+    /**
+     * Include styles inline in the root component.ts file. Only CSS styles can be included
+     * inline. Default is false, meaning that an external styles file is created and referenced
+     * in the root component.ts file.
+     */
+    inlineStyle?: boolean;
+    /**
+     * Include template inline in the root component.ts file. Default is false, meaning that an
+     * external template file is created and referenced in the root component.ts file.
+     */
+    inlineTemplate?: boolean;
+    /**
+     * Create a bare-bones project without any testing frameworks. (Use for learning purposes
+     * only.)
+     */
+    minimal?: boolean;
+    /**
+     * The name of the new application.
+     */
+    name: string;
+    /**
+     * A prefix to apply to generated selectors.
+     */
+    prefix?: string;
+    /**
+     * The root directory of the new application.
+     */
+    projectRoot?: string;
+    /**
+     * Create a routing NgModule.
+     */
+    routing?: boolean;
+    /**
+     * Skip installing dependency packages.
+     */
+    skipInstall?: boolean;
+    /**
+     * Do not add dependencies to the "package.json" file.
+     */
+    skipPackageJson?: boolean;
+    /**
+     * Do not create "spec.ts" test files for the application.
+     */
+    skipTests?: boolean;
+    /**
+     * Creates an application with stricter bundle budgets settings.
+     */
+    strict?: boolean;
+    /**
+     * The file extension or preprocessor to use for style files.
+     */
+    style?: Style;
+    /**
+     * The view encapsulation strategy to use in the new application.
+     */
+    viewEncapsulation?: ViewEncapsulation;
+}
+/**
+ * The file extension or preprocessor to use for style files.
+ */
+export declare enum Style {
+    Css = "css",
+    Less = "less",
+    Sass = "sass",
+    Scss = "scss"
+}
+/**
+ * The view encapsulation strategy to use in the new application.
+ */
+export declare enum ViewEncapsulation {
+    Emulated = "Emulated",
+    None = "None",
+    ShadowDom = "ShadowDom"
+}
@@ -0,0 +1,24 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewEncapsulation = exports.Style = void 0;
+/**
+ * The file extension or preprocessor to use for style files.
+ */
+var Style;
+(function (Style) {
+    Style["Css"] = "css";
+    Style["Less"] = "less";
+    Style["Sass"] = "sass";
+    Style["Scss"] = "scss";
+})(Style = exports.Style || (exports.Style = {}));
+/**
+ * The view encapsulation strategy to use in the new application.
+ */
+var ViewEncapsulation;
+(function (ViewEncapsulation) {
+    ViewEncapsulation["Emulated"] = "Emulated";
+    ViewEncapsulation["None"] = "None";
+    ViewEncapsulation["ShadowDom"] = "ShadowDom";
+})(ViewEncapsulation = exports.ViewEncapsulation || (exports.ViewEncapsulation = {}));
@@ -0,0 +1,108 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularApp",
+  "title": "Angular Application Options Schema",
+  "type": "object",
+  "description": "Generates a new basic application definition in the \"projects\" subfolder of the workspace.",
+  "additionalProperties": false,
+  "properties": {
+    "projectRoot": {
+      "description": "The root directory of the new application.",
+      "type": "string"
+    },
+    "name": {
+      "description": "The name of the new application.",
+      "type": "string",
+      "pattern": "^(?:@[a-zA-Z0-9-*~][a-zA-Z0-9-*._~]*/)?[a-zA-Z0-9-~][a-zA-Z0-9-._~]*$",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the application?"
+    },
+    "inlineStyle": {
+      "description": "Include styles inline in the root component.ts file. Only CSS styles can be included inline. Default is false, meaning that an external styles file is created and referenced in the root component.ts file.",
+      "type": "boolean",
+      "alias": "s",
+      "x-user-analytics": "ep.ng_inline_style"
+    },
+    "inlineTemplate": {
+      "description": "Include template inline in the root component.ts file. Default is false, meaning that an external template file is created and referenced in the root component.ts file. ",
+      "type": "boolean",
+      "alias": "t",
+      "x-user-analytics": "ep.ng_inline_template"
+    },
+    "viewEncapsulation": {
+      "description": "The view encapsulation strategy to use in the new application.",
+      "enum": ["Emulated", "None", "ShadowDom"],
+      "type": "string"
+    },
+    "routing": {
+      "type": "boolean",
+      "description": "Create a routing NgModule.",
+      "default": false,
+      "x-prompt": "Would you like to add Angular routing?",
+      "x-user-analytics": "ep.ng_routing"
+    },
+    "prefix": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "A prefix to apply to generated selectors.",
+      "default": "app",
+      "alias": "p"
+    },
+    "style": {
+      "description": "The file extension or preprocessor to use for style files.",
+      "type": "string",
+      "default": "css",
+      "enum": ["css", "scss", "sass", "less"],
+      "x-prompt": {
+        "message": "Which stylesheet format would you like to use?",
+        "type": "list",
+        "items": [
+          { "value": "css", "label": "CSS" },
+          {
+            "value": "scss",
+            "label": "SCSS   [ https://sass-lang.com/documentation/syntax#scss                ]"
+          },
+          {
+            "value": "sass",
+            "label": "Sass   [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]"
+          },
+          {
+            "value": "less",
+            "label": "Less   [ http://lesscss.org                                             ]"
+          }
+        ]
+      },
+      "x-user-analytics": "ep.ng_style"
+    },
+    "skipTests": {
+      "description": "Do not create \"spec.ts\" test files for the application.",
+      "type": "boolean",
+      "default": false,
+      "alias": "S"
+    },
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add dependencies to the \"package.json\" file."
+    },
+    "minimal": {
+      "description": "Create a bare-bones project without any testing frameworks. (Use for learning purposes only.)",
+      "type": "boolean",
+      "default": false
+    },
+    "skipInstall": {
+      "description": "Skip installing dependency packages.",
+      "type": "boolean",
+      "default": false
+    },
+    "strict": {
+      "description": "Creates an application with stricter bundle budgets settings.",
+      "type": "boolean",
+      "default": true
+    }
+  },
+  "required": ["name"]
+}
@@ -0,0 +1,7 @@
+import { <%= classify(name) %> } from './<%= dasherize(name) %><%= type %>';
+
+describe('<%= classify(name) %>', () => {
+  it('should create an instance', () => {
+    expect(new <%= classify(name) %>()).toBeTruthy();
+  });
+});
@@ -0,0 +1,2 @@
+export class <%= classify(name) %> {
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ClassOptions } from './schema';
+export default function (options: ClassOptions): Rule;
@@ -0,0 +1,15 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const generate_from_files_1 = require("../utility/generate-from-files");
+function default_1(options) {
+    options.type = options.type ? `.${options.type}` : '';
+    return (0, generate_from_files_1.generateFromFiles)(options);
+}
+exports.default = default_1;
@@ -0,0 +1,25 @@
+/**
+ * Creates a new, generic class definition in the given or default project.
+ */
+export interface Schema {
+    /**
+     * The name of the new class.
+     */
+    name: string;
+    /**
+     * The path at which to create the class, relative to the workspace root.
+     */
+    path?: string;
+    /**
+     * The name of the project.
+     */
+    project: string;
+    /**
+     * Do not create "spec.ts" test files for the new class.
+     */
+    skipTests?: boolean;
+    /**
+     * Adds a developer-defined type to the filename, in the format "name.type.ts".
+     */
+    type?: string;
+}
@@ -0,0 +1,4 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,45 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularClass",
+  "title": "Angular Class Options Schema",
+  "type": "object",
+  "description": "Creates a new, generic class definition in the given or default project.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name of the new class.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the class?"
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path at which to create the class, relative to the workspace root.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Do not create \"spec.ts\" test files for the new class.",
+      "default": false
+    },
+    "type": {
+      "type": "string",
+      "description": "Adds a developer-defined type to the filename, in the format \"name.type.ts\"."
+    }
+  },
+  "required": ["name", "project"]
+}
@@ -0,0 +1,120 @@
+{
+  "schematics": {
+    "ng-new": {
+      "factory": "./ng-new",
+      "schema": "./ng-new/schema.json",
+      "description": "Create an Angular workspace.",
+      "hidden": true
+    },
+    "workspace": {
+      "factory": "./workspace",
+      "schema": "./workspace/schema.json",
+      "description": "Create an Angular workspace.",
+      "hidden": true
+    },
+    "service-worker": {
+      "factory": "./service-worker",
+      "description": "Initializes a service worker setup.",
+      "schema": "./service-worker/schema.json"
+    },
+    "application": {
+      "aliases": ["app"],
+      "factory": "./application",
+      "schema": "./application/schema.json",
+      "description": "Create an Angular application."
+    },
+    "e2e": {
+      "factory": "./e2e",
+      "schema": "./e2e/schema.json",
+      "description": "Create an Angular e2e application.",
+      "hidden": true
+    },
+    "class": {
+      "aliases": ["cl"],
+      "factory": "./class",
+      "description": "Create a class.",
+      "schema": "./class/schema.json"
+    },
+    "component": {
+      "aliases": ["c"],
+      "factory": "./component",
+      "description": "Create an Angular component.",
+      "schema": "./component/schema.json"
+    },
+    "directive": {
+      "aliases": ["d"],
+      "factory": "./directive",
+      "description": "Create an Angular directive.",
+      "schema": "./directive/schema.json"
+    },
+    "enum": {
+      "aliases": ["e"],
+      "factory": "./enum",
+      "description": "Create an enumeration.",
+      "schema": "./enum/schema.json"
+    },
+    "guard": {
+      "aliases": ["g"],
+      "factory": "./guard",
+      "description": "Create a guard.",
+      "schema": "./guard/schema.json"
+    },
+    "resolver": {
+      "aliases": ["r"],
+      "factory": "./resolver",
+      "description": "Create a resolver.",
+      "schema": "./resolver/schema.json"
+    },
+    "interceptor": {
+      "factory": "./interceptor",
+      "description": "Create an interceptor.",
+      "schema": "./interceptor/schema.json"
+    },
+    "interface": {
+      "aliases": ["i"],
+      "factory": "./interface",
+      "description": "Create an interface.",
+      "schema": "./interface/schema.json"
+    },
+    "module": {
+      "aliases": ["m"],
+      "factory": "./module",
+      "description": "Create an Angular module.",
+      "schema": "./module/schema.json"
+    },
+    "pipe": {
+      "aliases": ["p"],
+      "factory": "./pipe",
+      "description": "Create an Angular pipe.",
+      "schema": "./pipe/schema.json"
+    },
+    "service": {
+      "aliases": ["s"],
+      "factory": "./service",
+      "description": "Create an Angular service.",
+      "schema": "./service/schema.json"
+    },
+    "universal": {
+      "factory": "./universal",
+      "description": "Create an Angular universal app.",
+      "schema": "./universal/schema.json",
+      "hidden": true
+    },
+    "app-shell": {
+      "factory": "./app-shell",
+      "description": "Create an application shell.",
+      "schema": "./app-shell/schema.json"
+    },
+    "library": {
+      "aliases": ["lib"],
+      "factory": "./library",
+      "schema": "./library/schema.json",
+      "description": "Generate a library project for Angular."
+    },
+    "web-worker": {
+      "factory": "./web-worker",
+      "schema": "./web-worker/schema.json",
+      "description": "Create a Web Worker."
+    }
+  }
+}
@@ -0,0 +1,6 @@
+<% if(displayBlock){ if(style != 'sass') { %>:host {
+  display: block;
+}
+<% } else { %>\:host
+  display: block;
+<% }} %>
@@ -0,0 +1 @@
+<p><%= dasherize(name) %> works!</p>
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { <%= classify(name) %><%= classify(type) %> } from './<%= dasherize(name) %><%= type ? '.' + dasherize(type): '' %>';
+
+describe('<%= classify(name) %><%= classify(type) %>', () => {
+  let component: <%= classify(name) %><%= classify(type) %>;
+  let fixture: ComponentFixture<<%= classify(name) %><%= classify(type) %>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      <%= standalone ? 'imports' : 'declarations' %>: [ <%= classify(name) %><%= classify(type) %> ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(<%= classify(name) %><%= classify(type) %>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,27 @@
+import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%>Component<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%> } from '@angular/core';<% if(standalone) {%>
+import { CommonModule } from '@angular/common';<% } %>
+
+@Component({<% if(!skipSelector) {%>
+  selector: '<%= selector %>',<%}%><% if(standalone) {%>
+  standalone: true,
+  imports: [CommonModule],<%}%><% if(inlineTemplate) { %>
+  template: `
+    <p>
+      <%= dasherize(name) %> works!
+    </p>
+  `<% } else { %>
+  templateUrl: './<%= dasherize(name) %><%= type ? '.' + dasherize(type): '' %>.html'<% } if(inlineStyle) { %>,
+  styles: [<% if(displayBlock){ %>
+    `
+      :host {
+        display: block;
+      }
+    `<% } %>
+  ]<% } else if (style !== 'none') { %>,
+  styleUrls: ['./<%= dasherize(name) %><%= type ? '.' + dasherize(type): '' %>.<%= style %>']<% } %><% if(!!viewEncapsulation) { %>,
+  encapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } if (changeDetection !== 'Default') { %>,
+  changeDetection: ChangeDetectionStrategy.<%= changeDetection %><% } %>
+})
+export class <%= classify(name) %><%= classify(type) %> {
+
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ComponentOptions } from './schema';
+export default function (options: ComponentOptions): Rule;
@@ -0,0 +1,75 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const add_declaration_to_ng_module_1 = require("../utility/add-declaration-to-ng-module");
+const find_module_1 = require("../utility/find-module");
+const parse_name_1 = require("../utility/parse-name");
+const validation_1 = require("../utility/validation");
+const workspace_1 = require("../utility/workspace");
+const schema_1 = require("./schema");
+function buildSelector(options, projectPrefix) {
+    let selector = schematics_1.strings.dasherize(options.name);
+    if (options.prefix) {
+        selector = `${options.prefix}-${selector}`;
+    }
+    else if (options.prefix === undefined && projectPrefix) {
+        selector = `${projectPrefix}-${selector}`;
+    }
+    return selector;
+}
+function default_1(options) {
+    return async (host) => {
+        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const project = workspace.projects.get(options.project);
+        if (!project) {
+            throw new schematics_1.SchematicsException(`Project "${options.project}" does not exist.`);
+        }
+        if (options.path === undefined) {
+            options.path = (0, workspace_1.buildDefaultPath)(project);
+        }
+        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
+        const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
+        options.name = parsedPath.name;
+        options.path = parsedPath.path;
+        options.selector =
+            options.selector || buildSelector(options, (project && project.prefix) || '');
+        (0, validation_1.validateHtmlSelector)(options.selector);
+        const skipStyleFile = options.inlineStyle || options.style === schema_1.Style.None;
+        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            options.skipTests ? (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts.template')) : (0, schematics_1.noop)(),
+            skipStyleFile ? (0, schematics_1.filter)((path) => !path.endsWith('.__style__.template')) : (0, schematics_1.noop)(),
+            options.inlineTemplate ? (0, schematics_1.filter)((path) => !path.endsWith('.html.template')) : (0, schematics_1.noop)(),
+            (0, schematics_1.applyTemplates)({
+                ...schematics_1.strings,
+                'if-flat': (s) => (options.flat ? '' : s),
+                ...options,
+            }),
+            !options.type
+                ? (0, schematics_1.forEach)(((file) => {
+                    return file.path.includes('..')
+                        ? {
+                            content: file.content,
+                            path: file.path.replace('..', '.'),
+                        }
+                        : file;
+                }))
+                : (0, schematics_1.noop)(),
+            (0, schematics_1.move)(parsedPath.path),
+        ]);
+        return (0, schematics_1.chain)([
+            (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
+                type: 'component',
+                ...options,
+            }),
+            (0, schematics_1.mergeWith)(templateSource),
+        ]);
+    };
+}
+exports.default = default_1;
@@ -0,0 +1,111 @@
+/**
+ * Creates a new, generic component definition in the given or default project.
+ */
+export interface Schema {
+    /**
+     * The change detection strategy to use in the new component.
+     */
+    changeDetection?: ChangeDetection;
+    /**
+     * Specifies if the style will contain `:host { display: block; }`.
+     */
+    displayBlock?: boolean;
+    /**
+     * The declaring NgModule exports this component.
+     */
+    export?: boolean;
+    /**
+     * Create the new files at the top level of the current project.
+     */
+    flat?: boolean;
+    /**
+     * Include styles inline in the component.ts file. Only CSS styles can be included inline.
+     * By default, an external styles file is created and referenced in the component.ts file.
+     */
+    inlineStyle?: boolean;
+    /**
+     * Include template inline in the component.ts file. By default, an external template file
+     * is created and referenced in the component.ts file.
+     */
+    inlineTemplate?: boolean;
+    /**
+     * The declaring NgModule.
+     */
+    module?: string;
+    /**
+     * The name of the component.
+     */
+    name: string;
+    /**
+     * The path at which to create the component file, relative to the current workspace.
+     * Default is a folder with the same name as the component in the project root.
+     */
+    path?: string;
+    /**
+     * The prefix to apply to the generated component selector.
+     */
+    prefix?: string;
+    /**
+     * The name of the project.
+     */
+    project: string;
+    /**
+     * The HTML selector to use for this component.
+     */
+    selector?: string;
+    /**
+     * Do not import this component into the owning NgModule.
+     */
+    skipImport?: boolean;
+    /**
+     * Specifies if the component should have a selector or not.
+     */
+    skipSelector?: boolean;
+    /**
+     * Do not create "spec.ts" test files for the new component.
+     */
+    skipTests?: boolean;
+    /**
+     * Whether the generated component is standalone.
+     */
+    standalone?: boolean;
+    /**
+     * The file extension or preprocessor to use for style files, or 'none' to skip generating
+     * the style file.
+     */
+    style?: Style;
+    /**
+     * Adds a developer-defined type to the filename, in the format "name.type.ts".
+     */
+    type?: string;
+    /**
+     * The view encapsulation strategy to use in the new component.
+     */
+    viewEncapsulation?: ViewEncapsulation;
+}
+/**
+ * The change detection strategy to use in the new component.
+ */
+export declare enum ChangeDetection {
+    Default = "Default",
+    OnPush = "OnPush"
+}
+/**
+ * The file extension or preprocessor to use for style files, or 'none' to skip generating
+ * the style file.
+ */
+export declare enum Style {
+    Css = "css",
+    Less = "less",
+    None = "none",
+    Sass = "sass",
+    Scss = "scss"
+}
+/**
+ * The view encapsulation strategy to use in the new component.
+ */
+export declare enum ViewEncapsulation {
+    Emulated = "Emulated",
+    None = "None",
+    ShadowDom = "ShadowDom"
+}
@@ -0,0 +1,34 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewEncapsulation = exports.Style = exports.ChangeDetection = void 0;
+/**
+ * The change detection strategy to use in the new component.
+ */
+var ChangeDetection;
+(function (ChangeDetection) {
+    ChangeDetection["Default"] = "Default";
+    ChangeDetection["OnPush"] = "OnPush";
+})(ChangeDetection = exports.ChangeDetection || (exports.ChangeDetection = {}));
+/**
+ * The file extension or preprocessor to use for style files, or 'none' to skip generating
+ * the style file.
+ */
+var Style;
+(function (Style) {
+    Style["Css"] = "css";
+    Style["Less"] = "less";
+    Style["None"] = "none";
+    Style["Sass"] = "sass";
+    Style["Scss"] = "scss";
+})(Style = exports.Style || (exports.Style = {}));
+/**
+ * The view encapsulation strategy to use in the new component.
+ */
+var ViewEncapsulation;
+(function (ViewEncapsulation) {
+    ViewEncapsulation["Emulated"] = "Emulated";
+    ViewEncapsulation["None"] = "None";
+    ViewEncapsulation["ShadowDom"] = "ShadowDom";
+})(ViewEncapsulation = exports.ViewEncapsulation || (exports.ViewEncapsulation = {}));
@@ -0,0 +1,136 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularComponent",
+  "title": "Angular Component Options Schema",
+  "type": "object",
+  "description": "Creates a new, generic component definition in the given or default project.",
+  "additionalProperties": false,
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path at which to create the component file, relative to the current workspace. Default is a folder with the same name as the component in the project root.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the component?"
+    },
+    "displayBlock": {
+      "description": "Specifies if the style will contain `:host { display: block; }`.",
+      "type": "boolean",
+      "default": false,
+      "alias": "b"
+    },
+    "inlineStyle": {
+      "description": "Include styles inline in the component.ts file. Only CSS styles can be included inline. By default, an external styles file is created and referenced in the component.ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s",
+      "x-user-analytics": "ep.ng_inline_style"
+    },
+    "inlineTemplate": {
+      "description": "Include template inline in the component.ts file. By default, an external template file is created and referenced in the component.ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t",
+      "x-user-analytics": "ep.ng_inline_template"
+    },
+    "standalone": {
+      "description": "Whether the generated component is standalone.",
+      "type": "boolean",
+      "default": false,
+      "x-user-analytics": "ep.ng_standalone"
+    },
+    "viewEncapsulation": {
+      "description": "The view encapsulation strategy to use in the new component.",
+      "enum": ["Emulated", "None", "ShadowDom"],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "The change detection strategy to use in the new component.",
+      "enum": ["Default", "OnPush"],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to the generated component selector.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "style": {
+      "description": "The file extension or preprocessor to use for style files, or 'none' to skip generating the style file.",
+      "type": "string",
+      "default": "css",
+      "enum": ["css", "scss", "sass", "less", "none"],
+      "x-user-analytics": "ep.ng_style"
+    },
+    "type": {
+      "type": "string",
+      "description": "Adds a developer-defined type to the filename, in the format \"name.type.ts\".",
+      "default": "Component"
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Do not create \"spec.ts\" test files for the new component.",
+      "default": false
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Create the new files at the top level of the current project.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Do not import this component into the owning NgModule.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The HTML selector to use for this component."
+    },
+    "skipSelector": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component should have a selector or not."
+    },
+    "module": {
+      "type": "string",
+      "description": "The declaring NgModule.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "The declaring NgModule exports this component."
+    }
+  },
+  "required": ["name", "project"]
+}
@@ -0,0 +1,8 @@
+import { <%= classify(name) %>Directive } from './<%= dasherize(name) %>.directive';
+
+describe('<%= classify(name) %>Directive', () => {
+  it('should create an instance', () => {
+    const directive = new <%= classify(name) %>Directive();
+    expect(directive).toBeTruthy();
+  });
+});
@@ -0,0 +1,11 @@
+import { Directive } from '@angular/core';
+
+@Directive({
+  selector: '[<%= selector %>]'<% if(standalone) {%>,
+  standalone: true<%}%>
+})
+export class <%= classify(name) %>Directive {
+
+  constructor() { }
+
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as DirectiveOptions } from './schema';
+export default function (options: DirectiveOptions): Rule;
@@ -0,0 +1,60 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const add_declaration_to_ng_module_1 = require("../utility/add-declaration-to-ng-module");
+const find_module_1 = require("../utility/find-module");
+const parse_name_1 = require("../utility/parse-name");
+const validation_1 = require("../utility/validation");
+const workspace_1 = require("../utility/workspace");
+function buildSelector(options, projectPrefix) {
+    let selector = options.name;
+    if (options.prefix) {
+        selector = `${options.prefix}-${selector}`;
+    }
+    else if (options.prefix === undefined && projectPrefix) {
+        selector = `${projectPrefix}-${selector}`;
+    }
+    return schematics_1.strings.camelize(selector);
+}
+function default_1(options) {
+    return async (host) => {
+        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const project = workspace.projects.get(options.project);
+        if (!project) {
+            throw new schematics_1.SchematicsException(`Project "${options.project}" does not exist.`);
+        }
+        if (options.path === undefined) {
+            options.path = (0, workspace_1.buildDefaultPath)(project);
+        }
+        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
+        const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
+        options.name = parsedPath.name;
+        options.path = parsedPath.path;
+        options.selector = options.selector || buildSelector(options, project.prefix || '');
+        (0, validation_1.validateHtmlSelector)(options.selector);
+        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            options.skipTests ? (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts.template')) : (0, schematics_1.noop)(),
+            (0, schematics_1.applyTemplates)({
+                ...schematics_1.strings,
+                'if-flat': (s) => (options.flat ? '' : s),
+                ...options,
+            }),
+            (0, schematics_1.move)(parsedPath.path),
+        ]);
+        return (0, schematics_1.chain)([
+            (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
+                type: 'directive',
+                ...options,
+            }),
+            (0, schematics_1.mergeWith)(templateSource),
+        ]);
+    };
+}
+exports.default = default_1;
@@ -0,0 +1,50 @@
+/**
+ * Creates a new, generic directive definition in the given or default project.
+ */
+export interface Schema {
+    /**
+     * The declaring NgModule exports this directive.
+     */
+    export?: boolean;
+    /**
+     * When true (the default), creates the new files at the top level of the current project.
+     */
+    flat?: boolean;
+    /**
+     * The declaring NgModule.
+     */
+    module?: string;
+    /**
+     * The name of the new directive.
+     */
+    name: string;
+    /**
+     * The path at which to create the interface that defines the directive, relative to the
+     * workspace root.
+     */
+    path?: string;
+    /**
+     * A prefix to apply to generated selectors.
+     */
+    prefix?: string;
+    /**
+     * The name of the project.
+     */
+    project: string;
+    /**
+     * The HTML selector to use for this directive.
+     */
+    selector?: string;
+    /**
+     * Do not import this directive into the owning NgModule.
+     */
+    skipImport?: boolean;
+    /**
+     * Do not create "spec.ts" test files for the new class.
+     */
+    skipTests?: boolean;
+    /**
+     * Whether the generated directive is standalone.
+     */
+    standalone?: boolean;
+}
@@ -0,0 +1,4 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,86 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularDirective",
+  "title": "Angular Directive Options Schema",
+  "type": "object",
+  "description": "Creates a new, generic directive definition in the given or default project.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name of the new directive.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the directive?"
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path at which to create the interface that defines the directive, relative to the workspace root.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "prefix": {
+      "type": "string",
+      "description": "A prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Do not create \"spec.ts\" test files for the new class.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Do not import this directive into the owning NgModule.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The HTML selector to use for this directive."
+    },
+    "standalone": {
+      "description": "Whether the generated directive is standalone.",
+      "type": "boolean",
+      "default": false,
+      "x-user-analytics": "ep.ng_standalone"
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "When true (the default), creates the new files at the top level of the current project.",
+      "default": true
+    },
+    "module": {
+      "type": "string",
+      "description": "The declaring NgModule.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "The declaring NgModule exports this directive."
+    }
+  },
+  "required": ["name", "project"]
+}
@@ -0,0 +1,37 @@
+// @ts-check
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
+
+/**
+ * @type { import("protractor").Config }
+ */
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './src/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    browserName: 'chrome'
+  },
+  directConnect: true,
+  SELENIUM_PROMISE_MANAGER: false,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: require('path').join(__dirname, './tsconfig.json')
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({
+      spec: {
+        displayStacktrace: StacktraceOption.PRETTY
+      }
+    }));
+  }
+};
@@ -0,0 +1,23 @@
+import { browser, logging } from 'protractor';
+import { AppPage } from './app.po';
+
+describe('workspace-project App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', async () => {
+    await page.navigateTo();
+    expect(await page.getTitleText()).toEqual('<%= relatedAppName %> app is running!');
+  });
+
+  afterEach(async () => {
+    // Assert that there are no errors emitted from the browser
+    const logs = await browser.manage().logs().get(logging.Type.BROWSER);
+    expect(logs).not.toContain(jasmine.objectContaining({
+      level: logging.Level.SEVERE,
+    } as logging.Entry));
+  });
+});
@@ -0,0 +1,11 @@
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  async navigateTo(): Promise<unknown> {
+    return browser.get(browser.baseUrl);
+  }
+
+  async getTitleText(): Promise<string> {
+    return element(by.css('<%= rootSelector %> .content span')).getText();
+  }
+}
@@ -0,0 +1,13 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/e2e",
+    "module": "commonjs",
+    "target": "es2019",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  }
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as E2eOptions } from './schema';
+export default function (options: E2eOptions): Rule;
@@ -0,0 +1,76 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const utility_1 = require("@schematics/angular/utility");
+const path_1 = require("path");
+const json_file_1 = require("../utility/json-file");
+const latest_versions_1 = require("../utility/latest-versions");
+/**
+ * The list of development dependencies used by the E2E protractor-based builder.
+ * The versions are sourced from the latest versions `../utility/latest-versions/package.json`
+ * file which is automatically updated via renovate.
+ */
+const E2E_DEV_DEPENDENCIES = Object.freeze([
+    'protractor',
+    'jasmine-spec-reporter',
+    'ts-node',
+    '@types/node',
+]);
+function addScriptsToPackageJson() {
+    return (host) => {
+        const pkgJson = new json_file_1.JSONFile(host, 'package.json');
+        const e2eScriptPath = ['scripts', 'e2e'];
+        if (!pkgJson.get(e2eScriptPath)) {
+            pkgJson.modify(e2eScriptPath, 'ng e2e', false);
+        }
+    };
+}
+function default_1(options) {
+    const { relatedAppName } = options;
+    return (0, utility_1.updateWorkspace)((workspace) => {
+        const project = workspace.projects.get(relatedAppName);
+        if (!project) {
+            throw new schematics_1.SchematicsException(`Project name "${relatedAppName}" doesn't not exist.`);
+        }
+        const e2eRootPath = path_1.posix.join(project.root, 'e2e');
+        project.targets.add({
+            name: 'e2e',
+            builder: utility_1.AngularBuilder.Protractor,
+            defaultConfiguration: 'development',
+            options: {
+                protractorConfig: path_1.posix.join(e2eRootPath, 'protractor.conf.js'),
+            },
+            configurations: {
+                production: {
+                    devServerTarget: `${relatedAppName}:serve:production`,
+                },
+                development: {
+                    devServerTarget: `${relatedAppName}:serve:development`,
+                },
+            },
+        });
+        return (0, schematics_1.chain)([
+            (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+                (0, schematics_1.applyTemplates)({
+                    utils: schematics_1.strings,
+                    ...options,
+                    relativePathToWorkspaceRoot: path_1.posix.relative(path_1.posix.join('/', e2eRootPath), '/'),
+                }),
+                (0, schematics_1.move)(e2eRootPath),
+            ])),
+            ...E2E_DEV_DEPENDENCIES.map((name) => (0, utility_1.addDependency)(name, latest_versions_1.latestVersions[name], {
+                type: utility_1.DependencyType.Dev,
+                existing: utility_1.ExistingBehavior.Skip,
+            })),
+            addScriptsToPackageJson(),
+        ]);
+    });
+}
+exports.default = default_1;
@@ -0,0 +1,13 @@
+/**
+ * Generates a new, generic end-to-end test definition for the given or default project.
+ */
+export interface Schema {
+    /**
+     * The name of the application being tested.
+     */
+    relatedAppName: string;
+    /**
+     * The HTML selector for the root component of the test app.
+     */
+    rootSelector?: string;
+}
@@ -0,0 +1,4 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,20 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularE2eApp",
+  "title": "Angular e2e Application Options Schema",
+  "type": "object",
+  "additionalProperties": false,
+  "description": "Generates a new, generic end-to-end test definition for the given or default project.",
+  "properties": {
+    "rootSelector": {
+      "description": "The HTML selector for the root component of the test app.",
+      "type": "string",
+      "default": "app-root"
+    },
+    "relatedAppName": {
+      "description": "The name of the application being tested.",
+      "type": "string"
+    }
+  },
+  "required": ["relatedAppName"]
+}
@@ -0,0 +1,2 @@
+export enum <%= classify(name) %> {
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as EnumOptions } from './schema';
+export default function (options: EnumOptions): Rule;
@@ -0,0 +1,15 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const generate_from_files_1 = require("../utility/generate-from-files");
+function default_1(options) {
+    options.type = options.type ? `.${options.type}` : '';
+    return (0, generate_from_files_1.generateFromFiles)(options);
+}
+exports.default = default_1;
@@ -0,0 +1,22 @@
+/**
+ * Generates a new, generic enum definition for the given or default project.
+ */
+export interface Schema {
+    /**
+     * The name of the enum.
+     */
+    name: string;
+    /**
+     * The path at which to create the enum definition, relative to the current workspace.
+     */
+    path?: string;
+    /**
+     * The name of the project in which to create the enum. Default is the configured default
+     * project for the workspace.
+     */
+    project: string;
+    /**
+     * Adds a developer-defined type to the filename, in the format "name.type.ts".
+     */
+    type?: string;
+}
@@ -0,0 +1,4 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,40 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularEnum",
+  "title": "Angular Enum Options Schema",
+  "type": "object",
+  "description": "Generates a new, generic enum definition for the given or default project.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name of the enum.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the enum?"
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path at which to create the enum definition, relative to the current workspace.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project in which to create the enum. Default is the configured default project for the workspace.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "type": {
+      "type": "string",
+      "description": "Adds a developer-defined type to the filename, in the format \"name.type.ts\"."
+    }
+  },
+  "required": ["name", "project"]
+}
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { <%= classify(name) %>Guard } from './<%= dasherize(name) %>.guard';
+
+describe('<%= classify(name) %>Guard', () => {
+  let guard: <%= classify(name) %>Guard;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    guard = TestBed.inject(<%= classify(name) %>Guard);
+  });
+
+  it('should be created', () => {
+    expect(guard).toBeTruthy();
+  });
+});
@@ -0,0 +1,35 @@
+import { Injectable } from '@angular/core';
+import { <%= implementationImports %> } from '@angular/router';
+import { Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class <%= classify(name) %>Guard implements <%= implementations %> {
+  <% if (implements.includes('CanActivate')) { %>canActivate(
+    route: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    return true;
+  }
+  <% } %><% if (implements.includes('CanActivateChild')) { %>canActivateChild(
+    childRoute: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    return true;
+  }
+  <% } %><% if (implements.includes('CanDeactivate')) { %>canDeactivate(
+    component: unknown,
+    currentRoute: ActivatedRouteSnapshot,
+    currentState: RouterStateSnapshot,
+    nextState?: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    return true;
+  }
+  <% } %><% if (implements.includes('CanMatch')) { %>canMatch(
+    route: Route,
+    segments: UrlSegment[]): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    return true;
+  }<% } %><% if (implements.includes('CanLoad')) { %>canLoad(
+    route: Route,
+    segments: UrlSegment[]): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    return true;
+  }<% } %>
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as GuardOptions } from './schema';
+export default function (options: GuardOptions): Rule;
@@ -0,0 +1,39 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const generate_from_files_1 = require("../utility/generate-from-files");
+const schema_1 = require("./schema");
+function default_1(options) {
+    if (!options.implements) {
+        throw new schematics_1.SchematicsException('Option "implements" is required.');
+    }
+    const implementations = options.implements
+        .map((implement) => (implement === 'CanDeactivate' ? 'CanDeactivate<unknown>' : implement))
+        .join(', ');
+    const commonRouterNameImports = ['ActivatedRouteSnapshot', 'RouterStateSnapshot'];
+    const routerNamedImports = [...options.implements, 'UrlTree'];
+    if (options.implements.includes(schema_1.Implement.CanLoad) ||
+        options.implements.includes(schema_1.Implement.CanMatch)) {
+        routerNamedImports.push('Route', 'UrlSegment');
+        if (options.implements.length > 1) {
+            routerNamedImports.push(...commonRouterNameImports);
+        }
+    }
+    else {
+        routerNamedImports.push(...commonRouterNameImports);
+    }
+    routerNamedImports.sort();
+    const implementationImports = routerNamedImports.join(', ');
+    return (0, generate_from_files_1.generateFromFiles)(options, {
+        implementations,
+        implementationImports,
+    });
+}
+exports.default = default_1;
@@ -0,0 +1,37 @@
+/**
+ * Generates a new, generic route guard definition in the given or default project.
+ */
+export interface Schema {
+    /**
+     * When true (the default), creates the new files at the top level of the current project.
+     */
+    flat?: boolean;
+    /**
+     * Specifies which interfaces to implement.
+     */
+    implements?: Implement[];
+    /**
+     * The name of the new route guard.
+     */
+    name: string;
+    /**
+     * The path at which to create the interface that defines the guard, relative to the current
+     * workspace.
+     */
+    path?: string;
+    /**
+     * The name of the project.
+     */
+    project: string;
+    /**
+     * Do not create "spec.ts" test files for the new guard.
+     */
+    skipTests?: boolean;
+}
+export declare enum Implement {
+    CanActivate = "CanActivate",
+    CanActivateChild = "CanActivateChild",
+    CanDeactivate = "CanDeactivate",
+    CanLoad = "CanLoad",
+    CanMatch = "CanMatch"
+}
@@ -0,0 +1,13 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Implement = void 0;
+var Implement;
+(function (Implement) {
+    Implement["CanActivate"] = "CanActivate";
+    Implement["CanActivateChild"] = "CanActivateChild";
+    Implement["CanDeactivate"] = "CanDeactivate";
+    Implement["CanLoad"] = "CanLoad";
+    Implement["CanMatch"] = "CanMatch";
+})(Implement = exports.Implement || (exports.Implement = {}));
@@ -0,0 +1,58 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularGuard",
+  "title": "Angular Guard Options Schema",
+  "type": "object",
+  "description": "Generates a new, generic route guard definition in the given or default project.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name of the new route guard.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the guard?"
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Do not create \"spec.ts\" test files for the new guard.",
+      "default": false
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "When true (the default), creates the new files at the top level of the current project.",
+      "default": true
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path at which to create the interface that defines the guard, relative to the current workspace.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "implements": {
+      "type": "array",
+      "description": "Specifies which interfaces to implement.",
+      "uniqueItems": true,
+      "minItems": 1,
+      "items": {
+        "enum": ["CanActivate", "CanActivateChild", "CanDeactivate", "CanLoad", "CanMatch"],
+        "type": "string"
+      },
+      "default": ["CanActivate"],
+      "x-prompt": "Which interfaces would you like to implement?"
+    }
+  },
+  "required": ["name", "project"]
+}
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { <%= classify(name) %>Interceptor } from './<%= dasherize(name) %>.interceptor';
+
+describe('<%= classify(name) %>Interceptor', () => {
+  beforeEach(() => TestBed.configureTestingModule({
+    providers: [
+      <%= classify(name) %>Interceptor
+      ]
+  }));
+
+  it('should be created', () => {
+    const interceptor: <%= classify(name) %>Interceptor = TestBed.inject(<%= classify(name) %>Interceptor);
+    expect(interceptor).toBeTruthy();
+  });
+});
@@ -0,0 +1,18 @@
+import { Injectable } from '@angular/core';
+import {
+  HttpRequest,
+  HttpHandler,
+  HttpEvent,
+  HttpInterceptor
+} from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+@Injectable()
+export class <%= classify(name) %>Interceptor implements HttpInterceptor {
+
+  constructor() {}
+
+  intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
+    return next.handle(request);
+  }
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as InterceptorOptions } from './schema';
+export default function (options: InterceptorOptions): Rule;
@@ -0,0 +1,19 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const generate_from_files_1 = require("../utility/generate-from-files");
+function default_1(options) {
+    // This schematic uses an older method to implement the flat option
+    const flat = options.flat;
+    options.flat = true;
+    return (0, generate_from_files_1.generateFromFiles)(options, {
+        'if-flat': (s) => (flat ? '' : s),
+    });
+}
+exports.default = default_1;
@@ -0,0 +1,25 @@
+/**
+ * Creates a new, generic interceptor definition in the given or default project.
+ */
+export interface Schema {
+    /**
+     * When true (the default), creates files at the top level of the project.
+     */
+    flat?: boolean;
+    /**
+     * The name of the interceptor.
+     */
+    name: string;
+    /**
+     * The path at which to create the interceptor, relative to the workspace root.
+     */
+    path?: string;
+    /**
+     * The name of the project.
+     */
+    project: string;
+    /**
+     * Do not create "spec.ts" test files for the new interceptor.
+     */
+    skipTests?: boolean;
+}
@@ -0,0 +1,4 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,46 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularInterceptor",
+  "title": "Angular Interceptor Options Schema",
+  "type": "object",
+  "additionalProperties": false,
+  "description": "Creates a new, generic interceptor definition in the given or default project.",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name of the interceptor.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the interceptor?"
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path at which to create the interceptor, relative to the workspace root.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "flat": {
+      "type": "boolean",
+      "default": true,
+      "description": "When true (the default), creates files at the top level of the project."
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Do not create \"spec.ts\" test files for the new interceptor.",
+      "default": false
+    }
+  },
+  "required": ["name", "project"]
+}
@@ -0,0 +1,2 @@
+export interface <%= prefix %><%= classify(name) %> {
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as InterfaceOptions } from './schema';
+export default function (options: InterfaceOptions): Rule;
@@ -0,0 +1,15 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const generate_from_files_1 = require("../utility/generate-from-files");
+function default_1(options) {
+    options.type = options.type ? `.${options.type}` : '';
+    return (0, generate_from_files_1.generateFromFiles)(options);
+}
+exports.default = default_1;
@@ -0,0 +1,25 @@
+/**
+ * Creates a new, generic interface definition in the given or default project.
+ */
+export interface Schema {
+    /**
+     * The name of the interface.
+     */
+    name: string;
+    /**
+     * The path at which to create the interface, relative to the workspace root.
+     */
+    path?: string;
+    /**
+     * A prefix to apply to generated selectors.
+     */
+    prefix?: string;
+    /**
+     * The name of the project.
+     */
+    project: string;
+    /**
+     * Adds a developer-defined type to the filename, in the format "name.type.ts".
+     */
+    type?: string;
+}
@@ -0,0 +1,4 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,48 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularInterface",
+  "title": "Angular Interface Options Schema",
+  "type": "object",
+  "additionalProperties": false,
+  "description": "Creates a new, generic interface definition in the given or default project.",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name of the interface.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the interface?"
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path at which to create the interface, relative to the workspace root.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "prefix": {
+      "type": "string",
+      "description": "A prefix to apply to generated selectors."
+    },
+    "type": {
+      "type": "string",
+      "description": "Adds a developer-defined type to the filename, in the format \"name.type.ts\".",
+      "$default": {
+        "$source": "argv",
+        "index": 1
+      }
+    }
+  },
+  "required": ["name", "project"]
+}
@@ -0,0 +1,24 @@
+# <%= classify(name) %>
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version <%= angularLatestVersion %>.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project <%= name %>` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project <%= name %>`.
+> Note: Don't forget to add `--project <%= name %>` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build <%= name %>` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build <%= name %>`, go to the dist folder `cd dist/<%= dasherize(name) %>` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test <%= name %>` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
@@ -0,0 +1,7 @@
+{
+  "$schema": "<%= relativePathToWorkspaceRoot %>/node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "<%= relativePathToWorkspaceRoot %>/<%= distRoot %>",
+  "lib": {
+    "entryFile": "src/<%= entryFile %>.ts"
+  }
+}
@@ -0,0 +1,11 @@
+{
+  "name": "<%= dasherize(packageName) %>",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^<%= angularLatestVersion %>",
+    "@angular/core": "^<%= angularLatestVersion %>"
+  },
+  "dependencies": {
+    "tslib": "^<%= tsLibLatestVersion %>"
+  }
+}
@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of <%= dasherize(name) %>
+ */
+
+export * from './lib/<%= dasherize(name) %>.service';
+export * from './lib/<%= dasherize(name) %>.component';
+export * from './lib/<%= dasherize(name) %>.module';
@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}
@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}
@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as LibraryOptions } from './schema';
+export default function (options: LibraryOptions): Rule;
@@ -0,0 +1,168 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@angular-devkit/core");
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const dependencies_1 = require("../utility/dependencies");
+const json_file_1 = require("../utility/json-file");
+const latest_versions_1 = require("../utility/latest-versions");
+const paths_1 = require("../utility/paths");
+const workspace_1 = require("../utility/workspace");
+const workspace_models_1 = require("../utility/workspace-models");
+function updateTsConfig(packageName, ...paths) {
+    return (host) => {
+        if (!host.exists('tsconfig.json')) {
+            return host;
+        }
+        const file = new json_file_1.JSONFile(host, 'tsconfig.json');
+        const jsonPath = ['compilerOptions', 'paths', packageName];
+        const value = file.get(jsonPath);
+        file.modify(jsonPath, Array.isArray(value) ? [...value, ...paths] : paths);
+    };
+}
+function addDependenciesToPackageJson() {
+    return (host) => {
+        [
+            {
+                type: dependencies_1.NodeDependencyType.Dev,
+                name: '@angular/compiler-cli',
+                version: latest_versions_1.latestVersions.Angular,
+            },
+            {
+                type: dependencies_1.NodeDependencyType.Dev,
+                name: '@angular-devkit/build-angular',
+                version: latest_versions_1.latestVersions.DevkitBuildAngular,
+            },
+            {
+                type: dependencies_1.NodeDependencyType.Dev,
+                name: 'ng-packagr',
+                version: latest_versions_1.latestVersions['ng-packagr'],
+            },
+            {
+                type: dependencies_1.NodeDependencyType.Default,
+                name: 'tslib',
+                version: latest_versions_1.latestVersions['tslib'],
+            },
+            {
+                type: dependencies_1.NodeDependencyType.Dev,
+                name: 'typescript',
+                version: latest_versions_1.latestVersions['typescript'],
+            },
+        ].forEach((dependency) => (0, dependencies_1.addPackageJsonDependency)(host, dependency));
+        return host;
+    };
+}
+function addLibToWorkspaceFile(options, projectRoot, projectName) {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
+        workspace.projects.add({
+            name: projectName,
+            root: projectRoot,
+            sourceRoot: `${projectRoot}/src`,
+            projectType: workspace_models_1.ProjectType.Library,
+            prefix: options.prefix,
+            targets: {
+                build: {
+                    builder: workspace_models_1.Builders.NgPackagr,
+                    defaultConfiguration: 'production',
+                    options: {
+                        project: `${projectRoot}/ng-package.json`,
+                    },
+                    configurations: {
+                        production: {
+                            tsConfig: `${projectRoot}/tsconfig.lib.prod.json`,
+                        },
+                        development: {
+                            tsConfig: `${projectRoot}/tsconfig.lib.json`,
+                        },
+                    },
+                },
+                test: {
+                    builder: workspace_models_1.Builders.Karma,
+                    options: {
+                        tsConfig: `${projectRoot}/tsconfig.spec.json`,
+                        polyfills: ['zone.js', 'zone.js/testing'],
+                    },
+                },
+            },
+        });
+    });
+}
+function default_1(options) {
+    return async (host) => {
+        const prefix = options.prefix;
+        // If scoped project (i.e. "@foo/bar"), convert projectDir to "foo/bar".
+        const packageName = options.name;
+        if (/^@.*\/.*/.test(options.name)) {
+            const [, name] = options.name.split('/');
+            options.name = name;
+        }
+        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const newProjectRoot = workspace.extensions.newProjectRoot || '';
+        let folderName = packageName.startsWith('@') ? packageName.slice(1) : packageName;
+        if (/[A-Z]/.test(folderName)) {
+            folderName = schematics_1.strings.dasherize(folderName);
+        }
+        const libDir = options.projectRoot !== undefined
+            ? (0, core_1.normalize)(options.projectRoot)
+            : (0, core_1.join)((0, core_1.normalize)(newProjectRoot), folderName);
+        const distRoot = `dist/${folderName}`;
+        const sourceDir = `${libDir}/src/lib`;
+        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            (0, schematics_1.applyTemplates)({
+                ...schematics_1.strings,
+                ...options,
+                packageName,
+                libDir,
+                distRoot,
+                relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(libDir),
+                prefix,
+                angularLatestVersion: latest_versions_1.latestVersions.Angular.replace(/~|\^/, ''),
+                tsLibLatestVersion: latest_versions_1.latestVersions['tslib'].replace(/~|\^/, ''),
+                folderName,
+            }),
+            (0, schematics_1.move)(libDir),
+        ]);
+        return (0, schematics_1.chain)([
+            (0, schematics_1.mergeWith)(templateSource),
+            addLibToWorkspaceFile(options, libDir, packageName),
+            options.skipPackageJson ? (0, schematics_1.noop)() : addDependenciesToPackageJson(),
+            options.skipTsConfig ? (0, schematics_1.noop)() : updateTsConfig(packageName, distRoot),
+            (0, schematics_1.schematic)('module', {
+                name: options.name,
+                commonModule: false,
+                flat: true,
+                path: sourceDir,
+                project: packageName,
+            }),
+            (0, schematics_1.schematic)('component', {
+                name: options.name,
+                selector: `${prefix}-${options.name}`,
+                inlineStyle: true,
+                inlineTemplate: true,
+                flat: true,
+                path: sourceDir,
+                export: true,
+                project: packageName,
+            }),
+            (0, schematics_1.schematic)('service', {
+                name: options.name,
+                flat: true,
+                path: sourceDir,
+                project: packageName,
+            }),
+            (_tree, context) => {
+                if (!options.skipPackageJson && !options.skipInstall) {
+                    context.addTask(new tasks_1.NodePackageInstallTask());
+                }
+            },
+        ]);
+    };
+}
+exports.default = default_1;
@@ -0,0 +1,34 @@
+/**
+ * Creates a new, generic library project in the current workspace.
+ */
+export interface Schema {
+    /**
+     * The path at which to create the library's public API file, relative to the workspace root.
+     */
+    entryFile?: string;
+    /**
+     * The name of the library.
+     */
+    name: string;
+    /**
+     * A prefix to apply to generated selectors.
+     */
+    prefix?: string;
+    /**
+     * The root directory of the new library.
+     */
+    projectRoot?: string;
+    /**
+     * Do not install dependency packages.
+     */
+    skipInstall?: boolean;
+    /**
+     * Do not add dependencies to the "package.json" file.
+     */
+    skipPackageJson?: boolean;
+    /**
+     * Do not update "tsconfig.json" to add a path mapping for the new library. The path mapping
+     * is needed to use the library in an app, but can be disabled here to simplify development.
+     */
+    skipTsConfig?: boolean;
+}
@@ -0,0 +1,4 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,53 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsLibrary",
+  "title": "Library Options Schema",
+  "type": "object",
+  "description": "Creates a new, generic library project in the current workspace.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name of the library.",
+      "pattern": "^(?:@[a-zA-Z0-9-*~][a-zA-Z0-9-*._~]*/)?[a-zA-Z0-9-~][a-zA-Z0-9-._~]*$",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the library?"
+    },
+    "entryFile": {
+      "type": "string",
+      "format": "path",
+      "description": "The path at which to create the library's public API file, relative to the workspace root.",
+      "default": "public-api"
+    },
+    "prefix": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "A prefix to apply to generated selectors.",
+      "default": "lib",
+      "alias": "p"
+    },
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add dependencies to the \"package.json\" file. "
+    },
+    "skipInstall": {
+      "description": "Do not install dependency packages.",
+      "type": "boolean",
+      "default": false
+    },
+    "skipTsConfig": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not update \"tsconfig.json\" to add a path mapping for the new library. The path mapping is needed to use the library in an app, but can be disabled here to simplify development."
+    },
+    "projectRoot": {
+      "type": "string",
+      "description": "The root directory of the new library."
+    }
+  },
+  "required": ["name"]
+}
@@ -0,0 +1,29 @@
+{
+  "schematics": {
+    "remove-browserslist-config": {
+      "version": "15.0.0",
+      "factory": "./update-15/remove-browserslist-config",
+      "description": "Remove Browserslist configuration files that matches the Angular CLI default configuration."
+    },
+    "remove-platform-server-exports": {
+      "version": "15.0.0",
+      "factory": "./update-15/remove-platform-server-exports",
+      "description": "Remove exported `@angular/platform-server` `renderModule` method. The `renderModule` method is now exported by the Angular CLI."
+    },
+    "update-typescript-target": {
+      "version": "15.0.0",
+      "factory": "./update-15/update-typescript-target",
+      "description": "Update TypeScript compiler `target` and set `useDefineForClassFields`. These changes are for IDE purposes as TypeScript compiler options `target` and `useDefineForClassFields` are set to `ES2022` and `false` respectively by the Angular CLI. To control ECMA version and features use the Browerslist configuration."
+    },
+    "update-workspace-config": {
+      "version": "15.0.0",
+      "factory": "./update-15/update-workspace-config",
+      "description": "Remove options from 'angular.json' that are no longer supported by the official builders."
+    },
+    "update-karma-main-file": {
+      "version": "15.0.0",
+      "factory": "./update-15/update-karma-main-file",
+      "description": "Remove no longer needed require calls in Karma builder main file."
+    }
+  }
+}
@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+export declare const DEFAULT_BROWSERS: string[];
+export default function (): Rule;
@@ -0,0 +1,94 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_BROWSERS = void 0;
+const core_1 = require("@angular-devkit/core");
+const validBrowserslistConfigFilenames = new Set(['browserslist', '.browserslistrc']);
+exports.DEFAULT_BROWSERS = [
+    'last 1 Chrome version',
+    'last 1 Firefox version',
+    'last 2 Edge major versions',
+    'last 2 Safari major versions',
+    'last 2 iOS major versions',
+    'Firefox ESR',
+];
+function* visit(directory) {
+    for (const path of directory.subfiles) {
+        if (validBrowserslistConfigFilenames.has(path)) {
+            yield (0, core_1.join)(directory.path, path);
+        }
+    }
+    for (const path of directory.subdirs) {
+        if (path === 'node_modules') {
+            continue;
+        }
+        yield* visit(directory.dir(path));
+    }
+}
+function default_1() {
+    return async (tree, { logger }) => {
+        let browserslist;
+        try {
+            browserslist = (await Promise.resolve().then(() => __importStar(require('browserslist')))).default;
+        }
+        catch {
+            logger.warn('Skipping migration because the "browserslist" package could not be loaded.');
+            return;
+        }
+        // Set the defaults to match the defaults in build-angular.
+        browserslist.defaults = exports.DEFAULT_BROWSERS;
+        const defaultSupportedBrowsers = new Set(browserslist(exports.DEFAULT_BROWSERS));
+        const es5Browsers = new Set(browserslist(['supports es6-module']));
+        for (const path of visit(tree.root)) {
+            const { defaults: browsersListConfig, ...otherConfigs } = browserslist.parseConfig(tree.readText(path));
+            if (Object.keys(otherConfigs).length) {
+                // The config contains additional sections.
+                continue;
+            }
+            const browserslistInProject = browserslist(
+            // Exclude from the list ES5 browsers which are not supported.
+            browsersListConfig.map((s) => `${s} and supports es6-module`), {
+                ignoreUnknownVersions: true,
+            });
+            if (defaultSupportedBrowsers.size !== browserslistInProject.length) {
+                continue;
+            }
+            const shouldDelete = browserslistInProject.every((browser) => defaultSupportedBrowsers.has(browser));
+            if (shouldDelete) {
+                // All browsers are the same as the default config.
+                // Delete file as it's redundant.
+                tree.delete(path);
+            }
+        }
+    };
+}
+exports.default = default_1;
@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+export default function (): Rule;
@@ -0,0 +1,102 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ts = __importStar(require("../../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
+function* visit(directory) {
+    for (const path of directory.subfiles) {
+        if (path.endsWith('.ts') && !path.endsWith('.d.ts')) {
+            const entry = directory.file(path);
+            if (entry) {
+                const content = entry.content;
+                if (content.includes('@angular/platform-server') && content.includes('renderModule')) {
+                    const source = ts.createSourceFile(entry.path, content.toString().replace(/^\uFEFF/, ''), ts.ScriptTarget.Latest, true);
+                    yield source;
+                }
+            }
+        }
+    }
+    for (const path of directory.subdirs) {
+        if (path === 'node_modules' || path.startsWith('.')) {
+            continue;
+        }
+        yield* visit(directory.dir(path));
+    }
+}
+function default_1() {
+    return (tree) => {
+        for (const sourceFile of visit(tree.root)) {
+            let recorder;
+            let printer;
+            ts.forEachChild(sourceFile, function analyze(node) {
+                if (!(ts.isExportDeclaration(node) &&
+                    node.moduleSpecifier &&
+                    ts.isStringLiteral(node.moduleSpecifier) &&
+                    node.moduleSpecifier.text === '@angular/platform-server' &&
+                    node.exportClause &&
+                    ts.isNamedExports(node.exportClause))) {
+                    // Not a @angular/platform-server named export.
+                    return;
+                }
+                const exportClause = node.exportClause;
+                const newElements = [];
+                for (const element of exportClause.elements) {
+                    if (element.name.text !== 'renderModule') {
+                        newElements.push(element);
+                    }
+                }
+                if (newElements.length === exportClause.elements.length) {
+                    // No changes
+                    return;
+                }
+                recorder !== null && recorder !== void 0 ? recorder : (recorder = tree.beginUpdate(sourceFile.fileName));
+                if (newElements.length) {
+                    // Update named exports as there are leftovers.
+                    const newExportClause = ts.factory.updateNamedExports(exportClause, newElements);
+                    printer !== null && printer !== void 0 ? printer : (printer = ts.createPrinter());
+                    const fix = printer.printNode(ts.EmitHint.Unspecified, newExportClause, sourceFile);
+                    const index = exportClause.getStart();
+                    const length = exportClause.getWidth();
+                    recorder.remove(index, length).insertLeft(index, fix);
+                }
+                else {
+                    // Delete export as no exports remain.
+                    recorder.remove(node.getStart(), node.getWidth());
+                }
+                ts.forEachChild(node, analyze);
+            });
+            if (recorder) {
+                tree.commitUpdate(recorder);
+            }
+        }
+    };
+}
+exports.default = default_1;
@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+export default function (): Rule;
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				`/* You can add global styles to this file, and also import other style files */`