@angular/core 18.2.7 → 18.2.8

package/schematics/ng-generate/control-flow-migration/bundle.js

@@ -5752,7 +5752,7 @@ var ShadowCss = class {
     });
   }
   _convertColonHostContext(cssText) {
-    return cssText.replace(_cssColonHostContextReGlobal, (selectorText) => {
+    return cssText.replace(_cssColonHostContextReGlobal, (selectorText, pseudoPrefix) => {
       var _a2;
       const contextSelectorGroups = [[]];
       let match;
@@ -5767,7 +5767,7 @@ var ShadowCss = class {
         }
         selectorText = match[2];
       }
-      return contextSelectorGroups.map((contextSelectors) => combineHostContextSelectors(contextSelectors, selectorText)).join(", ");
+      return contextSelectorGroups.map((contextSelectors) => _combineHostContextSelectors(contextSelectors, selectorText, pseudoPrefix)).join(", ");
     });
   }
   _convertShadowDOMSelectors(cssText) {
@@ -5778,7 +5778,12 @@ var ShadowCss = class {
       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);
       } else if (rule.selector.startsWith("@font-face") || rule.selector.startsWith("@page")) {
@@ -5793,12 +5798,18 @@ var ShadowCss = class {
       return new CssRule(selector, rule.content);
     });
   }
-  _scopeSelector(selector, scopeSelector, hostSelector) {
-    return selector.split(/ ?, ?/).map((part) => part.split(_shadowDeepSelectors)).map((deepParts) => {
+  _scopeSelector({ selector, scopeSelector, hostSelector, isParentSelector = false }) {
+    const selectorSplitRe = / ?,(?!(?:[^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\))) ?/;
+    return selector.split(selectorSplitRe).map((part) => part.split(_shadowDeepSelectors)).map((deepParts) => {
       const [shallowPart, ...otherParts] = deepParts;
       const applyScope = (shallowPart2) => {
         if (this._selectorNeedsScoping(shallowPart2, scopeSelector)) {
-          return this._applySelectorScope(shallowPart2, scopeSelector, hostSelector);
+          return this._applySelectorScope({
+            selector: shallowPart2,
+            scopeSelector,
+            hostSelector,
+            isParentSelector
+          });
         } else {
           return shallowPart2;
         }
@@ -5820,15 +5831,15 @@ var ShadowCss = class {
     _polyfillHostRe.lastIndex = 0;
     if (_polyfillHostRe.test(selector)) {
       const replaceBy = `[${hostSelector}]`;
-      return selector.replace(_polyfillHostNoCombinatorRe, (hnc, selector2) => {
-        return selector2.replace(/([^:]*)(:*)(.*)/, (_, before, colon, after) => {
+      return selector.replace(_polyfillHostNoCombinatorReGlobal, (_hnc, selector2) => {
+        return selector2.replace(/([^:\)]*)(:*)(.*)/, (_, before, colon, after) => {
           return before + replaceBy + colon + after;
         });
       }).replace(_polyfillHostRe, replaceBy + " ");
     }
     return scopeSelector + " " + selector;
   }
-  _applySelectorScope(selector, scopeSelector, hostSelector) {
+  _applySelectorScope({ selector, scopeSelector, hostSelector, isParentSelector }) {
     var _a2;
     const isRe = /\[is=([^\]]*)\]/g;
     scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);
@@ -5840,6 +5851,10 @@ var ShadowCss = class {
       }
       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 {
         const t = p.replace(_polyfillHostRe, "");
         if (t.length > 0) {
@@ -5851,29 +5866,52 @@ var ShadowCss = class {
       }
       return scopedP;
     };
-    const safeContent = new SafeSelector(selector);
-    selector = safeContent.content();
+    const _pseudoFunctionAwareScopeSelectorPart = (selectorPart) => {
+      let scopedPart = "";
+      const cssPrefixWithPseudoSelectorFunctionMatch = selectorPart.match(_cssPrefixWithPseudoSelectorFunction);
+      if (cssPrefixWithPseudoSelectorFunctionMatch) {
+        const [cssPseudoSelectorFunction] = cssPrefixWithPseudoSelectorFunctionMatch;
+        const selectorToScope = selectorPart.slice(cssPseudoSelectorFunction.length, -1);
+        if (selectorToScope.includes(_polyfillHostNoCombinator)) {
+          this._shouldScopeIndicator = true;
+        }
+        const scopedInnerPart = this._scopeSelector({
+          selector: selectorToScope,
+          scopeSelector,
+          hostSelector
+        });
+        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;
+    const sep = /( |>|\+|~(?!=))(?!([^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\)))\s*/g;
     const hasHost = selector.includes(_polyfillHostNoCombinator);
-    let shouldScope = !hasHost;
+    if (isParentSelector || this._shouldScopeIndicator) {
+      this._shouldScopeIndicator = !hasHost;
+    }
     while ((res = sep.exec(selector)) !== null) {
       const separator = res[1];
       const part2 = selector.slice(startIndex, res.index);
       if (part2.match(/__esc-ph-(\d+)__/) && ((_a2 = selector[res.index + 1]) == null ? void 0 : _a2.match(/[a-fA-F\d]/))) {
         continue;
       }
-      shouldScope = shouldScope || part2.includes(_polyfillHostNoCombinator);
-      const scopedPart = shouldScope ? _scopeSelectorPart(part2) : part2;
+      const scopedPart = _pseudoFunctionAwareScopeSelectorPart(part2);
       scopedSelector += `${scopedPart} ${separator} `;
       startIndex = sep.lastIndex;
     }
     const part = selector.substring(startIndex);
-    shouldScope = shouldScope || part.includes(_polyfillHostNoCombinator);
-    scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
-    return safeContent.restore(scopedSelector);
+    scopedSelector += _pseudoFunctionAwareScopeSelectorPart(part);
+    return this._safeSelector.restore(scopedSelector);
   }
   _insertPolyfillHostInCssText(selector) {
     return selector.replace(_colonHostContextRe, _polyfillHostContext).replace(_colonHostRe, _polyfillHost);
@@ -5912,6 +5950,8 @@ var SafeSelector = class {
     });
   }
 };
+var _cssScopedPseudoFunctionPrefix = "(:(where|is)\\()?";
+var _cssPrefixWithPseudoSelectorFunction = /^:(where|is)\(/i;
 var _cssContentNextSelectorRe = /polyfill-next-selector[^}]*content:[\s]*?(['"])(.*?)\1[;\s]*}([^{]*?){/gim;
 var _cssContentRuleRe = /(polyfill-rule)[^}]*(content:[\s]*(['"])(.*?)\3)[;\s]*[^}]*}/gim;
 var _cssContentUnscopedRuleRe = /(polyfill-unscoped-rule)[^}]*(content:[\s]*(['"])(.*?)\3)[;\s]*[^}]*}/gim;
@@ -5919,10 +5959,12 @@ var _polyfillHost = "-shadowcsshost";
 var _polyfillHostContext = "-shadowcsscontext";
 var _parenSuffix = "(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
 var _cssColonHostRe = new RegExp(_polyfillHost + _parenSuffix, "gim");
-var _cssColonHostContextReGlobal = new RegExp(_polyfillHostContext + _parenSuffix, "gim");
+var _cssColonHostContextReGlobal = new RegExp(_cssScopedPseudoFunctionPrefix + "(" + _polyfillHostContext + _parenSuffix + ")", "gim");
 var _cssColonHostContextRe = new RegExp(_polyfillHostContext + _parenSuffix, "im");
 var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
+var _polyfillHostNoCombinatorWithinPseudoFunction = new RegExp(`:.*\\(.*${_polyfillHostNoCombinator}.*\\)`);
 var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+var _polyfillHostNoCombinatorReGlobal = new RegExp(_polyfillHostNoCombinatorRe, "g");
 var _shadowDOMSelectorsRe = [
   /::shadow/g,
   /::content/g,
@@ -6057,7 +6099,7 @@ function unescapeInStrings(input) {
 function unescapeQuotes(str, isQuoted) {
   return !isQuoted ? str : str.replace(/((?:^|[^\\])(?:\\\\)*)\\(?=['"])/g, "$1");
 }
-function combineHostContextSelectors(contextSelectors, otherSelectors) {
+function _combineHostContextSelectors(contextSelectors, otherSelectors, pseudoPrefix = "") {
   const hostMarker = _polyfillHostNoCombinator;
   _polyfillHostRe.lastIndex = 0;
   const otherSelectorsHasHost = _polyfillHostRe.test(otherSelectors);
@@ -6075,7 +6117,7 @@ function combineHostContextSelectors(contextSelectors, otherSelectors) {
       combined[i] = contextSelector + previousSelectors;
     }
   }
-  return combined.map((s) => otherSelectorsHasHost ? `${s}${otherSelectors}` : `${s}${hostMarker}${otherSelectors}, ${s} ${hostMarker}${otherSelectors}`).join(",");
+  return combined.map((s) => otherSelectorsHasHost ? `${pseudoPrefix}${s}${otherSelectors}` : `${pseudoPrefix}${s}${hostMarker}${otherSelectors}, ${pseudoPrefix}${s} ${hostMarker}${otherSelectors}`).join(",");
 }
 function repeatGroups(groups, multiples) {
   const length = groups.length;
@@ -23357,7 +23399,7 @@ function publishFacade(global) {
 }
 
 // bazel-out/k8-fastbuild/bin/packages/compiler/src/version.mjs
-var VERSION2 = new Version("18.2.7");
+var VERSION2 = new Version("18.2.8");
 
 // bazel-out/k8-fastbuild/bin/packages/compiler/src/i18n/extractor_merger.mjs
 var _VisitorMode;

package/schematics/ng-generate/inject-migration/bundle.js

@@ -5752,7 +5752,7 @@ var ShadowCss = class {
     });
   }
   _convertColonHostContext(cssText) {
-    return cssText.replace(_cssColonHostContextReGlobal, (selectorText) => {
+    return cssText.replace(_cssColonHostContextReGlobal, (selectorText, pseudoPrefix) => {
       var _a2;
       const contextSelectorGroups = [[]];
       let match;
@@ -5767,7 +5767,7 @@ var ShadowCss = class {
         }
         selectorText = match[2];
       }
-      return contextSelectorGroups.map((contextSelectors) => combineHostContextSelectors(contextSelectors, selectorText)).join(", ");
+      return contextSelectorGroups.map((contextSelectors) => _combineHostContextSelectors(contextSelectors, selectorText, pseudoPrefix)).join(", ");
     });
   }
   _convertShadowDOMSelectors(cssText) {
@@ -5778,7 +5778,12 @@ var ShadowCss = class {
       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);
       } else if (rule.selector.startsWith("@font-face") || rule.selector.startsWith("@page")) {
@@ -5793,12 +5798,18 @@ var ShadowCss = class {
       return new CssRule(selector, rule.content);
     });
   }
-  _scopeSelector(selector, scopeSelector, hostSelector) {
-    return selector.split(/ ?, ?/).map((part) => part.split(_shadowDeepSelectors)).map((deepParts) => {
+  _scopeSelector({ selector, scopeSelector, hostSelector, isParentSelector = false }) {
+    const selectorSplitRe = / ?,(?!(?:[^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\))) ?/;
+    return selector.split(selectorSplitRe).map((part) => part.split(_shadowDeepSelectors)).map((deepParts) => {
       const [shallowPart, ...otherParts] = deepParts;
       const applyScope = (shallowPart2) => {
         if (this._selectorNeedsScoping(shallowPart2, scopeSelector)) {
-          return this._applySelectorScope(shallowPart2, scopeSelector, hostSelector);
+          return this._applySelectorScope({
+            selector: shallowPart2,
+            scopeSelector,
+            hostSelector,
+            isParentSelector
+          });
         } else {
           return shallowPart2;
         }
@@ -5820,15 +5831,15 @@ var ShadowCss = class {
     _polyfillHostRe.lastIndex = 0;
     if (_polyfillHostRe.test(selector)) {
       const replaceBy = `[${hostSelector}]`;
-      return selector.replace(_polyfillHostNoCombinatorRe, (hnc, selector2) => {
-        return selector2.replace(/([^:]*)(:*)(.*)/, (_, before, colon, after) => {
+      return selector.replace(_polyfillHostNoCombinatorReGlobal, (_hnc, selector2) => {
+        return selector2.replace(/([^:\)]*)(:*)(.*)/, (_, before, colon, after) => {
           return before + replaceBy + colon + after;
         });
       }).replace(_polyfillHostRe, replaceBy + " ");
     }
     return scopeSelector + " " + selector;
   }
-  _applySelectorScope(selector, scopeSelector, hostSelector) {
+  _applySelectorScope({ selector, scopeSelector, hostSelector, isParentSelector }) {
     var _a2;
     const isRe = /\[is=([^\]]*)\]/g;
     scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);
@@ -5840,6 +5851,10 @@ var ShadowCss = class {
       }
       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 {
         const t = p.replace(_polyfillHostRe, "");
         if (t.length > 0) {
@@ -5851,29 +5866,52 @@ var ShadowCss = class {
       }
       return scopedP;
     };
-    const safeContent = new SafeSelector(selector);
-    selector = safeContent.content();
+    const _pseudoFunctionAwareScopeSelectorPart = (selectorPart) => {
+      let scopedPart = "";
+      const cssPrefixWithPseudoSelectorFunctionMatch = selectorPart.match(_cssPrefixWithPseudoSelectorFunction);
+      if (cssPrefixWithPseudoSelectorFunctionMatch) {
+        const [cssPseudoSelectorFunction] = cssPrefixWithPseudoSelectorFunctionMatch;
+        const selectorToScope = selectorPart.slice(cssPseudoSelectorFunction.length, -1);
+        if (selectorToScope.includes(_polyfillHostNoCombinator)) {
+          this._shouldScopeIndicator = true;
+        }
+        const scopedInnerPart = this._scopeSelector({
+          selector: selectorToScope,
+          scopeSelector,
+          hostSelector
+        });
+        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;
+    const sep = /( |>|\+|~(?!=))(?!([^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\)))\s*/g;
     const hasHost = selector.includes(_polyfillHostNoCombinator);
-    let shouldScope = !hasHost;
+    if (isParentSelector || this._shouldScopeIndicator) {
+      this._shouldScopeIndicator = !hasHost;
+    }
     while ((res = sep.exec(selector)) !== null) {
       const separator = res[1];
       const part2 = selector.slice(startIndex, res.index);
       if (part2.match(/__esc-ph-(\d+)__/) && ((_a2 = selector[res.index + 1]) == null ? void 0 : _a2.match(/[a-fA-F\d]/))) {
         continue;
       }
-      shouldScope = shouldScope || part2.includes(_polyfillHostNoCombinator);
-      const scopedPart = shouldScope ? _scopeSelectorPart(part2) : part2;
+      const scopedPart = _pseudoFunctionAwareScopeSelectorPart(part2);
       scopedSelector += `${scopedPart} ${separator} `;
       startIndex = sep.lastIndex;
     }
     const part = selector.substring(startIndex);
-    shouldScope = shouldScope || part.includes(_polyfillHostNoCombinator);
-    scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
-    return safeContent.restore(scopedSelector);
+    scopedSelector += _pseudoFunctionAwareScopeSelectorPart(part);
+    return this._safeSelector.restore(scopedSelector);
   }
   _insertPolyfillHostInCssText(selector) {
     return selector.replace(_colonHostContextRe, _polyfillHostContext).replace(_colonHostRe, _polyfillHost);
@@ -5912,6 +5950,8 @@ var SafeSelector = class {
     });
   }
 };
+var _cssScopedPseudoFunctionPrefix = "(:(where|is)\\()?";
+var _cssPrefixWithPseudoSelectorFunction = /^:(where|is)\(/i;
 var _cssContentNextSelectorRe = /polyfill-next-selector[^}]*content:[\s]*?(['"])(.*?)\1[;\s]*}([^{]*?){/gim;
 var _cssContentRuleRe = /(polyfill-rule)[^}]*(content:[\s]*(['"])(.*?)\3)[;\s]*[^}]*}/gim;
 var _cssContentUnscopedRuleRe = /(polyfill-unscoped-rule)[^}]*(content:[\s]*(['"])(.*?)\3)[;\s]*[^}]*}/gim;
@@ -5919,10 +5959,12 @@ var _polyfillHost = "-shadowcsshost";
 var _polyfillHostContext = "-shadowcsscontext";
 var _parenSuffix = "(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
 var _cssColonHostRe = new RegExp(_polyfillHost + _parenSuffix, "gim");
-var _cssColonHostContextReGlobal = new RegExp(_polyfillHostContext + _parenSuffix, "gim");
+var _cssColonHostContextReGlobal = new RegExp(_cssScopedPseudoFunctionPrefix + "(" + _polyfillHostContext + _parenSuffix + ")", "gim");
 var _cssColonHostContextRe = new RegExp(_polyfillHostContext + _parenSuffix, "im");
 var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
+var _polyfillHostNoCombinatorWithinPseudoFunction = new RegExp(`:.*\\(.*${_polyfillHostNoCombinator}.*\\)`);
 var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+var _polyfillHostNoCombinatorReGlobal = new RegExp(_polyfillHostNoCombinatorRe, "g");
 var _shadowDOMSelectorsRe = [
   /::shadow/g,
   /::content/g,
@@ -6057,7 +6099,7 @@ function unescapeInStrings(input) {
 function unescapeQuotes(str, isQuoted) {
   return !isQuoted ? str : str.replace(/((?:^|[^\\])(?:\\\\)*)\\(?=['"])/g, "$1");
 }
-function combineHostContextSelectors(contextSelectors, otherSelectors) {
+function _combineHostContextSelectors(contextSelectors, otherSelectors, pseudoPrefix = "") {
   const hostMarker = _polyfillHostNoCombinator;
   _polyfillHostRe.lastIndex = 0;
   const otherSelectorsHasHost = _polyfillHostRe.test(otherSelectors);
@@ -6075,7 +6117,7 @@ function combineHostContextSelectors(contextSelectors, otherSelectors) {
       combined[i] = contextSelector + previousSelectors;
     }
   }
-  return combined.map((s) => otherSelectorsHasHost ? `${s}${otherSelectors}` : `${s}${hostMarker}${otherSelectors}, ${s} ${hostMarker}${otherSelectors}`).join(",");
+  return combined.map((s) => otherSelectorsHasHost ? `${pseudoPrefix}${s}${otherSelectors}` : `${pseudoPrefix}${s}${hostMarker}${otherSelectors}, ${pseudoPrefix}${s} ${hostMarker}${otherSelectors}`).join(",");
 }
 function repeatGroups(groups, multiples) {
   const length = groups.length;
@@ -23314,7 +23356,7 @@ function publishFacade(global) {
 }
 
 // bazel-out/k8-fastbuild/bin/packages/compiler/src/version.mjs
-var VERSION2 = new Version("18.2.7");
+var VERSION2 = new Version("18.2.8");
 
 // bazel-out/k8-fastbuild/bin/packages/compiler/src/i18n/extractor_merger.mjs
 var _VisitorMode;

package/schematics/ng-generate/route-lazy-loading/bundle.js

@@ -5753,7 +5753,7 @@ var ShadowCss = class {
     });
   }
   _convertColonHostContext(cssText) {
-    return cssText.replace(_cssColonHostContextReGlobal, (selectorText) => {
+    return cssText.replace(_cssColonHostContextReGlobal, (selectorText, pseudoPrefix) => {
       var _a2;
       const contextSelectorGroups = [[]];
       let match;
@@ -5768,7 +5768,7 @@ var ShadowCss = class {
         }
         selectorText = match[2];
       }
-      return contextSelectorGroups.map((contextSelectors) => combineHostContextSelectors(contextSelectors, selectorText)).join(", ");
+      return contextSelectorGroups.map((contextSelectors) => _combineHostContextSelectors(contextSelectors, selectorText, pseudoPrefix)).join(", ");
     });
   }
   _convertShadowDOMSelectors(cssText) {
@@ -5779,7 +5779,12 @@ var ShadowCss = class {
       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);
       } else if (rule.selector.startsWith("@font-face") || rule.selector.startsWith("@page")) {
@@ -5794,12 +5799,18 @@ var ShadowCss = class {
       return new CssRule(selector, rule.content);
     });
   }
-  _scopeSelector(selector, scopeSelector, hostSelector) {
-    return selector.split(/ ?, ?/).map((part) => part.split(_shadowDeepSelectors)).map((deepParts) => {
+  _scopeSelector({ selector, scopeSelector, hostSelector, isParentSelector = false }) {
+    const selectorSplitRe = / ?,(?!(?:[^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\))) ?/;
+    return selector.split(selectorSplitRe).map((part) => part.split(_shadowDeepSelectors)).map((deepParts) => {
       const [shallowPart, ...otherParts] = deepParts;
       const applyScope = (shallowPart2) => {
         if (this._selectorNeedsScoping(shallowPart2, scopeSelector)) {
-          return this._applySelectorScope(shallowPart2, scopeSelector, hostSelector);
+          return this._applySelectorScope({
+            selector: shallowPart2,
+            scopeSelector,
+            hostSelector,
+            isParentSelector
+          });
         } else {
           return shallowPart2;
         }
@@ -5821,15 +5832,15 @@ var ShadowCss = class {
     _polyfillHostRe.lastIndex = 0;
     if (_polyfillHostRe.test(selector)) {
       const replaceBy = `[${hostSelector}]`;
-      return selector.replace(_polyfillHostNoCombinatorRe, (hnc, selector2) => {
-        return selector2.replace(/([^:]*)(:*)(.*)/, (_, before, colon, after) => {
+      return selector.replace(_polyfillHostNoCombinatorReGlobal, (_hnc, selector2) => {
+        return selector2.replace(/([^:\)]*)(:*)(.*)/, (_, before, colon, after) => {
           return before + replaceBy + colon + after;
         });
       }).replace(_polyfillHostRe, replaceBy + " ");
     }
     return scopeSelector + " " + selector;
   }
-  _applySelectorScope(selector, scopeSelector, hostSelector) {
+  _applySelectorScope({ selector, scopeSelector, hostSelector, isParentSelector }) {
     var _a2;
     const isRe = /\[is=([^\]]*)\]/g;
     scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);
@@ -5841,6 +5852,10 @@ var ShadowCss = class {
       }
       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 {
         const t = p.replace(_polyfillHostRe, "");
         if (t.length > 0) {
@@ -5852,29 +5867,52 @@ var ShadowCss = class {
       }
       return scopedP;
     };
-    const safeContent = new SafeSelector(selector);
-    selector = safeContent.content();
+    const _pseudoFunctionAwareScopeSelectorPart = (selectorPart) => {
+      let scopedPart = "";
+      const cssPrefixWithPseudoSelectorFunctionMatch = selectorPart.match(_cssPrefixWithPseudoSelectorFunction);
+      if (cssPrefixWithPseudoSelectorFunctionMatch) {
+        const [cssPseudoSelectorFunction] = cssPrefixWithPseudoSelectorFunctionMatch;
+        const selectorToScope = selectorPart.slice(cssPseudoSelectorFunction.length, -1);
+        if (selectorToScope.includes(_polyfillHostNoCombinator)) {
+          this._shouldScopeIndicator = true;
+        }
+        const scopedInnerPart = this._scopeSelector({
+          selector: selectorToScope,
+          scopeSelector,
+          hostSelector
+        });
+        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;
+    const sep = /( |>|\+|~(?!=))(?!([^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\)))\s*/g;
     const hasHost = selector.includes(_polyfillHostNoCombinator);
-    let shouldScope = !hasHost;
+    if (isParentSelector || this._shouldScopeIndicator) {
+      this._shouldScopeIndicator = !hasHost;
+    }
     while ((res = sep.exec(selector)) !== null) {
       const separator = res[1];
       const part2 = selector.slice(startIndex, res.index);
       if (part2.match(/__esc-ph-(\d+)__/) && ((_a2 = selector[res.index + 1]) == null ? void 0 : _a2.match(/[a-fA-F\d]/))) {
         continue;
       }
-      shouldScope = shouldScope || part2.includes(_polyfillHostNoCombinator);
-      const scopedPart = shouldScope ? _scopeSelectorPart(part2) : part2;
+      const scopedPart = _pseudoFunctionAwareScopeSelectorPart(part2);
       scopedSelector += `${scopedPart} ${separator} `;
       startIndex = sep.lastIndex;
     }
     const part = selector.substring(startIndex);
-    shouldScope = shouldScope || part.includes(_polyfillHostNoCombinator);
-    scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
-    return safeContent.restore(scopedSelector);
+    scopedSelector += _pseudoFunctionAwareScopeSelectorPart(part);
+    return this._safeSelector.restore(scopedSelector);
   }
   _insertPolyfillHostInCssText(selector) {
     return selector.replace(_colonHostContextRe, _polyfillHostContext).replace(_colonHostRe, _polyfillHost);
@@ -5913,6 +5951,8 @@ var SafeSelector = class {
     });
   }
 };
+var _cssScopedPseudoFunctionPrefix = "(:(where|is)\\()?";
+var _cssPrefixWithPseudoSelectorFunction = /^:(where|is)\(/i;
 var _cssContentNextSelectorRe = /polyfill-next-selector[^}]*content:[\s]*?(['"])(.*?)\1[;\s]*}([^{]*?){/gim;
 var _cssContentRuleRe = /(polyfill-rule)[^}]*(content:[\s]*(['"])(.*?)\3)[;\s]*[^}]*}/gim;
 var _cssContentUnscopedRuleRe = /(polyfill-unscoped-rule)[^}]*(content:[\s]*(['"])(.*?)\3)[;\s]*[^}]*}/gim;
@@ -5920,10 +5960,12 @@ var _polyfillHost = "-shadowcsshost";
 var _polyfillHostContext = "-shadowcsscontext";
 var _parenSuffix = "(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
 var _cssColonHostRe = new RegExp(_polyfillHost + _parenSuffix, "gim");
-var _cssColonHostContextReGlobal = new RegExp(_polyfillHostContext + _parenSuffix, "gim");
+var _cssColonHostContextReGlobal = new RegExp(_cssScopedPseudoFunctionPrefix + "(" + _polyfillHostContext + _parenSuffix + ")", "gim");
 var _cssColonHostContextRe = new RegExp(_polyfillHostContext + _parenSuffix, "im");
 var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
+var _polyfillHostNoCombinatorWithinPseudoFunction = new RegExp(`:.*\\(.*${_polyfillHostNoCombinator}.*\\)`);
 var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+var _polyfillHostNoCombinatorReGlobal = new RegExp(_polyfillHostNoCombinatorRe, "g");
 var _shadowDOMSelectorsRe = [
   /::shadow/g,
   /::content/g,
@@ -6058,7 +6100,7 @@ function unescapeInStrings(input) {
 function unescapeQuotes(str, isQuoted) {
   return !isQuoted ? str : str.replace(/((?:^|[^\\])(?:\\\\)*)\\(?=['"])/g, "$1");
 }
-function combineHostContextSelectors(contextSelectors, otherSelectors) {
+function _combineHostContextSelectors(contextSelectors, otherSelectors, pseudoPrefix = "") {
   const hostMarker = _polyfillHostNoCombinator;
   _polyfillHostRe.lastIndex = 0;
   const otherSelectorsHasHost = _polyfillHostRe.test(otherSelectors);
@@ -6076,7 +6118,7 @@ function combineHostContextSelectors(contextSelectors, otherSelectors) {
       combined[i] = contextSelector + previousSelectors;
     }
   }
-  return combined.map((s) => otherSelectorsHasHost ? `${s}${otherSelectors}` : `${s}${hostMarker}${otherSelectors}, ${s} ${hostMarker}${otherSelectors}`).join(",");
+  return combined.map((s) => otherSelectorsHasHost ? `${pseudoPrefix}${s}${otherSelectors}` : `${pseudoPrefix}${s}${hostMarker}${otherSelectors}, ${pseudoPrefix}${s} ${hostMarker}${otherSelectors}`).join(",");
 }
 function repeatGroups(groups, multiples) {
   const length = groups.length;
@@ -23315,7 +23357,7 @@ function publishFacade(global) {
 }
 
 // bazel-out/k8-fastbuild/bin/packages/compiler/src/version.mjs
-var VERSION2 = new Version("18.2.7");
+var VERSION2 = new Version("18.2.8");
 
 // bazel-out/k8-fastbuild/bin/packages/compiler/src/i18n/extractor_merger.mjs
 var _VisitorMode;