@angular/core 21.0.0-next.4 → 21.0.0-next.5

package/schematics/bundles/imports-DwPXlGFl.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/{index-DaB-z4lP.cjs → index-BZQb51Qf.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -8,11 +8,11 @@
 
 var ts = require('typescript');
 require('os');
-var project_tsconfig_paths = require('./project_tsconfig_paths-Clg7WX1w.cjs');
-var index = require('./index-BI97t1U8.cjs');
+var project_tsconfig_paths = require('./project_tsconfig_paths-DX9KHLn9.cjs');
+var index = require('./index-Bb6iejCd.cjs');
 require('path');
 require('node:path');
-var project_paths = require('./project_paths-Cz4x-QiT.cjs');
+var project_paths = require('./project_paths-Dr2s3Pq3.cjs');
 
 function getMemberName(member) {
     if (member.name === undefined) {

package/schematics/bundles/{index-BI97t1U8.cjs → index-Bb6iejCd.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
 'use strict';
 
-var project_tsconfig_paths = require('./project_tsconfig_paths-Clg7WX1w.cjs');
+var project_tsconfig_paths = require('./project_tsconfig_paths-DX9KHLn9.cjs');
 var ts = require('typescript');
 var p = require('path');
 require('os');
@@ -891,7 +891,7 @@ const MINIMUM_PARTIAL_LINKER_DEFER_SUPPORT_VERSION = '18.0.0';
 function compileDeclareClassMetadata(metadata) {
     const definitionMap = new project_tsconfig_paths.DefinitionMap();
     definitionMap.set('minVersion', project_tsconfig_paths.literal(MINIMUM_PARTIAL_LINKER_VERSION$5));
-    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.4'));
+    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.5'));
     definitionMap.set('ngImport', project_tsconfig_paths.importExpr(project_tsconfig_paths.Identifiers.core));
     definitionMap.set('type', metadata.type);
     definitionMap.set('decorators', metadata.decorators);
@@ -909,7 +909,7 @@ function compileComponentDeclareClassMetadata(metadata, dependencies) {
     callbackReturnDefinitionMap.set('ctorParameters', metadata.ctorParameters ?? project_tsconfig_paths.literal(null));
     callbackReturnDefinitionMap.set('propDecorators', metadata.propDecorators ?? project_tsconfig_paths.literal(null));
     definitionMap.set('minVersion', project_tsconfig_paths.literal(MINIMUM_PARTIAL_LINKER_DEFER_SUPPORT_VERSION));
-    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.4'));
+    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.5'));
     definitionMap.set('ngImport', project_tsconfig_paths.importExpr(project_tsconfig_paths.Identifiers.core));
     definitionMap.set('type', metadata.type);
     definitionMap.set('resolveDeferredDeps', compileComponentMetadataAsyncResolver(dependencies));
@@ -1004,7 +1004,7 @@ function createDirectiveDefinitionMap(meta) {
     const definitionMap = new project_tsconfig_paths.DefinitionMap();
     const minVersion = getMinimumVersionForPartialOutput(meta);
     definitionMap.set('minVersion', project_tsconfig_paths.literal(minVersion));
-    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.4'));
+    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.5'));
     // e.g. `type: MyDirective`
     definitionMap.set('type', meta.type.value);
     if (meta.isStandalone !== undefined) {
@@ -1420,7 +1420,7 @@ const MINIMUM_PARTIAL_LINKER_VERSION$4 = '12.0.0';
 function compileDeclareFactoryFunction(meta) {
     const definitionMap = new project_tsconfig_paths.DefinitionMap();
     definitionMap.set('minVersion', project_tsconfig_paths.literal(MINIMUM_PARTIAL_LINKER_VERSION$4));
-    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.4'));
+    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.5'));
     definitionMap.set('ngImport', project_tsconfig_paths.importExpr(project_tsconfig_paths.Identifiers.core));
     definitionMap.set('type', meta.type.value);
     definitionMap.set('deps', compileDependencies(meta.deps));
@@ -1455,7 +1455,7 @@ function compileDeclareInjectableFromMetadata(meta) {
 function createInjectableDefinitionMap(meta) {
     const definitionMap = new project_tsconfig_paths.DefinitionMap();
     definitionMap.set('minVersion', project_tsconfig_paths.literal(MINIMUM_PARTIAL_LINKER_VERSION$3));
-    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.4'));
+    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.5'));
     definitionMap.set('ngImport', project_tsconfig_paths.importExpr(project_tsconfig_paths.Identifiers.core));
     definitionMap.set('type', meta.type.value);
     // Only generate providedIn property if it has a non-null value
@@ -1506,7 +1506,7 @@ function compileDeclareInjectorFromMetadata(meta) {
 function createInjectorDefinitionMap(meta) {
     const definitionMap = new project_tsconfig_paths.DefinitionMap();
     definitionMap.set('minVersion', project_tsconfig_paths.literal(MINIMUM_PARTIAL_LINKER_VERSION$2));
-    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.4'));
+    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.5'));
     definitionMap.set('ngImport', project_tsconfig_paths.importExpr(project_tsconfig_paths.Identifiers.core));
     definitionMap.set('type', meta.type.value);
     definitionMap.set('providers', meta.providers);
@@ -1539,7 +1539,7 @@ function createNgModuleDefinitionMap(meta) {
         throw new Error('Invalid path! Local compilation mode should not get into the partial compilation path');
     }
     definitionMap.set('minVersion', project_tsconfig_paths.literal(MINIMUM_PARTIAL_LINKER_VERSION$1));
-    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.4'));
+    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.5'));
     definitionMap.set('ngImport', project_tsconfig_paths.importExpr(project_tsconfig_paths.Identifiers.core));
     definitionMap.set('type', meta.type.value);
     // We only generate the keys in the metadata if the arrays contain values.
@@ -1590,7 +1590,7 @@ function compileDeclarePipeFromMetadata(meta) {
 function createPipeDefinitionMap(meta) {
     const definitionMap = new project_tsconfig_paths.DefinitionMap();
     definitionMap.set('minVersion', project_tsconfig_paths.literal(MINIMUM_PARTIAL_LINKER_VERSION));
-    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.4'));
+    definitionMap.set('version', project_tsconfig_paths.literal('21.0.0-next.5'));
     definitionMap.set('ngImport', project_tsconfig_paths.importExpr(project_tsconfig_paths.Identifiers.core));
     // e.g. `type: MyPipe`
     definitionMap.set('type', meta.type.value);
@@ -11525,11 +11525,12 @@ class ComponentDecoratorHandler {
         for (const [_, deps] of resolution.deferPerBlockDependencies) {
             for (const deferBlockDep of deps) {
                 const node = deferBlockDep.declaration.node;
-                const importDecl = resolution.deferrableDeclToImportDecl.get(node) ?? null;
-                if (importDecl !== null && this.deferredSymbolTracker.canDefer(importDecl)) {
+                const importInfo = resolution.deferrableDeclToImportDecl.get(node) ?? null;
+                if (importInfo !== null && this.deferredSymbolTracker.canDefer(importInfo.node)) {
                     deferBlockDep.isDeferrable = true;
-                    deferBlockDep.importPath = importDecl.moduleSpecifier.text;
-                    deferBlockDep.isDefaultImport = isDefaultImport(importDecl);
+                    deferBlockDep.symbolName = importInfo.name;
+                    deferBlockDep.importPath = importInfo.from;
+                    deferBlockDep.isDefaultImport = isDefaultImport(importInfo.node);
                     // The same dependency may be used across multiple deferred blocks. De-duplicate it
                     // because it can throw off other logic further down the compilation pipeline.
                     // Note that the logic above needs to run even if the dependency is seen before,
@@ -11702,9 +11703,10 @@ class ComponentDecoratorHandler {
             // This is not a directive or a pipe.
             return;
         }
-        // Keep track of how this class made it into the current source file
-        // (which ts.ImportDeclaration was used for this symbol).
-        resolutionData.deferrableDeclToImportDecl.set(decl.node, imp.node);
+        // Keep track of how this class made it into the current source file.
+        // Store the full `Import` info so that callers can correctly determine the
+        // exported name (handling aliasing) and the module specifier.
+        resolutionData.deferrableDeclToImportDecl.set(decl.node, imp);
         this.deferredSymbolTracker.markAsDeferrableCandidate(node, imp.node, componentClassDecl, isDeferredImport);
     }
     compileDeferBlocks(resolution) {
@@ -12323,7 +12325,7 @@ class PipeDecoratorHandler {
  * @description
  * Entry point for all public APIs of the compiler-cli package.
  */
-new project_tsconfig_paths.Version('21.0.0-next.4');
+new project_tsconfig_paths.Version('21.0.0-next.5');
 
 /**
  * Whether a given decorator should be treated as an Angular decorator.
@@ -16779,13 +16781,24 @@ const factory$9 = {
  * otherwise it would produce inaccurate results.
  */
 class OptionalChainNotNullableCheck extends TemplateCheckWithVisitor {
+    noUncheckedIndexedAccess;
     canVisitStructuralAttributes = false;
     code = project_tsconfig_paths.ErrorCode.OPTIONAL_CHAIN_NOT_NULLABLE;
+    constructor(noUncheckedIndexedAccess) {
+        super();
+        this.noUncheckedIndexedAccess = noUncheckedIndexedAccess;
+    }
     visitNode(ctx, component, node) {
         if (!(node instanceof project_tsconfig_paths.SafeCall) &&
             !(node instanceof project_tsconfig_paths.SafePropertyRead) &&
-            !(node instanceof project_tsconfig_paths.SafeKeyedRead))
+            !(node instanceof project_tsconfig_paths.SafeKeyedRead)) {
             return [];
+        }
+        // When `noUncheckedIndexedAccess` is disabled, an indexed access is not checked
+        // and may result in `undefined`.
+        if (node.receiver instanceof project_tsconfig_paths.KeyedRead && !this.noUncheckedIndexedAccess) {
+            return [];
+        }
         const symbolLeft = ctx.templateTypeChecker.getSymbolOfNode(node.receiver, component);
         if (symbolLeft === null || symbolLeft.kind !== project_tsconfig_paths.SymbolKind.Expression) {
             return [];
@@ -16825,7 +16838,8 @@ const factory$8 = {
         if (!strictNullChecks) {
             return null;
         }
-        return new OptionalChainNotNullableCheck();
+        const noUncheckedIndexedAccess = !!options.noUncheckedIndexedAccess;
+        return new OptionalChainNotNullableCheck(noUncheckedIndexedAccess);
     },
 };
 
@@ -20415,7 +20429,7 @@ var semver = /*@__PURE__*/getDefaultExportFromCjs(semverExports);
  * @param minVersion Minimum required version for the feature.
  */
 function coreVersionSupportsFeature(coreVersion, minVersion) {
-    // A version of `21.0.0-next.4` usually means that core is at head so it supports
+    // A version of `21.0.0-next.5` usually means that core is at head so it supports
     // all features. Use string interpolation prevent the placeholder from being replaced
     // with the current version during build time.
     if (coreVersion === `0.0.0-${'PLACEHOLDER'}`) {

package/schematics/bundles/inject-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -8,13 +8,13 @@
 
 var schematics = require('@angular-devkit/schematics');
 var p = require('path');
-var compiler_host = require('./compiler_host-aKaS4KRz.cjs');
+var compiler_host = require('./compiler_host-Aouk-n4F.cjs');
 var ts = require('typescript');
 var ng_decorators = require('./ng_decorators-BI0uV7KI.cjs');
 var imports = require('./imports-DwPXlGFl.cjs');
 var nodes = require('./nodes-B16H9JUd.cjs');
 var leading_space = require('./leading_space-D9nQ8UQC.cjs');
-var project_tsconfig_paths = require('./project_tsconfig_paths-Clg7WX1w.cjs');
+var project_tsconfig_paths = require('./project_tsconfig_paths-DX9KHLn9.cjs');
 require('os');
 require('fs');
 require('module');

package/schematics/bundles/leading_space-D9nQ8UQC.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/{migrate_ts_type_references-DPuwhGod.cjs → migrate_ts_type_references-By2ZtKls.cjs}

@@ -1,19 +1,19 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
 'use strict';
 
-var project_tsconfig_paths = require('./project_tsconfig_paths-Clg7WX1w.cjs');
+var project_tsconfig_paths = require('./project_tsconfig_paths-DX9KHLn9.cjs');
 var ts = require('typescript');
 require('os');
 var assert = require('assert');
-var index = require('./index-DaB-z4lP.cjs');
-var project_paths = require('./project_paths-Cz4x-QiT.cjs');
+var index = require('./index-BZQb51Qf.cjs');
+var project_paths = require('./project_paths-Dr2s3Pq3.cjs');
 var leading_space = require('./leading_space-D9nQ8UQC.cjs');
-require('./index-BI97t1U8.cjs');
+require('./index-Bb6iejCd.cjs');
 require('path');
 require('node:path');
 

package/schematics/bundles/{ng_component_template-CytqBs-q.cjs → ng_component_template-B4M8mTyv.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -10,7 +10,7 @@ var ts = require('typescript');
 var ng_decorators = require('./ng_decorators-BI0uV7KI.cjs');
 var property_name = require('./property_name-BBwFuqMe.cjs');
 require('os');
-var project_tsconfig_paths = require('./project_tsconfig_paths-Clg7WX1w.cjs');
+var project_tsconfig_paths = require('./project_tsconfig_paths-DX9KHLn9.cjs');
 
 /**
  * Unwraps a given expression TypeScript node. Expressions can be wrapped within multiple

package/schematics/bundles/ng_decorators-BI0uV7KI.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/ngclass-to-class-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -8,15 +8,15 @@
 
 var ts = require('typescript');
 require('os');
-var project_tsconfig_paths = require('./project_tsconfig_paths-Clg7WX1w.cjs');
-var index = require('./index-BI97t1U8.cjs');
+var project_tsconfig_paths = require('./project_tsconfig_paths-DX9KHLn9.cjs');
+var index = require('./index-Bb6iejCd.cjs');
 require('path');
 require('node:path');
-var project_paths = require('./project_paths-Cz4x-QiT.cjs');
-var apply_import_manager = require('./apply_import_manager-DroqamMP.cjs');
+var project_paths = require('./project_paths-Dr2s3Pq3.cjs');
+var apply_import_manager = require('./apply_import_manager-Bx60Uquz.cjs');
 var imports = require('./imports-DwPXlGFl.cjs');
-var parse_html = require('./parse_html-CeQjkdOK.cjs');
-var ng_component_template = require('./ng_component_template-CytqBs-q.cjs');
+var parse_html = require('./parse_html-7Wl_HDnw.cjs');
+var ng_component_template = require('./ng_component_template-B4M8mTyv.cjs');
 require('@angular-devkit/core');
 require('node:path/posix');
 require('fs');
@@ -32,7 +32,7 @@ const commonModuleImportsStr = 'CommonModule';
 function migrateNgClassBindings(template, config, componentNode, typeChecker) {
     const parsed = parse_html.parseTemplate(template);
     if (!parsed.tree || !parsed.tree.rootNodes.length) {
-        return { migrated: template, changed: false, replacementCount: 0 };
+        return { migrated: template, changed: false, replacementCount: 0, canRemoveCommonModule: false };
     }
     const visitor = new NgClassCollector(template, componentNode, typeChecker);
     project_tsconfig_paths.visitAll$1(visitor, parsed.tree.rootNodes, config);
@@ -45,13 +45,19 @@ function migrateNgClassBindings(template, config, componentNode, typeChecker) {
         changedOffset += newTemplate.length - currentLength;
         replacementCount++;
     }
-    return { migrated: newTemplate, changed: newTemplate !== template, replacementCount };
+    const changed = newTemplate !== template;
+    return {
+        migrated: newTemplate,
+        changed,
+        replacementCount,
+        canRemoveCommonModule: changed ? parse_html.canRemoveCommonModule(newTemplate) : false,
+    };
 }
 /**
  * Creates a Replacement to remove `NgClass` from a component's `imports` array.
  * Uses ReflectionHost + PartialEvaluator for robust AST analysis.
  */
-function createNgClassImportsArrayRemoval(classNode, file, typeChecker) {
+function createNgClassImportsArrayRemoval(classNode, file, typeChecker, removeCommonModule) {
     const reflector = new project_tsconfig_paths.TypeScriptReflectionHost(typeChecker);
     const evaluator = new index.PartialEvaluator(reflector, typeChecker, null);
     // Use ReflectionHost to get decorators instead of manual AST traversal
@@ -84,74 +90,66 @@ function createNgClassImportsArrayRemoval(classNode, file, typeChecker) {
         return null;
     }
     const importsArray = importsProperty.initializer;
-    const ngClassIndex = importsArray.elements.findIndex((e) => ts.isIdentifier(e) && e.text === ngClassStr);
-    if (ngClassIndex === -1) {
-        return null;
-    }
-    const elements = importsArray.elements;
-    const ngClassElement = elements[ngClassIndex];
-    const range = getNgClassRemovalRange(importsProperty, importsArray, ngClassElement, classNode.getSourceFile());
-    return new project_paths.Replacement(file, new project_paths.TextUpdate({ position: range.start, end: range.end, toInsert: '' }));
-}
-function getElementRemovalRange(elementNode, sourceFile) {
-    const parent = elementNode.parent;
-    // Check if in array context (imports: [..]) or object context (@Component({..}))
-    const isArrayLiteralExpression = ts.isArrayLiteralExpression(parent);
-    const isObjectLiteralExpression = ts.isObjectLiteralExpression(parent);
-    let elements;
-    if (isArrayLiteralExpression) {
-        elements = parent.elements;
-    }
-    else if (isObjectLiteralExpression) {
-        elements = parent.properties;
-    }
-    else {
-        return { start: elementNode.getStart(sourceFile), end: elementNode.getEnd() };
-    }
-    const elementIndex = elements.indexOf(elementNode);
-    const isLastElement = elementIndex === elements.length - 1;
-    if (isLastElement) {
-        // If this is the LAST element, the range is from the END of the previous element
-        // to the END of this element. This captures the comma and space preceding it.
-        // Ex: `[a, b]` -> remove `, b`
-        const start = elementIndex > 0 ? elements[elementIndex - 1].getEnd() : elementNode.getStart(sourceFile); // If it is also the first (only) element, there is no comma before it.
-        return { start: start, end: elementNode.getEnd() };
-    }
-    else {
-        // If it's the FIRST or MIDDLE element, the range goes from the BEGINNING of this element
-        // to the BEGINNING of the next one. This captures the element itself and the comma that FOLLOWS it.
-        // Ex: `[a, b]` -> remove `a,`
-        const nextElement = elements[elementIndex + 1];
-        return {
-            start: elementNode.getStart(sourceFile),
-            end: nextElement.getStart(sourceFile),
-        };
-    }
+    const elementsToRemove = new Set([ngClassStr]);
+    if (removeCommonModule) {
+        elementsToRemove.add(commonModuleImportsStr);
+    }
+    const originalElements = importsArray.elements;
+    const filteredElements = originalElements.filter((el) => !ts.isIdentifier(el) || !elementsToRemove.has(el.text));
+    if (filteredElements.length === originalElements.length) {
+        return null; // No changes needed.
+    }
+    // If the array becomes empty, remove the entire `imports` property.
+    if (filteredElements.length === 0) {
+        const removalRange = getPropertyRemovalRange(importsProperty);
+        return new project_paths.Replacement(file, new project_paths.TextUpdate({
+            position: removalRange.start,
+            end: removalRange.end,
+            toInsert: '',
+        }));
+    }
+    const printer = ts.createPrinter();
+    const newArray = ts.factory.updateArrayLiteralExpression(importsArray, filteredElements);
+    const newText = printer.printNode(ts.EmitHint.Unspecified, newArray, classNode.getSourceFile());
+    return new project_paths.Replacement(file, new project_paths.TextUpdate({
+        position: importsArray.getStart(),
+        end: importsArray.getEnd(),
+        toInsert: newText,
+    }));
 }
-/**
- * If there is more than one import, it affects the NgClass element within the array.
- * Otherwise, `NgClass` is the only import. The removal affects the entire `imports: [...]` property.
- */
-function getNgClassRemovalRange(importsProperty, importsArray, ngClassElement, sourceFile) {
-    if (importsArray.elements.length > 1) {
-        return getElementRemovalRange(ngClassElement, sourceFile);
-    }
-    else {
-        return getElementRemovalRange(importsProperty, sourceFile);
-    }
+function getPropertyRemovalRange(property) {
+    const parent = property.parent;
+    if (!ts.isObjectLiteralExpression(parent)) {
+        return { start: property.getStart(), end: property.getEnd() };
+    }
+    const properties = parent.properties;
+    const propertyIndex = properties.indexOf(property);
+    const end = property.getEnd();
+    if (propertyIndex < properties.length - 1) {
+        const nextProperty = properties[propertyIndex + 1];
+        return { start: property.getStart(), end: nextProperty.getStart() };
+    }
+    return { start: property.getStart(), end };
 }
-function calculateImportReplacements(info, sourceFiles) {
+function calculateImportReplacements(info, sourceFiles, filesToRemoveCommonModule) {
     const importReplacements = {};
     const importManager = new project_tsconfig_paths.ImportManager();
     for (const sf of sourceFiles) {
         const file = project_paths.projectFile(sf, info);
+        // Always remove NgClass if it's imported directly.
         importManager.removeImport(sf, ngClassStr, commonModuleStr);
+        // Conditionally remove CommonModule if it's no longer needed.
+        if (filesToRemoveCommonModule.has(file.id)) {
+            importManager.removeImport(sf, commonModuleImportsStr, commonModuleStr);
+        }
         const addRemove = [];
         apply_import_manager.applyImportManagerChanges(importManager, addRemove, [sf], info);
-        importReplacements[file.id] = {
-            add: [],
-            addAndRemove: addRemove,
-        };
+        if (addRemove.length > 0) {
+            importReplacements[file.id] = {
+                add: [],
+                addAndRemove: addRemove,
+            };
+        }
     }
     return importReplacements;
 }
@@ -390,11 +388,27 @@ class NgClassMigration extends project_paths.TsurgeFunnelMigration {
         super();
         this.config = config;
     }
+    processTemplate(template, node, file, info, typeChecker) {
+        const { migrated, changed, replacementCount, canRemoveCommonModule } = migrateNgClassBindings(template.content, this.config, node, typeChecker);
+        if (!changed) {
+            return null;
+        }
+        const fileToMigrate = template.inline
+            ? file
+            : project_paths.projectFile(template.filePath, info);
+        const end = template.start + template.content.length;
+        return {
+            replacements: [prepareTextReplacement(fileToMigrate, migrated, template.start, end)],
+            replacementCount,
+            canRemoveCommonModule,
+        };
+    }
     async analyze(info) {
         const { sourceFiles, program } = info;
         const typeChecker = program.getTypeChecker();
         const ngClassReplacements = [];
         const filesWithNgClassDeclarations = new Set();
+        const filesToRemoveCommonModule = new Set();
         for (const sf of sourceFiles) {
             ts.forEachChild(sf, (node) => {
                 if (!ts.isClassDeclaration(node)) {
@@ -408,42 +422,40 @@ class NgClassMigration extends project_paths.TsurgeFunnelMigration {
                 templateVisitor.visitNode(node);
                 const replacementsForClass = [];
                 let replacementCountForClass = 0;
-                templateVisitor.resolvedTemplates.forEach((template) => {
-                    const { migrated, changed, replacementCount } = migrateNgClassBindings(template.content, this.config, node, typeChecker);
-                    if (!changed) {
-                        return;
+                let canRemoveCommonModuleForFile = true;
+                for (const template of templateVisitor.resolvedTemplates) {
+                    const result = this.processTemplate(template, node, file, info, typeChecker);
+                    if (result) {
+                        replacementsForClass.push(...result.replacements);
+                        replacementCountForClass += result.replacementCount;
+                        if (!result.canRemoveCommonModule) {
+                            canRemoveCommonModuleForFile = false;
+                        }
                     }
-                    replacementCountForClass += replacementCount;
-                    const fileToMigrate = template.inline
-                        ? file
-                        : project_paths.projectFile(template.filePath, info);
-                    const end = template.start + template.content.length;
-                    replacementsForClass.push(prepareTextReplacement(fileToMigrate, migrated, template.start, end));
-                });
-                if (replacementCountForClass === 0) {
-                    return;
-                }
-                filesWithNgClassDeclarations.add(sf);
-                const importArrayRemoval = createNgClassImportsArrayRemoval(node, file, typeChecker);
-                if (importArrayRemoval) {
-                    replacementsForClass.push(importArrayRemoval);
-                }
-                const existing = ngClassReplacements.find((entry) => entry.file === file);
-                if (existing) {
-                    existing.replacements.push(...replacementsForClass);
-                    existing.replacementCount += replacementCountForClass;
                 }
-                else {
+                if (replacementsForClass.length > 0) {
+                    if (canRemoveCommonModuleForFile) {
+                        filesToRemoveCommonModule.add(file.id);
+                    }
+                    // Handle the `@Component({ imports: [...] })` array.
+                    const importsRemoval = createNgClassImportsArrayRemoval(node, file, typeChecker, canRemoveCommonModuleForFile);
+                    if (importsRemoval) {
+                        replacementsForClass.push(importsRemoval);
+                    }
                     ngClassReplacements.push({
                         file,
-                        replacements: replacementsForClass,
                         replacementCount: replacementCountForClass,
+                        replacements: replacementsForClass,
                     });
+                    filesWithNgClassDeclarations.add(sf);
                 }
             });
         }
-        const importReplacements = calculateImportReplacements(info, filesWithNgClassDeclarations);
-        return project_paths.confirmAsSerializable({ ngClassReplacements, importReplacements });
+        const importReplacements = calculateImportReplacements(info, filesWithNgClassDeclarations, filesToRemoveCommonModule);
+        return project_paths.confirmAsSerializable({
+            ngClassReplacements,
+            importReplacements,
+        });
     }
     async combine(unitA, unitB) {
         const importReplacements = {};

package/schematics/bundles/ngstyle-to-style-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -8,15 +8,15 @@
 
 var ts = require('typescript');
 require('os');
-var project_tsconfig_paths = require('./project_tsconfig_paths-Clg7WX1w.cjs');
-require('./index-BI97t1U8.cjs');
+var project_tsconfig_paths = require('./project_tsconfig_paths-DX9KHLn9.cjs');
+require('./index-Bb6iejCd.cjs');
 require('path');
 require('node:path');
-var project_paths = require('./project_paths-Cz4x-QiT.cjs');
-var apply_import_manager = require('./apply_import_manager-DroqamMP.cjs');
+var project_paths = require('./project_paths-Dr2s3Pq3.cjs');
+var apply_import_manager = require('./apply_import_manager-Bx60Uquz.cjs');
 var imports = require('./imports-DwPXlGFl.cjs');
-var parse_html = require('./parse_html-CeQjkdOK.cjs');
-var ng_component_template = require('./ng_component_template-CytqBs-q.cjs');
+var parse_html = require('./parse_html-7Wl_HDnw.cjs');
+var ng_component_template = require('./ng_component_template-B4M8mTyv.cjs');
 require('@angular-devkit/core');
 require('node:path/posix');
 require('fs');

package/schematics/bundles/nodes-B16H9JUd.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/output-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.0-next.4
+ * @license Angular v21.0.0-next.5
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -8,13 +8,13 @@
 
 var ts = require('typescript');
 require('os');
-var project_tsconfig_paths = require('./project_tsconfig_paths-Clg7WX1w.cjs');
-var index$1 = require('./index-BI97t1U8.cjs');
+var project_tsconfig_paths = require('./project_tsconfig_paths-DX9KHLn9.cjs');
+var index$1 = require('./index-Bb6iejCd.cjs');
 require('path');
 require('node:path');
-var project_paths = require('./project_paths-Cz4x-QiT.cjs');
-var apply_import_manager = require('./apply_import_manager-DroqamMP.cjs');
-var index = require('./index-DaB-z4lP.cjs');
+var project_paths = require('./project_paths-Dr2s3Pq3.cjs');
+var apply_import_manager = require('./apply_import_manager-Bx60Uquz.cjs');
+var index = require('./index-BZQb51Qf.cjs');
 require('@angular-devkit/core');
 require('node:path/posix');
 require('fs');