@angular/core 20.2.1 → 21.0.0-next.0

package/fesm2022/debug_node.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v20.2.1
+ * @license Angular v21.0.0-next.0
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -4896,6 +4896,12 @@ var ViewEncapsulation;
      * all the Component's styling.
      */
     ViewEncapsulation[ViewEncapsulation["ShadowDom"] = 3] = "ShadowDom";
+    /**
+     * Similar to `ShadowDom`, but prevents any external styles from leaking into the
+     * component's ShadowRoot. This is useful when you want to ensure that the component's
+     * styles are completely isolated from the rest of the application, including global styles.
+     */
+    ViewEncapsulation[ViewEncapsulation["IsolatedShadowDom"] = 4] = "IsolatedShadowDom";
 })(ViewEncapsulation || (ViewEncapsulation = {}));
 
 /**
@@ -7990,7 +7996,9 @@ function locateHostElement(renderer, elementOrSelector, encapsulation, injector)
     const preserveHostContent = injector.get(PRESERVE_HOST_CONTENT, PRESERVE_HOST_CONTENT_DEFAULT);
     // When using native Shadow DOM, do not clear host element to allow native slot
     // projection.
-    const preserveContent = preserveHostContent || encapsulation === ViewEncapsulation.ShadowDom;
+    const preserveContent = preserveHostContent ||
+        encapsulation === ViewEncapsulation.ShadowDom ||
+        encapsulation === ViewEncapsulation.IsolatedShadowDom;
     const rootElement = renderer.selectRootElement(elementOrSelector, preserveContent);
     applyRootElementTransform(rootElement);
     return rootElement;
@@ -13515,7 +13523,7 @@ class ComponentFactory extends ComponentFactory$1 {
 }
 function createRootTView(rootSelectorOrNode, componentDef, componentBindings, directives) {
     const tAttributes = rootSelectorOrNode
-        ? ['ng-version', '20.2.1']
+        ? ['ng-version', '21.0.0-next.0']
         : // Extract attributes and classes from the first selector only to match VE behavior.
             extractAttrsAndClassesFromSelector(componentDef.selectors[0]);
     let creationBindings = null;
@@ -29129,7 +29137,8 @@ function recreateLView(importMeta, id, newDef, oldDef, lView) {
         // shadow root. The browser will throw if we attempt to attach another one and there's no way
         // to detach it. Our only option is to make a clone only of the root node, replace the node
         // with the clone and use it for the newly-created LView.
-        if (oldDef.encapsulation === ViewEncapsulation.ShadowDom) {
+        if (oldDef.encapsulation === ViewEncapsulation.ShadowDom ||
+            oldDef.encapsulation === ViewEncapsulation.IsolatedShadowDom) {
             const newHost = host.cloneNode(false);
             host.replaceWith(newHost);
             host = newHost;