@angular/core 18.2.7 → 18.2.8

package/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v18.2.7
+ * @license Angular v18.2.8
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -11983,16 +11983,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.
  */
@@ -14260,7 +14250,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": "18.2.7",
+  "version": "18.2.8",
   "description": "Angular - the core framework",
   "author": "angular",
   "license": "MIT",

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

@@ -1,5 +1,5 @@
 /**
- * @license Angular v18.2.7
+ * @license Angular v18.2.8
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */

package/primitives/signals/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v18.2.7
+ * @license Angular v18.2.8
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */

package/rxjs-interop/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v18.2.7
+ * @license Angular v18.2.8
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/migrations/after-render-phase/bundle.js

@@ -5889,7 +5889,7 @@ var ShadowCss = class {
     });
   }
   _convertColonHostContext(cssText) {
-    return cssText.replace(_cssColonHostContextReGlobal, (selectorText) => {
+    return cssText.replace(_cssColonHostContextReGlobal, (selectorText, pseudoPrefix) => {
       var _a2;
       const contextSelectorGroups = [[]];
       let match;
@@ -5904,7 +5904,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) {
@@ -5915,7 +5915,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")) {
@@ -5930,12 +5935,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;
         }
@@ -5957,15 +5968,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]);
@@ -5977,6 +5988,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) {
@@ -5988,29 +6003,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);
@@ -6049,6 +6087,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;
@@ -6056,10 +6096,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,
@@ -6194,7 +6236,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);
@@ -6212,7 +6254,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;
@@ -23451,7 +23493,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/migrations/http-providers/bundle.js

@@ -5889,7 +5889,7 @@ var ShadowCss = class {
     });
   }
   _convertColonHostContext(cssText) {
-    return cssText.replace(_cssColonHostContextReGlobal, (selectorText) => {
+    return cssText.replace(_cssColonHostContextReGlobal, (selectorText, pseudoPrefix) => {
       var _a2;
       const contextSelectorGroups = [[]];
       let match;
@@ -5904,7 +5904,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) {
@@ -5915,7 +5915,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")) {
@@ -5930,12 +5935,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;
         }
@@ -5957,15 +5968,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]);
@@ -5977,6 +5988,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) {
@@ -5988,29 +6003,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);
@@ -6049,6 +6087,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;
@@ -6056,10 +6096,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,
@@ -6194,7 +6236,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);
@@ -6212,7 +6254,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;
@@ -23451,7 +23493,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/migrations/invalid-two-way-bindings/bundle.js

@@ -6010,7 +6010,7 @@ var ShadowCss = class {
     });
   }
   _convertColonHostContext(cssText) {
-    return cssText.replace(_cssColonHostContextReGlobal, (selectorText) => {
+    return cssText.replace(_cssColonHostContextReGlobal, (selectorText, pseudoPrefix) => {
       var _a2;
       const contextSelectorGroups = [[]];
       let match;
@@ -6025,7 +6025,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) {
@@ -6036,7 +6036,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")) {
@@ -6051,12 +6056,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;
         }
@@ -6078,15 +6089,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]);
@@ -6098,6 +6109,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) {
@@ -6109,29 +6124,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);
@@ -6170,6 +6208,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;
@@ -6177,10 +6217,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,
@@ -6315,7 +6357,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);
@@ -6333,7 +6375,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;
@@ -23572,7 +23614,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;