@angular/core 12.1.0-next.6 → 12.1.3

package/bundles/core.umd.js

@@ -1,5 +1,5 @@
 /**
- * @license Angular v12.1.0-next.6
+ * @license Angular v12.1.3
  * (c) 2010-2021 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -358,10 +358,16 @@
                 r[k] = a[j];
         return r;
     }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || from);
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -4334,15 +4340,38 @@
      * Use of this source code is governed by an MIT-style license that can be
      * found in the LICENSE file at https://angular.io/license
      */
-    function getCompilerFacade() {
+    function getCompilerFacade(request) {
         var globalNg = _global['ng'];
-        if (!globalNg || !globalNg.ɵcompilerFacade) {
-            throw new Error("Angular JIT compilation failed: '@angular/compiler' not loaded!\n" +
-                "  - JIT compilation is discouraged for production use-cases! Consider AOT mode instead.\n" +
-                "  - Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?\n" +
-                "  - Alternatively provide the compiler with 'import \"@angular/compiler\";' before bootstrapping.");
+        if (globalNg && globalNg.ɵcompilerFacade) {
+            return globalNg.ɵcompilerFacade;
+        }
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            // Log the type as an error so that a developer can easily navigate to the type from the
+            // console.
+            console.error("JIT compilation failed for " + request.kind, request.type);
+            var message = "The " + request.kind + " '" + request
+                .type.name + "' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.\n\n";
+            if (request.usage === 1 /* PartialDeclaration */) {
+                message += "The " + request.kind + " is part of a library that has been partially compiled.\n";
+                message +=
+                    "However, the Angular Linker has not processed the library such that JIT compilation is used as fallback.\n";
+                message += '\n';
+                message +=
+                    "Ideally, the library is processed using the Angular Linker to become fully AOT compiled.\n";
+            }
+            else {
+                message +=
+                    "JIT compilation is discouraged for production use-cases! Consider using AOT mode instead.\n";
+            }
+            message +=
+                "Alternatively, the JIT compiler should be loaded by bootstrapping using '@angular/platform-browser-dynamic' or '@angular/platform-server',\n";
+            message +=
+                "or manually provide the compiler with 'import \"@angular/compiler\";' before bootstrapping.";
+            throw new Error(message);
+        }
+        else {
+            throw new Error('JIT compiler unavailable');
         }
-        return globalNg.ɵcompilerFacade;
     }
 
     /**
@@ -6850,11 +6879,7 @@
         };
         /** @internal */
         ErrorHandler.prototype._findContext = function (error) {
-            if (error) {
-                return getDebugContext(error) ? getDebugContext(error) :
-                    this._findContext(getOriginalError(error));
-            }
-            return null;
+            return error ? (getDebugContext(error) || this._findContext(getOriginalError(error))) : null;
         };
         /** @internal */
         ErrorHandler.prototype._findOriginalError = function (error) {
@@ -11723,6 +11748,7 @@
             this.assertNotDestroyed();
             // Set the injection context.
             var previousInjector = setCurrentInjector(this);
+            var previousInjectImplementation = setInjectImplementation(undefined);
             try {
                 // Check for the SkipSelf flag.
                 if (!(flags & exports.InjectFlags.SkipSelf)) {
@@ -11775,7 +11801,8 @@
                 }
             }
             finally {
-                // Lastly, clean up the state by restoring the previous injector.
+                // Lastly, restore the previous injection context.
+                setInjectImplementation(previousInjectImplementation);
                 setCurrentInjector(previousInjector);
             }
         };
@@ -14200,7 +14227,8 @@
             Object.defineProperty(type, NG_PROV_DEF, {
                 get: function () {
                     if (ngInjectableDef === null) {
-                        ngInjectableDef = getCompilerFacade().compileInjectable(angularCoreDiEnv, "ng:///" + type.name + "/\u0275prov.js", getInjectableMetadata(type, meta));
+                        var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'injectable', type: type });
+                        ngInjectableDef = compiler.compileInjectable(angularCoreDiEnv, "ng:///" + type.name + "/\u0275prov.js", getInjectableMetadata(type, meta));
                     }
                     return ngInjectableDef;
                 },
@@ -14211,7 +14239,7 @@
             Object.defineProperty(type, NG_FACTORY_DEF, {
                 get: function () {
                     if (ngFactoryDef === null) {
-                        var compiler = getCompilerFacade();
+                        var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'injectable', type: type });
                         ngFactoryDef = compiler.compileFactory(angularCoreDiEnv, "ng:///" + type.name + "/\u0275fac.js", {
                             name: type.name,
                             type: type,
@@ -22038,7 +22066,7 @@
     /**
      * @publicApi
      */
-    var VERSION = new Version('12.1.0-next.6');
+    var VERSION = new Version('12.1.3');
 
     /**
      * @license
@@ -27637,7 +27665,8 @@
                         // go into an infinite loop before we've reached the point where we throw all the errors.
                         throw new Error("'" + stringifyForError(moduleType) + "' module can't import itself");
                     }
-                    ngModuleDef = getCompilerFacade().compileNgModule(angularCoreEnv, "ng:///" + moduleType.name + "/\u0275mod.js", {
+                    var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'NgModule', type: moduleType });
+                    ngModuleDef = compiler.compileNgModule(angularCoreEnv, "ng:///" + moduleType.name + "/\u0275mod.js", {
                         type: moduleType,
                         bootstrap: flatten(ngModule.bootstrap || EMPTY_ARRAY).map(resolveForwardRef),
                         declarations: declarations.map(resolveForwardRef),
@@ -27665,7 +27694,7 @@
         Object.defineProperty(moduleType, NG_FACTORY_DEF, {
             get: function () {
                 if (ngFactoryDef === null) {
-                    var compiler = getCompilerFacade();
+                    var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'NgModule', type: moduleType });
                     ngFactoryDef = compiler.compileFactory(angularCoreEnv, "ng:///" + moduleType.name + "/\u0275fac.js", {
                         name: moduleType.name,
                         type: moduleType,
@@ -27694,7 +27723,9 @@
                             (ngModule.exports || EMPTY_ARRAY).map(resolveForwardRef),
                         ],
                     };
-                    ngInjectorDef = getCompilerFacade().compileInjector(angularCoreEnv, "ng:///" + moduleType.name + "/\u0275inj.js", meta);
+                    var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'NgModule', type: moduleType });
+                    ngInjectorDef =
+                        compiler.compileInjector(angularCoreEnv, "ng:///" + moduleType.name + "/\u0275inj.js", meta);
                 }
                 return ngInjectorDef;
             },
@@ -28057,7 +28088,7 @@
         Object.defineProperty(type, NG_COMP_DEF, {
             get: function () {
                 if (ngComponentDef === null) {
-                    var compiler = getCompilerFacade();
+                    var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'component', type: type });
                     if (componentNeedsResolution(metadata)) {
                         var error = ["Component '" + type.name + "' is not resolved:"];
                         if (metadata.templateUrl) {
@@ -28148,8 +28179,9 @@
                     // that use `@Directive()` with no selector. In that case, pass empty object to the
                     // `directiveMetadata` function instead of null.
                     var meta = getDirectiveMetadata$1(type, directive || {});
+                    var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'directive', type: type });
                     ngDirectiveDef =
-                        getCompilerFacade().compileDirective(angularCoreEnv, meta.sourceMapUrl, meta.metadata);
+                        compiler.compileDirective(angularCoreEnv, meta.sourceMapUrl, meta.metadata);
                 }
                 return ngDirectiveDef;
             },
@@ -28160,7 +28192,7 @@
     function getDirectiveMetadata$1(type, metadata) {
         var name = type && type.name;
         var sourceMapUrl = "ng:///" + name + "/\u0275dir.js";
-        var compiler = getCompilerFacade();
+        var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'directive', type: type });
         var facade = directiveMetadata(type, metadata);
         facade.typeSourceSpan = compiler.createParseSourceSpan('Directive', name, sourceMapUrl);
         if (facade.usesInheritance) {
@@ -28174,7 +28206,7 @@
             get: function () {
                 if (ngFactoryDef === null) {
                     var meta = getDirectiveMetadata$1(type, metadata);
-                    var compiler = getCompilerFacade();
+                    var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'directive', type: type });
                     ngFactoryDef = compiler.compileFactory(angularCoreEnv, "ng:///" + type.name + "/\u0275fac.js", {
                         name: meta.metadata.name,
                         type: meta.metadata.type,
@@ -28328,7 +28360,7 @@
             get: function () {
                 if (ngFactoryDef === null) {
                     var metadata = getPipeMetadata(type, meta);
-                    var compiler = getCompilerFacade();
+                    var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'pipe', type: metadata.type });
                     ngFactoryDef = compiler.compileFactory(angularCoreEnv, "ng:///" + metadata.name + "/\u0275fac.js", {
                         name: metadata.name,
                         type: metadata.type,
@@ -28346,7 +28378,9 @@
             get: function () {
                 if (ngPipeDef === null) {
                     var metadata = getPipeMetadata(type, meta);
-                    ngPipeDef = getCompilerFacade().compilePipe(angularCoreEnv, "ng:///" + metadata.name + "/\u0275pipe.js", metadata);
+                    var compiler = getCompilerFacade({ usage: 0 /* Decorator */, kind: 'pipe', type: metadata.type });
+                    ngPipeDef =
+                        compiler.compilePipe(angularCoreEnv, "ng:///" + metadata.name + "/\u0275pipe.js", metadata);
                 }
                 return ngPipeDef;
             },
@@ -28577,11 +28611,11 @@
      * through DI.
      *
      * ```
-     *  function initializeApp(httpClient: HttpClient): Observable<any> {
-     *   return httpClient.get("https://someUrl.com/api/user")
+     *  function initializeAppFactory(httpClient: HttpClient): () => Observable<any> {
+     *   return () => httpClient.get("https://someUrl.com/api/user")
      *     .pipe(
      *        tap(user => { ... })
-     *     )
+     *     );
      *  }
      *
      *  @NgModule({
@@ -28590,7 +28624,7 @@
      *    bootstrap: [AppComponent],
      *    providers: [{
      *      provide: APP_INITIALIZER,
-     *      useFactory: initializeApp,
+     *      useFactory: initializeAppFactory,
      *      deps: [HttpClient],
      *      multi: true
      *    }]
@@ -29782,7 +29816,11 @@
         if (compilerProviders.length === 0) {
             return Promise.resolve(moduleFactory);
         }
-        var compiler = getCompilerFacade();
+        var compiler = getCompilerFacade({
+            usage: 0 /* Decorator */,
+            kind: 'NgModule',
+            type: moduleType,
+        });
         var compilerInjector = Injector.create({ providers: compilerProviders });
         var resourceLoader = compilerInjector.get(compiler.ResourceLoader);
         // The resource loader can also return a string while the "resolveComponentResources"
@@ -30280,20 +30318,41 @@
                 rxjs.merge(isCurrentlyStable, isStable.pipe(operators.share()));
         }
         /**
-         * Bootstrap a new component at the root level of the application.
+         * Bootstrap a component onto the element identified by its selector or, optionally, to a
+         * specified element.
          *
          * @usageNotes
          * ### Bootstrap process
          *
-         * When bootstrapping a new root component into an application, Angular mounts the
-         * specified application component onto DOM elements identified by the componentType's
-         * selector and kicks off automatic change detection to finish initializing the component.
+         * When bootstrapping a component, Angular mounts it onto a target DOM element
+         * and kicks off automatic change detection. The target DOM element can be
+         * provided using the `rootSelectorOrNode` argument.
          *
-         * Optionally, a component can be mounted onto a DOM element that does not match the
-         * componentType's selector.
+         * If the target DOM element is not provided, Angular tries to find one on a page
+         * using the `selector` of the component that is being bootstrapped
+         * (first matched element is used).
          *
          * ### Example
-         * {@example core/ts/platform/platform.ts region='longform'}
+         *
+         * Generally, we define the component to bootstrap in the `bootstrap` array of `NgModule`,
+         * but it requires us to know the component while writing the application code.
+         *
+         * Imagine a situation where we have to wait for an API call to decide about the component to
+         * bootstrap. We can use the `ngDoBootstrap` hook of the `NgModule` and call this method to
+         * dynamically bootstrap a component.
+         *
+         * {@example core/ts/platform/platform.ts region='componentSelector'}
+         *
+         * Optionally, a component can be mounted onto a DOM element that does not match the
+         * selector of the bootstrapped component.
+         *
+         * In the following example, we are providing a CSS selector to match the target element.
+         *
+         * {@example core/ts/platform/platform.ts region='cssSelector'}
+         *
+         * While in this example, we are providing reference to a DOM node.
+         *
+         * {@example core/ts/platform/platform.ts region='domNode'}
          */
         ApplicationRef.prototype.bootstrap = function (componentOrFactory, rootSelectorOrNode) {
             var _this = this;
@@ -33880,7 +33939,7 @@
      * @codeGenApi
      */
     function ɵɵngDeclareDirective(decl) {
-        var compiler = getCompilerFacade();
+        var compiler = getCompilerFacade({ usage: 1 /* PartialDeclaration */, kind: 'directive', type: decl.type });
         return compiler.compileDirectiveDeclaration(angularCoreEnv, "ng:///" + decl.type.name + "/\u0275fac.js", decl);
     }
     /**
@@ -33898,7 +33957,7 @@
      * @codeGenApi
      */
     function ɵɵngDeclareComponent(decl) {
-        var compiler = getCompilerFacade();
+        var compiler = getCompilerFacade({ usage: 1 /* PartialDeclaration */, kind: 'component', type: decl.type });
         return compiler.compileComponentDeclaration(angularCoreEnv, "ng:///" + decl.type.name + "/\u0275cmp.js", decl);
     }
     /**
@@ -33907,16 +33966,34 @@
      * @codeGenApi
      */
     function ɵɵngDeclareFactory(decl) {
-        var compiler = getCompilerFacade();
+        var compiler = getCompilerFacade({
+            usage: 1 /* PartialDeclaration */,
+            kind: getFactoryKind(decl.target),
+            type: decl.type
+        });
         return compiler.compileFactoryDeclaration(angularCoreEnv, "ng:///" + decl.type.name + "/\u0275fac.js", decl);
     }
+    function getFactoryKind(target) {
+        switch (target) {
+            case exports.ɵɵFactoryTarget.Directive:
+                return 'directive';
+            case exports.ɵɵFactoryTarget.Component:
+                return 'component';
+            case exports.ɵɵFactoryTarget.Injectable:
+                return 'injectable';
+            case exports.ɵɵFactoryTarget.Pipe:
+                return 'pipe';
+            case exports.ɵɵFactoryTarget.NgModule:
+                return 'NgModule';
+        }
+    }
     /**
      * Compiles a partial injectable declaration object into a full injectable definition object.
      *
      * @codeGenApi
      */
     function ɵɵngDeclareInjectable(decl) {
-        var compiler = getCompilerFacade();
+        var compiler = getCompilerFacade({ usage: 1 /* PartialDeclaration */, kind: 'injectable', type: decl.type });
         return compiler.compileInjectableDeclaration(angularCoreEnv, "ng:///" + decl.type.name + "/\u0275prov.js", decl);
     }
     /**
@@ -33925,7 +34002,7 @@
      * @codeGenApi
      */
     function ɵɵngDeclareInjector(decl) {
-        var compiler = getCompilerFacade();
+        var compiler = getCompilerFacade({ usage: 1 /* PartialDeclaration */, kind: 'NgModule', type: decl.type });
         return compiler.compileInjectorDeclaration(angularCoreEnv, "ng:///" + decl.type.name + "/\u0275inj.js", decl);
     }
     /**
@@ -33934,7 +34011,7 @@
      * @codeGenApi
      */
     function ɵɵngDeclareNgModule(decl) {
-        var compiler = getCompilerFacade();
+        var compiler = getCompilerFacade({ usage: 1 /* PartialDeclaration */, kind: 'NgModule', type: decl.type });
         return compiler.compileNgModuleDeclaration(angularCoreEnv, "ng:///" + decl.type.name + "/\u0275mod.js", decl);
     }
     /**
@@ -33943,7 +34020,7 @@
      * @codeGenApi
      */
     function ɵɵngDeclarePipe(decl) {
-        var compiler = getCompilerFacade();
+        var compiler = getCompilerFacade({ usage: 1 /* PartialDeclaration */, kind: 'pipe', type: decl.type });
         return compiler.compilePipeDeclaration(angularCoreEnv, "ng:///" + decl.type.name + "/\u0275pipe.js", decl);
     }