@angular/compiler-cli 14.0.0-next.15 → 14.0.0-next.16

package/bundles/{chunk-2ZVQLOCC.js → chunk-HZUCTYDG.js}

@@ -35,7 +35,7 @@ import {
   translateExpression,
   translateStatement,
   translateType
-} from "./chunk-UMDDHI5B.js";
+} from "./chunk-JDKMNZ6O.js";
 import {
   absoluteFrom,
   absoluteFromSourceFile,
@@ -2621,7 +2621,7 @@ function getDiagnosticNode(ref, rawExpr) {
 }
 function makeNotStandaloneDiagnostic(scopeReader, ref, rawExpr, kind) {
   const scope = scopeReader.getScopeForComponent(ref.node);
-  let message = `The ${kind} '${ref.node.name.text}' appears in 'imports', but is not standalone and cannot be imported directly`;
+  let message = `The ${kind} '${ref.node.name.text}' appears in 'imports', but is not standalone and cannot be imported directly.`;
   let relatedInformation = void 0;
   if (scope !== null && scope.kind === ComponentScopeKind.NgModule) {
     const isExported3 = scope.exported.dependencies.some((dep) => dep.ref.node === ref.node);
@@ -5100,6 +5100,12 @@ var NgModuleDecoratorHandler = class {
       const expr = ngModule.get("bootstrap");
       const bootstrapMeta = this.evaluator.evaluate(expr, forwardRefResolver);
       bootstrapRefs = this.resolveTypeList(expr, bootstrapMeta, name, "bootstrap", 0).references;
+      for (const ref of bootstrapRefs) {
+        const dirMeta = this.metaReader.getDirectiveMetadata(ref);
+        if (dirMeta == null ? void 0 : dirMeta.isStandalone) {
+          diagnostics.push(makeStandaloneBootstrapDiagnostic(node, ref, expr));
+        }
+      }
     }
     const schemas = ngModule.has("schemas") ? extractSchemas(ngModule.get("schemas"), this.evaluator, "NgModule") : [];
     let id = null;
@@ -5488,6 +5494,12 @@ function isModuleIdExpression(expr) {
 function isResolvedModuleWithProviders(sv) {
   return typeof sv.value === "object" && sv.value != null && sv.value.hasOwnProperty("ngModule") && sv.value.hasOwnProperty("mwpCall");
 }
+function makeStandaloneBootstrapDiagnostic(ngModuleClass, bootstrappedClassRef, rawBootstrapExpr) {
+  const componentClassName = bootstrappedClassRef.node.name.text;
+  const message = `The \`${componentClassName}\` class is a standalone component, which can not be used in the \`@NgModule.bootstrap\` array. Use the \`bootstrapApplication\` function for bootstrap instead.`;
+  const relatedInformation = [makeRelatedInformation(ngModuleClass, `The 'bootstrap' array is present on this NgModule.`)];
+  return makeDiagnostic(ErrorCode.NGMODULE_BOOTSTRAP_IS_STANDALONE, getDiagnosticNode(bootstrappedClassRef, rawBootstrapExpr), message, relatedInformation);
+}
 
 // bazel-out/k8-fastbuild/bin/packages/compiler-cli/src/ngtsc/annotations/component/src/diagnostics.mjs
 function makeCyclicImportInfo(ref, type, cycle) {
@@ -5712,11 +5724,11 @@ function makeResourceNotFoundError(file, nodeForError, resourceType) {
   }
   return new FatalDiagnosticError(ErrorCode.COMPONENT_RESOURCE_NOT_FOUND, nodeForError, errorText);
 }
-function transformDecoratorToInlineResources(dec, component, styles, template) {
+function transformDecoratorResources(dec, component, styles, template) {
   if (dec.name !== "Component") {
     return dec;
   }
-  if (!component.has("templateUrl") && !component.has("styleUrls")) {
+  if (!component.has("templateUrl") && !component.has("styleUrls") && !component.has("styles")) {
     return dec;
   }
   const metadata = new Map(component);
@@ -5724,9 +5736,20 @@ function transformDecoratorToInlineResources(dec, component, styles, template) {
     metadata.delete("templateUrl");
     metadata.set("template", ts25.factory.createStringLiteral(template.content));
   }
-  if (metadata.has("styleUrls")) {
+  if (metadata.has("styleUrls") || metadata.has("styles")) {
+    metadata.delete("styles");
     metadata.delete("styleUrls");
-    metadata.set("styles", ts25.factory.createArrayLiteralExpression(styles.map((s) => ts25.factory.createStringLiteral(s))));
+    if (styles.length > 0) {
+      const styleNodes = styles.reduce((result, style) => {
+        if (style.trim().length > 0) {
+          result.push(ts25.factory.createStringLiteral(style));
+        }
+        return result;
+      }, []);
+      if (styleNodes.length > 0) {
+        metadata.set("styles", ts25.factory.createArrayLiteralExpression(styleNodes));
+      }
+    }
   }
   const newMetadataFields = [];
   for (const [name, value] of metadata.entries()) {
@@ -6046,10 +6069,11 @@ var ComponentDecoratorHandler = class {
       if (diagnostics === void 0) {
         diagnostics = [];
       }
-      diagnostics.push(makeDiagnostic(ErrorCode.COMPONENT_NOT_STANDALONE, component.get("imports"), `'imports' is only valid on a component that is standalone.`));
+      diagnostics.push(makeDiagnostic(ErrorCode.COMPONENT_NOT_STANDALONE, component.get("imports"), `'imports' is only valid on a component that is standalone.`, [makeRelatedInformation(node.name, `Did you forget to add 'standalone: true' to this @Component?`)]));
+      isPoisoned = true;
     } else if (component.has("imports")) {
       const expr = component.get("imports");
-      const imported = this.evaluator.evaluate(expr);
+      const imported = this.evaluator.evaluate(expr, forwardRefResolver);
       const { imports: flattened, diagnostics: importDiagnostics } = validateAndFlattenComponentImports(imported, expr);
       resolvedImports = flattened;
       rawImports = expr;
@@ -6060,14 +6084,6 @@ var ComponentDecoratorHandler = class {
         }
         diagnostics.push(...importDiagnostics);
       }
-      const validationDiagnostics = validateStandaloneImports(resolvedImports, rawImports, this.metaReader, this.scopeReader);
-      if (validationDiagnostics.length > 0) {
-        isPoisoned = true;
-        if (diagnostics === void 0) {
-          diagnostics = [];
-        }
-        diagnostics.push(...validationDiagnostics);
-      }
     }
     let schemas = null;
     if (component.has("schemas") && !metadata.isStandalone) {
@@ -6169,7 +6185,7 @@ var ComponentDecoratorHandler = class {
           relativeContextFilePath
         }),
         typeCheckMeta: extractDirectiveTypeCheckMeta(node, inputs, this.reflector),
-        classMetadata: extractClassMetadata(node, this.reflector, this.isCore, this.annotateForClosureCompiler, (dec) => transformDecoratorToInlineResources(dec, component, styles, template)),
+        classMetadata: extractClassMetadata(node, this.reflector, this.isCore, this.annotateForClosureCompiler, (dec) => transformDecoratorResources(dec, component, styles, template)),
         template,
         providersRequiringFactory,
         viewProvidersRequiringFactory,
@@ -6409,6 +6425,10 @@ var ComponentDecoratorHandler = class {
         }
       }
     }
+    if (analysis.resolvedImports !== null && analysis.rawImports !== null) {
+      const standaloneDiagnostics = validateStandaloneImports(analysis.resolvedImports, analysis.rawImports, this.metaReader, this.scopeReader);
+      diagnostics.push(...standaloneDiagnostics);
+    }
     if (analysis.providersRequiringFactory !== null && analysis.meta.providers instanceof WrappedNodeExpr7) {
       const providerDiagnostics = getProviderDiagnostics(analysis.providersRequiringFactory, analysis.meta.providers.node, this.injectableRegistry);
       diagnostics.push(...providerDiagnostics);
@@ -6455,7 +6475,7 @@ var ComponentDecoratorHandler = class {
     for (const styleText of analysis.template.styles) {
       styles.push(styleText);
     }
-    analysis.meta.styles = styles;
+    analysis.meta.styles = styles.filter((s) => s.trim().length > 0);
   }
   compileFull(node, analysis, resolution, pool) {
     if (analysis.template.errors !== null && analysis.template.errors.length > 0) {
@@ -6916,4 +6936,4 @@ export {
  * found in the LICENSE file at https://angular.io/license
  */
 // Closure Compiler ignores @suppress and similar if the comment contains @license.
-//# sourceMappingURL=chunk-2ZVQLOCC.js.map
+//# sourceMappingURL=chunk-HZUCTYDG.js.map