@lwc/synthetic-shadow 3.0.1 → 3.0.3

package/dist/index.d.ts

@@ -14,10 +14,8 @@ import './polyfills/click-event-composed/main';
 import './polyfills/event-composed/main';
 import './polyfills/custom-event-composed/main';
 import './polyfills/clipboard-event-composed/main';
-import './polyfills/iframe-content-window/main';
 import './polyfills/mutation-observer/main';
 import './polyfills/event-target/main';
-import './polyfills/window-event-target/main';
 import './polyfills/event/main';
 import './polyfills/focus-event/main';
 import './polyfills/mouse-event/main';

package/dist/index.js

@@ -109,20 +109,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$';
-
-/*
- * Copyright (c) 2018, 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
- */
-// We use this to detect symbol support in order to avoid the expensive symbol polyfill. Note that
-// we can't use typeof since it will fail when transpiling.
-const hasNativeSymbolSupport = /*@__PURE__*/ (() => Symbol('x').toString() === 'Symbol(x)')();
-/** version: 3.0.1 */
+/** version: 3.0.3 */
 
 /**
  * Copyright (C) 2023 salesforce.com, inc.
@@ -131,7 +124,7 @@ const hasNativeSymbolSupport = /*@__PURE__*/ (() => Symbol('x').toString() === '
 if (!_globalThis.lwcRuntimeFlags) {
     Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
 }
-/** version: 3.0.1 */
+/** version: 3.0.3 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -151,13 +144,9 @@ const lastChildGetter = getOwnPropertyDescriptor(nodePrototype, 'lastChild').get
 const textContentGetter = getOwnPropertyDescriptor(nodePrototype, 'textContent').get;
 const parentNodeGetter = getOwnPropertyDescriptor(nodePrototype, 'parentNode').get;
 const ownerDocumentGetter = getOwnPropertyDescriptor(nodePrototype, 'ownerDocument').get;
-const parentElementGetter = hasOwnProperty.call(nodePrototype, 'parentElement')
-    ? getOwnPropertyDescriptor(nodePrototype, 'parentElement').get
-    : getOwnPropertyDescriptor(HTMLElement.prototype, 'parentElement').get; // IE11
+const parentElementGetter = getOwnPropertyDescriptor(nodePrototype, 'parentElement').get;
 const textContextSetter = getOwnPropertyDescriptor(nodePrototype, 'textContent').set;
-const childNodesGetter = hasOwnProperty.call(nodePrototype, 'childNodes')
-    ? getOwnPropertyDescriptor(nodePrototype, 'childNodes').get
-    : getOwnPropertyDescriptor(HTMLElement.prototype, 'childNodes').get; // IE11
+const childNodesGetter = getOwnPropertyDescriptor(nodePrototype, 'childNodes').get;
 const isConnected = hasOwnProperty.call(nodePrototype, 'isConnected')
     ? getOwnPropertyDescriptor(nodePrototype, 'isConnected').get
     : function () {
@@ -200,26 +189,18 @@ const outerTextGetter = outerTextDescriptor
 const outerTextSetter = outerTextDescriptor
     ? outerTextDescriptor.set
     : null;
-const innerHTMLDescriptor = hasOwnProperty.call(Element.prototype, 'innerHTML')
-    ? getOwnPropertyDescriptor(Element.prototype, 'innerHTML')
-    : getOwnPropertyDescriptor(HTMLElement.prototype, 'innerHTML'); // IE11
+const innerHTMLDescriptor = getOwnPropertyDescriptor(Element.prototype, 'innerHTML');
 const innerHTMLGetter = innerHTMLDescriptor.get;
 const innerHTMLSetter = innerHTMLDescriptor.set;
-const outerHTMLDescriptor = hasOwnProperty.call(Element.prototype, 'outerHTML')
-    ? getOwnPropertyDescriptor(Element.prototype, 'outerHTML')
-    : getOwnPropertyDescriptor(HTMLElement.prototype, 'outerHTML'); // IE11
+const outerHTMLDescriptor = getOwnPropertyDescriptor(Element.prototype, 'outerHTML');
 const outerHTMLGetter = outerHTMLDescriptor.get;
 const outerHTMLSetter = outerHTMLDescriptor.set;
 const tagNameGetter = getOwnPropertyDescriptor(Element.prototype, 'tagName').get;
 const tabIndexDescriptor = getOwnPropertyDescriptor(HTMLElement.prototype, 'tabIndex');
 const tabIndexGetter = tabIndexDescriptor.get;
 const tabIndexSetter = tabIndexDescriptor.set;
-const matches = hasOwnProperty.call(Element.prototype, 'matches')
-    ? Element.prototype.matches
-    : Element.prototype.msMatchesSelector; // IE11
-const childrenGetter = hasOwnProperty.call(Element.prototype, 'children')
-    ? getOwnPropertyDescriptor(Element.prototype, 'children').get
-    : getOwnPropertyDescriptor(HTMLElement.prototype, 'children').get; // IE11
+const matches = Element.prototype.matches;
+const childrenGetter = getOwnPropertyDescriptor(Element.prototype, 'children').get;
 // for IE11, access from HTMLElement
 // for all other browsers access the method from the parent Element interface
 const { getElementsByClassName: getElementsByClassName$1 } = HTMLElement.prototype;
@@ -273,16 +254,12 @@ const composedPath = hasOwnProperty.call(Event.prototype, 'composedPath')
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const DocumentPrototypeActiveElement = getOwnPropertyDescriptor(Document.prototype, 'activeElement').get;
-const elementFromPoint = hasOwnProperty.call(Document.prototype, 'elementFromPoint')
-    ? Document.prototype.elementFromPoint
-    : Document.prototype.msElementFromPoint; // IE11
-const elementsFromPoint = hasOwnProperty.call(Document.prototype, 'elementsFromPoint')
-    ? Document.prototype.elementsFromPoint
-    : Document.prototype.msElementsFromPoint; // IE11
+const elementFromPoint = Document.prototype.elementFromPoint;
+const elementsFromPoint = Document.prototype.elementsFromPoint;
 // defaultView can be null when a document has no browsing context. For example, the owner document
 // of a node in a template doesn't have a default view: https://jsfiddle.net/hv9z0q5a/
 const defaultViewGetter = getOwnPropertyDescriptor(Document.prototype, 'defaultView').get;
-const { createComment, querySelectorAll, getElementById, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, } = Document.prototype;
+const { querySelectorAll, getElementById, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, } = Document.prototype;
 // In Firefox v57 and lower, getElementsByName is defined on HTMLDocument.prototype
 // In all other browsers have the method on Document.prototype
 const { getElementsByName } = HTMLDocument.prototype;
@@ -328,7 +305,7 @@ const isInstanceOfNativeShadowRoot = isNull(NativeShadowRoot)
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-function detect$4 () {
+function detect$2 () {
     return typeof HTMLSlotElement === 'undefined';
 }
 
@@ -343,7 +320,7 @@ const CHAR_S = 115;
 const CHAR_L = 108;
 const CHAR_O = 111;
 const CHAR_T = 116;
-function apply$4() {
+function apply$2() {
     // IE11 does not have this element definition
     // we don't care much about the construction phase, just the prototype
     class HTMLSlotElement {
@@ -378,8 +355,8 @@ function apply$4() {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-if (detect$4()) {
-    apply$4();
+if (detect$2()) {
+    apply$2();
 }
 
 /*
@@ -1280,15 +1257,6 @@ function childNodesGetterPatched() {
     if (isSyntheticShadowHost(this)) {
         const owner = getNodeOwner(this);
         const childNodes = isNull(owner) ? [] : getAllMatches(owner, getFilteredChildNodes(this));
-        if (process.env.NODE_ENV !== 'production' &&
-            isFalse(hasNativeSymbolSupport) &&
-            isExternalChildNodeAccessorFlagOn()) {
-            // inserting a comment node as the first childNode to trick the IE11
-            // DevTool to show the content of the shadowRoot, this should only happen
-            // in dev-mode and in IE11 (which we detect by looking at the symbol).
-            // Plus it should only be in place if we know it is an external invoker.
-            ArrayUnshift.call(childNodes, getIE11FakeShadowRootPlaceholder(this));
-        }
         return createStaticNodeList(childNodes);
     }
     // nothing to do here since this does not have a synthetic shadow attached to it
@@ -1503,40 +1471,9 @@ defineProperties(_Node.prototype, {
         },
     },
 });
-let internalChildNodeAccessorFlag = false;
-/**
- * These 2 methods are providing a machinery to understand who is accessing the
- * .childNodes member property of a node. If it is used from inside the synthetic shadow
- * or from an external invoker. This helps to produce the right output in one very peculiar
- * case, the IE11 debugging comment for shadowRoot representation on the devtool.
- */
-function isExternalChildNodeAccessorFlagOn() {
-    return !internalChildNodeAccessorFlag;
-}
-const getInternalChildNodes = process.env.NODE_ENV !== 'production' && isFalse(hasNativeSymbolSupport)
-    ? function (node) {
-        internalChildNodeAccessorFlag = true;
-        let childNodes;
-        let error = null;
-        try {
-            childNodes = node.childNodes;
-        }
-        catch (e) {
-            // childNodes accessor should never throw, but just in case!
-            error = e;
-        }
-        finally {
-            internalChildNodeAccessorFlag = false;
-            if (!isNull(error)) {
-                // re-throwing after restoring the state machinery for setInternalChildNodeAccessorFlag
-                throw error; // eslint-disable-line no-unsafe-finally
-            }
-        }
-        return childNodes;
-    }
-    : function (node) {
-        return node.childNodes;
-    };
+const getInternalChildNodes = function (node) {
+    return node.childNodes;
+};
 // IE11 extra patches for wrong prototypes
 if (hasOwnProperty.call(HTMLElement.prototype, 'contains')) {
     defineProperty(HTMLElement.prototype, 'contains', getOwnPropertyDescriptor(_Node.prototype, 'contains'));
@@ -2344,42 +2281,6 @@ defineProperty(SyntheticShadowRoot, Symbol.hasInstance, {
                 getPrototypeOf(object) === SyntheticShadowRoot.prototype));
     },
 });
-/**
- * This method is only intended to be used in non-production mode in IE11
- * and its role is to produce a 1-1 mapping between a shadowRoot instance
- * and a comment node that is intended to use to trick the IE11 DevTools
- * to show the content of the shadowRoot in the DOM Explorer.
- */
-function getIE11FakeShadowRootPlaceholder(host) {
-    const shadowRoot = getShadowRoot(host);
-    // @ts-ignore this $$placeholder$$ is not a security issue because you must
-    // have access to the shadowRoot in order to extract the fake node, which give
-    // you access to the same childNodes of the shadowRoot, so, who cares.
-    let c = shadowRoot.$$placeholder$$;
-    if (!isUndefined(c)) {
-        return c;
-    }
-    const doc = getOwnerDocument(host);
-    // @ts-ignore $$placeholder$$ is fine, read the node above.
-    c = shadowRoot.$$placeholder$$ = createComment.call(doc, '');
-    defineProperties(c, {
-        childNodes: {
-            get() {
-                return shadowRoot.childNodes;
-            },
-            enumerable: true,
-            configurable: true,
-        },
-        tagName: {
-            get() {
-                return `#shadow-root (${shadowRoot.mode})`;
-            },
-            enumerable: true,
-            configurable: true,
-        },
-    });
-    return c;
-}
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -2658,7 +2559,7 @@ Object.defineProperty(window, 'ShadowRoot', {
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const composedDescriptor = Object.getOwnPropertyDescriptor(Event.prototype, 'composed');
-function detect$3() {
+function detect$1() {
     if (!composedDescriptor) {
         // No need to apply this polyfill if this client completely lacks
         // support for the composed property.
@@ -2690,7 +2591,7 @@ function handleClick(event) {
         },
     });
 }
-function apply$3() {
+function apply$1() {
     HTMLElement.prototype.click = function () {
         addEventListener.call(this, 'click', handleClick);
         try {
@@ -2708,8 +2609,8 @@ function apply$3() {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-if (detect$3()) {
-    apply$3();
+if (detect$1()) {
+    apply$1();
 }
 
 /*
@@ -2718,7 +2619,7 @@ if (detect$3()) {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-function detect$2() {
+function detect() {
     return new Event('test', { composed: true }).composed !== true;
 }
 
@@ -2728,7 +2629,7 @@ function detect$2() {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-function apply$2() {
+function apply() {
     // https://github.com/w3c/webcomponents/issues/513#issuecomment-224183937
     const composedEvents = assign(create(null), {
         beforeinput: 1,
@@ -2822,8 +2723,8 @@ function apply$2() {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-if (detect$2()) {
-    apply$2();
+if (detect()) {
+    apply();
 }
 
 /*
@@ -2875,121 +2776,6 @@ if (typeof ClipboardEvent !== 'undefined') {
     });
 }
 
-/*
- * Copyright (c) 2018, 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
- */
-function detect$1() {
-    // Note: when using this in mobile apps, we might have a DOM that does not support iframes.
-    const hasIframe = typeof HTMLIFrameElement !== 'undefined';
-    // This polyfill should only apply in compat mode; see https://github.com/salesforce/lwc/issues/1513
-    const isCompat = typeof Proxy !== 'undefined' && isTrue(Proxy.isCompat);
-    return hasIframe && isCompat;
-}
-
-/*
- * Copyright (c) 2018, 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
- */
-function apply$1() {
-    // the iframe property descriptor for `contentWindow` should always be available, otherwise this method should never be called
-    const desc = getOwnPropertyDescriptor(HTMLIFrameElement.prototype, 'contentWindow');
-    const { get: originalGetter } = desc;
-    desc.get = function () {
-        const original = originalGetter.call(this);
-        // If the original iframe element is not a keyed node, then do not wrap it
-        if (isNull(original) || isUndefined(getNodeOwnerKey(this))) {
-            return original;
-        }
-        // only if the element is an iframe inside a shadowRoot, we care about this problem
-        // because in that case, the code that is accessing the iframe, is very likely code
-        // compiled with proxy-compat transformation. It is true that other code without those
-        // transformations might also access an iframe from within a shadowRoot, but in that,
-        // case, which is more rare, we still return the wrapper, and it should work the same,
-        // this part is just an optimization.
-        return wrapIframeWindow(original);
-    };
-    defineProperty(HTMLIFrameElement.prototype, 'contentWindow', desc);
-}
-function wrapIframeWindow(win) {
-    return {
-        addEventListener() {
-            // Typescript does not like it when you treat the `arguments` object as an array
-            // @ts-ignore type-mismatch
-            return win.addEventListener.apply(win, arguments);
-        },
-        blur() {
-            // Typescript does not like it when you treat the `arguments` object as an array
-            // @ts-ignore type-mismatch
-            return win.blur.apply(win, arguments);
-        },
-        close() {
-            // Typescript does not like it when you treat the `arguments` object as an array
-            // @ts-ignore type-mismatch
-            return win.close.apply(win, arguments);
-        },
-        focus() {
-            // Typescript does not like it when you treat the `arguments` object as an array
-            // @ts-ignore type-mismatch
-            return win.focus.apply(win, arguments);
-        },
-        postMessage() {
-            // Typescript does not like it when you treat the `arguments` object as an array
-            // @ts-ignore type-mismatch
-            return win.postMessage.apply(win, arguments);
-        },
-        removeEventListener() {
-            // Typescript does not like it when you treat the `arguments` object as an array
-            // @ts-ignore type-mismatch
-            return win.removeEventListener.apply(win, arguments);
-        },
-        get closed() {
-            return win.closed;
-        },
-        get frames() {
-            return win.frames;
-        },
-        get length() {
-            return win.length;
-        },
-        get location() {
-            return win.location;
-        },
-        set location(value) {
-            win.location = value;
-        },
-        get opener() {
-            return win.opener;
-        },
-        get parent() {
-            return win.parent;
-        },
-        get self() {
-            return win.self;
-        },
-        get top() {
-            return win.top;
-        },
-        get window() {
-            return win.window;
-        },
-    }; // this is limited
-}
-
-/*
- * Copyright (c) 2018, 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
- */
-if (detect$1()) {
-    apply$1();
-}
-
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -3231,7 +3017,7 @@ defineProperty(window, 'MutationObserver', {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-function patchedAddEventListener$1(type, listener, optionsOrCapture) {
+function patchedAddEventListener(type, listener, optionsOrCapture) {
     if (isSyntheticShadowHost(this)) {
         // Typescript does not like it when you treat the `arguments` object as an array
         // @ts-ignore type-mismatch
@@ -3254,7 +3040,7 @@ function patchedAddEventListener$1(type, listener, optionsOrCapture) {
     // The third argument is optional, so passing in `undefined` for `optionsOrCapture` gives capture=false
     return addEventListener.call(this, type, wrappedListener, optionsOrCapture);
 }
-function patchedRemoveEventListener$1(_type, _listener, _optionsOrCapture) {
+function patchedRemoveEventListener(_type, _listener, _optionsOrCapture) {
     if (isSyntheticShadowHost(this)) {
         // Typescript does not like it when you treat the `arguments` object as an array
         // @ts-ignore type-mismatch
@@ -3274,87 +3060,19 @@ function patchedRemoveEventListener$1(_type, _listener, _optionsOrCapture) {
 }
 defineProperties(eventTargetPrototype, {
     addEventListener: {
-        value: patchedAddEventListener$1,
+        value: patchedAddEventListener,
         enumerable: true,
         writable: true,
         configurable: true,
     },
     removeEventListener: {
-        value: patchedRemoveEventListener$1,
+        value: patchedRemoveEventListener,
         enumerable: true,
         writable: true,
         configurable: true,
     },
 });
 
-/*
- * Copyright (c) 2018, 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
- */
-function detect() {
-    return typeof EventTarget === 'undefined';
-}
-
-/*
- * Copyright (c) 2018, 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
- */
-function patchedAddEventListener(_type, _listener, _options) {
-    if (arguments.length > 1) {
-        const args = ArraySlice.call(arguments);
-        args[1] = getEventListenerWrapper(args[1]);
-        // Ignore types because we're passing through to native method
-        // @ts-ignore type-mismatch
-        return windowAddEventListener.apply(this, args);
-    }
-    // Typescript does not like it when you treat the `arguments` object as an array
-    // @ts-ignore type-mismatch
-    return windowAddEventListener.apply(this, arguments);
-}
-function patchedRemoveEventListener(_type, _listener, _options) {
-    if (arguments.length > 1) {
-        const args = ArraySlice.call(arguments);
-        args[1] = getEventListenerWrapper(args[1]);
-        // Ignore types because we're passing through to native method
-        // @ts-ignore type-mismatch
-        windowRemoveEventListener.apply(this, args);
-    }
-    // Account for listeners that were added before this polyfill was applied
-    // Typescript does not like it when you treat the `arguments` object as an array
-    // @ts-ignore type-mismatch
-    windowRemoveEventListener.apply(this, arguments);
-}
-function apply() {
-    defineProperties(Window.prototype, {
-        addEventListener: {
-            value: patchedAddEventListener,
-            enumerable: true,
-            writable: true,
-            configurable: true,
-        },
-        removeEventListener: {
-            value: patchedRemoveEventListener,
-            enumerable: true,
-            writable: true,
-            configurable: true,
-        },
-    });
-}
-
-/*
- * Copyright (c) 2018, 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
- */
-if (detect()) {
-    apply();
-}
-
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -4636,6 +4354,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.
@@ -4653,7 +4405,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
@@ -4661,6 +4414,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;
@@ -4672,7 +4428,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);
         }
     }
 }
@@ -4693,17 +4449,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);
                 }
             }
         });
@@ -4750,5 +4509,5 @@ defineProperty(Element.prototype, '$domManual$', {
     },
     configurable: true,
 });
-/** version: 3.0.1 */
+/** version: 3.0.3 */
 //# sourceMappingURL=index.js.map