@angular/compiler 20.3.11 → 20.3.12

package/fesm2022/compiler.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v20.3.11
+ * @license Angular v20.3.12
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -7806,13 +7806,11 @@ class ShadowCss {
         return cssText.replace(_cssColonHostRe, (_, hostSelectors, otherSelectors) => {
             if (hostSelectors) {
                 const convertedSelectors = [];
-                for (const hostSelector of this._splitOnTopLevelCommas(hostSelectors)) {
-                    const trimmedHostSelector = hostSelector.trim();
-                    if (!trimmedHostSelector)
+                const hostSelectorArray = hostSelectors.split(',').map((p) => p.trim());
+                for (const hostSelector of hostSelectorArray) {
+                    if (!hostSelector)
                         break;
-                    const convertedSelector = _polyfillHostNoCombinator +
-                        trimmedHostSelector.replace(_polyfillHost, '') +
-                        otherSelectors;
+                    const convertedSelector = _polyfillHostNoCombinator + hostSelector.replace(_polyfillHost, '') + otherSelectors;
                     convertedSelectors.push(convertedSelector);
                 }
                 return convertedSelectors.join(',');
@@ -7822,38 +7820,6 @@ 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 { }
      *
@@ -7870,14 +7836,34 @@ 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.
-        const results = [];
-        for (const part of this._splitOnTopLevelCommas(cssText)) {
-            results.push(this._convertColonHostContextInSelectorPart(part));
+        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--;
+            }
         }
-        return results.join(',');
+        return result;
     }
     _convertColonHostContextInSelectorPart(cssText) {
         return cssText.replace(_cssColonHostContextReGlobal, (selectorText, pseudoPrefix) => {
@@ -7889,26 +7875,17 @@ 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)`.
-            // 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);
-                    }
-                }
+            // 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 !== '');
                 // We must duplicate the current selector group for each of these new selectors.
                 // For example if the current groups are:
                 // ```
@@ -7935,8 +7912,7 @@ class ShadowCss {
                     }
                 }
                 // Update the `selectorText` and see repeat to see if there are more `:host-context`s.
-                selectorText = afterPrefix.substring(endIndex + 1);
-                startIndex = selectorText.indexOf(_polyfillHostContext);
+                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
@@ -8243,9 +8219,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(nthRegex, (_, pseudo, exp) => {
+        this._content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
             const replaceBy = `__ph-${this.index}__`;
-            this.placeholders.push(`(${exp})`);
+            this.placeholders.push(exp);
             this.index++;
             return pseudo + replaceBy;
         });
@@ -8277,19 +8253,13 @@ const _cssContentUnscopedRuleRe = /(polyfill-unscoped-rule)[^}]*(content:[\s]*([
 const _polyfillHost = '-shadowcsshost';
 // note: :host-context pre-processed to -shadowcsshostcontext.
 const _polyfillHostContext = '-shadowcsscontext';
-// 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 _parenSuffix = '(?:\\((' + '(?:\\([^)(]*\\)|[^)(]*)+?' + ')\\))';
 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,]*)/;
@@ -34307,7 +34277,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.11'));
+    definitionMap.set('version', literal('20.3.12'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', metadata.type);
     definitionMap.set('decorators', metadata.decorators);
@@ -34325,7 +34295,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.11'));
+    definitionMap.set('version', literal('20.3.12'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', metadata.type);
     definitionMap.set('resolveDeferredDeps', compileComponentMetadataAsyncResolver(dependencies));
@@ -34420,7 +34390,7 @@ function createDirectiveDefinitionMap(meta) {
     const definitionMap = new DefinitionMap();
     const minVersion = getMinimumVersionForPartialOutput(meta);
     definitionMap.set('minVersion', literal(minVersion));
-    definitionMap.set('version', literal('20.3.11'));
+    definitionMap.set('version', literal('20.3.12'));
     // e.g. `type: MyDirective`
     definitionMap.set('type', meta.type.value);
     if (meta.isStandalone !== undefined) {
@@ -34836,7 +34806,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.11'));
+    definitionMap.set('version', literal('20.3.12'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.type.value);
     definitionMap.set('deps', compileDependencies(meta.deps));
@@ -34871,7 +34841,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.11'));
+    definitionMap.set('version', literal('20.3.12'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.type.value);
     // Only generate providedIn property if it has a non-null value
@@ -34922,7 +34892,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.11'));
+    definitionMap.set('version', literal('20.3.12'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.type.value);
     definitionMap.set('providers', meta.providers);
@@ -34955,7 +34925,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.11'));
+    definitionMap.set('version', literal('20.3.12'));
     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.
@@ -35006,7 +34976,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.11'));
+    definitionMap.set('version', literal('20.3.12'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     // e.g. `type: MyPipe`
     definitionMap.set('type', meta.type.value);
@@ -35162,7 +35132,7 @@ function compileHmrUpdateCallback(definitions, constantStatements, meta) {
  * @description
  * Entry point for all public APIs of the compiler package.
  */
-const VERSION = new Version('20.3.11');
+const VERSION = new Version('20.3.12');
 
 //////////////////////////////////////
 // THIS FILE HAS GLOBAL SIDE EFFECT //