init

node_modules/@schematics/angular/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2010-2025 Google LLC. https://angular.dev/license
+
+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.

node_modules/@schematics/angular/README.md

@@ -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 project                                          |
+| component      | Creates a new, generic component definition in the given project                                      |
+| directive      | Creates a new, generic directive definition in the given project                                      |
+| enum           | Generates a new, generic enum definition in the given project                                         |
+| guard          | Generates a new, generic route guard definition in the given project                                  |
+| interceptor    | Creates a new, generic interceptor definition in the given project                                    |
+| interface      | Creates a new, generic interface definition in the given project                                      |
+| library        | Creates a new, generic library project in the current workspace                                       |
+| module         | Creates a new, generic NgModule definition in the given project                                       |
+| ng-new         | Creates a new project by combining the workspace and application schematics                           |
+| pipe           | Creates a new, generic pipe definition in the given project                                           |
+| resolver       | Creates a new, generic resolver definition in the given project                                       |
+| service        | Creates a new, generic service definition in the given 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 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.

node_modules/@schematics/angular/ai-config/files/__rulesName__.template

@@ -0,0 +1,49 @@
+<% if (frontmatter) { %><%= frontmatter %>
+
+<% } %>You are an expert in TypeScript, Angular, and scalable web application development. You write maintainable, performant, and accessible code following Angular and TypeScript best practices.
+
+## TypeScript Best Practices
+
+- Use strict type checking
+- Prefer type inference when the type is obvious
+- Avoid the `any` type; use `unknown` when type is uncertain
+
+## Angular Best Practices
+
+- Always use standalone components over NgModules
+- Must NOT set `standalone: true` inside Angular decorators. It's the default.
+- Use signals for state management
+- Implement lazy loading for feature routes
+- Do NOT use the `@HostBinding` and `@HostListener` decorators. Put host bindings inside the `host` object of the `@Component` or `@Directive` decorator instead
+- Use `NgOptimizedImage` for all static images.
+  - `NgOptimizedImage` does not work for inline base64 images.
+
+## Components
+
+- Keep components small and focused on a single responsibility
+- Use `input()` and `output()` functions instead of decorators
+- Use `computed()` for derived state
+- Set `changeDetection: ChangeDetectionStrategy.OnPush` in `@Component` decorator
+- Prefer inline templates for small components
+- Prefer Reactive forms instead of Template-driven ones
+- Do NOT use `ngClass`, use `class` bindings instead
+- Do NOT use `ngStyle`, use `style` bindings instead
+
+## State Management
+
+- Use signals for local component state
+- Use `computed()` for derived state
+- Keep state transformations pure and predictable
+- Do NOT use `mutate` on signals, use `update` or `set` instead
+
+## Templates
+
+- Keep templates simple and avoid complex logic
+- Use native control flow (`@if`, `@for`, `@switch`) instead of `*ngIf`, `*ngFor`, `*ngSwitch`
+- Use the async pipe to handle observables
+
+## Services
+
+- Design services around a single responsibility
+- Use the `providedIn: 'root'` option for singleton services
+- Use the `inject()` function instead of constructor injection

node_modules/@schematics/angular/ai-config/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ConfigOptions } from './schema';
+export default function ({ tool }: ConfigOptions): Rule;

node_modules/@schematics/angular/ai-config/index.js

@@ -0,0 +1,57 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const schematics_1 = require("@angular-devkit/schematics");
+const schema_1 = require("./schema");
+const AI_TOOLS = {
+    gemini: {
+        rulesName: 'GEMINI.md',
+        directory: '.gemini',
+    },
+    claude: {
+        rulesName: 'CLAUDE.md',
+        directory: '.claude',
+    },
+    copilot: {
+        rulesName: 'copilot-instructions.md',
+        directory: '.github',
+    },
+    windsurf: {
+        rulesName: 'guidelines.md',
+        directory: '.windsurf/rules',
+    },
+    jetbrains: {
+        rulesName: 'guidelines.md',
+        directory: '.junie',
+    },
+    // Cursor file has a front matter section.
+    cursor: {
+        rulesName: 'cursor.mdc',
+        directory: '.cursor/rules',
+        frontmatter: `---\ncontext: true\npriority: high\nscope: project\n---`,
+    },
+};
+function default_1({ tool }) {
+    if (!tool) {
+        return (0, schematics_1.noop)();
+    }
+    const rules = tool
+        .filter((tool) => tool !== schema_1.Tool.None)
+        .map((selectedTool) => AI_TOOLS[selectedTool])
+        .map(({ rulesName, directory, frontmatter }) => (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+        (0, schematics_1.applyTemplates)({
+            ...schematics_1.strings,
+            rulesName,
+            frontmatter,
+        }),
+        (0, schematics_1.move)(directory),
+    ])));
+    return (0, schematics_1.chain)(rules);
+}

node_modules/@schematics/angular/ai-config/schema.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Generates AI configuration files for Angular projects. This schematic creates
+ * configuration files that help AI tools follow Angular best practices, improving the
+ * quality of AI-generated code and suggestions.
+ */
+export type Schema = {
+    /**
+     * Specifies which AI tools to generate configuration files for. These file are used to
+     * improve the outputs of AI tools by following the best practices.
+     */
+    tool?: Tool[];
+};
+export declare enum Tool {
+    Claude = "claude",
+    Copilot = "copilot",
+    Cursor = "cursor",
+    Gemini = "gemini",
+    Jetbrains = "jetbrains",
+    None = "none",
+    Windsurf = "windsurf"
+}

node_modules/@schematics/angular/ai-config/schema.js

@@ -0,0 +1,15 @@
+"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.Tool = void 0;
+var Tool;
+(function (Tool) {
+    Tool["Claude"] = "claude";
+    Tool["Copilot"] = "copilot";
+    Tool["Cursor"] = "cursor";
+    Tool["Gemini"] = "gemini";
+    Tool["Jetbrains"] = "jetbrains";
+    Tool["None"] = "none";
+    Tool["Windsurf"] = "windsurf";
+})(Tool || (exports.Tool = Tool = {}));

node_modules/@schematics/angular/ai-config/schema.json

@@ -0,0 +1,54 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularAIConfig",
+  "title": "Angular AI Config File Options Schema",
+  "type": "object",
+  "additionalProperties": false,
+  "description": "Generates AI configuration files for Angular projects. This schematic creates configuration files that help AI tools follow Angular best practices, improving the quality of AI-generated code and suggestions.",
+  "properties": {
+    "tool": {
+      "type": "array",
+      "uniqueItems": true,
+      "default": ["none"],
+      "x-prompt": {
+        "message": "Which AI tools do you want to configure with Angular best practices? https://angular.dev/ai/develop-with-ai",
+        "type": "list",
+        "items": [
+          {
+            "value": "none",
+            "label": "None"
+          },
+          {
+            "value": "claude",
+            "label": "Claude         [ https://docs.anthropic.com/en/docs/claude-code/memory            ]"
+          },
+          {
+            "value": "cursor",
+            "label": "Cursor         [ https://docs.cursor.com/en/context/rules                         ]"
+          },
+          {
+            "value": "gemini",
+            "label": "Gemini         [ https://ai.google.dev/gemini-api/docs                            ]"
+          },
+          {
+            "value": "copilot",
+            "label": "GitHub Copilot [ https://code.visualstudio.com/docs/copilot/copilot-customization ]"
+          },
+          {
+            "value": "jetbrains",
+            "label": "JetBrains AI   [ https://www.jetbrains.com/help/junie/customize-guidelines.html   ]"
+          },
+          {
+            "value": "windsurf",
+            "label": "Windsurf       [ https://docs.windsurf.com/windsurf/cascade/memories#rules        ]"
+          }
+        ]
+      },
+      "description": "Specifies which AI tools to generate configuration files for. These file are used to improve the outputs of AI tools by following the best practices.",
+      "items": {
+        "type": "string",
+        "enum": ["none", "gemini", "copilot", "claude", "cursor", "jetbrains", "windsurf"]
+      }
+    }
+  }
+}

node_modules/@schematics/angular/app-shell/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as AppShellOptions } from './schema';
+export default function (options: AppShellOptions): Rule;

node_modules/@schematics/angular/app-shell/index.js

@@ -0,0 +1,173 @@
+"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.dev/license
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const schematics_1 = require("@angular-devkit/schematics");
+const posix_1 = require("node:path/posix");
+const typescript_1 = __importDefault(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 util_1 = require("../utility/standalone/util");
+const workspace_1 = require("../utility/workspace");
+function getSourceFile(host, path) {
+    const content = host.readText(path);
+    const source = typescript_1.default.createSourceFile(path, content, typescript_1.default.ScriptTarget.Latest, true);
+    return source;
+}
+function getServerModulePath(host, sourceRoot, mainPath) {
+    const mainSource = getSourceFile(host, (0, posix_1.join)(sourceRoot, mainPath));
+    const allNodes = (0, ast_utils_1.getSourceNodes)(mainSource);
+    const expNode = allNodes.find((node) => typescript_1.default.isExportDeclaration(node));
+    if (!expNode) {
+        return null;
+    }
+    const relativePath = expNode.moduleSpecifier;
+    const modulePath = (0, posix_1.join)(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, posix_1.dirname)(compPath);
+        const templatePath = (0, posix_1.join)(dir, templateUrl);
+        try {
+            template = host.readText(templatePath);
+        }
+        catch { }
+    }
+    return template;
+}
+function getBootstrapComponentPath(host, mainPath) {
+    let bootstrappingFilePath;
+    let bootstrappingSource;
+    let componentName;
+    if ((0, ng_ast_utils_1.isStandaloneApp)(host, mainPath)) {
+        // Standalone Application
+        const bootstrapCall = (0, util_1.findBootstrapApplicationCall)(host, mainPath);
+        componentName = bootstrapCall.arguments[0].getText();
+        bootstrappingFilePath = mainPath;
+        bootstrappingSource = getSourceFile(host, mainPath);
+    }
+    else {
+        // NgModule Application
+        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;
+        componentName = arrLiteral.elements[0].getText();
+        bootstrappingSource = moduleSource;
+        bootstrappingFilePath = modulePath;
+    }
+    const componentRelativeFilePath = (0, ast_utils_1.getSourceNodes)(bootstrappingSource)
+        .filter(typescript_1.default.isImportDeclaration)
+        .filter((imp) => {
+        return (0, ast_utils_1.findNode)(imp, typescript_1.default.SyntaxKind.Identifier, componentName);
+    })
+        .map((imp) => {
+        const pathStringLiteral = imp.moduleSpecifier;
+        return pathStringLiteral.text;
+    })[0];
+    return (0, posix_1.join)((0, posix_1.dirname)(bootstrappingFilePath), componentRelativeFilePath + '.ts');
+}
+// end helper functions.
+function validateProject(mainPath) {
+    return (host) => {
+        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)) {
+            throw new schematics_1.SchematicsException(`Prerequisite for application shell is to define a router-outlet in your root component.`);
+        }
+    };
+}
+function getMetadataProperty(metadata, propertyName) {
+    const properties = metadata.properties;
+    const property = properties.filter(typescript_1.default.isPropertyAssignment).filter((prop) => {
+        const name = prop.name;
+        switch (name.kind) {
+            case typescript_1.default.SyntaxKind.Identifier:
+                return name.getText() === propertyName;
+            case typescript_1.default.SyntaxKind.StringLiteral:
+                return name.text === propertyName;
+        }
+        return false;
+    })[0];
+    return property;
+}
+function addServerRoutingConfig(options, isStandalone) {
+    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 name "${options.project}" doesn't not exist.`);
+        }
+        const configFilePath = isStandalone
+            ? (0, posix_1.join)(project.sourceRoot ?? 'src', 'app/app.config.server.ts')
+            : getServerModulePath(host, project.sourceRoot || 'src', 'main.server.ts');
+        if (!configFilePath || !host.exists(configFilePath)) {
+            throw new schematics_1.SchematicsException(`Cannot find "${configFilePath}".`);
+        }
+        let recorder = host.beginUpdate(configFilePath);
+        const configSourceFile = getSourceFile(host, configFilePath);
+        const functionCall = (0, ast_utils_1.findNodes)(configSourceFile, typescript_1.default.isCallExpression, 
+        /** max */ undefined, 
+        /** recursive */ true).find((n) => typescript_1.default.isIdentifier(n.expression) && n.expression.getText() === 'provideServerRendering');
+        if (!functionCall) {
+            throw new schematics_1.SchematicsException(`Cannot find the "provideServerRendering" function call in "${configFilePath}".`);
+        }
+        recorder = host.beginUpdate(configFilePath);
+        recorder.insertLeft(functionCall.end - 1, `, withAppShell(AppShell)`);
+        (0, change_1.applyToUpdateRecorder)(recorder, [
+            (0, ast_utils_1.insertImport)(configSourceFile, configFilePath, 'withAppShell', '@angular/ssr'),
+            (0, ast_utils_1.insertImport)(configSourceFile, configFilePath, 'AppShell', './app-shell/app-shell'),
+        ]);
+        host.commitUpdate(recorder);
+    };
+}
+function default_1(options) {
+    return async (tree) => {
+        const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
+        const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint);
+        const workspace = await (0, workspace_1.getWorkspace)(tree);
+        const project = workspace.projects.get(options.project);
+        if (!project) {
+            throw (0, project_targets_1.targetBuildNotFoundError)();
+        }
+        return (0, schematics_1.chain)([
+            validateProject(browserEntryPoint),
+            (0, schematics_1.schematic)('server', options),
+            addServerRoutingConfig(options, isStandalone),
+            (0, schematics_1.schematic)('component', {
+                name: 'app-shell',
+                module: 'app.module.server.ts',
+                project: options.project,
+                standalone: isStandalone,
+            }),
+        ]);
+    };
+}

node_modules/@schematics/angular/app-shell/schema.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Configures your project to generate an app-shell during build time.
+ */
+export type Schema = {
+    /**
+     * The name of the project where the app-shell should be generated.
+     */
+    project: string;
+};

node_modules/@schematics/angular/app-shell/schema.js

@@ -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 });

node_modules/@schematics/angular/app-shell/schema.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularAppShell",
+  "title": "Angular AppShell Options Schema",
+  "type": "object",
+  "description": "Configures your project to generate an app-shell during build time.",
+  "additionalProperties": false,
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project where the app-shell should be generated.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  },
+  "required": ["project"]
+}

node_modules/@schematics/angular/application/files/common-files/src/app/app.html.template

@@ -0,0 +1,342 @@
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * The content below * * * * * * * * * * * -->
+<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
+<!-- * * * * * * * * * * and can be replaced.  * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * Delete the template below * * * * * * * * * -->
+<!-- * * * * * * * to get started with your project! * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+
+<style>
+  :host {
+    --bright-blue: oklch(51.01% 0.274 263.83);
+    --electric-violet: oklch(53.18% 0.28 296.97);
+    --french-violet: oklch(47.66% 0.246 305.88);
+    --vivid-pink: oklch(69.02% 0.277 332.77);
+    --hot-red: oklch(61.42% 0.238 15.34);
+    --orange-red: oklch(63.32% 0.24 31.68);
+
+    --gray-900: oklch(19.37% 0.006 300.98);
+    --gray-700: oklch(36.98% 0.014 302.71);
+    --gray-400: oklch(70.9% 0.015 304.04);
+
+    --red-to-pink-to-purple-vertical-gradient: linear-gradient(
+      180deg,
+      var(--orange-red) 0%,
+      var(--vivid-pink) 50%,
+      var(--electric-violet) 100%
+    );
+
+    --red-to-pink-to-purple-horizontal-gradient: linear-gradient(
+      90deg,
+      var(--orange-red) 0%,
+      var(--vivid-pink) 50%,
+      var(--electric-violet) 100%
+    );
+
+    --pill-accent: var(--bright-blue);
+
+    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+      Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+      "Segoe UI Symbol";
+    box-sizing: border-box;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  h1 {
+    font-size: 3.125rem;
+    color: var(--gray-900);
+    font-weight: 500;
+    line-height: 100%;
+    letter-spacing: -0.125rem;
+    margin: 0;
+    font-family: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+      Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+      "Segoe UI Symbol";
+  }
+
+  p {
+    margin: 0;
+    color: var(--gray-700);
+  }
+
+  main {
+    width: 100%;
+    min-height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 1rem;
+    box-sizing: inherit;
+    position: relative;
+  }
+
+  .angular-logo {
+    max-width: 9.2rem;
+  }
+
+  .content {
+    display: flex;
+    justify-content: space-around;
+    width: 100%;
+    max-width: 700px;
+    margin-bottom: 3rem;
+  }
+
+  .content h1 {
+    margin-top: 1.75rem;
+  }
+
+  .content p {
+    margin-top: 1.5rem;
+  }
+
+  .divider {
+    width: 1px;
+    background: var(--red-to-pink-to-purple-vertical-gradient);
+    margin-inline: 0.5rem;
+  }
+
+  .pill-group {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+    flex-wrap: wrap;
+    gap: 1.25rem;
+  }
+
+  .pill {
+    display: flex;
+    align-items: center;
+    --pill-accent: var(--bright-blue);
+    background: color-mix(in srgb, var(--pill-accent) 5%, transparent);
+    color: var(--pill-accent);
+    padding-inline: 0.75rem;
+    padding-block: 0.375rem;
+    border-radius: 2.75rem;
+    border: 0;
+    transition: background 0.3s ease;
+    font-family: var(--inter-font);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.4rem;
+    letter-spacing: -0.00875rem;
+    text-decoration: none;
+    white-space: nowrap;
+  }
+
+  .pill:hover {
+    background: color-mix(in srgb, var(--pill-accent) 15%, transparent);
+  }
+
+  .pill-group .pill:nth-child(6n + 1) {
+    --pill-accent: var(--bright-blue);
+  }
+  .pill-group .pill:nth-child(6n + 2) {
+    --pill-accent: var(--electric-violet);
+  }
+  .pill-group .pill:nth-child(6n + 3) {
+    --pill-accent: var(--french-violet);
+  }
+
+  .pill-group .pill:nth-child(6n + 4),
+  .pill-group .pill:nth-child(6n + 5),
+  .pill-group .pill:nth-child(6n + 6) {
+    --pill-accent: var(--hot-red);
+  }
+
+  .pill-group svg {
+    margin-inline-start: 0.25rem;
+  }
+
+  .social-links {
+    display: flex;
+    align-items: center;
+    gap: 0.73rem;
+    margin-top: 1.5rem;
+  }
+
+  .social-links path {
+    transition: fill 0.3s ease;
+    fill: var(--gray-400);
+  }
+
+  .social-links a:hover svg path {
+    fill: var(--gray-900);
+  }
+
+  @media screen and (max-width: 650px) {
+    .content {
+      flex-direction: column;
+      width: max-content;
+    }
+
+    .divider {
+      height: 1px;
+      width: 100%;
+      background: var(--red-to-pink-to-purple-horizontal-gradient);
+      margin-block: 1.5rem;
+    }
+  }
+</style>
+
+<main class="main">
+  <div class="content">
+    <div class="left-side">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 982 239"
+        fill="none"
+        class="angular-logo"
+      >
+        <g clip-path="url(#a)">
+          <path
+            fill="url(#b)"
+            d="M388.676 191.625h30.849L363.31 31.828h-35.758l-56.215 159.797h30.848l13.174-39.356h60.061l13.256 39.356Zm-65.461-62.675 21.602-64.311h1.227l21.602 64.311h-44.431Zm126.831-7.527v70.202h-28.23V71.839h27.002v20.374h1.392c2.782-6.71 7.2-12.028 13.255-15.956 6.056-3.927 13.584-5.89 22.503-5.89 8.264 0 15.465 1.8 21.684 5.318 6.137 3.518 10.964 8.673 14.319 15.382 3.437 6.71 5.074 14.81 4.992 24.383v76.175h-28.23v-71.92c0-8.019-2.046-14.237-6.219-18.819-4.173-4.5-9.819-6.791-17.102-6.791-4.91 0-9.328 1.063-13.174 3.272-3.846 2.128-6.792 5.237-9.001 9.328-2.046 4.009-3.191 8.918-3.191 14.728ZM589.233 239c-10.147 0-18.82-1.391-26.103-4.091-7.282-2.7-13.092-6.382-17.511-10.964-4.418-4.582-7.528-9.655-9.164-15.219l25.448-6.136c1.145 2.372 2.782 4.663 4.991 6.954 2.209 2.291 5.155 4.255 8.837 5.81 3.683 1.554 8.428 2.291 14.074 2.291 8.019 0 14.647-1.964 19.884-5.81 5.237-3.845 7.856-10.227 7.856-19.064v-22.665h-1.391c-1.473 2.946-3.601 5.892-6.383 9.001-2.782 3.109-6.464 5.645-10.965 7.691-4.582 2.046-10.228 3.109-17.101 3.109-9.165 0-17.511-2.209-25.039-6.545-7.446-4.337-13.42-10.883-17.757-19.474-4.418-8.673-6.628-19.473-6.628-32.565 0-13.091 2.21-24.301 6.628-33.383 4.419-9.082 10.311-15.955 17.839-20.7 7.528-4.746 15.874-7.037 25.039-7.037 7.037 0 12.846 1.145 17.347 3.518 4.582 2.373 8.182 5.236 10.883 8.51 2.7 3.272 4.746 6.382 6.137 9.327h1.554v-19.8h27.821v121.749c0 10.228-2.454 18.737-7.364 25.447-4.91 6.709-11.538 11.7-20.048 15.055-8.509 3.355-18.165 4.991-28.884 4.991Zm.245-71.266c5.974 0 11.047-1.473 15.302-4.337 4.173-2.945 7.446-7.118 9.573-12.519 2.21-5.482 3.274-12.027 3.274-19.637 0-7.609-1.064-14.155-3.274-19.8-2.127-5.646-5.318-10.064-9.491-13.255-4.174-3.11-9.329-4.746-15.384-4.746s-11.537 1.636-15.792 4.91c-4.173 3.272-7.365 7.772-9.492 13.418-2.128 5.727-3.191 12.191-3.191 19.392 0 7.2 1.063 13.745 3.273 19.228 2.127 5.482 5.318 9.736 9.573 12.764 4.174 3.027 9.41 4.582 15.629 4.582Zm141.56-26.51V71.839h28.23v119.786h-27.412v-21.273h-1.227c-2.7 6.709-7.119 12.191-13.338 16.446-6.137 4.255-13.747 6.382-22.748 6.382-7.855 0-14.81-1.718-20.783-5.237-5.974-3.518-10.72-8.591-14.075-15.382-3.355-6.709-5.073-14.891-5.073-24.464V71.839h28.312v71.921c0 7.609 2.046 13.664 6.219 18.083 4.173 4.5 9.655 6.709 16.365 6.709 4.173 0 8.183-.982 12.111-3.028 3.927-2.045 7.118-5.072 9.655-9.082 2.537-4.091 3.764-9.164 3.764-15.218Zm65.707-109.395v159.796h-28.23V31.828h28.23Zm44.841 162.169c-7.61 0-14.402-1.391-20.457-4.091-6.055-2.7-10.883-6.791-14.32-12.109-3.518-5.319-5.237-11.946-5.237-19.801 0-6.791 1.228-12.355 3.765-16.773 2.536-4.419 5.891-7.937 10.228-10.637 4.337-2.618 9.164-4.664 14.647-6.055 5.4-1.391 11.046-2.373 16.856-3.027 7.037-.737 12.683-1.391 17.102-1.964 4.337-.573 7.528-1.555 9.574-2.782 1.963-1.309 3.027-3.273 3.027-5.973v-.491c0-5.891-1.718-10.391-5.237-13.664-3.518-3.191-8.51-4.828-15.056-4.828-6.955 0-12.356 1.473-16.447 4.5-4.009 3.028-6.71 6.546-8.183 10.719l-26.348-3.764c2.046-7.282 5.483-13.336 10.31-18.328 4.746-4.909 10.638-8.59 17.511-11.045 6.955-2.455 14.565-3.682 22.912-3.682 5.809 0 11.537.654 17.265 2.045s10.965 3.6 15.711 6.71c4.746 3.109 8.51 7.282 11.455 12.6 2.864 5.318 4.337 11.946 4.337 19.883v80.184h-27.166v-16.446h-.9c-1.719 3.355-4.092 6.464-7.201 9.328-3.109 2.864-6.955 5.237-11.619 6.955-4.828 1.718-10.229 2.536-16.529 2.536Zm7.364-20.701c5.646 0 10.556-1.145 14.729-3.354 4.173-2.291 7.364-5.237 9.655-9.001 2.292-3.763 3.355-7.854 3.355-12.273v-14.155c-.9.737-2.373 1.391-4.5 2.046-2.128.654-4.419 1.145-7.037 1.636-2.619.491-5.155.9-7.692 1.227-2.537.328-4.746.655-6.628.901-4.173.572-8.019 1.472-11.292 2.781-3.355 1.31-5.973 3.11-7.855 5.401-1.964 2.291-2.864 5.318-2.864 8.918 0 5.237 1.882 9.164 5.728 11.782 3.682 2.782 8.51 4.091 14.401 4.091Zm64.643 18.328V71.839h27.412v19.965h1.227c2.21-6.955 5.974-12.274 11.292-16.038 5.319-3.763 11.456-5.645 18.329-5.645 1.555 0 3.355.082 5.237.163 1.964.164 3.601.328 4.91.573v25.938c-1.227-.41-3.109-.819-5.646-1.146a58.814 58.814 0 0 0-7.446-.49c-5.155 0-9.738 1.145-13.829 3.354-4.091 2.209-7.282 5.236-9.655 9.164-2.373 3.927-3.519 8.427-3.519 13.5v70.448h-28.312ZM222.077 39.192l-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"
+          />
+          <path
+            fill="url(#c)"
+            d="M388.676 191.625h30.849L363.31 31.828h-35.758l-56.215 159.797h30.848l13.174-39.356h60.061l13.256 39.356Zm-65.461-62.675 21.602-64.311h1.227l21.602 64.311h-44.431Zm126.831-7.527v70.202h-28.23V71.839h27.002v20.374h1.392c2.782-6.71 7.2-12.028 13.255-15.956 6.056-3.927 13.584-5.89 22.503-5.89 8.264 0 15.465 1.8 21.684 5.318 6.137 3.518 10.964 8.673 14.319 15.382 3.437 6.71 5.074 14.81 4.992 24.383v76.175h-28.23v-71.92c0-8.019-2.046-14.237-6.219-18.819-4.173-4.5-9.819-6.791-17.102-6.791-4.91 0-9.328 1.063-13.174 3.272-3.846 2.128-6.792 5.237-9.001 9.328-2.046 4.009-3.191 8.918-3.191 14.728ZM589.233 239c-10.147 0-18.82-1.391-26.103-4.091-7.282-2.7-13.092-6.382-17.511-10.964-4.418-4.582-7.528-9.655-9.164-15.219l25.448-6.136c1.145 2.372 2.782 4.663 4.991 6.954 2.209 2.291 5.155 4.255 8.837 5.81 3.683 1.554 8.428 2.291 14.074 2.291 8.019 0 14.647-1.964 19.884-5.81 5.237-3.845 7.856-10.227 7.856-19.064v-22.665h-1.391c-1.473 2.946-3.601 5.892-6.383 9.001-2.782 3.109-6.464 5.645-10.965 7.691-4.582 2.046-10.228 3.109-17.101 3.109-9.165 0-17.511-2.209-25.039-6.545-7.446-4.337-13.42-10.883-17.757-19.474-4.418-8.673-6.628-19.473-6.628-32.565 0-13.091 2.21-24.301 6.628-33.383 4.419-9.082 10.311-15.955 17.839-20.7 7.528-4.746 15.874-7.037 25.039-7.037 7.037 0 12.846 1.145 17.347 3.518 4.582 2.373 8.182 5.236 10.883 8.51 2.7 3.272 4.746 6.382 6.137 9.327h1.554v-19.8h27.821v121.749c0 10.228-2.454 18.737-7.364 25.447-4.91 6.709-11.538 11.7-20.048 15.055-8.509 3.355-18.165 4.991-28.884 4.991Zm.245-71.266c5.974 0 11.047-1.473 15.302-4.337 4.173-2.945 7.446-7.118 9.573-12.519 2.21-5.482 3.274-12.027 3.274-19.637 0-7.609-1.064-14.155-3.274-19.8-2.127-5.646-5.318-10.064-9.491-13.255-4.174-3.11-9.329-4.746-15.384-4.746s-11.537 1.636-15.792 4.91c-4.173 3.272-7.365 7.772-9.492 13.418-2.128 5.727-3.191 12.191-3.191 19.392 0 7.2 1.063 13.745 3.273 19.228 2.127 5.482 5.318 9.736 9.573 12.764 4.174 3.027 9.41 4.582 15.629 4.582Zm141.56-26.51V71.839h28.23v119.786h-27.412v-21.273h-1.227c-2.7 6.709-7.119 12.191-13.338 16.446-6.137 4.255-13.747 6.382-22.748 6.382-7.855 0-14.81-1.718-20.783-5.237-5.974-3.518-10.72-8.591-14.075-15.382-3.355-6.709-5.073-14.891-5.073-24.464V71.839h28.312v71.921c0 7.609 2.046 13.664 6.219 18.083 4.173 4.5 9.655 6.709 16.365 6.709 4.173 0 8.183-.982 12.111-3.028 3.927-2.045 7.118-5.072 9.655-9.082 2.537-4.091 3.764-9.164 3.764-15.218Zm65.707-109.395v159.796h-28.23V31.828h28.23Zm44.841 162.169c-7.61 0-14.402-1.391-20.457-4.091-6.055-2.7-10.883-6.791-14.32-12.109-3.518-5.319-5.237-11.946-5.237-19.801 0-6.791 1.228-12.355 3.765-16.773 2.536-4.419 5.891-7.937 10.228-10.637 4.337-2.618 9.164-4.664 14.647-6.055 5.4-1.391 11.046-2.373 16.856-3.027 7.037-.737 12.683-1.391 17.102-1.964 4.337-.573 7.528-1.555 9.574-2.782 1.963-1.309 3.027-3.273 3.027-5.973v-.491c0-5.891-1.718-10.391-5.237-13.664-3.518-3.191-8.51-4.828-15.056-4.828-6.955 0-12.356 1.473-16.447 4.5-4.009 3.028-6.71 6.546-8.183 10.719l-26.348-3.764c2.046-7.282 5.483-13.336 10.31-18.328 4.746-4.909 10.638-8.59 17.511-11.045 6.955-2.455 14.565-3.682 22.912-3.682 5.809 0 11.537.654 17.265 2.045s10.965 3.6 15.711 6.71c4.746 3.109 8.51 7.282 11.455 12.6 2.864 5.318 4.337 11.946 4.337 19.883v80.184h-27.166v-16.446h-.9c-1.719 3.355-4.092 6.464-7.201 9.328-3.109 2.864-6.955 5.237-11.619 6.955-4.828 1.718-10.229 2.536-16.529 2.536Zm7.364-20.701c5.646 0 10.556-1.145 14.729-3.354 4.173-2.291 7.364-5.237 9.655-9.001 2.292-3.763 3.355-7.854 3.355-12.273v-14.155c-.9.737-2.373 1.391-4.5 2.046-2.128.654-4.419 1.145-7.037 1.636-2.619.491-5.155.9-7.692 1.227-2.537.328-4.746.655-6.628.901-4.173.572-8.019 1.472-11.292 2.781-3.355 1.31-5.973 3.11-7.855 5.401-1.964 2.291-2.864 5.318-2.864 8.918 0 5.237 1.882 9.164 5.728 11.782 3.682 2.782 8.51 4.091 14.401 4.091Zm64.643 18.328V71.839h27.412v19.965h1.227c2.21-6.955 5.974-12.274 11.292-16.038 5.319-3.763 11.456-5.645 18.329-5.645 1.555 0 3.355.082 5.237.163 1.964.164 3.601.328 4.91.573v25.938c-1.227-.41-3.109-.819-5.646-1.146a58.814 58.814 0 0 0-7.446-.49c-5.155 0-9.738 1.145-13.829 3.354-4.091 2.209-7.282 5.236-9.655 9.164-2.373 3.927-3.519 8.427-3.519 13.5v70.448h-28.312ZM222.077 39.192l-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"
+          />
+        </g>
+        <defs>
+          <radialGradient
+            id="c"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientTransform="rotate(118.122 171.182 60.81) scale(205.794)"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#FF41F8" />
+            <stop offset=".707" stop-color="#FF41F8" stop-opacity=".5" />
+            <stop offset="1" stop-color="#FF41F8" stop-opacity="0" />
+          </radialGradient>
+          <linearGradient
+            id="b"
+            x1="0"
+            x2="982"
+            y1="192"
+            y2="192"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#F0060B" />
+            <stop offset="0" stop-color="#F0070C" />
+            <stop offset=".526" stop-color="#CC26D5" />
+            <stop offset="1" stop-color="#7702FF" />
+          </linearGradient>
+          <clipPath id="a"><path fill="#fff" d="M0 0h982v239H0z" /></clipPath>
+        </defs>
+      </svg>
+      <h1>Hello, {{ title() }}</h1>
+      <p>Congratulations! Your app is running. 🎉</p>
+    </div>
+    <div class="divider" role="separator" aria-label="Divider"></div>
+    <div class="right-side">
+      <div class="pill-group">
+        @for (item of [
+          { title: 'Explore the Docs', link: 'https://angular.dev' },
+          { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' },
+          { title: 'Prompt and best practices for AI', link: 'https://angular.dev/ai/develop-with-ai'},
+          { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' },
+          { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' },
+          { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' },
+        ]; track item.title) {
+          <a
+            class="pill"
+            [href]="item.link"
+            target="_blank"
+            rel="noopener"
+          >
+            <span>{{ item.title }}</span>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              height="14"
+              viewBox="0 -960 960 960"
+              width="14"
+              fill="currentColor"
+            >
+              <path
+                d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
+              />
+            </svg>
+          </a>
+        }
+      </div>
+      <div class="social-links">
+        <a
+          href="https://github.com/angular/angular"
+          aria-label="Github"
+          target="_blank"
+          rel="noopener"
+        >
+          <svg
+            width="25"
+            height="24"
+            viewBox="0 0 25 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            alt="Github"
+          >
+            <path
+              d="M12.3047 0C5.50634 0 0 5.50942 0 12.3047C0 17.7423 3.52529 22.3535 8.41332 23.9787C9.02856 24.0946 9.25414 23.7142 9.25414 23.3871C9.25414 23.0949 9.24389 22.3207 9.23876 21.2953C5.81601 22.0377 5.09414 19.6444 5.09414 19.6444C4.53427 18.2243 3.72524 17.8449 3.72524 17.8449C2.61064 17.082 3.81137 17.0973 3.81137 17.0973C5.04697 17.1835 5.69604 18.3647 5.69604 18.3647C6.79321 20.2463 8.57636 19.7029 9.27978 19.3881C9.39052 18.5924 9.70736 18.0499 10.0591 17.7423C7.32641 17.4347 4.45429 16.3765 4.45429 11.6618C4.45429 10.3185 4.9311 9.22133 5.72065 8.36C5.58222 8.04931 5.16694 6.79833 5.82831 5.10337C5.82831 5.10337 6.85883 4.77319 9.2121 6.36459C10.1965 6.09082 11.2424 5.95546 12.2883 5.94931C13.3342 5.95546 14.3801 6.09082 15.3644 6.36459C17.7023 4.77319 18.7328 5.10337 18.7328 5.10337C19.3942 6.79833 18.9789 8.04931 18.8559 8.36C19.6403 9.22133 20.1171 10.3185 20.1171 11.6618C20.1171 16.3888 17.2409 17.4296 14.5031 17.7321C14.9338 18.1012 15.3337 18.8559 15.3337 20.0084C15.3337 21.6552 15.3183 22.978 15.3183 23.3779C15.3183 23.7009 15.5336 24.0854 16.1642 23.9623C21.0871 22.3484 24.6094 17.7341 24.6094 12.3047C24.6094 5.50942 19.0999 0 12.3047 0Z"
+            />
+          </svg>
+        </a>
+        <a
+          href="https://twitter.com/angular"
+          aria-label="Twitter"
+          target="_blank"
+          rel="noopener"
+        >
+          <svg
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            alt="Twitter"
+          >
+            <path
+              d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+            />
+          </svg>
+        </a>
+        <a
+          href="https://www.youtube.com/channel/UCbn1OgGei-DV7aSRo_HaAiw"
+          aria-label="Youtube"
+          target="_blank"
+          rel="noopener"
+        >
+          <svg
+            width="29"
+            height="20"
+            viewBox="0 0 29 20"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            alt="Youtube"
+          >
+            <path
+              fill-rule="evenodd"
+              clip-rule="evenodd"
+              d="M27.4896 1.52422C27.9301 1.96749 28.2463 2.51866 28.4068 3.12258C29.0004 5.35161 29.0004 10 29.0004 10C29.0004 10 29.0004 14.6484 28.4068 16.8774C28.2463 17.4813 27.9301 18.0325 27.4896 18.4758C27.0492 18.9191 26.5 19.2389 25.8972 19.4032C23.6778 20 14.8068 20 14.8068 20C14.8068 20 5.93586 20 3.71651 19.4032C3.11363 19.2389 2.56449 18.9191 2.12405 18.4758C1.68361 18.0325 1.36732 17.4813 1.20683 16.8774C0.613281 14.6484 0.613281 10 0.613281 10C0.613281 10 0.613281 5.35161 1.20683 3.12258C1.36732 2.51866 1.68361 1.96749 2.12405 1.52422C2.56449 1.08095 3.11363 0.76113 3.71651 0.596774C5.93586 0 14.8068 0 14.8068 0C14.8068 0 23.6778 0 25.8972 0.596774C26.5 0.76113 27.0492 1.08095 27.4896 1.52422ZM19.3229 10L11.9036 5.77905V14.221L19.3229 10Z"
+            />
+          </svg>
+        </a>
+      </div>
+    </div>
+  </div>
+</main>
+
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * The content above * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * * -->
+<!-- * * * * * * * * * * and can be replaced.  * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * End of Placeholder  * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+
+<% if (routing) { %>
+<router-outlet /><% } %>

node_modules/@schematics/angular/application/files/common-files/src/index.html.template

@@ -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>
+  <<%= selector %>></<%= selector %>>
+</body>
+</html>

node_modules/@schematics/angular/application/files/common-files/src/styles.__style__.template

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */

node_modules/@schematics/angular/application/files/common-files/tsconfig.app.json.template

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/app",
+    "types": []
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
+  ]
+}

node_modules/@schematics/angular/application/files/common-files/tsconfig.spec.json.template

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*<% if (standalone) { %>.spec<% } %>.ts"
+  ]
+}

node_modules/@schematics/angular/application/files/module-files/src/app/app-module.ts.template

@@ -0,0 +1,21 @@
+import { NgModule, provideBrowserGlobalErrorListeners<% if(zoneless) { %>, provideZonelessChangeDetection<% } %> } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+<% if (routing) { %>
+import { AppRoutingModule } from './app-routing-module';<% } %>
+import { App } from './app';
+
+@NgModule({
+  declarations: [
+    App
+  ],
+  imports: [
+    BrowserModule<% if (routing) { %>,
+    AppRoutingModule<% } %>
+  ],
+  providers: [
+    provideBrowserGlobalErrorListeners()<% if (zoneless) { %>,
+    provideZonelessChangeDetection()<% } %>
+  ],
+  bootstrap: [App]
+})
+export class AppModule { }

node_modules/@schematics/angular/application/files/module-files/src/app/app.spec.ts.template

@@ -0,0 +1,31 @@
+<% if(zoneless) { %>import { provideZonelessChangeDetection } from '@angular/core';
+<% } %>import { TestBed } from '@angular/core/testing';<% if (routing) { %>
+import { RouterModule } from '@angular/router';<% } %>
+import { App } from './app';
+
+describe('App', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({<% if (routing) { %>
+      imports: [
+        RouterModule.forRoot([])
+      ],<% } %>
+      declarations: [
+        App
+      ],<% if(zoneless) { %>
+      providers: [provideZonelessChangeDetection()]<% } %>
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(App);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(App);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, <%= name %>');
+  });
+});

node_modules/@schematics/angular/application/files/module-files/src/app/app.ts.template

@@ -0,0 +1,19 @@
+import { Component, signal } from '@angular/core';
+
+@Component({
+  selector: '<%= selector %>',<% if(inlineTemplate) { %>
+  template: `
+    <h1>Welcome to {{ title() }}!</h1>
+
+    <% if (routing) {
+     %><router-outlet /><%
+    } %>
+  `,<% } else { %>
+  templateUrl: './app.html',<% } %>
+  standalone: false,<% if(inlineStyle) { %>
+  styles: []<% } else { %>
+  styleUrl: './app.<%= style %>'<% } %>
+})
+export class App {
+  protected readonly title = signal('<%= name %>');
+}

node_modules/@schematics/angular/application/files/module-files/src/main.ts.template

@@ -0,0 +1,9 @@
+<% if(!!viewEncapsulation) { %>import { ViewEncapsulation } from '@angular/core';
+<% }%>import { platformBrowser } from '@angular/platform-browser';
+import { AppModule } from './app/app-module';
+
+platformBrowser().bootstrapModule(AppModule, {
+  <% if(!zoneless) { %>ngZoneEventCoalescing: true,<% } %><% if(!!viewEncapsulation) { %>
+  defaultEncapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } %>
+})
+  .catch(err => console.error(err));

node_modules/@schematics/angular/application/files/standalone-files/src/app/app.config.ts.template

@@ -0,0 +1,12 @@
+import { ApplicationConfig, provideBrowserGlobalErrorListeners, <% if(!zoneless) { %>provideZoneChangeDetection<% } else { %>provideZonelessChangeDetection<% } %> } from '@angular/core';<% if (routing) { %>
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';<% } %>
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    <% if(zoneless) { %>provideZonelessChangeDetection()<% } else { %>provideZoneChangeDetection({ eventCoalescing: true })<% } %>,
+    <% if (routing) {%>provideRouter(routes)<% } %>
+  ]
+};

node_modules/@schematics/angular/application/files/standalone-files/src/app/app.routes.ts.template

@@ -0,0 +1,3 @@
+import { Routes } from '@angular/router';
+
+export const routes: Routes = [];

node_modules/@schematics/angular/application/files/standalone-files/src/app/app.spec.ts.template

@@ -0,0 +1,25 @@
+<% if(zoneless) { %>import { provideZonelessChangeDetection } from '@angular/core';
+<% } %>import { TestBed } from '@angular/core/testing';
+import { App } from './app';
+
+describe('App', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [App],<% if(zoneless) { %>
+      providers: [provideZonelessChangeDetection()]<% } %>
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(App);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(App);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, <%= name %>');
+  });
+});

node_modules/@schematics/angular/application/files/standalone-files/src/app/app.ts.template

@@ -0,0 +1,20 @@
+import { Component, signal } from '@angular/core';<% if(routing) { %>
+import { RouterOutlet } from '@angular/router';<% } %>
+
+@Component({
+  selector: '<%= selector %>',
+  imports: [<% if(routing) { %>RouterOutlet<% } %>],<% if(inlineTemplate) { %>
+  template: `
+    <h1>Welcome to {{ title() }}!</h1>
+
+    <% if (routing) {
+     %><router-outlet /><%
+    } %>
+  `,<% } else { %>
+  templateUrl: './app.html',<% } if(inlineStyle) { %>
+  styles: [],<% } else { %>
+  styleUrl: './app.<%= style %>'<% } %>
+})
+export class App {
+  protected readonly title = signal('<%= name %>');
+}

node_modules/@schematics/angular/application/files/standalone-files/src/main.ts.template

@@ -0,0 +1,6 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { App } from './app/app';
+
+bootstrapApplication(App, appConfig)
+  .catch((err) => console.error(err));

node_modules/@schematics/angular/application/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ApplicationOptions } from './schema';
+export default function (options: ApplicationOptions): Rule;

node_modules/@schematics/angular/application/index.js

@@ -0,0 +1,312 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const core_1 = require("@angular-devkit/core");
+const schematics_1 = require("@angular-devkit/schematics");
+const dependency_1 = require("../utility/dependency");
+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");
+const schema_1 = require("./schema");
+const APPLICATION_DEV_DEPENDENCIES = [
+    { name: '@angular/compiler-cli', version: latest_versions_1.latestVersions.Angular },
+    { name: '@angular/build', version: latest_versions_1.latestVersions.AngularBuild },
+    { name: 'typescript', version: latest_versions_1.latestVersions['typescript'] },
+];
+function addTsProjectReference(...paths) {
+    return (host) => {
+        if (!host.exists('tsconfig.json')) {
+            return host;
+        }
+        const newReferences = paths.map((path) => ({ path }));
+        const file = new json_file_1.JSONFile(host, 'tsconfig.json');
+        const jsonPath = ['references'];
+        const value = file.get(jsonPath);
+        file.modify(jsonPath, Array.isArray(value) ? [...value, ...newReferences] : newReferences);
+    };
+}
+function default_1(options) {
+    return async (host) => {
+        const { appDir, appRootSelector, componentOptions, folderName, sourceDir } = await getAppOptions(host, options);
+        return (0, schematics_1.chain)([
+            addAppToWorkspaceFile(options, appDir),
+            addTsProjectReference('./' + (0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.app.json')),
+            options.skipTests || options.minimal
+                ? (0, schematics_1.noop)()
+                : addTsProjectReference('./' + (0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.spec.json')),
+            options.standalone
+                ? (0, schematics_1.noop)()
+                : (0, schematics_1.schematic)('module', {
+                    name: 'app',
+                    commonModule: false,
+                    flat: true,
+                    routing: options.routing,
+                    routingScope: 'Root',
+                    path: sourceDir,
+                    project: options.name,
+                    typeSeparator: undefined,
+                }),
+            (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)(options.standalone ? './files/standalone-files' : './files/module-files'), [
+                options.routing ? (0, schematics_1.noop)() : (0, schematics_1.filter)((path) => !path.endsWith('app.routes.ts.template')),
+                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,
+                    ...componentOptions,
+                    selector: appRootSelector,
+                    relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(appDir),
+                    appName: options.name,
+                    folderName,
+                }),
+                (0, schematics_1.move)(appDir),
+            ]), schematics_1.MergeStrategy.Overwrite),
+            (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files/common-files'), [
+                options.minimal
+                    ? (0, schematics_1.filter)((path) => !path.endsWith('tsconfig.spec.json.template'))
+                    : (0, schematics_1.noop)(),
+                componentOptions.inlineTemplate
+                    ? (0, schematics_1.filter)((path) => !path.endsWith('app.html.template'))
+                    : (0, schematics_1.noop)(),
+                (0, schematics_1.applyTemplates)({
+                    utils: schematics_1.strings,
+                    ...options,
+                    selector: appRootSelector,
+                    relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(appDir),
+                    appName: options.name,
+                    folderName,
+                }),
+                (0, schematics_1.move)(appDir),
+            ]), schematics_1.MergeStrategy.Overwrite),
+            options.ssr
+                ? (0, schematics_1.schematic)('ssr', {
+                    project: options.name,
+                    skipInstall: true,
+                })
+                : (0, schematics_1.noop)(),
+            options.skipPackageJson ? (0, schematics_1.noop)() : addDependenciesToPackageJson(options),
+        ]);
+    };
+}
+function addDependenciesToPackageJson(options) {
+    const rules = APPLICATION_DEV_DEPENDENCIES.map((dependency) => (0, dependency_1.addDependency)(dependency.name, dependency.version, {
+        type: dependency_1.DependencyType.Dev,
+        existing: dependency_1.ExistingBehavior.Skip,
+        install: options.skipInstall ? dependency_1.InstallBehavior.None : dependency_1.InstallBehavior.Auto,
+    }));
+    if (!options.zoneless) {
+        rules.push((0, dependency_1.addDependency)('zone.js', latest_versions_1.latestVersions['zone.js'], {
+            type: dependency_1.DependencyType.Default,
+            existing: dependency_1.ExistingBehavior.Skip,
+            install: options.skipInstall ? dependency_1.InstallBehavior.None : dependency_1.InstallBehavior.Auto,
+        }));
+    }
+    if (options.style === schema_1.Style.Less) {
+        rules.push((0, dependency_1.addDependency)('less', latest_versions_1.latestVersions['less'], {
+            type: dependency_1.DependencyType.Dev,
+            existing: dependency_1.ExistingBehavior.Skip,
+            install: options.skipInstall ? dependency_1.InstallBehavior.None : dependency_1.InstallBehavior.Auto,
+        }));
+    }
+    return (0, schematics_1.chain)(rules);
+}
+function addAppToWorkspaceFile(options, appDir) {
+    let projectRoot = appDir;
+    if (projectRoot) {
+        projectRoot += '/';
+    }
+    const schematics = {};
+    if (options.inlineTemplate ||
+        options.inlineStyle ||
+        options.minimal ||
+        options.style !== schema_1.Style.Css) {
+        const componentSchematicsOptions = {};
+        if (options.inlineTemplate ?? options.minimal) {
+            componentSchematicsOptions.inlineTemplate = true;
+        }
+        if (options.inlineStyle ?? 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) => {
+            (schematics[`@schematics/angular:${type}`] ??= {}).skipTests = true;
+        });
+    }
+    if (!options.standalone) {
+        const schematicsWithStandalone = ['component', 'directive', 'pipe'];
+        schematicsWithStandalone.forEach((type) => {
+            (schematics[`@schematics/angular:${type}`] ??= {}).standalone = false;
+        });
+    }
+    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: '4kB',
+                maximumError: '8kB',
+            },
+        ];
+    }
+    else {
+        budgets = [
+            {
+                type: 'initial',
+                maximumWarning: '2MB',
+                maximumError: '5MB',
+            },
+            {
+                type: 'anyComponentStyle',
+                maximumWarning: '6kB',
+                maximumError: '10kB',
+            },
+        ];
+    }
+    const inlineStyleLanguage = 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.BuildApplication,
+                defaultConfiguration: 'production',
+                options: {
+                    browser: `${sourceRoot}/main.ts`,
+                    polyfills: options.zoneless ? undefined : ['zone.js'],
+                    tsConfig: `${projectRoot}tsconfig.app.json`,
+                    inlineStyleLanguage,
+                    assets: [{ 'glob': '**/*', 'input': `${projectRoot}public` }],
+                    styles: [`${sourceRoot}/styles.${options.style}`],
+                },
+                configurations: {
+                    production: {
+                        budgets,
+                        outputHashing: 'all',
+                    },
+                    development: {
+                        optimization: false,
+                        extractLicenses: false,
+                        sourceMap: true,
+                    },
+                },
+            },
+            serve: {
+                builder: workspace_models_1.Builders.BuildDevServer,
+                defaultConfiguration: 'development',
+                options: {},
+                configurations: {
+                    production: {
+                        buildTarget: `${options.name}:build:production`,
+                    },
+                    development: {
+                        buildTarget: `${options.name}:build:development`,
+                    },
+                },
+            },
+            'extract-i18n': {
+                builder: workspace_models_1.Builders.BuildExtractI18n,
+            },
+            test: options.minimal
+                ? undefined
+                : {
+                    builder: workspace_models_1.Builders.BuildKarma,
+                    options: {
+                        polyfills: options.zoneless ? undefined : ['zone.js', 'zone.js/testing'],
+                        tsConfig: `${projectRoot}tsconfig.spec.json`,
+                        inlineStyleLanguage,
+                        assets: [{ 'glob': '**/*', 'input': `${projectRoot}public` }],
+                        styles: [`${sourceRoot}/styles.${options.style}`],
+                    },
+                },
+        },
+    };
+    return (0, workspace_1.updateWorkspace)((workspace) => {
+        workspace.projects.add({
+            name: options.name,
+            ...project,
+        });
+    });
+}
+async function getAppOptions(host, options) {
+    const appRootSelector = `${options.prefix}-root`;
+    const componentOptions = getComponentOptions(options);
+    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 {
+        appDir,
+        appRootSelector,
+        componentOptions,
+        folderName,
+        sourceDir,
+    };
+}
+function getComponentOptions(options) {
+    const componentOptions = !options.minimal
+        ? {
+            inlineStyle: options.inlineStyle,
+            inlineTemplate: options.inlineTemplate,
+            skipTests: options.skipTests,
+            style: options.style,
+            viewEncapsulation: options.viewEncapsulation,
+        }
+        : {
+            inlineStyle: options.inlineStyle ?? true,
+            inlineTemplate: options.inlineTemplate ?? true,
+            skipTests: true,
+            style: options.style,
+            viewEncapsulation: options.viewEncapsulation,
+        };
+    return componentOptions;
+}

node_modules/@schematics/angular/application/schema.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Generates a new Angular application within your workspace. This schematic sets up the
+ * foundational structure of your project, including the root component, module, and
+ * configuration files. You can customize various aspects of the application, such as
+ * routing, styling, and testing.
+ */
+export type Schema = {
+    /**
+     * Include the styles for the root component directly within the `app.component.ts` file.
+     * Only CSS styles can be included inline. By default, a separate stylesheet file (e.g.,
+     * `app.component.css`) is created.
+     */
+    inlineStyle?: boolean;
+    /**
+     * Include the HTML template for the root component directly within the `app.component.ts`
+     * file. By default, a separate template file (e.g., `app.component.html`) is created.
+     */
+    inlineTemplate?: boolean;
+    /**
+     * Generate a minimal project without any testing frameworks. This is intended for learning
+     * purposes and simple experimentation, not for production applications.
+     */
+    minimal?: boolean;
+    /**
+     * The name for the new application. This name will be used for the project directory and
+     * various identifiers throughout the application's code.
+     */
+    name: string;
+    /**
+     * A prefix to be added to the selectors of components generated within this application.
+     * For example, if the prefix is `my-app` and you generate a component named `my-component`,
+     * the selector will be `my-app-my-component`.
+     */
+    prefix?: string;
+    /**
+     * The directory where the new application's files will be created, relative to the
+     * workspace root. If not specified, the application will be created in a subfolder within
+     * the `projects` directory, using the application's name.
+     */
+    projectRoot?: string;
+    /**
+     * Generate an application with routing already configured. This sets up the necessary files
+     * and modules for managing navigation between different views in your application.
+     */
+    routing?: boolean;
+    /**
+     * Skip the automatic installation of packages. You will need to manually install the
+     * dependencies later.
+     */
+    skipInstall?: boolean;
+    /**
+     * Do not add dependencies to the `package.json` file.
+     */
+    skipPackageJson?: boolean;
+    /**
+     * Skip the generation of a unit test files `spec.ts`.
+     */
+    skipTests?: boolean;
+    /**
+     * Configure the application for Server-Side Rendering (SSR) and Static Site Generation
+     * (SSG/Prerendering).
+     */
+    ssr?: boolean;
+    /**
+     * Create an application that utilizes the standalone API, eliminating the need for
+     * NgModules. This can simplify the structure of your application.
+     */
+    standalone?: boolean;
+    /**
+     * Enable stricter bundle budget settings for the application. This helps to keep your
+     * application's bundle size small and improve performance. For more information, see
+     * https://angular.dev/tools/cli/template-typecheck#strict-mode
+     */
+    strict?: boolean;
+    /**
+     * The type of stylesheet files to be created for components in the application.
+     */
+    style?: Style;
+    /**
+     * Sets the view encapsulation mode for the application's components. This determines how
+     * component styles are scoped and applied.
+     */
+    viewEncapsulation?: ViewEncapsulation;
+    /**
+     * Generate an application that does not use `zone.js`.
+     */
+    zoneless?: boolean;
+};
+/**
+ * The type of stylesheet files to be created for components in the application.
+ */
+export declare enum Style {
+    Css = "css",
+    Less = "less",
+    Sass = "sass",
+    Scss = "scss"
+}
+/**
+ * Sets the view encapsulation mode for the application's components. This determines how
+ * component styles are scoped and applied.
+ */
+export declare enum ViewEncapsulation {
+    Emulated = "Emulated",
+    None = "None",
+    ShadowDom = "ShadowDom"
+}

node_modules/@schematics/angular/application/schema.js

@@ -0,0 +1,25 @@
+"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 type of stylesheet files to be created for components in the application.
+ */
+var Style;
+(function (Style) {
+    Style["Css"] = "css";
+    Style["Less"] = "less";
+    Style["Sass"] = "sass";
+    Style["Scss"] = "scss";
+})(Style || (exports.Style = Style = {}));
+/**
+ * Sets the view encapsulation mode for the application's components. This determines how
+ * component styles are scoped and applied.
+ */
+var ViewEncapsulation;
+(function (ViewEncapsulation) {
+    ViewEncapsulation["Emulated"] = "Emulated";
+    ViewEncapsulation["None"] = "None";
+    ViewEncapsulation["ShadowDom"] = "ShadowDom";
+})(ViewEncapsulation || (exports.ViewEncapsulation = ViewEncapsulation = {}));

node_modules/@schematics/angular/application/schema.json

@@ -0,0 +1,129 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularApp",
+  "title": "Angular Application Options Schema",
+  "type": "object",
+  "description": "Generates a new Angular application within your workspace. This schematic sets up the foundational structure of your project, including the root component, module, and configuration files. You can customize various aspects of the application, such as routing, styling, and testing.",
+  "additionalProperties": false,
+  "properties": {
+    "projectRoot": {
+      "description": "The directory where the new application's files will be created, relative to the workspace root. If not specified, the application will be created in a subfolder within the `projects` directory, using the application's name.",
+      "type": "string"
+    },
+    "name": {
+      "description": "The name for the new application. This name will be used for the project directory and various identifiers throughout the application's code.",
+      "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 the styles for the root component directly within the `app.component.ts` file. Only CSS styles can be included inline. By default, a separate stylesheet file (e.g., `app.component.css`) is created.",
+      "type": "boolean",
+      "alias": "s",
+      "x-user-analytics": "ep.ng_inline_style"
+    },
+    "inlineTemplate": {
+      "description": "Include the HTML template for the root component directly within the `app.component.ts` file. By default, a separate template file (e.g., `app.component.html`) is created.",
+      "type": "boolean",
+      "alias": "t",
+      "x-user-analytics": "ep.ng_inline_template"
+    },
+    "viewEncapsulation": {
+      "description": "Sets the view encapsulation mode for the application's components. This determines how component styles are scoped and applied.",
+      "enum": ["Emulated", "None", "ShadowDom"],
+      "type": "string"
+    },
+    "routing": {
+      "type": "boolean",
+      "description": "Generate an application with routing already configured. This sets up the necessary files and modules for managing navigation between different views in your application.",
+      "default": true,
+      "x-user-analytics": "ep.ng_routing"
+    },
+    "prefix": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "A prefix to be added to the selectors of components generated within this application. For example, if the prefix is `my-app` and you generate a component named `my-component`, the selector will be `my-app-my-component`.",
+      "default": "app",
+      "alias": "p"
+    },
+    "style": {
+      "description": "The type of stylesheet files to be created for components in the application.",
+      "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             [ https://developer.mozilla.org/docs/Web/CSS                     ]"
+          },
+          {
+            "value": "scss",
+            "label": "Sass (SCSS)     [ https://sass-lang.com/documentation/syntax#scss                ]"
+          },
+          {
+            "value": "sass",
+            "label": "Sass (Indented) [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]"
+          },
+          {
+            "value": "less",
+            "label": "Less            [ http://lesscss.org                                             ]"
+          }
+        ]
+      },
+      "x-user-analytics": "ep.ng_style"
+    },
+    "skipTests": {
+      "description": "Skip the generation of a unit test files `spec.ts`.",
+      "type": "boolean",
+      "default": false,
+      "alias": "S"
+    },
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add dependencies to the `package.json` file."
+    },
+    "minimal": {
+      "description": "Generate a minimal project without any testing frameworks. This is intended for learning purposes and simple experimentation, not for production applications.",
+      "type": "boolean",
+      "default": false
+    },
+    "skipInstall": {
+      "description": "Skip the automatic installation of packages. You will need to manually install the dependencies later.",
+      "type": "boolean",
+      "default": false
+    },
+    "strict": {
+      "description": "Enable stricter bundle budget settings for the application. This helps to keep your application's bundle size small and improve performance. For more information, see https://angular.dev/tools/cli/template-typecheck#strict-mode",
+      "type": "boolean",
+      "default": true
+    },
+    "standalone": {
+      "description": "Create an application that utilizes the standalone API, eliminating the need for NgModules. This can simplify the structure of your application.",
+      "type": "boolean",
+      "default": true,
+      "x-user-analytics": "ep.ng_standalone"
+    },
+    "ssr": {
+      "description": "Configure the application for Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering).",
+      "x-prompt": "Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?",
+      "type": "boolean",
+      "default": false,
+      "x-user-analytics": "ep.ng_ssr"
+    },
+    "zoneless": {
+      "description": "Generate an application that does not use `zone.js`.",
+      "x-prompt": "Do you want to create a 'zoneless' application without zone.js?",
+      "type": "boolean",
+      "default": false
+    }
+  },
+  "required": ["name"]
+}

node_modules/@schematics/angular/class/files/__name@dasherize__.__type__.spec.ts.template

@@ -0,0 +1,7 @@
+import { <%= classify(name) %> } from './<%= dasherize(name) %><%= type %>';
+
+describe('<%= classify(name) %>', () => {
+  it('should create an instance', () => {
+    expect(new <%= classify(name) %>()).toBeTruthy();
+  });
+});

node_modules/@schematics/angular/class/files/__name@dasherize__.__type__.ts.template

@@ -0,0 +1,2 @@
+export class <%= classify(name) %> {
+}

node_modules/@schematics/angular/class/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ClassOptions } from './schema';
+export default function (options: ClassOptions): Rule;

node_modules/@schematics/angular/class/index.js

@@ -0,0 +1,14 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const generate_from_files_1 = require("../utility/generate-from-files");
+function default_1(options) {
+    return (0, generate_from_files_1.generateFromFiles)(options);
+}

node_modules/@schematics/angular/class/schema.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Creates a new class in your project. Classes are the fundamental building blocks for
+ * object-oriented programming in TypeScript. They provide a blueprint for creating objects
+ * with properties and methods. This schematic helps you generate a new class with the basic
+ * structure and optional test files.
+ */
+export type Schema = {
+    /**
+     * The name for the new class. This will be used to create the class file (e.g.,
+     * `my-class.ts`) and, if enabled, the corresponding test file `my-class.spec.ts`.
+     */
+    name: string;
+    /**
+     * The path where the class file should be created, relative to the workspace root. If not
+     * specified, the class will be created in the current directory.
+     */
+    path?: string;
+    /**
+     * The name of the project where the class should be added. If not specified, the CLI will
+     * determine the project from the current directory.
+     */
+    project: string;
+    /**
+     * Skip the generation of a unit test file `spec.ts` for the new class.
+     */
+    skipTests?: boolean;
+    /**
+     * Adds a custom type to the filename, allowing you to create more descriptive class names.
+     * For example, if you set the type to `helper`, the filename will be `my-class.helper.ts`.
+     */
+    type?: string;
+};

node_modules/@schematics/angular/class/schema.js

@@ -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 });

node_modules/@schematics/angular/class/schema.json

@@ -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 class in your project. Classes are the fundamental building blocks for object-oriented programming in TypeScript. They provide a blueprint for creating objects with properties and methods. This schematic helps you generate a new class with the basic structure and optional test files.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name for the new class. This will be used to create the class file (e.g., `my-class.ts`) and, if enabled, the corresponding test file `my-class.spec.ts`.",
+      "$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 where the class file should be created, relative to the workspace root. If not specified, the class will be created in the current directory.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project where the class should be added. If not specified, the CLI will determine the project from the current directory.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Skip the generation of a unit test file `spec.ts` for the new class.",
+      "default": false
+    },
+    "type": {
+      "type": "string",
+      "description": "Adds a custom type to the filename, allowing you to create more descriptive class names. For example, if you set the type to `helper`, the filename will be `my-class.helper.ts`."
+    }
+  },
+  "required": ["name", "project"]
+}

node_modules/@schematics/angular/collection.json

@@ -0,0 +1,141 @@
+{
+  "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."
+    },
+    "private-e2e": {
+      "factory": "./e2e",
+      "schema": "./e2e/schema.json",
+      "description": "PRIVATE API - Do not use.",
+      "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"
+    },
+    "server": {
+      "factory": "./server",
+      "description": "Create an Angular server app.",
+      "schema": "./server/schema.json",
+      "hidden": true
+    },
+    "ssr": {
+      "factory": "./ssr",
+      "description": "Adds SSR to an Angular app.",
+      "schema": "./ssr/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."
+    },
+    "environments": {
+      "factory": "./environments",
+      "schema": "./environments/schema.json",
+      "description": "Generate project environment files."
+    },
+    "config": {
+      "factory": "./config",
+      "schema": "./config/schema.json",
+      "description": "Generates a configuration file."
+    },
+    "ai-config": {
+      "factory": "./ai-config",
+      "schema": "./ai-config/schema.json",
+      "description": "Generates an AI tool configuration file."
+    }
+  }
+}

node_modules/@schematics/angular/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.__style__.template

@@ -0,0 +1,6 @@
+<% if(displayBlock){ if(style != 'sass') { %>:host {
+  display: block;
+}
+<% } else { %>\:host
+  display: block;
+<% }} %>

node_modules/@schematics/angular/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.spec.ts.template

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import <% if(!exportDefault) { %>{ <% }%><%= classify(name) %><%= classify(type) %> <% if(!exportDefault) {%>} <% }%>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();
+  });
+});

node_modules/@schematics/angular/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.ts.template

@@ -0,0 +1,24 @@
+import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%>Component<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%> } from '@angular/core';
+
+@Component({<% if(!skipSelector) {%>
+  selector: '<%= selector %>',<%}%><% if(standalone) {%>
+  imports: [],<%} else { %>
+  standalone: false,<% }%><% if(inlineTemplate) { %>
+  template: `
+    <p>
+      <%= dasherize(name) %> works!
+    </p>
+  `,<% } else { %>
+  templateUrl: './<%= dasherize(name) %><%= type ? '.' + dasherize(type): '' %><%= ngext %>.html',<% } if(inlineStyle) { %>
+  styles: `<% if(displayBlock){ %>
+    :host {
+      display: block;
+    }
+  <% } %>`,<% } else if (style !== 'none') { %>
+  styleUrl: './<%= dasherize(name) %><%= type ? '.' + dasherize(type): '' %>.<%= style %>',<% } %><% if(!!viewEncapsulation) { %>
+  encapsulation: ViewEncapsulation.<%= viewEncapsulation %>,<% } if (changeDetection !== 'Default') { %>
+  changeDetection: ChangeDetectionStrategy.<%= changeDetection %>,<% } %>
+})
+export <% if(exportDefault) {%>default <%}%>class <%= classify(name) %><%= classify(type) %> {
+
+}

node_modules/@schematics/angular/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize____ngext__.html.template

@@ -0,0 +1 @@
+<p><%= dasherize(name) %> works!</p>

node_modules/@schematics/angular/component/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ComponentOptions } from './schema';
+export default function (options: ComponentOptions): Rule;

node_modules/@schematics/angular/component/index.js

@@ -0,0 +1,79 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+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);
+        // Schematic templates require a defined type value
+        options.type ??= '';
+        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);
+        (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
+        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),
+                'ngext': options.ngHtml ? '.ng' : '',
+                ...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),
+        ]);
+    };
+}

node_modules/@schematics/angular/component/schema.d.ts

@@ -0,0 +1,136 @@
+/**
+ * Creates a new Angular component. Components are the basic building blocks of Angular
+ * applications. Each component consists of a TypeScript class, an HTML template, and an
+ * optional CSS stylesheet. Use this schematic to generate a new component in your project.
+ */
+export type Schema = {
+    /**
+     * Configures the change detection strategy for the component.
+     */
+    changeDetection?: ChangeDetection;
+    /**
+     * Adds `:host { display: block; }` to the component's stylesheet, ensuring the component
+     * renders as a block-level element. This is useful for layout purposes.
+     */
+    displayBlock?: boolean;
+    /**
+     * Automatically export the component from the specified NgModule, making it accessible to
+     * other modules in the application.
+     */
+    export?: boolean;
+    /**
+     * Use a default export for the component in its TypeScript file instead of a named export.
+     */
+    exportDefault?: boolean;
+    /**
+     * Create the component files directly in the project's `src/app` directory instead of
+     * creating a new folder for them.
+     */
+    flat?: boolean;
+    /**
+     * Include the component's styles directly in the `component.ts` file. By default, a
+     * separate stylesheet file (e.g., `my-component.css`) is created.
+     */
+    inlineStyle?: boolean;
+    /**
+     * Include the component's HTML template directly in the `component.ts` file. By default, a
+     * separate template file (e.g., `my-component.html`) is created.
+     */
+    inlineTemplate?: boolean;
+    /**
+     * Specify the NgModule where the component should be declared. If not provided, the CLI
+     * will attempt to find the closest NgModule in the component's path.
+     */
+    module?: string;
+    /**
+     * The name for the new component. This will be used to create the component's class,
+     * template, and stylesheet files. For example, if you provide `my-component`, the files
+     * will be named `my-component.ts`, `my-component.html`, and `my-component.css`.
+     */
+    name: string;
+    /**
+     * Generate component template files with an '.ng.html' file extension instead of '.html'.
+     */
+    ngHtml?: boolean;
+    /**
+     * The path where the component files should be created, relative to the current workspace.
+     * If not provided, a folder with the same name as the component will be created in the
+     * project's `src/app` directory.
+     */
+    path?: string;
+    /**
+     * A prefix to be added to the component's selector. For example, if the prefix is `app` and
+     * the component name is `my-component`, the selector will be `app-my-component`.
+     */
+    prefix?: string;
+    /**
+     * The name of the project where the component should be added. If not specified, the CLI
+     * will determine the project from the current directory.
+     */
+    project: string;
+    /**
+     * The HTML selector to use for this component. If not provided, a selector will be
+     * generated based on the component name (e.g., `app-my-component`).
+     */
+    selector?: string;
+    /**
+     * Do not automatically import the new component into its closest NgModule.
+     */
+    skipImport?: boolean;
+    /**
+     * Skip the generation of an HTML selector for the component.
+     */
+    skipSelector?: boolean;
+    /**
+     * Skip the generation of unit test files `spec.ts`.
+     */
+    skipTests?: boolean;
+    /**
+     * Generate a standalone component. Standalone components are self-contained and don't need
+     * to be declared in an NgModule. They can be used independently or imported directly into
+     * other standalone components.
+     */
+    standalone?: boolean;
+    /**
+     * Specify the type of stylesheet to be created for the component, or `none` to skip
+     * creating a stylesheet.
+     */
+    style?: Style;
+    /**
+     * Append a custom type to the component's filename. For example, if you set the type to
+     * `container`, the file will be named `my-component.container.ts`.
+     */
+    type?: string;
+    /**
+     * Sets the view encapsulation mode for the component. This determines how the component's
+     * styles are scoped and applied.
+     */
+    viewEncapsulation?: ViewEncapsulation;
+};
+/**
+ * Configures the change detection strategy for the component.
+ */
+export declare enum ChangeDetection {
+    Default = "Default",
+    OnPush = "OnPush"
+}
+/**
+ * Specify the type of stylesheet to be created for the component, or `none` to skip
+ * creating a stylesheet.
+ */
+export declare enum Style {
+    Css = "css",
+    Less = "less",
+    None = "none",
+    Sass = "sass",
+    Scss = "scss"
+}
+/**
+ * Sets the view encapsulation mode for the component. This determines how the component's
+ * styles are scoped and applied.
+ */
+export declare enum ViewEncapsulation {
+    Emulated = "Emulated",
+    None = "None",
+    ShadowDom = "ShadowDom"
+}

node_modules/@schematics/angular/component/schema.js

@@ -0,0 +1,35 @@
+"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;
+/**
+ * Configures the change detection strategy for the component.
+ */
+var ChangeDetection;
+(function (ChangeDetection) {
+    ChangeDetection["Default"] = "Default";
+    ChangeDetection["OnPush"] = "OnPush";
+})(ChangeDetection || (exports.ChangeDetection = ChangeDetection = {}));
+/**
+ * Specify the type of stylesheet to be created for the component, or `none` to skip
+ * creating a stylesheet.
+ */
+var Style;
+(function (Style) {
+    Style["Css"] = "css";
+    Style["Less"] = "less";
+    Style["None"] = "none";
+    Style["Sass"] = "sass";
+    Style["Scss"] = "scss";
+})(Style || (exports.Style = Style = {}));
+/**
+ * Sets the view encapsulation mode for the component. This determines how the component's
+ * styles are scoped and applied.
+ */
+var ViewEncapsulation;
+(function (ViewEncapsulation) {
+    ViewEncapsulation["Emulated"] = "Emulated";
+    ViewEncapsulation["None"] = "None";
+    ViewEncapsulation["ShadowDom"] = "ShadowDom";
+})(ViewEncapsulation || (exports.ViewEncapsulation = ViewEncapsulation = {}));

node_modules/@schematics/angular/component/schema.json

@@ -0,0 +1,145 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularComponent",
+  "title": "Angular Component Options Schema",
+  "type": "object",
+  "description": "Creates a new Angular component. Components are the basic building blocks of Angular applications. Each component consists of a TypeScript class, an HTML template, and an optional CSS stylesheet. Use this schematic to generate a new component in your project.",
+  "additionalProperties": false,
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path where the component files should be created, relative to the current workspace. If not provided, a folder with the same name as the component will be created in the project's `src/app` directory.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project where the component should be added. If not specified, the CLI will determine the project from the current directory.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name for the new component. This will be used to create the component's class, template, and stylesheet files. For example, if you provide `my-component`, the files will be named `my-component.ts`, `my-component.html`, and `my-component.css`.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the component?"
+    },
+    "displayBlock": {
+      "description": "Adds `:host { display: block; }` to the component's stylesheet, ensuring the component renders as a block-level element. This is useful for layout purposes.",
+      "type": "boolean",
+      "default": false,
+      "alias": "b"
+    },
+    "inlineStyle": {
+      "description": "Include the component's styles directly in the `component.ts` file. By default, a separate stylesheet file (e.g., `my-component.css`) is created.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s",
+      "x-user-analytics": "ep.ng_inline_style"
+    },
+    "inlineTemplate": {
+      "description": "Include the component's HTML template directly in the `component.ts` file. By default, a separate template file (e.g., `my-component.html`) is created.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t",
+      "x-user-analytics": "ep.ng_inline_template"
+    },
+    "standalone": {
+      "description": "Generate a standalone component. Standalone components are self-contained and don't need to be declared in an NgModule. They can be used independently or imported directly into other standalone components.",
+      "type": "boolean",
+      "default": true,
+      "x-user-analytics": "ep.ng_standalone"
+    },
+    "viewEncapsulation": {
+      "description": "Sets the view encapsulation mode for the component. This determines how the component's styles are scoped and applied.",
+      "enum": ["Emulated", "None", "ShadowDom"],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Configures the change detection strategy for the component.",
+      "enum": ["Default", "OnPush"],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "A prefix to be added to the component's selector. For example, if the prefix is `app` and the component name is `my-component`, the selector will be `app-my-component`.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "style": {
+      "description": "Specify the type of stylesheet to be created for the component, or `none` to skip creating a stylesheet.",
+      "type": "string",
+      "default": "css",
+      "enum": ["css", "scss", "sass", "less", "none"],
+      "x-user-analytics": "ep.ng_style"
+    },
+    "type": {
+      "type": "string",
+      "description": "Append a custom type to the component's filename. For example, if you set the type to `container`, the file will be named `my-component.container.ts`."
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Skip the generation of unit test files `spec.ts`.",
+      "default": false
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Create the component files directly in the project's `src/app` directory instead of creating a new folder for them.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Do not automatically import the new component into its closest NgModule.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The HTML selector to use for this component. If not provided, a selector will be generated based on the component name (e.g., `app-my-component`)."
+    },
+    "skipSelector": {
+      "type": "boolean",
+      "default": false,
+      "description": "Skip the generation of an HTML selector for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Specify the NgModule where the component should be declared. If not provided, the CLI will attempt to find the closest NgModule in the component's path.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Automatically export the component from the specified NgModule, making it accessible to other modules in the application."
+    },
+    "exportDefault": {
+      "type": "boolean",
+      "default": false,
+      "description": "Use a default export for the component in its TypeScript file instead of a named export."
+    },
+    "ngHtml": {
+      "type": "boolean",
+      "default": false,
+      "description": "Generate component template files with an '.ng.html' file extension instead of '.html'."
+    }
+  },
+  "required": ["name", "project"]
+}

node_modules/@schematics/angular/config/.browserslistrc

@@ -0,0 +1,7 @@
+Chrome >= 107
+ChromeAndroid >= 107
+Edge >= 107
+Firefox >= 104
+FirefoxAndroid >= 104
+Safari >= 16
+iOS >= 16

node_modules/@schematics/angular/config/files/.browserslistrc.template

@@ -0,0 +1,11 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For Angular's browser support policy, please see:
+# https://angular.dev/reference/versions#browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+<%= config %>

node_modules/@schematics/angular/config/files/karma.conf.js.template

@@ -0,0 +1,38 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine'<% if (needDevkitPlugin) { %>, '@angular-devkit/build-angular'<% } %>],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),<% if (needDevkitPlugin) { %>
+      require('@angular-devkit/build-angular/plugins/karma')<% } %>
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '<%= relativePathToWorkspaceRoot %>/coverage/<%= folderName %>'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    browsers: ['Chrome'],
+    restartOnFileChange: true
+  });
+};

node_modules/@schematics/angular/config/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ConfigOptions } from './schema';
+export default function (options: ConfigOptions): Rule;

node_modules/@schematics/angular/config/index.js

@@ -0,0 +1,77 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const schematics_1 = require("@angular-devkit/schematics");
+const promises_1 = require("node:fs/promises");
+const node_path_1 = require("node:path");
+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 default_1(options) {
+    switch (options.type) {
+        case schema_1.Type.Karma:
+            return addKarmaConfig(options);
+        case schema_1.Type.Browserslist:
+            return addBrowserslistConfig(options);
+        default:
+            throw new schematics_1.SchematicsException(`"${options.type}" is an unknown configuration file type.`);
+    }
+}
+function addBrowserslistConfig(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 name "${options.project}" doesn't not exist.`);
+        }
+        // Read Angular's default vendored `.browserslistrc` file.
+        const config = await (0, promises_1.readFile)(node_path_1.posix.join(__dirname, '.browserslistrc'), 'utf8');
+        return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            (0, schematics_1.filter)((p) => p.endsWith('.browserslistrc.template')),
+            (0, schematics_1.applyTemplates)({ config }),
+            (0, schematics_1.move)(project.root),
+        ]));
+    };
+}
+function addKarmaConfig(options) {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
+        const project = workspace.projects.get(options.project);
+        if (!project) {
+            throw new schematics_1.SchematicsException(`Project name "${options.project}" doesn't not exist.`);
+        }
+        const testTarget = project.targets.get('test');
+        if (!testTarget) {
+            throw new schematics_1.SchematicsException(`No "test" target found for project "${options.project}".` +
+                ' A "test" target is required to generate a karma configuration.');
+        }
+        if (testTarget.builder !== workspace_models_1.Builders.Karma &&
+            testTarget.builder !== workspace_models_1.Builders.BuildKarma) {
+            throw new schematics_1.SchematicsException(`Cannot add a karma configuration as builder for "test" target in project does not` +
+                ` use "${workspace_models_1.Builders.Karma}" or "${workspace_models_1.Builders.BuildKarma}".`);
+        }
+        testTarget.options ??= {};
+        testTarget.options.karmaConfig = node_path_1.posix.join(project.root, 'karma.conf.js');
+        // If scoped project (i.e. "@foo/bar"), convert dir to "foo/bar".
+        let folderName = options.project.startsWith('@') ? options.project.slice(1) : options.project;
+        if (/[A-Z]/.test(folderName)) {
+            folderName = schematics_1.strings.dasherize(folderName);
+        }
+        return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            (0, schematics_1.filter)((p) => p.endsWith('karma.conf.js.template')),
+            (0, schematics_1.applyTemplates)({
+                relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(project.root),
+                folderName,
+                needDevkitPlugin: testTarget.builder === workspace_models_1.Builders.Karma,
+            }),
+            (0, schematics_1.move)(project.root),
+        ]));
+    });
+}

node_modules/@schematics/angular/config/schema.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Generates configuration files for your project. These files control various aspects of
+ * your project's build process, testing, and browser compatibility. This schematic helps
+ * you create or update essential configuration files with ease.
+ */
+export type Schema = {
+    /**
+     * The name of the project where the configuration file should be created or updated.
+     */
+    project: string;
+    /**
+     * Specifies the type of configuration file to generate.
+     */
+    type: Type;
+};
+/**
+ * Specifies the type of configuration file to generate.
+ */
+export declare enum Type {
+    Browserslist = "browserslist",
+    Karma = "karma"
+}

node_modules/@schematics/angular/config/schema.js

@@ -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.Type = void 0;
+/**
+ * Specifies the type of configuration file to generate.
+ */
+var Type;
+(function (Type) {
+    Type["Browserslist"] = "browserslist";
+    Type["Karma"] = "karma";
+})(Type || (exports.Type = Type = {}));

node_modules/@schematics/angular/config/schema.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularConfig",
+  "title": "Angular Config File Options Schema",
+  "type": "object",
+  "additionalProperties": false,
+  "description": "Generates configuration files for your project. These files control various aspects of your project's build process, testing, and browser compatibility. This schematic helps you create or update essential configuration files with ease.",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project where the configuration file should be created or updated.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "type": {
+      "type": "string",
+      "description": "Specifies the type of configuration file to generate.",
+      "enum": ["karma", "browserslist"],
+      "x-prompt": "Which type of configuration file would you like to create?",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    }
+  },
+  "required": ["project", "type"]
+}

node_modules/@schematics/angular/directive/files/__name@dasherize__.__type@dasherize__.spec.ts.template

@@ -0,0 +1,8 @@
+import { <%= classify(name) %><%= classify(type) %> } from './<%= dasherize(name) %><%= type ? '.' + dasherize(type) : '' %>';
+
+describe('<%= classify(name) %><%= classify(type) %>', () => {
+  it('should create an instance', () => {
+    const directive = new <%= classify(name) %><%= classify(type) %>();
+    expect(directive).toBeTruthy();
+  });
+});

node_modules/@schematics/angular/directive/files/__name@dasherize__.__type@dasherize__.ts.template

@@ -0,0 +1,11 @@
+import { Directive } from '@angular/core';
+
+@Directive({
+  selector: '[<%= selector %>]'<% if(!standalone) {%>,
+  standalone: false<%}%>
+})
+export class <%= classify(name) %><%= classify(type) %> {
+
+  constructor() { }
+
+}

node_modules/@schematics/angular/directive/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as DirectiveOptions } from './schema';
+export default function (options: DirectiveOptions): Rule;

node_modules/@schematics/angular/directive/index.js

@@ -0,0 +1,53 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+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 generate_from_files_1 = require("../utility/generate-from-files");
+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);
+        (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
+        return (0, schematics_1.chain)([
+            (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
+                type: 'directive',
+                ...options,
+            }),
+            (0, generate_from_files_1.generateFromFiles)(options),
+        ]);
+    };
+}

node_modules/@schematics/angular/directive/schema.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Creates a new directive in your project. Directives are used to extend the behavior or
+ * appearance of HTML elements and components. They allow you to manipulate the DOM, add
+ * custom attributes, and respond to events. This schematic generates the necessary files
+ * and boilerplate code for a new directive.
+ */
+export type Schema = {
+    /**
+     * Automatically export the directive from the specified NgModule, making it accessible to
+     * other modules in the application.
+     */
+    export?: boolean;
+    /**
+     * Creates the new directive files at the top level of the current project. If set to false,
+     * a new folder with the directive's name will be created to contain the files.
+     */
+    flat?: boolean;
+    /**
+     * Specify the NgModule where the directive should be declared. If not provided, the CLI
+     * will attempt to find the closest NgModule in the directive's path.
+     */
+    module?: string;
+    /**
+     * The name for the new directive. This will be used to create the directive's class and
+     * spec files (e.g., `my-directive.directive.ts` and `my-directive.directive.spec.ts`).
+     */
+    name: string;
+    /**
+     * The path where the directive files should be created, relative to the workspace root. If
+     * not provided, the directive will be created in the current directory.
+     */
+    path?: string;
+    /**
+     * A prefix to be added to the directive's selector. For example, if the prefix is `app` and
+     * the directive name is `highlight`, the selector will be `appHighlight`.
+     */
+    prefix?: string;
+    /**
+     * The name of the project where the directive should be added. If not specified, the CLI
+     * will determine the project from the current directory.
+     */
+    project: string;
+    /**
+     * The HTML selector to use for this directive. If not provided, a selector will be
+     * generated based on the directive's name (e.g., `appHighlight`).
+     */
+    selector?: string;
+    /**
+     * Do not automatically import the new directive into its closest NgModule.
+     */
+    skipImport?: boolean;
+    /**
+     * Skip the generation of a unit test file `spec.ts` for the new directive.
+     */
+    skipTests?: boolean;
+    /**
+     * Generate a standalone directive. Standalone directives are self-contained and don't need
+     * to be declared in an NgModule. They can be used independently or imported directly into
+     * other standalone components or directives.
+     */
+    standalone?: boolean;
+    /**
+     * Append a custom type to the directive's filename. For example, if you set the type to
+     * `directive`, the file will be named `example.directive.ts`.
+     */
+    type?: string;
+};

node_modules/@schematics/angular/directive/schema.js

@@ -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 });

node_modules/@schematics/angular/directive/schema.json

@@ -0,0 +1,90 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularDirective",
+  "title": "Angular Directive Options Schema",
+  "type": "object",
+  "description": "Creates a new directive in your project. Directives are used to extend the behavior or appearance of HTML elements and components. They allow you to manipulate the DOM, add custom attributes, and respond to events. This schematic generates the necessary files and boilerplate code for a new directive.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name for the new directive. This will be used to create the directive's class and spec files (e.g., `my-directive.directive.ts` and `my-directive.directive.spec.ts`).",
+      "$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 where the directive files should be created, relative to the workspace root. If not provided, the directive will be created in the current directory.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project where the directive should be added. If not specified, the CLI will determine the project from the current directory.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "prefix": {
+      "type": "string",
+      "description": "A prefix to be added to the directive's selector. For example, if the prefix is `app` and the directive name is `highlight`, the selector will be `appHighlight`.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Skip the generation of a unit test file `spec.ts` for the new directive.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Do not automatically import the new directive into its closest NgModule.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The HTML selector to use for this directive. If not provided, a selector will be generated based on the directive's name (e.g., `appHighlight`)."
+    },
+    "standalone": {
+      "description": "Generate a standalone directive. Standalone directives are self-contained and don't need to be declared in an NgModule. They can be used independently or imported directly into other standalone components or directives.",
+      "type": "boolean",
+      "default": true,
+      "x-user-analytics": "ep.ng_standalone"
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Creates the new directive files at the top level of the current project. If set to false, a new folder with the directive's name will be created to contain the files.",
+      "default": true
+    },
+    "module": {
+      "type": "string",
+      "description": "Specify the NgModule where the directive should be declared. If not provided, the CLI will attempt to find the closest NgModule in the directive's path.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Automatically export the directive from the specified NgModule, making it accessible to other modules in the application."
+    },
+    "type": {
+      "type": "string",
+      "description": "Append a custom type to the directive's filename. For example, if you set the type to `directive`, the file will be named `example.directive.ts`."
+    }
+  },
+  "required": ["name", "project"]
+}

node_modules/@schematics/angular/e2e/files/protractor.conf.js.template

@@ -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
+      }
+    }));
+  }
+};

node_modules/@schematics/angular/e2e/files/src/app.e2e-spec.ts.template

@@ -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('Hello, <%= relatedAppName %>');
+  });
+
+  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));
+  });
+});

node_modules/@schematics/angular/e2e/files/src/app.po.ts.template

@@ -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('h1')).getText();
+  }
+}

node_modules/@schematics/angular/e2e/files/tsconfig.json.template

@@ -0,0 +1,14 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/e2e",
+    "module": "commonjs",
+    "target": "es2019",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  }
+}

node_modules/@schematics/angular/e2e/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as E2eOptions } from './schema';
+export default function (options: E2eOptions): Rule;

node_modules/@schematics/angular/e2e/index.js

@@ -0,0 +1,80 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const schematics_1 = require("@angular-devkit/schematics");
+const node_path_1 = require("node:path");
+const dependency_1 = require("../utility/dependency");
+const json_file_1 = require("../utility/json-file");
+const latest_versions_1 = require("../utility/latest-versions");
+const standalone_1 = require("../utility/standalone");
+const workspace_1 = require("../utility/workspace");
+const workspace_models_1 = require("../utility/workspace-models");
+/**
+ * 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, workspace_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 = node_path_1.posix.join(project.root, 'e2e');
+        project.targets.add({
+            name: 'e2e',
+            builder: workspace_models_1.Builders.Protractor,
+            defaultConfiguration: 'development',
+            options: {
+                protractorConfig: node_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: node_path_1.posix.relative(node_path_1.posix.join('/', e2eRootPath), '/'),
+                }),
+                (0, schematics_1.move)(e2eRootPath),
+            ])),
+            (0, standalone_1.addRootProvider)(relatedAppName, ({ code, external }) => code `${external('provideProtractorTestingSupport', '@angular/platform-browser')}()`),
+            ...E2E_DEV_DEPENDENCIES.map((name) => (0, dependency_1.addDependency)(name, latest_versions_1.latestVersions[name], {
+                type: dependency_1.DependencyType.Dev,
+                existing: dependency_1.ExistingBehavior.Skip,
+            })),
+            addScriptsToPackageJson(),
+        ]);
+    });
+}

node_modules/@schematics/angular/e2e/schema.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Generates a new, generic end-to-end test definition in the given project.
+ */
+export type Schema = {
+    /**
+     * The name of the application being tested.
+     */
+    relatedAppName: string;
+    /**
+     * The HTML selector for the root component of the test app.
+     */
+    rootSelector?: string;
+};

node_modules/@schematics/angular/e2e/schema.js

@@ -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 });

node_modules/@schematics/angular/e2e/schema.json

@@ -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 in the given 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"]
+}

node_modules/@schematics/angular/enum/files/__name@dasherize__.__type__.ts.template

@@ -0,0 +1,2 @@
+export enum <%= classify(name) %> {
+}

node_modules/@schematics/angular/enum/index.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.dev/license
+ */
+import type { Rule } from '@angular-devkit/schematics';
+import type { Schema as EnumOptions } from './schema';
+export default function (options: EnumOptions): Rule;

node_modules/@schematics/angular/enum/index.js

@@ -0,0 +1,14 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const generate_from_files_1 = require("../utility/generate-from-files");
+function default_1(options) {
+    return (0, generate_from_files_1.generateFromFiles)(options);
+}

node_modules/@schematics/angular/enum/schema.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Creates a new enum in your project. Enums (enumerations) are a way to define a set of
+ * named constants, making your code more readable and maintainable. This schematic
+ * generates a new enum with the specified name and type.
+ */
+export type Schema = {
+    /**
+     * The name for the new enum. This will be used to create the enum file (e.g.,
+     * `my-enum.enum.ts`).
+     */
+    name: string;
+    /**
+     * The path where the enum file should be created, relative to the current workspace. If not
+     * specified, the enum will be created in the current directory.
+     */
+    path?: string;
+    /**
+     * The name of the project where the enum should be created. If not specified, the CLI will
+     * determine the project from the current directory.
+     */
+    project: string;
+    /**
+     * Adds a custom type to the filename, allowing you to create more descriptive enum names.
+     * For example, if you set the type to `status`, the filename will be `my-enum.status.ts`.
+     */
+    type?: string;
+};

node_modules/@schematics/angular/enum/schema.js

@@ -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 });

node_modules/@schematics/angular/enum/schema.json

@@ -0,0 +1,40 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularEnum",
+  "title": "Angular Enum Options Schema",
+  "type": "object",
+  "description": "Creates a new enum in your project. Enums (enumerations) are a way to define a set of named constants, making your code more readable and maintainable. This schematic generates a new enum with the specified name and type.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name for the new enum. This will be used to create the enum file (e.g., `my-enum.enum.ts`).",
+      "$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 where the enum file should be created, relative to the current workspace. If not specified, the enum will be created in the current directory.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project where the enum should be created. If not specified, the CLI will determine the project from the current directory.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "type": {
+      "type": "string",
+      "description": "Adds a custom type to the filename, allowing you to create more descriptive enum names. For example, if you set the type to `status`, the filename will be `my-enum.status.ts`."
+    }
+  },
+  "required": ["name", "project"]
+}

node_modules/@schematics/angular/environments/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as EnvironmentOptions } from './schema';
+export default function (options: EnvironmentOptions): Rule;

node_modules/@schematics/angular/environments/index.js

@@ -0,0 +1,107 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const schematics_1 = require("@angular-devkit/schematics");
+const node_path_1 = require("node:path");
+const workspace_1 = require("../utility/workspace");
+const workspace_models_1 = require("../utility/workspace-models");
+const ENVIRONMENTS_DIRECTORY = 'environments';
+const ENVIRONMENT_FILE_CONTENT = 'export const environment = {};\n';
+function default_1(options) {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
+        const project = workspace.projects.get(options.project);
+        if (!project) {
+            throw new schematics_1.SchematicsException(`Project name "${options.project}" doesn't not exist.`);
+        }
+        const type = project.extensions['projectType'];
+        if (type !== 'application') {
+            return log('error', 'Only application project types are support by this schematic.' + type
+                ? ` Project "${options.project}" has a "projectType" of "${type}".`
+                : ` Project "${options.project}" has no "projectType" defined.`);
+        }
+        const buildTarget = project.targets.get('build');
+        if (!buildTarget) {
+            return log('error', `No "build" target found for project "${options.project}".` +
+                ' A "build" target is required to generate environment files.');
+        }
+        const serverTarget = project.targets.get('server');
+        const sourceRoot = project.sourceRoot ?? node_path_1.posix.join(project.root, 'src');
+        // The generator needs to be iterated prior to returning to ensure all workspace changes that occur
+        // within the generator are present for `updateWorkspace` when it writes the workspace file.
+        return (0, schematics_1.chain)([
+            ...generateConfigurationEnvironments(buildTarget, serverTarget, sourceRoot, options.project),
+        ]);
+    });
+}
+function createIfMissing(path) {
+    return (tree, context) => {
+        if (tree.exists(path)) {
+            context.logger.info(`Skipping creation of already existing environment file "${path}".`);
+        }
+        else {
+            tree.create(path, ENVIRONMENT_FILE_CONTENT);
+        }
+    };
+}
+function log(type, text) {
+    return (_, context) => context.logger[type](text);
+}
+function* generateConfigurationEnvironments(buildTarget, serverTarget, sourceRoot, projectName) {
+    if (buildTarget.builder !== workspace_models_1.Builders.Browser &&
+        buildTarget.builder !== workspace_models_1.Builders.BrowserEsbuild &&
+        buildTarget.builder !== workspace_models_1.Builders.Application &&
+        buildTarget.builder !== workspace_models_1.Builders.BuildApplication) {
+        yield log('warn', `"build" target found for project "${projectName}" has a third-party builder "${buildTarget.builder}".` +
+            ' The generated project options may not be compatible with this builder.');
+    }
+    if (serverTarget && serverTarget.builder !== workspace_models_1.Builders.Server) {
+        yield log('warn', `"server" target found for project "${projectName}" has a third-party builder "${buildTarget.builder}".` +
+            ' The generated project options may not be compatible with this builder.');
+    }
+    // Create default environment file
+    const defaultFilePath = node_path_1.posix.join(sourceRoot, ENVIRONMENTS_DIRECTORY, 'environment.ts');
+    yield createIfMissing(defaultFilePath);
+    const configurationEntries = [
+        ...Object.entries(buildTarget.configurations ?? {}),
+        ...Object.entries(serverTarget?.configurations ?? {}),
+    ];
+    const addedFiles = new Set();
+    for (const [name, configurationOptions] of configurationEntries) {
+        if (!configurationOptions) {
+            // Invalid configuration
+            continue;
+        }
+        // Default configuration will use the default environment file
+        if (name === buildTarget.defaultConfiguration) {
+            continue;
+        }
+        const configurationFilePath = node_path_1.posix.join(sourceRoot, ENVIRONMENTS_DIRECTORY, `environment.${name}.ts`);
+        // Add file replacement option entry for the configuration environment file
+        const replacements = (configurationOptions['fileReplacements'] ??= []);
+        const existing = replacements.find((value) => value.replace === defaultFilePath);
+        if (existing) {
+            if (existing.with === configurationFilePath) {
+                yield log('info', `Skipping addition of already existing file replacements option for "${defaultFilePath}" to "${configurationFilePath}".`);
+            }
+            else {
+                yield log('warn', `Configuration "${name}" has a file replacements option for "${defaultFilePath}" but with a different replacement.` +
+                    ` Expected "${configurationFilePath}" but found "${existing.with}". This may result in unexpected build behavior.`);
+            }
+        }
+        else {
+            replacements.push({ replace: defaultFilePath, with: configurationFilePath });
+        }
+        // Create configuration specific environment file if not already added
+        if (!addedFiles.has(configurationFilePath)) {
+            addedFiles.add(configurationFilePath);
+            yield createIfMissing(configurationFilePath);
+        }
+    }
+}

node_modules/@schematics/angular/environments/schema.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Generates and configures environment files for your project. Environment files allow you
+ * to define different settings and configurations for various environments, such as
+ * development, testing, and production. This schematic helps you create and manage these
+ * files, making it easier to customize your application's behavior for each environment.
+ */
+export type Schema = {
+    /**
+     * The name of the project where the environment files should be created or updated.
+     */
+    project: string;
+};

node_modules/@schematics/angular/environments/schema.js

@@ -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 });

node_modules/@schematics/angular/environments/schema.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularEnvironment",
+  "title": "Angular Environments Options Schema",
+  "type": "object",
+  "additionalProperties": false,
+  "description": "Generates and configures environment files for your project. Environment files allow you to define different settings and configurations for various environments, such as development, testing, and production. This schematic helps you create and manage these files, making it easier to customize your application's behavior for each environment.",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project where the environment files should be created or updated.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  },
+  "required": ["project"]
+}

node_modules/@schematics/angular/guard/implements-files/__name@dasherize____typeSeparator__guard.spec.ts.template

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { <%= classify(name) %>Guard } from './<%= dasherize(name) %><%= typeSeparator %>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();
+  });
+});

node_modules/@schematics/angular/guard/implements-files/__name@dasherize____typeSeparator__guard.ts.template

@@ -0,0 +1,30 @@
+import { Injectable } from '@angular/core';
+import { <%= routerImports %> } from '@angular/router';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class <%= classify(name) %>Guard implements <%= implementations %> {
+  <% if (implements.includes('CanActivate')) { %>canActivate(
+    route: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot): MaybeAsync<GuardResult> {
+    return true;
+  }
+  <% } %><% if (implements.includes('CanActivateChild')) { %>canActivateChild(
+    childRoute: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot): MaybeAsync<GuardResult> {
+    return true;
+  }
+  <% } %><% if (implements.includes('CanDeactivate')) { %>canDeactivate(
+    component: unknown,
+    currentRoute: ActivatedRouteSnapshot,
+    currentState: RouterStateSnapshot,
+    nextState?: RouterStateSnapshot): MaybeAsync<GuardResult> {
+    return true;
+  }
+  <% } %><% if (implements.includes('CanMatch')) { %>canMatch(
+    route: Route,
+    segments: UrlSegment[]): MaybeAsync<GuardResult> {
+    return true;
+  }<% } %>
+}

node_modules/@schematics/angular/guard/index.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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as GuardOptions } from './schema';
+export default function (options: GuardOptions): Rule;

node_modules/@schematics/angular/guard/index.js

@@ -0,0 +1,47 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+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.');
+    }
+    if (options.implements.length > 1 && options.functional) {
+        throw new schematics_1.SchematicsException('Can only specify one value for implements when generating a functional guard.');
+    }
+    if (options.functional) {
+        const guardType = options.implements[0] + 'Fn';
+        return (0, generate_from_files_1.generateFromFiles)({ ...options, templateFilesDirectory: './type-files' }, { guardType });
+    }
+    else {
+        const implementations = options.implements
+            .map((implement) => (implement === 'CanDeactivate' ? 'CanDeactivate<unknown>' : implement))
+            .join(', ');
+        const commonRouterNameImports = ['ActivatedRouteSnapshot', 'RouterStateSnapshot'];
+        const routerNamedImports = [...options.implements, 'MaybeAsync', 'GuardResult'];
+        if (options.implements.includes(schema_1.Implement.CanMatch)) {
+            routerNamedImports.push('Route', 'subPath');
+            if (options.implements.length > 1) {
+                routerNamedImports.push(...commonRouterNameImports);
+            }
+        }
+        else {
+            routerNamedImports.push(...commonRouterNameImports);
+        }
+        routerNamedImports.sort();
+        const routerImports = routerNamedImports.join(', ');
+        return (0, generate_from_files_1.generateFromFiles)({ ...options, templateFilesDirectory: './implements-files' }, {
+            implementations,
+            routerImports,
+        });
+    }
+}

node_modules/@schematics/angular/guard/schema.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Creates a new route guard in your project. Route guards are used to control access to
+ * parts of your application by checking certain conditions before a route is activated.
+ * This schematic generates a new guard with the specified name, type, and options.
+ */
+export type Schema = {
+    /**
+     * Creates the new guard files at the top level of the current project. If set to false, a
+     * new folder with the guard's name will be created to contain the files.
+     */
+    flat?: boolean;
+    /**
+     * Generate the guard as a function instead of a class. Functional guards can be simpler for
+     * basic scenarios.
+     */
+    functional?: boolean;
+    /**
+     * Specifies the type(s) of guard to create. You can choose one or more of the following:
+     * `CanActivate` (controls access to a route), `CanActivateChild` (controls access to child
+     * routes), `CanDeactivate` (asks for confirmation before leaving a route), `CanMatch`
+     * (determines if a route can be matched).
+     */
+    implements?: Implement[];
+    /**
+     * The name for the new route guard. This will be used to create the guard's class and spec
+     * files (e.g., `my-guard.guard.ts` and `my-guard.guard.spec.ts`).
+     */
+    name: string;
+    /**
+     * The path where the guard files should be created, relative to the current workspace. If
+     * not provided, the guard will be created in the current directory.
+     */
+    path?: string;
+    /**
+     * The name of the project where the guard should be created. If not specified, the CLI will
+     * determine the project from the current directory.
+     */
+    project: string;
+    /**
+     * Skip the generation of a unit test file `spec.ts` for the new guard.
+     */
+    skipTests?: boolean;
+    /**
+     * The separator character to use before the type within the generated file's name. For
+     * example, if you set the option to `.`, the file will be named `example.guard.ts`.
+     */
+    typeSeparator?: TypeSeparator;
+};
+export declare enum Implement {
+    CanActivate = "CanActivate",
+    CanActivateChild = "CanActivateChild",
+    CanDeactivate = "CanDeactivate",
+    CanMatch = "CanMatch"
+}
+/**
+ * The separator character to use before the type within the generated file's name. For
+ * example, if you set the option to `.`, the file will be named `example.guard.ts`.
+ */
+export declare enum TypeSeparator {
+    Empty = "-",
+    TypeSeparator = "."
+}

node_modules/@schematics/angular/guard/schema.js

@@ -0,0 +1,21 @@
+"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.TypeSeparator = exports.Implement = void 0;
+var Implement;
+(function (Implement) {
+    Implement["CanActivate"] = "CanActivate";
+    Implement["CanActivateChild"] = "CanActivateChild";
+    Implement["CanDeactivate"] = "CanDeactivate";
+    Implement["CanMatch"] = "CanMatch";
+})(Implement || (exports.Implement = Implement = {}));
+/**
+ * The separator character to use before the type within the generated file's name. For
+ * example, if you set the option to `.`, the file will be named `example.guard.ts`.
+ */
+var TypeSeparator;
+(function (TypeSeparator) {
+    TypeSeparator["Empty"] = "-";
+    TypeSeparator["TypeSeparator"] = ".";
+})(TypeSeparator || (exports.TypeSeparator = TypeSeparator = {}));

node_modules/@schematics/angular/guard/schema.json

@@ -0,0 +1,70 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularGuard",
+  "title": "Angular Guard Options Schema",
+  "type": "object",
+  "description": "Creates a new route guard in your project. Route guards are used to control access to parts of your application by checking certain conditions before a route is activated. This schematic generates a new guard with the specified name, type, and options.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name for the new route guard. This will be used to create the guard's class and spec files (e.g., `my-guard.guard.ts` and `my-guard.guard.spec.ts`).",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the guard?"
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Skip the generation of a unit test file `spec.ts` for the new guard.",
+      "default": false
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Creates the new guard files at the top level of the current project. If set to false, a new folder with the guard's name will be created to contain the files.",
+      "default": true
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path where the guard files should be created, relative to the current workspace. If not provided, the guard will be created in the current directory.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project where the guard should be created. If not specified, the CLI will determine the project from the current directory.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "functional": {
+      "type": "boolean",
+      "description": "Generate the guard as a function instead of a class. Functional guards can be simpler for basic scenarios.",
+      "default": true
+    },
+    "implements": {
+      "alias": "guardType",
+      "type": "array",
+      "description": "Specifies the type(s) of guard to create. You can choose one or more of the following: `CanActivate` (controls access to a route), `CanActivateChild` (controls access to child routes), `CanDeactivate` (asks for confirmation before leaving a route), `CanMatch` (determines if a route can be matched).",
+      "uniqueItems": true,
+      "minItems": 1,
+      "items": {
+        "enum": ["CanActivate", "CanActivateChild", "CanDeactivate", "CanMatch"],
+        "type": "string"
+      },
+      "default": ["CanActivate"],
+      "x-prompt": "Which type of guard would you like to create?"
+    },
+    "typeSeparator": {
+      "type": "string",
+      "default": "-",
+      "enum": ["-", "."],
+      "description": "The separator character to use before the type within the generated file's name. For example, if you set the option to `.`, the file will be named `example.guard.ts`."
+    }
+  },
+  "required": ["name", "project"]
+}

node_modules/@schematics/angular/guard/type-files/__name@dasherize____typeSeparator__guard.spec.ts.template

@@ -0,0 +1,17 @@
+import { TestBed } from '@angular/core/testing';
+import { <%= guardType %> } from '@angular/router';
+
+import { <%= camelize(name) %>Guard } from './<%= dasherize(name) %><%= typeSeparator %>guard';
+
+describe('<%= camelize(name) %>Guard', () => {
+  const executeGuard: <%= guardType %><% if (guardType === 'CanDeactivateFn') { %><unknown><% } %> = (...guardParameters) => 
+      TestBed.runInInjectionContext(() => <%= camelize(name) %>Guard(...guardParameters));
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+  });
+
+  it('should be created', () => {
+    expect(executeGuard).toBeTruthy();
+  });
+});

node_modules/@schematics/angular/guard/type-files/__name@dasherize____typeSeparator__guard.ts.template

@@ -0,0 +1,9 @@
+import { <%= guardType %> } from '@angular/router';
+
+export const <%= camelize(name) %>Guard: <%= guardType %><% if (guardType === 'CanDeactivateFn') { %><unknown><% } %> = <%
+  if (guardType === 'CanMatchFn') { %>(route, segments)<% }
+  %><% if (guardType === 'CanActivateFn') { %>(route, state)<% }
+  %><% if (guardType === 'CanActivateChildFn') { %>(childRoute, state)<% }
+  %><% if (guardType === 'CanDeactivateFn') { %>(component, currentRoute, currentState, nextState)<% } %> => {
+  return true;
+};

node_modules/@schematics/angular/interceptor/class-files/__name@dasherize____typeSeparator__interceptor.spec.ts.template

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { <%= classify(name) %>Interceptor } from './<%= dasherize(name) %><%= typeSeparator %>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();
+  });
+});

node_modules/@schematics/angular/interceptor/class-files/__name@dasherize____typeSeparator__interceptor.ts.template

@@ -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);
+  }
+}

node_modules/@schematics/angular/interceptor/functional-files/__name@dasherize____typeSeparator__interceptor.spec.ts.template

@@ -0,0 +1,17 @@
+import { TestBed } from '@angular/core/testing';
+import { HttpInterceptorFn } from '@angular/common/http';
+
+import { <%= camelize(name) %>Interceptor } from './<%= dasherize(name) %><%= typeSeparator %>interceptor';
+
+describe('<%= camelize(name) %>Interceptor', () => {
+  const interceptor: HttpInterceptorFn = (req, next) => 
+    TestBed.runInInjectionContext(() => <%= camelize(name) %>Interceptor(req, next));
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+  });
+
+  it('should be created', () => {
+    expect(interceptor).toBeTruthy();
+  });
+});

node_modules/@schematics/angular/interceptor/functional-files/__name@dasherize____typeSeparator__interceptor.ts.template

@@ -0,0 +1,5 @@
+import { HttpInterceptorFn } from '@angular/common/http';
+
+export const <%= camelize(name) %>Interceptor: HttpInterceptorFn = (req, next) => {
+  return next(req);
+};

node_modules/@schematics/angular/interceptor/index.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.dev/license
+ */
+import type { Rule } from '@angular-devkit/schematics';
+import type { Schema as InterceptorOptions } from './schema';
+export default function (options: InterceptorOptions): Rule;

node_modules/@schematics/angular/interceptor/index.js

@@ -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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const generate_from_files_1 = require("../utility/generate-from-files");
+function default_1(options) {
+    const templateFilesDirectory = options.functional ? './functional-files' : './class-files';
+    return (0, generate_from_files_1.generateFromFiles)({ ...options, templateFilesDirectory });
+}