@angular/core 14.2.0 → 14.2.2

package/fesm2020/core.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v14.2.0
+ * @license Angular v14.2.2
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -3261,7 +3261,7 @@ function injectAttributeImpl(tNode, attrNameToInject) {
     return null;
 }
 function notFoundValueOrThrow(notFoundValue, token, flags) {
-    if (flags & InjectFlags.Optional) {
+    if ((flags & InjectFlags.Optional) || notFoundValue !== undefined) {
         return notFoundValue;
     }
     else {
@@ -3278,7 +3278,7 @@ function notFoundValueOrThrow(notFoundValue, token, flags) {
  * @returns the value from the injector or throws an exception
  */
 function lookupTokenUsingModuleInjector(lView, token, flags, notFoundValue) {
-    if (flags & InjectFlags.Optional && notFoundValue === undefined) {
+    if ((flags & InjectFlags.Optional) && notFoundValue === undefined) {
         // This must be set or the NullInjector will throw for optional deps
         notFoundValue = null;
     }
@@ -5801,10 +5801,6 @@ function _sanitizeUrl(url) {
     }
     return 'unsafe:' + url;
 }
-function sanitizeSrcset(srcset) {
-    srcset = String(srcset);
-    return srcset.split(',').map((srcset) => _sanitizeUrl(srcset.trim())).join(', ');
-}
 
 /**
  * @license
@@ -5851,12 +5847,10 @@ const INLINE_ELEMENTS = merge(OPTIONAL_END_TAG_INLINE_ELEMENTS, tagSet('a,abbr,a
 const VALID_ELEMENTS = merge(VOID_ELEMENTS, BLOCK_ELEMENTS, INLINE_ELEMENTS, OPTIONAL_END_TAG_ELEMENTS);
 // Attributes that have href and hence need to be sanitized
 const URI_ATTRS = tagSet('background,cite,href,itemtype,longdesc,poster,src,xlink:href');
-// Attributes that have special href set hence need to be sanitized
-const SRCSET_ATTRS = tagSet('srcset');
 const HTML_ATTRS = tagSet('abbr,accesskey,align,alt,autoplay,axis,bgcolor,border,cellpadding,cellspacing,class,clear,color,cols,colspan,' +
     'compact,controls,coords,datetime,default,dir,download,face,headers,height,hidden,hreflang,hspace,' +
     'ismap,itemscope,itemprop,kind,label,lang,language,loop,media,muted,nohref,nowrap,open,preload,rel,rev,role,rows,rowspan,rules,' +
-    'scope,scrolling,shape,size,sizes,span,srclang,start,summary,tabindex,target,title,translate,type,usemap,' +
+    'scope,scrolling,shape,size,sizes,span,srclang,srcset,start,summary,tabindex,target,title,translate,type,usemap,' +
     'valign,value,vspace,width');
 // Accessibility attributes as per WAI-ARIA 1.1 (W3C Working Draft 14 December 2018)
 const ARIA_ATTRS = tagSet('aria-activedescendant,aria-atomic,aria-autocomplete,aria-busy,aria-checked,aria-colcount,aria-colindex,' +
@@ -5872,7 +5866,7 @@ const ARIA_ATTRS = tagSet('aria-activedescendant,aria-atomic,aria-autocomplete,a
 // NB: Sanitization does not allow <form> elements or other active elements (<button> etc). Those
 // can be sanitized, but they increase security surface area without a legitimate use case, so they
 // are left out here.
-const VALID_ATTRS = merge(URI_ATTRS, SRCSET_ATTRS, HTML_ATTRS, ARIA_ATTRS);
+const VALID_ATTRS = merge(URI_ATTRS, HTML_ATTRS, ARIA_ATTRS);
 // Elements whose content should not be traversed/preserved, if the elements themselves are invalid.
 //
 // Typically, `<invalid>Some content</invalid>` would traverse (and in this case preserve)
@@ -5955,8 +5949,6 @@ class SanitizingHtmlSerializer {
             // TODO(martinprobst): Special case image URIs for data:image/...
             if (URI_ATTRS[lower])
                 value = _sanitizeUrl(value);
-            if (SRCSET_ATTRS[lower])
-                value = sanitizeSrcset(value);
             this.buf.push(' ', attrName, '="', encodeEntities(value), '"');
         }
         this.buf.push('>');
@@ -7257,7 +7249,7 @@ class Version {
 /**
  * @publicApi
  */
-const VERSION = new Version('14.2.0');
+const VERSION = new Version('14.2.2');
 
 /**
  * @license
@@ -7560,7 +7552,7 @@ function getTemplateLocationDetails(lView) {
  * that the `CommonModule` should also be included.
  */
 const KNOWN_CONTROL_FLOW_DIRECTIVES = new Map([
-    ['ngIf', 'NgIf'], ['ngFor', 'NgForOf'], ['ngSwitchCase', 'NgSwitchCase'],
+    ['ngIf', 'NgIf'], ['ngFor', 'NgFor'], ['ngSwitchCase', 'NgSwitchCase'],
     ['ngSwitchDefault', 'NgSwitchDefault']
 ]);
 /**
@@ -8364,16 +8356,16 @@ function getRootView(componentOrLView) {
     return lView;
 }
 /**
- * Returns the `RootContext` instance that is associated with
- * the application where the target is situated. It does this by walking the parent views until it
- * gets to the root view, then getting the context off of that.
+ * Returns the context information associated with the application where the target is situated. It
+ * does this by walking the parent views until it gets to the root view, then getting the context
+ * off of that.
  *
  * @param viewOrComponent the `LView` or component to get the root context for.
  */
 function getRootContext(viewOrComponent) {
     const rootView = getRootView(viewOrComponent);
     ngDevMode &&
-        assertDefined(rootView[CONTEXT], 'RootView has no context. Perhaps it is disconnected?');
+        assertDefined(rootView[CONTEXT], 'Root view has no context. Perhaps it is disconnected?');
     return rootView[CONTEXT];
 }
 /**
@@ -12077,28 +12069,6 @@ function refreshView(tView, lView, templateFn, context) {
         leaveView();
     }
 }
-function renderComponentOrTemplate(tView, lView, templateFn, context) {
-    const rendererFactory = lView[RENDERER_FACTORY];
-    // Check no changes mode is a dev only mode used to verify that bindings have not changed
-    // since they were assigned. We do not want to invoke renderer factory functions in that mode
-    // to avoid any possible side-effects.
-    const checkNoChangesMode = !!ngDevMode && isInCheckNoChangesMode();
-    const creationModeIsActive = isCreationMode(lView);
-    try {
-        if (!checkNoChangesMode && !creationModeIsActive && rendererFactory.begin) {
-            rendererFactory.begin();
-        }
-        if (creationModeIsActive) {
-            renderView(tView, lView, context);
-        }
-        refreshView(tView, lView, templateFn, context);
-    }
-    finally {
-        if (!checkNoChangesMode && !creationModeIsActive && rendererFactory.end) {
-            rendererFactory.end();
-        }
-    }
-}
 function executeTemplate(tView, lView, templateFn, rf, context) {
     const prevSelectedIndex = getSelectedIndex();
     const isUpdatePhase = rf & 2 /* RenderFlags.Update */;
@@ -12169,7 +12139,7 @@ function saveResolvedLocalsInData(viewData, tNode, localRefExtractor = getNative
  * @param def ComponentDef
  * @returns TView
  */
-function getOrCreateTComponentView(def) {
+function getOrCreateComponentTView(def) {
     const tView = def.tView;
     // Create a TView if there isn't one, or recreate it if the first create pass didn't
     // complete successfully since we can't know for sure whether it's in a usable shape.
@@ -12878,7 +12848,7 @@ function configureViewWithDirective(tView, tNode, lView, directiveIndex, def) {
 }
 function addComponentLogic(lView, hostTNode, def) {
     const native = getNativeByTNode(hostTNode, lView);
-    const tView = getOrCreateTComponentView(def);
+    const tView = getOrCreateComponentTView(def);
     // Only component views should be added to the view tree directly. Embedded views are
     // accessed through their containers because they may be removed / re-added later.
     const rendererFactory = lView[RENDERER_FACTORY];
@@ -13205,63 +13175,32 @@ function markViewDirty(lView) {
     }
     return null;
 }
-function tickRootContext(rootContext) {
-    for (let i = 0; i < rootContext.components.length; i++) {
-        const rootComponent = rootContext.components[i];
-        const lView = readPatchedLView(rootComponent);
-        // We might not have an `LView` if the component was destroyed.
-        if (lView !== null) {
-            const tView = lView[TVIEW];
-            renderComponentOrTemplate(tView, lView, tView.template, rootComponent);
-        }
-    }
-}
-function detectChangesInternal(tView, lView, context) {
+function detectChangesInternal(tView, lView, context, notifyErrorHandler = true) {
     const rendererFactory = lView[RENDERER_FACTORY];
-    if (rendererFactory.begin)
+    // Check no changes mode is a dev only mode used to verify that bindings have not changed
+    // since they were assigned. We do not want to invoke renderer factory functions in that mode
+    // to avoid any possible side-effects.
+    const checkNoChangesMode = !!ngDevMode && isInCheckNoChangesMode();
+    if (!checkNoChangesMode && rendererFactory.begin)
         rendererFactory.begin();
     try {
         refreshView(tView, lView, tView.template, context);
     }
     catch (error) {
-        handleError(lView, error);
+        if (notifyErrorHandler) {
+            handleError(lView, error);
+        }
         throw error;
     }
     finally {
-        if (rendererFactory.end)
+        if (!checkNoChangesMode && rendererFactory.end)
             rendererFactory.end();
     }
 }
-/**
- * Synchronously perform change detection on a root view and its components.
- *
- * @param lView The view which the change detection should be performed on.
- */
-function detectChangesInRootView(lView) {
-    tickRootContext(lView[CONTEXT]);
-}
-function checkNoChangesInternal(tView, view, context) {
-    setIsInCheckNoChangesMode(true);
-    try {
-        detectChangesInternal(tView, view, context);
-    }
-    finally {
-        setIsInCheckNoChangesMode(false);
-    }
-}
-/**
- * Checks the change detector on a root view and its components, and throws if any changes are
- * detected.
- *
- * This is used in development mode to verify that running change detection doesn't
- * introduce other changes.
- *
- * @param lView The view which the change detection should be checked on.
- */
-function checkNoChangesInRootView(lView) {
+function checkNoChangesInternal(tView, lView, context, notifyErrorHandler = true) {
     setIsInCheckNoChangesMode(true);
     try {
-        detectChangesInRootView(lView);
+        detectChangesInternal(tView, lView, context, notifyErrorHandler);
     }
     finally {
         setIsInCheckNoChangesMode(false);
@@ -13754,11 +13693,17 @@ class RootViewRef extends ViewRef$1 {
         this._view = _view;
     }
     detectChanges() {
-        detectChangesInRootView(this._view);
+        const lView = this._view;
+        const tView = lView[TVIEW];
+        const context = lView[CONTEXT];
+        detectChangesInternal(tView, lView, context, false);
     }
     checkNoChanges() {
         if (ngDevMode) {
-            checkNoChangesInRootView(this._view);
+            const lView = this._view;
+            const tView = lView[TVIEW];
+            const context = lView[CONTEXT];
+            checkNoChangesInternal(tView, lView, context, false);
         }
     }
     get context() {
@@ -13825,7 +13770,7 @@ class ChainedInjector {
     }
 }
 /**
- * Render3 implementation of {@link viewEngine_ComponentFactory}.
+ * ComponentFactory interface implementation.
  */
 class ComponentFactory extends ComponentFactory$1 {
     /**
@@ -13875,10 +13820,9 @@ class ComponentFactory extends ComponentFactory$1 {
             createElementNode(rendererFactory.createRenderer(null, this.componentDef), elementName, getNamespace(elementName));
         const rootFlags = this.componentDef.onPush ? 32 /* LViewFlags.Dirty */ | 256 /* LViewFlags.IsRoot */ :
             16 /* LViewFlags.CheckAlways */ | 256 /* LViewFlags.IsRoot */;
-        const rootContext = createRootContext();
         // Create the root view. Uses empty TView and ContentTemplate.
         const rootTView = createTView(0 /* TViewType.Root */, null, null, 1, 0, null, null, null, null, null);
-        const rootLView = createLView(null, rootTView, rootContext, rootFlags, null, null, rendererFactory, hostRenderer, sanitizer, rootViewInjector, null);
+        const rootLView = createLView(null, rootTView, null, rootFlags, null, null, rendererFactory, hostRenderer, sanitizer, rootViewInjector, null);
         // rootView is the parent when bootstrapping
         // TODO(misko): it looks like we are entering view here but we don't really need to as
         // `renderView` does that. However as the code is written it is needed because
@@ -13922,7 +13866,8 @@ class ComponentFactory extends ComponentFactory$1 {
             // TODO: should LifecycleHooksFeature and other host features be generated by the compiler and
             // executed here?
             // Angular 5 reference: https://stackblitz.com/edit/lifecycle-hooks-vcref
-            component = createRootComponent(componentView, this.componentDef, rootLView, rootContext, [LifecycleHooksFeature]);
+            component =
+                createRootComponent(componentView, this.componentDef, rootLView, [LifecycleHooksFeature]);
             renderView(rootTView, rootLView, null);
         }
         finally {
@@ -14028,7 +13973,7 @@ function createRootComponentView(rNode, def, rootView, rendererFactory, hostRend
         }
     }
     const viewRenderer = rendererFactory.createRenderer(rNode, def);
-    const componentView = createLView(rootView, getOrCreateTComponentView(def), null, def.onPush ? 32 /* LViewFlags.Dirty */ : 16 /* LViewFlags.CheckAlways */, rootView[index], tNode, rendererFactory, viewRenderer, sanitizer || null, null, null);
+    const componentView = createLView(rootView, getOrCreateComponentTView(def), null, def.onPush ? 32 /* LViewFlags.Dirty */ : 16 /* LViewFlags.CheckAlways */, rootView[index], tNode, rendererFactory, viewRenderer, sanitizer || null, null, null);
     if (tView.firstCreatePass) {
         diPublicInInjector(getOrCreateNodeInjectorForNode(tNode, rootView), tView, def.type);
         markAsComponentHost(tView, tNode);
@@ -14042,12 +13987,13 @@ function createRootComponentView(rNode, def, rootView, rendererFactory, hostRend
  * Creates a root component and sets it up with features and host bindings.Shared by
  * renderComponent() and ViewContainerRef.createComponent().
  */
-function createRootComponent(componentView, componentDef, rootLView, rootContext, hostFeatures) {
+function createRootComponent(componentView, componentDef, rootLView, hostFeatures) {
     const tView = rootLView[TVIEW];
     // Create directive instance with factory() and store at next index in viewData
     const component = instantiateRootComponent(tView, rootLView, componentDef);
-    rootContext.components.push(component);
-    componentView[CONTEXT] = component;
+    // Root view only contains an instance of this component,
+    // so we use a reference to that component instance as a context.
+    componentView[CONTEXT] = rootLView[CONTEXT] = component;
     if (hostFeatures !== null) {
         for (const feature of hostFeatures) {
             feature(component, componentDef);
@@ -14071,9 +14017,6 @@ function createRootComponent(componentView, componentDef, rootLView, rootContext
     }
     return component;
 }
-function createRootContext() {
-    return { components: [] };
-}
 /**
  * Used to enable lifecycle hooks on the root component.
  *
@@ -20918,9 +20861,6 @@ function walkIcuTree(tView, tIcu, lView, sharedUpdateOpCodes, create, remove, up
                                 if (URI_ATTRS[lowerAttrName]) {
                                     generateBindingUpdateOpCodes(update, attr.value, newIndex, attr.name, 0, _sanitizeUrl);
                                 }
-                                else if (SRCSET_ATTRS[lowerAttrName]) {
-                                    generateBindingUpdateOpCodes(update, attr.value, newIndex, attr.name, 0, sanitizeSrcset);
-                                }
                                 else {
                                     generateBindingUpdateOpCodes(update, attr.value, newIndex, attr.name, 0, null);
                                 }
@@ -21889,7 +21829,7 @@ function getOwningComponent(elementOrDir) {
  */
 function getRootComponents(elementOrDir) {
     const lView = readPatchedLView(elementOrDir);
-    return lView !== null ? [...getRootContext(lView).components] : [];
+    return lView !== null ? [getRootContext(lView)] : [];
 }
 /**
  * Retrieves an `Injector` associated with an element, component or directive instance.