@lwc/synthetic-shadow 3.0.2 → 3.0.3

package/dist/faux-shadow/legacy-shadow-token.d.ts

@@ -0,0 +1,2 @@
+export declare function getLegacyShadowToken(node: Node): string | undefined;
+export declare function setLegacyShadowToken(node: Node, shadowToken: string | undefined): void;

package/dist/index.cjs.js

@@ -111,10 +111,13 @@ const KEY__SHADOW_STATIC = '$shadowStaticNode$';
 const KEY__SHADOW_STATIC_PRIVATE = '$shadowStaticNodeKey$';
 const KEY__SHADOW_TOKEN = '$shadowToken$';
 const KEY__SHADOW_TOKEN_PRIVATE = '$$ShadowTokenKey$$';
+// TODO [#3733]: remove support for legacy scope tokens
+const KEY__LEGACY_SHADOW_TOKEN = '$legacyShadowToken$';
+const KEY__LEGACY_SHADOW_TOKEN_PRIVATE = '$$LegacyShadowTokenKey$$';
 const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
 const KEY__NATIVE_GET_ELEMENT_BY_ID = '$nativeGetElementById$';
 const KEY__NATIVE_QUERY_SELECTOR_ALL = '$nativeQuerySelectorAll$';
-/** version: 3.0.2 */
+/** version: 3.0.3 */
 
 /**
  * Copyright (C) 2023 salesforce.com, inc.
@@ -123,7 +126,7 @@ const KEY__NATIVE_QUERY_SELECTOR_ALL = '$nativeQuerySelectorAll$';
 if (!_globalThis.lwcRuntimeFlags) {
     Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
 }
-/** version: 3.0.2 */
+/** version: 3.0.3 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -4353,6 +4356,40 @@ defineProperty(Element.prototype, KEY__SHADOW_STATIC, {
     configurable: true,
 });
 
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// TODO [#3733]: remove this entire file when we can remove legacy scope tokens
+function getLegacyShadowToken(node) {
+    return node[KEY__LEGACY_SHADOW_TOKEN];
+}
+function setLegacyShadowToken(node, shadowToken) {
+    node[KEY__LEGACY_SHADOW_TOKEN] = shadowToken;
+}
+/**
+ * Patching Element.prototype.$legacyShadowToken$ to mark elements a portal:
+ * Same as $shadowToken$ but for legacy CSS scope tokens.
+ **/
+defineProperty(Element.prototype, KEY__LEGACY_SHADOW_TOKEN, {
+    set(shadowToken) {
+        const oldShadowToken = this[KEY__LEGACY_SHADOW_TOKEN_PRIVATE];
+        if (!isUndefined(oldShadowToken) && oldShadowToken !== shadowToken) {
+            removeAttribute.call(this, oldShadowToken);
+        }
+        if (!isUndefined(shadowToken)) {
+            setAttribute.call(this, shadowToken, '');
+        }
+        this[KEY__LEGACY_SHADOW_TOKEN_PRIVATE] = shadowToken;
+    },
+    get() {
+        return this[KEY__LEGACY_SHADOW_TOKEN_PRIVATE];
+    },
+    configurable: true,
+});
+
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -4370,7 +4407,8 @@ let portalObserver;
 const portalObserverConfig = {
     childList: true,
 };
-function adoptChildNode(node, fn, shadowToken) {
+// TODO [#3733]: remove support for legacy scope tokens
+function adoptChildNode(node, fn, shadowToken, legacyShadowToken) {
     const previousNodeShadowResolver = getShadowRootResolver(node);
     if (previousNodeShadowResolver === fn) {
         return; // nothing to do here, it is already correctly patched
@@ -4378,6 +4416,9 @@ function adoptChildNode(node, fn, shadowToken) {
     setShadowRootResolver(node, fn);
     if (node instanceof Element) {
         setShadowToken(node, shadowToken);
+        if (lwcRuntimeFlags.ENABLE_LEGACY_SCOPE_TOKENS) {
+            setLegacyShadowToken(node, legacyShadowToken);
+        }
         if (isSyntheticShadowHost(node)) {
             // Root LWC elements can't get content slotted into them, therefore we don't observe their children.
             return;
@@ -4389,7 +4430,7 @@ function adoptChildNode(node, fn, shadowToken) {
         // recursively patching all children as well
         const childNodes = childNodesGetter.call(node);
         for (let i = 0, len = childNodes.length; i < len; i += 1) {
-            adoptChildNode(childNodes[i], fn, shadowToken);
+            adoptChildNode(childNodes[i], fn, shadowToken, legacyShadowToken);
         }
     }
 }
@@ -4410,17 +4451,20 @@ function initPortalObserver() {
             // the target of the mutation should always have a ShadowRootResolver attached to it
             const fn = getShadowRootResolver(elm);
             const shadowToken = getShadowToken(elm);
+            const legacyShadowToken = lwcRuntimeFlags.ENABLE_LEGACY_SCOPE_TOKENS
+                ? getLegacyShadowToken(elm)
+                : undefined;
             // Process removals first to handle the case where an element is removed and reinserted
             for (let i = 0, len = removedNodes.length; i < len; i += 1) {
                 const node = removedNodes[i];
                 if (!(compareDocumentPosition.call(elm, node) & _Node.DOCUMENT_POSITION_CONTAINED_BY)) {
-                    adoptChildNode(node, DocumentResolverFn, undefined);
+                    adoptChildNode(node, DocumentResolverFn, undefined, undefined);
                 }
             }
             for (let i = 0, len = addedNodes.length; i < len; i += 1) {
                 const node = addedNodes[i];
                 if (compareDocumentPosition.call(elm, node) & _Node.DOCUMENT_POSITION_CONTAINED_BY) {
-                    adoptChildNode(node, fn, shadowToken);
+                    adoptChildNode(node, fn, shadowToken, legacyShadowToken);
                 }
             }
         });
@@ -4467,5 +4511,5 @@ defineProperty(Element.prototype, '$domManual$', {
     },
     configurable: true,
 });
-/** version: 3.0.2 */
+/** version: 3.0.3 */
 //# sourceMappingURL=index.cjs.js.map