@angular/compiler-cli 21.1.0-next.4 → 21.1.0

package/bundles/{chunk-ML6J2RBK.js → chunk-ATAZXXPH.js}

@@ -8,7 +8,7 @@ import {
   TrackedIncrementalBuildStrategy,
   freshCompilationTicket,
   incrementalFromCompilerTicket
-} from "./chunk-6VDGFZBQ.js";
+} from "./chunk-EWMF72RR.js";
 import {
   ActivePerfRecorder,
   OptimizeFor,
@@ -18,7 +18,7 @@ import {
   TsCreateProgramDriver,
   replaceTsWithNgInErrors,
   retagAllTsFiles
-} from "./chunk-PUEBQK4X.js";
+} from "./chunk-TTZRVNVM.js";
 import {
   absoluteFrom,
   createFileSystemTsReadDirectoryFn,

package/bundles/{chunk-OPZT26MK.js → chunk-C6LLJPQH.js}

@@ -12,7 +12,7 @@ import {
   formatDiagnostics,
   performCompilation,
   readConfiguration
-} from "./chunk-ML6J2RBK.js";
+} from "./chunk-ATAZXXPH.js";
 
 // packages/compiler-cli/src/main.js
 import ts2 from "typescript";

package/bundles/{chunk-6VDGFZBQ.js → chunk-EWMF72RR.js}

@@ -13,6 +13,7 @@ import {
   CompoundComponentScopeReader,
   CompoundMetadataReader,
   CompoundMetadataRegistry,
+  DOC_PAGE_BASE_URL,
   DefaultImportTracker,
   DeferredSymbolTracker,
   DelegatingPerfRecorder,
@@ -87,7 +88,7 @@ import {
   toUnredirectedSourceFile,
   tryParseInitializerApi,
   untagAllTsFiles
-} from "./chunk-PUEBQK4X.js";
+} from "./chunk-TTZRVNVM.js";
 import {
   LogicalFileSystem,
   absoluteFromSourceFile,
@@ -622,12 +623,15 @@ var DirectiveExtractor = class extends ClassExtractor {
   }
   /** Extract docs info for directives and components (including underlying class info). */
   extract() {
+    const selector = this.metadata.selector ?? "";
+    const aliases = extractAliasesFromSelector(selector);
     return {
       ...super.extract(),
       isStandalone: this.metadata.isStandalone,
-      selector: this.metadata.selector ?? "",
+      selector,
       exportAs: this.metadata.exportAs ?? [],
-      entryType: this.metadata.isComponent ? EntryType.Component : EntryType.Directive
+      entryType: this.metadata.isComponent ? EntryType.Component : EntryType.Directive,
+      ...aliases.length > 0 && { aliases }
     };
   }
   /** Extracts docs info for a directive property, including input/output metadata. */
@@ -717,6 +721,21 @@ function extractPipeSyntax(metadata, classDeclaration) {
   });
   return `{{ value_expression | ${metadata.name}${paramNames.length ? ":" + paramNames.join(":") : ""} }}`;
 }
+function extractAliasesFromSelector(selector) {
+  if (!selector) {
+    return [];
+  }
+  const aliases = [];
+  const attributeRegex = /\[([^\]=]+)(?:=[^\]]+)?\]/g;
+  let match;
+  while ((match = attributeRegex.exec(selector)) !== null) {
+    const attributeName = match[1].trim();
+    if (attributeName) {
+      aliases.push(attributeName);
+    }
+  }
+  return aliases;
+}
 
 // packages/compiler-cli/src/ngtsc/docs/src/constant_extractor.js
 import ts7 from "typescript";
@@ -1204,7 +1223,7 @@ var DocsExtractor = class {
       if (isAngularPrivateName(exportName)) {
         continue;
       }
-      const entry = this.extractDeclarations(exportName, declarations);
+      const entry = this.extractDeclarations(declarations);
       if (entry && !isIgnoredDocEntry(entry)) {
         const realSourceFile = declarations[0].getSourceFile();
         const importedSymbols = getImportedSymbols(realSourceFile);
@@ -1233,7 +1252,7 @@ var DocsExtractor = class {
    * the same name. This is used to combine entries, e.g. for a type and a namespace that are
    * exported under the same name.
    */
-  extractDeclarations(exportName, nodes) {
+  extractDeclarations(nodes) {
     const entries = nodes.map((node) => this.extractDeclaration(node));
     const decorator = entries.find((e) => e?.entryType === EntryType.Decorator);
     if (decorator) {
@@ -2138,7 +2157,7 @@ var IndexingContext = class {
 import { ParseSourceFile } from "@angular/compiler";
 
 // packages/compiler-cli/src/ngtsc/indexer/src/template.js
-import { ASTWithSource, CombinedRecursiveAstVisitor, ImplicitReceiver, PropertyRead, TmplAstComponent, TmplAstDirective, TmplAstElement, TmplAstReference, TmplAstTemplate, TmplAstVariable, tmplAstVisitAll } from "@angular/compiler";
+import { ASTWithSource, CombinedRecursiveAstVisitor, ImplicitReceiver, PropertyRead, ThisReceiver, TmplAstComponent, TmplAstDirective, TmplAstElement, TmplAstReference, TmplAstTemplate, TmplAstVariable, tmplAstVisitAll } from "@angular/compiler";
 var TemplateVisitor = class extends CombinedRecursiveAstVisitor {
   boundTemplate;
   // Identifiers of interest found in the template.
@@ -2368,7 +2387,7 @@ var TemplateVisitor = class extends CombinedRecursiveAstVisitor {
     if (this.currentAstWithSource === null || this.currentAstWithSource.source === null) {
       return;
     }
-    if (!(ast.receiver instanceof ImplicitReceiver)) {
+    if (!(ast.receiver instanceof ImplicitReceiver) && !(ast.receiver instanceof ThisReceiver)) {
       return;
     }
     const { absoluteOffset, source: expressionStr } = this.currentAstWithSource;
@@ -3024,7 +3043,7 @@ var InvalidBananaInBoxCheck = class extends TemplateCheckWithVisitor {
     const boundSyntax = node.sourceSpan.toString();
     const expectedBoundSyntax = boundSyntax.replace(`(${name})`, `[(${name.slice(1, -1)})]`);
     const diagnostic = ctx.makeTemplateDiagnostic(node.sourceSpan, `In the two-way binding syntax the parentheses should be inside the brackets, ex. '${expectedBoundSyntax}'.
-        Find more at https://angular.dev/guide/templates/two-way-binding`);
+        Find more at ${DOC_PAGE_BASE_URL}/guide/templates/two-way-binding`);
     return [diagnostic];
   }
 };
@@ -3664,7 +3683,7 @@ var SUPPORTED_DIAGNOSTIC_NAMES = /* @__PURE__ */ new Set([
 ]);
 
 // packages/compiler-cli/src/ngtsc/typecheck/template_semantics/src/template_semantics_checker.js
-import { ASTWithSource as ASTWithSource5, ImplicitReceiver as ImplicitReceiver2, ParsedEventType as ParsedEventType2, PropertyRead as PropertyRead6, Binary as Binary3, RecursiveAstVisitor, TmplAstBoundEvent as TmplAstBoundEvent3, TmplAstLetDeclaration as TmplAstLetDeclaration2, TmplAstRecursiveVisitor, TmplAstVariable as TmplAstVariable2 } from "@angular/compiler";
+import { ASTWithSource as ASTWithSource5, ImplicitReceiver as ImplicitReceiver2, ParsedEventType as ParsedEventType2, PropertyRead as PropertyRead6, Binary as Binary3, RecursiveAstVisitor, TmplAstBoundEvent as TmplAstBoundEvent3, TmplAstLetDeclaration as TmplAstLetDeclaration2, TmplAstRecursiveVisitor, TmplAstVariable as TmplAstVariable2, ThisReceiver as ThisReceiver2 } from "@angular/compiler";
 import ts23 from "typescript";
 var TemplateSemanticsCheckerImpl = class {
   templateTypeChecker;
@@ -3716,7 +3735,7 @@ var ExpressionsSemanticsVisitor = class extends RecursiveAstVisitor {
     this.checkForIllegalWriteInTwoWayBinding(ast, context);
   }
   checkForIllegalWriteInEventBinding(ast, context) {
-    if (!(context instanceof TmplAstBoundEvent3) || !(ast.receiver instanceof ImplicitReceiver2)) {
+    if (!this.shouldCheckForIllegalWrites(ast, context)) {
       return;
     }
     const target = this.templateTypeChecker.getExpressionTarget(ast, this.component);
@@ -3726,7 +3745,7 @@ var ExpressionsSemanticsVisitor = class extends RecursiveAstVisitor {
     }
   }
   checkForIllegalWriteInTwoWayBinding(ast, context) {
-    if (!(context instanceof TmplAstBoundEvent3) || context.type !== ParsedEventType2.TwoWay || !(ast.receiver instanceof ImplicitReceiver2) || ast !== unwrapAstWithSource(context.handler)) {
+    if (!this.shouldCheckForIllegalWrites(ast, context) || context.type !== ParsedEventType2.TwoWay || ast !== unwrapAstWithSource(context.handler)) {
       return;
     }
     const target = this.templateTypeChecker.getExpressionTarget(ast, this.component);
@@ -3757,6 +3776,9 @@ var ExpressionsSemanticsVisitor = class extends RecursiveAstVisitor {
       }
     ]);
   }
+  shouldCheckForIllegalWrites(ast, context) {
+    return context instanceof TmplAstBoundEvent3 && (ast.receiver instanceof ImplicitReceiver2 || ast.receiver instanceof ThisReceiver2);
+  }
 };
 function unwrapAstWithSource(ast) {
   return ast instanceof ASTWithSource5 ? ast.ast : ast;
@@ -4944,7 +4966,7 @@ One of the following actions is required:
 2. Remove "strictTemplates" or set it to 'false'.
 
 More information about the template type checking compiler options can be found in the documentation:
-https://angular.dev/tools/cli/template-typecheck
+${DOC_PAGE_BASE_URL}/tools/cli/template-typecheck
       `.trim()
     });
   }

package/bundles/{chunk-LS5RJ5CS.js → chunk-FROPOOFC.js}

@@ -214,10 +214,14 @@ var ExpressionTranslatorVisitor = class {
   }
   visitLiteralMapExpr(ast, context) {
     const properties = ast.entries.map((entry) => {
-      return {
+      return entry instanceof o.LiteralMapPropertyAssignment ? {
+        kind: "property",
         propertyName: entry.key,
         quoted: entry.quoted,
         value: entry.value.visitExpression(this, context)
+      } : {
+        kind: "spread",
+        expression: entry.expression.visitExpression(this, context)
       };
     });
     return this.setSourceMapRange(this.factory.createObjectLiteral(properties), ast.sourceSpan);
@@ -228,6 +232,10 @@ var ExpressionTranslatorVisitor = class {
   visitTemplateLiteralElementExpr(ast, context) {
     throw new Error("Method not implemented");
   }
+  visitSpreadElementExpr(ast, context) {
+    const expression = ast.expression.visitExpression(this, context);
+    return this.setSourceMapRange(this.factory.createSpreadElement(expression), ast.sourceSpan);
+  }
   visitWrappedNodeExpr(ast, _context) {
     this.recordWrappedNode(ast);
     return ast.node;