@angular/core 12.0.0 → 12.0.4

package/bundles/core.umd.js

@@ -1,5 +1,5 @@
 /**
- * @license Angular v12.0.0
+ * @license Angular v12.0.4
  * (c) 2010-2021 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -6888,6 +6888,10 @@
     /**
      * Defines a schema that allows any property on any element.
      *
+     * This schema allows you to ignore the errors related to any unknown elements or properties in a
+     * template. The usage of this schema is generally discouraged because it prevents useful validation
+     * and may hide real errors in your template. Consider using the `CUSTOM_ELEMENTS_SCHEMA` instead.
+     *
      * @publicApi
      */
     var NO_ERRORS_SCHEMA = {
@@ -12386,17 +12390,19 @@
      *
      * @usageNotes
      * Given the following DOM structure:
+     *
      * ```html
-     * <my-app>
+     * <app-root>
      *   <div>
      *     <child-comp></child-comp>
      *   </div>
-     * </my-app>
+     * </app-root>
      * ```
+     *
      * Calling `getComponent` on `<child-comp>` will return the instance of `ChildComponent`
      * associated with this DOM element.
      *
-     * Calling the function on `<my-app>` will return the `MyApp` instance.
+     * Calling the function on `<app-root>` will return the `MyApp` instance.
      *
      *
      * @param element DOM element from which the component should be retrieved.
@@ -12525,12 +12531,14 @@
      *
      * @usageNotes
      * Given the following DOM structure:
-     * ```
-     * <my-app>
+     *
+     * ```html
+     * <app-root>
      *   <button my-button></button>
      *   <my-comp></my-comp>
-     * </my-app>
+     * </app-root>
      * ```
+     *
      * Calling `getDirectives` on `<button>` will return an array with an instance of the `MyButton`
      * directive that is associated with the DOM node.
      *
@@ -12650,14 +12658,16 @@
      *
      * @usageNotes
      * Given the following DOM structure:
-     * ```
-     * <my-app>
-     *   <div (click)="doSomething()"></div>
-     * </my-app>
      *
+     * ```html
+     * <app-root>
+     *   <div (click)="doSomething()"></div>
+     * </app-root>
      * ```
+     *
      * Calling `getListeners` on `<div>` will return an object that looks as follows:
-     * ```
+     *
+     * ```ts
      * {
      *   name: 'click',
      *   element: <div>,
@@ -15721,8 +15731,11 @@
         var lCleanup = getOrCreateLViewCleanup(lView);
         ngDevMode && assertTNodeType(tNode, 3 /* AnyRNode */ | 12 /* AnyContainer */);
         var processOutputs = true;
-        // add native event listener - applicable to elements only
-        if (tNode.type & 3 /* AnyRNode */) {
+        // Adding a native event listener is applicable when:
+        // - The corresponding TNode represents a DOM element.
+        // - The event target has a resolver (usually resulting in a global object,
+        //   such as `window` or `document`).
+        if ((tNode.type & 3 /* AnyRNode */) || eventTargetResolver) {
             var native = getNativeByTNode(tNode, lView);
             var target = eventTargetResolver ? eventTargetResolver(native) : native;
             var lCleanupIndex = lCleanup.length;
@@ -21782,6 +21795,9 @@
      * then use the factory's `create()` method to create a component of that type.
      *
      * @see [Dynamic Components](guide/dynamic-component-loader)
+     * @see [Usage Example](guide/dynamic-component-loader#resolving-components)
+     * @see <live-example name="dynamic-component-loader" noDownload></live-example>
+    of the code in this cookbook
      * @publicApi
      */
     var ComponentFactoryResolver = /** @class */ (function () {
@@ -22022,7 +22038,7 @@
     /**
      * @publicApi
      */
-    var VERSION = new Version('12.0.0');
+    var VERSION = new Version('12.0.4');
 
     /**
      * @license
@@ -23248,7 +23264,7 @@
          *
          * ```typescript
          * @Component({
-         *   selector: 'my-app',
+         *   selector: 'app-root',
          *   template: `Number of ticks: {{numberOfTicks}}`
          *   changeDetection: ChangeDetectionStrategy.OnPush,
          * })
@@ -23368,7 +23384,7 @@
          * }
          *
          * @Component({
-         *   selector: 'my-app',
+         *   selector: 'app-root',
          *   providers: [DataProvider],
          *   template: `
          *     Live Update: <input type="checkbox" [(ngModel)]="live">