@angular/compiler 20.3.9 → 20.3.11

package/README.md

@@ -1,5 +1,4 @@
-Angular
-=======
+# Angular
 
 The sources for this package are in the main [Angular](https://github.com/angular/angular) repo. Please file issues and pull requests against that repo.
 

package/fesm2022/compiler.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v20.3.9
+ * @license Angular v20.3.11
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -7806,11 +7806,13 @@ class ShadowCss {
         return cssText.replace(_cssColonHostRe, (_, hostSelectors, otherSelectors) => {
             if (hostSelectors) {
                 const convertedSelectors = [];
-                const hostSelectorArray = hostSelectors.split(',').map((p) => p.trim());
-                for (const hostSelector of hostSelectorArray) {
-                    if (!hostSelector)
+                for (const hostSelector of this._splitOnTopLevelCommas(hostSelectors)) {
+                    const trimmedHostSelector = hostSelector.trim();
+                    if (!trimmedHostSelector)
                         break;
-                    const convertedSelector = _polyfillHostNoCombinator + hostSelector.replace(_polyfillHost, '') + otherSelectors;
+                    const convertedSelector = _polyfillHostNoCombinator +
+                        trimmedHostSelector.replace(_polyfillHost, '') +
+                        otherSelectors;
                     convertedSelectors.push(convertedSelector);
                 }
                 return convertedSelectors.join(',');
@@ -7820,6 +7822,38 @@ class ShadowCss {
             }
         });
     }
+    /**
+     * Generator function that splits a string on top-level commas (commas that are not inside parentheses).
+     * Yields each part of the string between top-level commas. Terminates if an extra closing paren is found.
+     *
+     * @param text The string to split
+     */
+    *_splitOnTopLevelCommas(text) {
+        const length = text.length;
+        let parens = 0;
+        let prev = 0;
+        for (let i = 0; i < length; i++) {
+            const charCode = text.charCodeAt(i);
+            if (charCode === $LPAREN) {
+                parens++;
+            }
+            else if (charCode === $RPAREN) {
+                parens--;
+                if (parens < 0) {
+                    // Found an extra closing paren. Assume we want the list terminated here
+                    yield text.slice(prev, i);
+                    return;
+                }
+            }
+            else if (charCode === $COMMA && parens === 0) {
+                // Found a top-level comma, yield the current chunk
+                yield text.slice(prev, i);
+                prev = i + 1;
+            }
+        }
+        // Yield the final chunk
+        yield text.slice(prev);
+    }
     /*
      * convert a rule like :host-context(.foo) > .bar { }
      *
@@ -7836,34 +7870,14 @@ class ShadowCss {
      * .foo<scopeName> .bar { ... }
      */
     _convertColonHostContext(cssText) {
-        const length = cssText.length;
-        let parens = 0;
-        let prev = 0;
-        let result = '';
         // Splits up the selectors on their top-level commas, processes the :host-context in them
         // individually and stitches them back together. This ensures that individual selectors don't
         // affect each other.
-        for (let i = 0; i < length; i++) {
-            const char = cssText[i];
-            // If we hit a comma and there are no open parentheses, take the current chunk and process it.
-            if (char === ',' && parens === 0) {
-                result += this._convertColonHostContextInSelectorPart(cssText.slice(prev, i)) + ',';
-                prev = i + 1;
-                continue;
-            }
-            // We've hit the end. Take everything since the last comma.
-            if (i === length - 1) {
-                result += this._convertColonHostContextInSelectorPart(cssText.slice(prev));
-                break;
-            }
-            if (char === '(') {
-                parens++;
-            }
-            else if (char === ')') {
-                parens--;
-            }
+        const results = [];
+        for (const part of this._splitOnTopLevelCommas(cssText)) {
+            results.push(this._convertColonHostContextInSelectorPart(part));
         }
-        return result;
+        return results.join(',');
     }
     _convertColonHostContextInSelectorPart(cssText) {
         return cssText.replace(_cssColonHostContextReGlobal, (selectorText, pseudoPrefix) => {
@@ -7875,17 +7889,26 @@ class ShadowCss {
             const contextSelectorGroups = [[]];
             // There may be more than `:host-context` in this selector so `selectorText` could look like:
             // `:host-context(.one):host-context(.two)`.
-            // Execute `_cssColonHostContextRe` over and over until we have extracted all the
-            // `:host-context` selectors from this selector.
-            let match;
-            while ((match = _cssColonHostContextRe.exec(selectorText))) {
-                // `match` = [':host-context(<selectors>)<rest>', <selectors>, <rest>]
-                // The `<selectors>` could actually be a comma separated list: `:host-context(.one, .two)`.
-                const newContextSelectors = (match[1] ?? '')
-                    .trim()
-                    .split(',')
-                    .map((m) => m.trim())
-                    .filter((m) => m !== '');
+            // Loop until every :host-context in the compound selector has been processed.
+            let startIndex = selectorText.indexOf(_polyfillHostContext);
+            while (startIndex !== -1) {
+                const afterPrefix = selectorText.substring(startIndex + _polyfillHostContext.length);
+                if (!afterPrefix || afterPrefix[0] !== '(') {
+                    // Edge case of :host-context with no parens (e.g. `:host-context .inner`)
+                    selectorText = afterPrefix;
+                    startIndex = selectorText.indexOf(_polyfillHostContext);
+                    continue;
+                }
+                // Extract comma-separated selectors between the parentheses
+                const newContextSelectors = [];
+                let endIndex = 0; // Index of the closing paren of the :host-context()
+                for (const selector of this._splitOnTopLevelCommas(afterPrefix.substring(1))) {
+                    endIndex = endIndex + selector.length + 1;
+                    const trimmed = selector.trim();
+                    if (trimmed) {
+                        newContextSelectors.push(trimmed);
+                    }
+                }
                 // We must duplicate the current selector group for each of these new selectors.
                 // For example if the current groups are:
                 // ```
@@ -7912,7 +7935,8 @@ class ShadowCss {
                     }
                 }
                 // Update the `selectorText` and see repeat to see if there are more `:host-context`s.
-                selectorText = match[2];
+                selectorText = afterPrefix.substring(endIndex + 1);
+                startIndex = selectorText.indexOf(_polyfillHostContext);
             }
             // 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
@@ -8219,9 +8243,9 @@ class SafeSelector {
         });
         // Replaces the expression in `:nth-child(2n + 1)` with a placeholder.
         // WS and "+" would otherwise be interpreted as selector separators.
-        this._content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
+        this._content = selector.replace(nthRegex, (_, pseudo, exp) => {
             const replaceBy = `__ph-${this.index}__`;
-            this.placeholders.push(exp);
+            this.placeholders.push(`(${exp})`);
             this.index++;
             return pseudo + replaceBy;
         });
@@ -8253,13 +8277,19 @@ const _cssContentUnscopedRuleRe = /(polyfill-unscoped-rule)[^}]*(content:[\s]*([
 const _polyfillHost = '-shadowcsshost';
 // note: :host-context pre-processed to -shadowcsshostcontext.
 const _polyfillHostContext = '-shadowcsscontext';
-const _parenSuffix = '(?:\\((' + '(?:\\([^)(]*\\)|[^)(]*)+?' + ')\\))';
+// Matches text content with no parentheses, e.g., "foo"
+const _noParens = '[^)(]*';
+// Matches content with at most ONE level of nesting, e.g., "a(b)c"
+const _level1Parens = String.raw `(?:\(${_noParens}\)|${_noParens})+?`;
+// Matches content with at most TWO levels of nesting, e.g., "a(b(c)d)e"
+const _level2Parens = String.raw `(?:\(${_level1Parens}\)|${_noParens})+?`;
+const _parenSuffix = String.raw `(?:\((${_level2Parens})\))`;
+const nthRegex = new RegExp(String.raw `(:nth-[-\w]+)` + _parenSuffix, 'g');
 const _cssColonHostRe = new RegExp(_polyfillHost + _parenSuffix + '?([^,{]*)', 'gim');
 // note: :host-context patterns are terminated with `{`, as opposed to :host which
 // is both `{` and `,` because :host-context handles top-level commas differently.
 const _hostContextPattern = _polyfillHostContext + _parenSuffix + '?([^{]*)';
 const _cssColonHostContextReGlobal = new RegExp(`${_cssScopedPseudoFunctionPrefix}(${_hostContextPattern})`, 'gim');
-const _cssColonHostContextRe = new RegExp(_hostContextPattern, 'im');
 const _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';
 const _polyfillHostNoCombinatorOutsidePseudoFunction = new RegExp(`${_polyfillHostNoCombinator}(?![^(]*\\))`, 'g');
 const _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s,]*)/;
@@ -34277,7 +34307,7 @@ const MINIMUM_PARTIAL_LINKER_DEFER_SUPPORT_VERSION = '18.0.0';
 function compileDeclareClassMetadata(metadata) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$5));
-    definitionMap.set('version', literal('20.3.9'));
+    definitionMap.set('version', literal('20.3.11'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', metadata.type);
     definitionMap.set('decorators', metadata.decorators);
@@ -34295,7 +34325,7 @@ function compileComponentDeclareClassMetadata(metadata, dependencies) {
     callbackReturnDefinitionMap.set('ctorParameters', metadata.ctorParameters ?? literal(null));
     callbackReturnDefinitionMap.set('propDecorators', metadata.propDecorators ?? literal(null));
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_DEFER_SUPPORT_VERSION));
-    definitionMap.set('version', literal('20.3.9'));
+    definitionMap.set('version', literal('20.3.11'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', metadata.type);
     definitionMap.set('resolveDeferredDeps', compileComponentMetadataAsyncResolver(dependencies));
@@ -34390,7 +34420,7 @@ function createDirectiveDefinitionMap(meta) {
     const definitionMap = new DefinitionMap();
     const minVersion = getMinimumVersionForPartialOutput(meta);
     definitionMap.set('minVersion', literal(minVersion));
-    definitionMap.set('version', literal('20.3.9'));
+    definitionMap.set('version', literal('20.3.11'));
     // e.g. `type: MyDirective`
     definitionMap.set('type', meta.type.value);
     if (meta.isStandalone !== undefined) {
@@ -34806,7 +34836,7 @@ const MINIMUM_PARTIAL_LINKER_VERSION$4 = '12.0.0';
 function compileDeclareFactoryFunction(meta) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$4));
-    definitionMap.set('version', literal('20.3.9'));
+    definitionMap.set('version', literal('20.3.11'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.type.value);
     definitionMap.set('deps', compileDependencies(meta.deps));
@@ -34841,7 +34871,7 @@ function compileDeclareInjectableFromMetadata(meta) {
 function createInjectableDefinitionMap(meta) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$3));
-    definitionMap.set('version', literal('20.3.9'));
+    definitionMap.set('version', literal('20.3.11'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.type.value);
     // Only generate providedIn property if it has a non-null value
@@ -34892,7 +34922,7 @@ function compileDeclareInjectorFromMetadata(meta) {
 function createInjectorDefinitionMap(meta) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$2));
-    definitionMap.set('version', literal('20.3.9'));
+    definitionMap.set('version', literal('20.3.11'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.type.value);
     definitionMap.set('providers', meta.providers);
@@ -34925,7 +34955,7 @@ function createNgModuleDefinitionMap(meta) {
         throw new Error('Invalid path! Local compilation mode should not get into the partial compilation path');
     }
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$1));
-    definitionMap.set('version', literal('20.3.9'));
+    definitionMap.set('version', literal('20.3.11'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.type.value);
     // We only generate the keys in the metadata if the arrays contain values.
@@ -34976,7 +35006,7 @@ function compileDeclarePipeFromMetadata(meta) {
 function createPipeDefinitionMap(meta) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION));
-    definitionMap.set('version', literal('20.3.9'));
+    definitionMap.set('version', literal('20.3.11'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     // e.g. `type: MyPipe`
     definitionMap.set('type', meta.type.value);
@@ -35132,7 +35162,7 @@ function compileHmrUpdateCallback(definitions, constantStatements, meta) {
  * @description
  * Entry point for all public APIs of the compiler package.
  */
-const VERSION = new Version('20.3.9');
+const VERSION = new Version('20.3.11');
 
 //////////////////////////////////////
 // THIS FILE HAS GLOBAL SIDE EFFECT //