@angular/core 19.0.0-next.8 → 19.0.0-next.9

package/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v19.0.0-next.8
+ * @license Angular v19.0.0-next.9
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -4341,6 +4341,8 @@ export declare interface ExistingSansProvider {
     useExisting: any;
 }
 
+declare type ExternalGlobalUtilsFunctions = keyof NgGlobalPublishUtils;
+
 /**
  * Definition of what a factory function should look like.
  */
@@ -6619,10 +6621,7 @@ export declare interface KeyValueDifferFactory {
 export declare class KeyValueDiffers {
     /** @nocollapse */
     static ɵprov: unknown;
-    /**
-     * @deprecated v4.0.0 - Should be private.
-     */
-    factories: KeyValueDifferFactory[];
+    private readonly factories;
     constructor(factories: KeyValueDifferFactory[]);
     static create<S>(factories: KeyValueDifferFactory[], parent?: KeyValueDiffers): KeyValueDiffers;
     /**
@@ -7378,6 +7377,10 @@ declare const NATIVE = 7;
 
 declare const NEXT = 4;
 
+declare interface NgGlobalPublishUtils {
+    ɵgetLoadedRoutes(route: any): any;
+}
+
 /**
  * A type describing supported iterable types.
  *
@@ -12165,16 +12168,6 @@ export declare abstract class ViewRef extends ChangeDetectorRef {
     abstract onDestroy(callback: Function): void;
 }
 
-/**
- * Interface for tracking root `ViewRef`s in `ApplicationRef`.
- *
- * NOTE: Importing `ApplicationRef` here directly creates circular dependency, which is why we have
- * a subset of the `ApplicationRef` interface `ViewRefTracker` here.
- */
-declare interface ViewRefTracker {
-    detachView(viewRef: ViewRef): void;
-}
-
 /**
  * A `Signal` with a value that can be mutated via a setter interface.
  */
@@ -12996,6 +12989,8 @@ export declare interface ɵDirectiveType<T> extends Type<T> {
     ɵfac: unknown;
 }
 
+export declare function ɵdisableProfiling(): void;
+
 /**
  * A scheduler which manages the execution of effects.
  */
@@ -13014,6 +13009,13 @@ export declare abstract class ɵEffectScheduler {
     static ɵprov: unknown;
 }
 
+/**
+ * This enables an internal performance profiler
+ *
+ * It should not be imported in application code
+ */
+export declare function ɵenableProfiling(): void;
+
 /**
  * Index of each type of locale data from the extra locale data array
  */
@@ -13624,6 +13626,9 @@ export declare const enum ɵNotificationSource {
 export declare function ɵpatchComponentDefWithScope<C>(componentDef: ɵComponentDef<C>, transitiveScopes: ɵNgModuleTransitiveScopes): void;
 
 
+export declare const ɵPERFORMANCE_MARK_PREFIX = "\uD83C\uDD70\uFE0F";
+
+
 /**
  * A guarded `performance.mark` for feature marking.
  *
@@ -13757,6 +13762,12 @@ export declare interface ɵProviderRecord {
     importPath?: Type<unknown>[];
 }
 
+/**
+ * Publishes the given function to `window.ng` from package other than @angular/core
+ * So that it can be used from the browser console when an application is not in production.
+ */
+export declare function ɵpublishExternalGlobalUtil<K extends ExternalGlobalUtilsFunctions>(name: K, fn: NgGlobalPublishUtils[K]): void;
+
 export declare function ɵreadHydrationInfo(node: RNode): ɵHydrationInfo | null;
 
 export declare class ɵReflectionCapabilities implements PlatformReflectionCapabilities {
@@ -14036,8 +14047,8 @@ export declare const enum ɵRuntimeErrorCode {
     OUTPUT_REF_DESTROYED = 953,
     LOOP_TRACK_DUPLICATE_KEYS = -955,
     LOOP_TRACK_RECREATE = -956,
-    RUNTIME_DEPS_INVALID_IMPORTED_TYPE = 1000,
-    RUNTIME_DEPS_ORPHAN_COMPONENT = 1001
+    RUNTIME_DEPS_INVALID_IMPORTED_TYPE = 980,
+    RUNTIME_DEPS_ORPHAN_COMPONENT = 981
 }
 
 /**
@@ -14175,6 +14186,18 @@ export { ɵSIGNAL }
  */
 export declare const ɵSSR_CONTENT_INTEGRITY_MARKER = "nghm";
 
+/**
+ * Function that will start measuring against the performance API
+ * Should be used in pair with stopMeasuring
+ */
+export declare function ɵstartMeasuring<T>(label: string): void;
+
+/**
+ * Function that will stop measuring against the performance API
+ * Should be used in pair with stopMeasuring
+ */
+export declare function ɵstopMeasuring(label: string): void;
+
 /** Store a value in the `data` at a given `index`. */
 export declare function ɵstore<T>(tView: TView, lView: LView, index: number, value: T): void;
 
@@ -14478,7 +14501,7 @@ export declare class ɵViewRef<T> implements EmbeddedViewRef<T>, ChangeDetectorR
     checkNoChanges(): void;
     attachToViewContainerRef(): void;
     detachFromAppRef(): void;
-    attachToAppRef(appRef: ViewRefTracker): void;
+    attachToAppRef(appRef: ApplicationRef): void;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/core",
-  "version": "19.0.0-next.8",
+  "version": "19.0.0-next.9",
   "description": "Angular - the core framework",
   "author": "angular",
   "license": "MIT",

package/primitives/event-dispatch/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v19.0.0-next.8
+ * @license Angular v19.0.0-next.9
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */

package/primitives/signals/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v19.0.0-next.8
+ * @license Angular v19.0.0-next.9
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -213,6 +213,10 @@ export declare interface ReactiveNode {
      * Called when a signal is read within this consumer.
      */
     consumerOnSignalRead(node: unknown): void;
+    /**
+     * A debug name for the reactive node. Used in Angular DevTools to identify the node.
+     */
+    debugName?: string;
 }
 
 export declare function runPostSignalSetFn(): void;

package/rxjs-interop/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v19.0.0-next.8
+ * @license Angular v19.0.0-next.9
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/{checker-e68dd7ce.js → checker-3b2ea20f.js}

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v19.0.0-next.8
+ * @license Angular v19.0.0-next.9
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -2653,6 +2653,10 @@ class Identifiers {
         name: 'ɵɵInputTransformsFeature',
         moduleName: CORE,
     }; }
+    static { this.ExternalStylesFeature = {
+        name: 'ɵɵExternalStylesFeature',
+        moduleName: CORE,
+    }; }
     static { this.listener = { name: 'ɵɵlistener', moduleName: CORE }; }
     static { this.getInheritedFactory = {
         name: 'ɵɵgetInheritedFactory',
@@ -6712,7 +6716,7 @@ class ShadowCss {
          *    captures how many (if any) leading whitespaces are present or a comma
          *  - (?:(?:(['"])((?:\\\\|\\\2|(?!\2).)+)\2)|(-?[A-Za-z][\w\-]*))
          *    captures two different possible keyframes, ones which are quoted or ones which are valid css
-         * idents (custom properties excluded)
+         * indents (custom properties excluded)
          *  - (?=[,\s;]|$)
          *    simply matches the end of the possible keyframe, valid endings are: a comma, a space, a
          * semicolon or the end of the string
@@ -6941,7 +6945,7 @@ class ShadowCss {
      */
     _scopeCssText(cssText, scopeSelector, hostSelector) {
         const unscopedRules = this._extractUnscopedRulesFromCssText(cssText);
-        // replace :host and :host-context -shadowcsshost and -shadowcsshost respectively
+        // replace :host and :host-context with -shadowcsshost and -shadowcsshostcontext respectively
         cssText = this._insertPolyfillHostInCssText(cssText);
         cssText = this._convertColonHost(cssText);
         cssText = this._convertColonHostContext(cssText);
@@ -7019,7 +7023,7 @@ class ShadowCss {
      * .foo<scopeName> .bar { ... }
      */
     _convertColonHostContext(cssText) {
-        return cssText.replace(_cssColonHostContextReGlobal, (selectorText) => {
+        return cssText.replace(_cssColonHostContextReGlobal, (selectorText, pseudoPrefix) => {
             // We have captured a selector that contains a `:host-context` rule.
             // For backward compatibility `:host-context` may contain a comma separated list of selectors.
             // Each context selector group will contain a list of host-context selectors that must match
@@ -7068,10 +7072,10 @@ class ShadowCss {
                 selectorText = match[2];
             }
             // The context selectors now must be combined with each other to capture all the possible
-            // selectors that `:host-context` can match. See `combineHostContextSelectors()` for more
+            // selectors that `:host-context` can match. See `_combineHostContextSelectors()` for more
             // info about how this is done.
             return contextSelectorGroups
-                .map((contextSelectors) => combineHostContextSelectors(contextSelectors, selectorText))
+                .map((contextSelectors) => _combineHostContextSelectors(contextSelectors, selectorText, pseudoPrefix))
                 .join(', ');
         });
     }
@@ -7088,7 +7092,12 @@ class ShadowCss {
             let selector = rule.selector;
             let content = rule.content;
             if (rule.selector[0] !== '@') {
-                selector = this._scopeSelector(rule.selector, scopeSelector, hostSelector);
+                selector = this._scopeSelector({
+                    selector,
+                    scopeSelector,
+                    hostSelector,
+                    isParentSelector: true,
+                });
             }
             else if (scopedAtRuleIdentifiers.some((atRule) => rule.selector.startsWith(atRule))) {
                 content = this._scopeSelectors(rule.content, scopeSelector, hostSelector);
@@ -7128,15 +7137,29 @@ class ShadowCss {
             return new CssRule(selector, rule.content);
         });
     }
-    _scopeSelector(selector, scopeSelector, hostSelector) {
+    // `isParentSelector` is used to distinguish the selectors which are coming from
+    // the initial selector string and any nested selectors, parsed recursively,
+    // for example `selector = 'a:where(.one)'` could be the parent, while recursive call
+    // would have `selector = '.one'`.
+    _scopeSelector({ selector, scopeSelector, hostSelector, isParentSelector = false, }) {
+        // Split the selector into independent parts by `,` (comma) unless
+        // comma is within parenthesis, for example `:is(.one, two)`.
+        // Negative lookup after comma allows not splitting inside nested parenthesis,
+        // up to three levels (((,))).
+        const selectorSplitRe = / ?,(?!(?:[^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\))) ?/;
         return selector
-            .split(/ ?, ?/)
+            .split(selectorSplitRe)
             .map((part) => part.split(_shadowDeepSelectors))
             .map((deepParts) => {
             const [shallowPart, ...otherParts] = deepParts;
             const applyScope = (shallowPart) => {
                 if (this._selectorNeedsScoping(shallowPart, scopeSelector)) {
-                    return this._applySelectorScope(shallowPart, scopeSelector, hostSelector);
+                    return this._applySelectorScope({
+                        selector: shallowPart,
+                        scopeSelector,
+                        hostSelector,
+                        isParentSelector,
+                    });
                 }
                 else {
                     return shallowPart;
@@ -7163,8 +7186,8 @@ class ShadowCss {
         if (_polyfillHostRe.test(selector)) {
             const replaceBy = `[${hostSelector}]`;
             return selector
-                .replace(_polyfillHostNoCombinatorRe, (hnc, selector) => {
-                return selector.replace(/([^:]*)(:*)(.*)/, (_, before, colon, after) => {
+                .replace(_polyfillHostNoCombinatorReGlobal, (_hnc, selector) => {
+                return selector.replace(/([^:\)]*)(:*)(.*)/, (_, before, colon, after) => {
                     return before + replaceBy + colon + after;
                 });
             })
@@ -7174,7 +7197,7 @@ class ShadowCss {
     }
     // return a selector with [name] suffix on each simple selector
     // e.g. .foo.bar > .zot becomes .foo[name].bar[name] > .zot[name]  /** @internal */
-    _applySelectorScope(selector, scopeSelector, hostSelector) {
+    _applySelectorScope({ selector, scopeSelector, hostSelector, isParentSelector, }) {
         const isRe = /\[is=([^\]]*)\]/g;
         scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);
         const attrName = '[' + scopeSelector + ']';
@@ -7185,6 +7208,10 @@ class ShadowCss {
             }
             if (p.includes(_polyfillHostNoCombinator)) {
                 scopedP = this._applySimpleSelectorScope(p, scopeSelector, hostSelector);
+                if (_polyfillHostNoCombinatorWithinPseudoFunction.test(p)) {
+                    const [_, before, colon, after] = scopedP.match(/([^:]*)(:*)(.*)/);
+                    scopedP = before + attrName + colon + after;
+                }
             }
             else {
                 // remove :host since it should be unnecessary
@@ -7198,12 +7225,50 @@ class ShadowCss {
             }
             return scopedP;
         };
-        const safeContent = new SafeSelector(selector);
-        selector = safeContent.content();
+        // Wraps `_scopeSelectorPart()` to not use it directly on selectors with
+        // pseudo selector functions like `:where()`. Selectors within pseudo selector
+        // functions are recursively sent to `_scopeSelector()`.
+        const _pseudoFunctionAwareScopeSelectorPart = (selectorPart) => {
+            let scopedPart = '';
+            const cssPrefixWithPseudoSelectorFunctionMatch = selectorPart.match(_cssPrefixWithPseudoSelectorFunction);
+            if (cssPrefixWithPseudoSelectorFunctionMatch) {
+                const [cssPseudoSelectorFunction] = cssPrefixWithPseudoSelectorFunctionMatch;
+                // Unwrap the pseudo selector to scope its contents.
+                // For example,
+                // - `:where(selectorToScope)` -> `selectorToScope`;
+                // - `:is(.foo, .bar)` -> `.foo, .bar`.
+                const selectorToScope = selectorPart.slice(cssPseudoSelectorFunction.length, -1);
+                if (selectorToScope.includes(_polyfillHostNoCombinator)) {
+                    this._shouldScopeIndicator = true;
+                }
+                const scopedInnerPart = this._scopeSelector({
+                    selector: selectorToScope,
+                    scopeSelector,
+                    hostSelector,
+                });
+                // Put the result back into the pseudo selector function.
+                scopedPart = `${cssPseudoSelectorFunction}${scopedInnerPart})`;
+            }
+            else {
+                this._shouldScopeIndicator =
+                    this._shouldScopeIndicator || selectorPart.includes(_polyfillHostNoCombinator);
+                scopedPart = this._shouldScopeIndicator ? _scopeSelectorPart(selectorPart) : selectorPart;
+            }
+            return scopedPart;
+        };
+        if (isParentSelector) {
+            this._safeSelector = new SafeSelector(selector);
+            selector = this._safeSelector.content();
+        }
         let scopedSelector = '';
         let startIndex = 0;
         let res;
-        const sep = /( |>|\+|~(?!=))\s*/g;
+        // Combinators aren't used as a delimiter if they are within parenthesis,
+        // for example `:where(.one .two)` stays intact.
+        // Similarly to selector separation by comma initially, negative lookahead
+        // is used here to not break selectors within nested parenthesis up to three
+        // nested layers.
+        const sep = /( |>|\+|~(?!=))(?!([^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\)))\s*/g;
         // If a selector appears before :host it should not be shimmed as it
         // matches on ancestor elements and not on elements in the host's shadow
         // `:host-context(div)` is transformed to
@@ -7216,8 +7281,13 @@ class ShadowCss {
         // - `tag :host` -> `tag [h]` (`tag` is not scoped because it's considered part of a
         //   `:host-context(tag)`)
         const hasHost = selector.includes(_polyfillHostNoCombinator);
-        // Only scope parts after the first `-shadowcsshost-no-combinator` when it is present
-        let shouldScope = !hasHost;
+        // Only scope parts after or on the same level as the first `-shadowcsshost-no-combinator`
+        // when it is present. The selector has the same level when it is a part of a pseudo
+        // selector, like `:where()`, for example `:where(:host, .foo)` would result in `.foo`
+        // being scoped.
+        if (isParentSelector || this._shouldScopeIndicator) {
+            this._shouldScopeIndicator = !hasHost;
+        }
         while ((res = sep.exec(selector)) !== null) {
             const separator = res[1];
             // Do not trim the selector, as otherwise this will break sourcemaps
@@ -7233,16 +7303,15 @@ class ShadowCss {
             if (part.match(/__esc-ph-(\d+)__/) && selector[res.index + 1]?.match(/[a-fA-F\d]/)) {
                 continue;
             }
-            shouldScope = shouldScope || part.includes(_polyfillHostNoCombinator);
-            const scopedPart = shouldScope ? _scopeSelectorPart(part) : part;
+            const scopedPart = _pseudoFunctionAwareScopeSelectorPart(part);
             scopedSelector += `${scopedPart} ${separator} `;
             startIndex = sep.lastIndex;
         }
         const part = selector.substring(startIndex);
-        shouldScope = shouldScope || part.includes(_polyfillHostNoCombinator);
-        scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
+        scopedSelector += _pseudoFunctionAwareScopeSelectorPart(part);
         // replace the placeholders with their original values
-        return safeContent.restore(scopedSelector);
+        // using values stored inside the `safeSelector` instance.
+        return this._safeSelector.restore(scopedSelector);
     }
     _insertPolyfillHostInCssText(selector) {
         return selector
@@ -7297,6 +7366,8 @@ class SafeSelector {
         });
     }
 }
+const _cssScopedPseudoFunctionPrefix = '(:(where|is)\\()?';
+const _cssPrefixWithPseudoSelectorFunction = /^:(where|is)\(/i;
 const _cssContentNextSelectorRe = /polyfill-next-selector[^}]*content:[\s]*?(['"])(.*?)\1[;\s]*}([^{]*?){/gim;
 const _cssContentRuleRe = /(polyfill-rule)[^}]*(content:[\s]*(['"])(.*?)\3)[;\s]*[^}]*}/gim;
 const _cssContentUnscopedRuleRe = /(polyfill-unscoped-rule)[^}]*(content:[\s]*(['"])(.*?)\3)[;\s]*[^}]*}/gim;
@@ -7305,10 +7376,12 @@ const _polyfillHost = '-shadowcsshost';
 const _polyfillHostContext = '-shadowcsscontext';
 const _parenSuffix = '(?:\\((' + '(?:\\([^)(]*\\)|[^)(]*)+?' + ')\\))?([^,{]*)';
 const _cssColonHostRe = new RegExp(_polyfillHost + _parenSuffix, 'gim');
-const _cssColonHostContextReGlobal = new RegExp(_polyfillHostContext + _parenSuffix, 'gim');
+const _cssColonHostContextReGlobal = new RegExp(_cssScopedPseudoFunctionPrefix + '(' + _polyfillHostContext + _parenSuffix + ')', 'gim');
 const _cssColonHostContextRe = new RegExp(_polyfillHostContext + _parenSuffix, 'im');
 const _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';
+const _polyfillHostNoCombinatorWithinPseudoFunction = new RegExp(`:.*\\(.*${_polyfillHostNoCombinator}.*\\)`);
 const _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+const _polyfillHostNoCombinatorReGlobal = new RegExp(_polyfillHostNoCombinatorRe, 'g');
 const _shadowDOMSelectorsRe = [
     /::shadow/g,
     /::content/g,
@@ -7542,7 +7615,7 @@ function unescapeQuotes(str, isQuoted) {
  * @param contextSelectors an array of context selectors that will be combined.
  * @param otherSelectors the rest of the selectors that are not context selectors.
  */
-function combineHostContextSelectors(contextSelectors, otherSelectors) {
+function _combineHostContextSelectors(contextSelectors, otherSelectors, pseudoPrefix = '') {
     const hostMarker = _polyfillHostNoCombinator;
     _polyfillHostRe.lastIndex = 0; // reset the regex to ensure we get an accurate test
     const otherSelectorsHasHost = _polyfillHostRe.test(otherSelectors);
@@ -7568,8 +7641,8 @@ function combineHostContextSelectors(contextSelectors, otherSelectors) {
     // (A<hostMarker>) or as an ancestor (A <hostMarker>).
     return combined
         .map((s) => otherSelectorsHasHost
-        ? `${s}${otherSelectors}`
-        : `${s}${hostMarker}${otherSelectors}, ${s} ${hostMarker}${otherSelectors}`)
+        ? `${pseudoPrefix}${s}${otherSelectors}`
+        : `${pseudoPrefix}${s}${hostMarker}${otherSelectors}, ${pseudoPrefix}${s} ${hostMarker}${otherSelectors}`)
         .join(',');
 }
 /**
@@ -24456,29 +24529,9 @@ function convertAst(ast, job, baseSourceSpan) {
         return convertAst(ast.ast, job, baseSourceSpan);
     }
     else if (ast instanceof PropertyRead) {
-        const isThisReceiver = ast.receiver instanceof ThisReceiver;
         // Whether this is an implicit receiver, *excluding* explicit reads of `this`.
         const isImplicitReceiver = ast.receiver instanceof ImplicitReceiver && !(ast.receiver instanceof ThisReceiver);
-        // Whether the  name of the read is a node that should be never retain its explicit this
-        // receiver.
-        const isSpecialNode = ast.name === '$any' || ast.name === '$event';
-        // TODO: The most sensible condition here would be simply `isImplicitReceiver`, to convert only
-        // actual implicit `this` reads, and not explicit ones. However, TemplateDefinitionBuilder (and
-        // the Typecheck block!) both have the same bug, in which they also consider explicit `this`
-        // reads to be implicit. This causes problems when the explicit `this` read is inside a
-        // template with a context that also provides the variable name being read:
-        // ```
-        // <ng-template let-a>{{this.a}}</ng-template>
-        // ```
-        // The whole point of the explicit `this` was to access the class property, but TDB and the
-        // current TCB treat the read as implicit, and give you the context property instead!
-        //
-        // For now, we emulate this old behavior by aggressively converting explicit reads to to
-        // implicit reads, except for the special cases that TDB and the current TCB protect. However,
-        // it would be an improvement to fix this.
-        //
-        // See also the corresponding comment for the TCB, in `type_check_block.ts`.
-        if (isImplicitReceiver || (isThisReceiver && !isSpecialNode)) {
+        if (isImplicitReceiver) {
             return new LexicalReadExpr(ast.name);
         }
         else {
@@ -27327,6 +27380,10 @@ function addFeatures(definitionMap, meta) {
     if (meta.hasOwnProperty('template') && meta.isStandalone) {
         features.push(importExpr(Identifiers.StandaloneFeature));
     }
+    if ('externalStyles' in meta && meta.externalStyles?.length) {
+        const externalStyleNodes = meta.externalStyles.map((externalStyle) => literal$1(externalStyle));
+        features.push(importExpr(Identifiers.ExternalStylesFeature).callFn([literalArr(externalStyleNodes)]));
+    }
     if (features.length) {
         definitionMap.set('features', literalArr(features));
     }
@@ -27402,6 +27459,7 @@ function compileComponentFromMetadata(meta, constantPool, bindingParser) {
     if (meta.encapsulation === null) {
         meta.encapsulation = exports.ViewEncapsulation.Emulated;
     }
+    let hasStyles = !!meta.externalStyles?.length;
     // e.g. `styles: [str1, str2]`
     if (meta.styles && meta.styles.length) {
         const styleValues = meta.encapsulation == exports.ViewEncapsulation.Emulated
@@ -27414,10 +27472,11 @@ function compileComponentFromMetadata(meta, constantPool, bindingParser) {
             return result;
         }, []);
         if (styleNodes.length > 0) {
+            hasStyles = true;
             definitionMap.set('styles', literalArr(styleNodes));
         }
     }
-    else if (meta.encapsulation === exports.ViewEncapsulation.Emulated) {
+    if (!hasStyles && meta.encapsulation === exports.ViewEncapsulation.Emulated) {
         // If there is no style, don't generate css selectors on elements
         meta.encapsulation = exports.ViewEncapsulation.None;
     }
@@ -28378,18 +28437,12 @@ class TemplateBinder extends RecursiveAstVisitor {
     maybeMap(ast, name) {
         // If the receiver of the expression isn't the `ImplicitReceiver`, this isn't the root of an
         // `AST` expression that maps to a `Variable` or `Reference`.
-        if (!(ast.receiver instanceof ImplicitReceiver)) {
+        if (!(ast.receiver instanceof ImplicitReceiver) || ast.receiver instanceof ThisReceiver) {
             return;
         }
         // Check whether the name exists in the current scope. If so, map it. Otherwise, the name is
         // probably a property on the top-level component context.
         const target = this.scope.lookup(name);
-        // It's not allowed to read template entities via `this`, however it previously worked by
-        // accident (see #55115). Since `@let` declarations are new, we can fix it from the beginning,
-        // whereas pre-existing template entities will be fixed in #55115.
-        if (target instanceof LetDeclaration$1 && ast.receiver instanceof ThisReceiver) {
-            return;
-        }
         if (target !== null) {
             this.bindings.set(ast, target);
         }
@@ -29246,7 +29299,7 @@ function publishFacade(global) {
  * @description
  * Entry point for all public APIs of the compiler package.
  */
-new Version('19.0.0-next.8');
+new Version('19.0.0-next.9');
 
 const _I18N_ATTR = 'i18n';
 const _I18N_ATTR_PREFIX = 'i18n-';
@@ -30594,7 +30647,7 @@ class NodeJSPathManipulation {
 // G3-ESM-MARKER: G3 uses CommonJS, but externally everything in ESM.
 // CommonJS/ESM interop for determining the current file name and containing dir.
 const isCommonJS = typeof __filename !== 'undefined';
-const currentFileUrl = isCommonJS ? null : (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('checker-e68dd7ce.js', document.baseURI).href));
+const currentFileUrl = isCommonJS ? null : (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('checker-3b2ea20f.js', document.baseURI).href));
 const currentFileName = isCommonJS ? __filename : url.fileURLToPath(currentFileUrl);
 /**
  * A wrapper around the Node.js file-system that supports readonly operations and path manipulation.
@@ -41987,21 +42040,9 @@ class TcbExpressionTranslator {
      * context). This method assists in resolving those.
      */
     resolve(ast) {
-        // TODO: this is actually a bug, because `ImplicitReceiver` extends `ThisReceiver`. Consider a
-        // case when the explicit `this` read is inside a template with a context that also provides the
-        // variable name being read:
-        // ```
-        // <ng-template let-a>{{this.a}}</ng-template>
-        // ```
-        // Clearly, `this.a` should refer to the class property `a`. However, because of this code,
-        // `this.a` will refer to `let-a` on the template context.
-        //
-        // Note that the generated code is actually consistent with this bug. To fix it, we have to:
-        // - Check `!(ast.receiver instanceof ThisReceiver)` in this condition
-        // - Update `ingest.ts` in the Template Pipeline (see the corresponding comment)
-        // - Turn off legacy TemplateDefinitionBuilder
-        // - Fix g3, and release in a major version
-        if (ast instanceof PropertyRead && ast.receiver instanceof ImplicitReceiver) {
+        if (ast instanceof PropertyRead &&
+            ast.receiver instanceof ImplicitReceiver &&
+            !(ast.receiver instanceof ThisReceiver)) {
             // Try to resolve a bound target for this expression. If no such target is available, then
             // the expression is referencing the top-level component context. In that case, `null` is
             // returned here to let it fall through resolution so it will be caught when the
@@ -43652,7 +43693,7 @@ class TemplateTypeCheckerImpl {
         this.elementTagCache = new Map();
         this.isComplete = false;
     }
-    getTemplate(component) {
+    getTemplate(component, optimizeFor) {
         const { data } = this.getLatestComponentState(component);
         if (data === null) {
             return null;
@@ -43665,8 +43706,15 @@ class TemplateTypeCheckerImpl {
     getUsedPipes(component) {
         return this.getLatestComponentState(component).data?.boundTarget.getUsedPipes() || null;
     }
-    getLatestComponentState(component) {
-        this.ensureShimForComponent(component);
+    getLatestComponentState(component, optimizeFor = exports.OptimizeFor.SingleFile) {
+        switch (optimizeFor) {
+            case exports.OptimizeFor.WholeProgram:
+                this.ensureAllShimsForAllFiles();
+                break;
+            case exports.OptimizeFor.SingleFile:
+                this.ensureShimForComponent(component);
+                break;
+        }
         const sf = component.getSourceFile();
         const sfPath = absoluteFromSourceFile(sf);
         const shimPath = TypeCheckShimGenerator.shimFor(sfPath);

package/schematics/bundles/{compiler_host-9a4d0c2b.js → compiler_host-b4ba5a28.js}

@@ -1,13 +1,13 @@
 'use strict';
 /**
- * @license Angular v19.0.0-next.8
+ * @license Angular v19.0.0-next.9
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
 'use strict';
 
 var ts = require('typescript');
-var checker = require('./checker-e68dd7ce.js');
+var checker = require('./checker-3b2ea20f.js');
 require('os');
 var p = require('path');
 

package/schematics/bundles/control-flow-migration.js

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v19.0.0-next.8
+ * @license Angular v19.0.0-next.9
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -10,8 +10,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var schematics = require('@angular-devkit/schematics');
 var p = require('path');
-var compiler_host = require('./compiler_host-9a4d0c2b.js');
-var checker = require('./checker-e68dd7ce.js');
+var compiler_host = require('./compiler_host-b4ba5a28.js');
+var checker = require('./checker-3b2ea20f.js');
 var ts = require('typescript');
 require('os');
 require('fs');

package/schematics/bundles/explicit-standalone-flag.js

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v19.0.0-next.8
+ * @license Angular v19.0.0-next.9
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -11,11 +11,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var schematics = require('@angular-devkit/schematics');
 var p = require('path');
 var project_tsconfig_paths = require('./project_tsconfig_paths-e9ccccbf.js');
-var compiler_host = require('./compiler_host-9a4d0c2b.js');
+var compiler_host = require('./compiler_host-b4ba5a28.js');
 var ts = require('typescript');
 var imports = require('./imports-4ac08251.js');
 require('@angular-devkit/core');
-require('./checker-e68dd7ce.js');
+require('./checker-3b2ea20f.js');
 require('os');
 require('fs');
 require('module');