@lwc/synthetic-shadow 2.22.0 → 2.23.2

package/dist/synthetic-shadow.js

@@ -148,7 +148,7 @@ const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
 // 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: 2.22.0 */
+/** version: 2.23.2 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -299,7 +299,7 @@ const elementsFromPoint = hasOwnProperty.call(Document.prototype, 'elementsFromP
 // 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, createTreeWalker, querySelectorAll, getElementById, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, } = Document.prototype;
+const { createComment, 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;
@@ -1123,8 +1123,8 @@ function createStaticHTMLCollection(items) {
 if (!_globalThis.lwcRuntimeFlags) {
     Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
 }
-const runtimeFlags = _globalThis.lwcRuntimeFlags;
-/** version: 2.22.0 */
+const lwcRuntimeFlags = _globalThis.lwcRuntimeFlags;
+/** version: 2.23.2 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -1375,7 +1375,7 @@ defineProperties(_Node.prototype, {
   },
   textContent: {
     get() {
-      if (!runtimeFlags.ENABLE_NODE_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_NODE_PATCH) {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return textContentGetterPatched.call(this);
         }
@@ -1482,7 +1482,7 @@ defineProperties(_Node.prototype, {
         return true;
       }
 
-      if (!runtimeFlags.ENABLE_NODE_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_NODE_PATCH) {
         if (otherNode == null) {
           return false;
         }
@@ -1508,7 +1508,7 @@ defineProperties(_Node.prototype, {
   },
   cloneNode: {
     value(deep) {
-      if (!runtimeFlags.ENABLE_NODE_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_NODE_PATCH) {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return cloneNodePatched.call(this, deep);
         }
@@ -3808,7 +3808,7 @@ function lastElementChildGetterPatched() {
 defineProperties(Element.prototype, {
   innerHTML: {
     get() {
-      if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_ELEMENT_PATCH) {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return innerHTMLGetterPatched.call(this);
         }
@@ -3833,7 +3833,7 @@ defineProperties(Element.prototype, {
   },
   outerHTML: {
     get() {
-      if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_ELEMENT_PATCH) {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return outerHTMLGetterPatched.call(this);
         }
@@ -3961,7 +3961,7 @@ function querySelectorPatched() {
       const elm = ArrayFind.call(nodeList, elm => getNodeNearestOwnerKey(elm) === ownerKey);
       return isUndefined(elm) ? null : elm;
     } else {
-      if (!runtimeFlags.ENABLE_NODE_LIST_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_NODE_LIST_PATCH) {
         // `this` is a manually inserted element inside a shadowRoot, return the first element.
         return nodeList.length === 0 ? null : nodeList[0];
       } // Element is inside a shadow but we dont know which one. Use the
@@ -3973,7 +3973,7 @@ function querySelectorPatched() {
       return isUndefined(elm) ? null : elm;
     }
   } else {
-    if (!runtimeFlags.ENABLE_NODE_LIST_PATCH) {
+    if (!lwcRuntimeFlags.ENABLE_NODE_LIST_PATCH) {
       if (!(this instanceof HTMLBodyElement)) {
         const elm = nodeList[0];
         return isUndefined(elm) ? null : elm;
@@ -4056,7 +4056,7 @@ defineProperties(Element.prototype, {
     value() {
       const nodeList = arrayFromCollection(querySelectorAll$1.apply(this, ArraySlice.call(arguments)));
 
-      if (!runtimeFlags.ENABLE_NODE_LIST_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_NODE_LIST_PATCH) {
         const filteredResults = getFilteredArrayOfNodes(this, nodeList, 0
         /* ShadowDomSemantic.Disabled */
         );
@@ -4080,7 +4080,7 @@ if (process.env.NODE_ENV !== 'test') {
       value() {
         const elements = arrayFromCollection(getElementsByClassName$1.apply(this, ArraySlice.call(arguments)));
 
-        if (!runtimeFlags.ENABLE_HTML_COLLECTIONS_PATCH) {
+        if (!lwcRuntimeFlags.ENABLE_HTML_COLLECTIONS_PATCH) {
           return createStaticHTMLCollection(getNonPatchedFilteredArrayOfNodes(this, elements));
         }
 
@@ -4098,7 +4098,7 @@ if (process.env.NODE_ENV !== 'test') {
       value() {
         const elements = arrayFromCollection(getElementsByTagName$1.apply(this, ArraySlice.call(arguments)));
 
-        if (!runtimeFlags.ENABLE_HTML_COLLECTIONS_PATCH) {
+        if (!lwcRuntimeFlags.ENABLE_HTML_COLLECTIONS_PATCH) {
           return createStaticHTMLCollection(getNonPatchedFilteredArrayOfNodes(this, elements));
         }
 
@@ -4116,7 +4116,7 @@ if (process.env.NODE_ENV !== 'test') {
       value() {
         const elements = arrayFromCollection(getElementsByTagNameNS$1.apply(this, ArraySlice.call(arguments)));
 
-        if (!runtimeFlags.ENABLE_HTML_COLLECTIONS_PATCH) {
+        if (!lwcRuntimeFlags.ENABLE_HTML_COLLECTIONS_PATCH) {
           return createStaticHTMLCollection(getNonPatchedFilteredArrayOfNodes(this, elements));
         }
 
@@ -4848,11 +4848,11 @@ defineProperties(HTMLElement.prototype, {
 if (innerTextGetter !== null && innerTextSetter !== null) {
   defineProperty(HTMLElement.prototype, 'innerText', {
     get() {
-      if (!runtimeFlags.ENABLE_INNER_OUTER_TEXT_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_INNER_OUTER_TEXT_PATCH) {
         return innerTextGetter.call(this);
       }
 
-      if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_ELEMENT_PATCH) {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return getInnerText(this);
         }
@@ -4884,11 +4884,11 @@ if (outerTextGetter !== null && outerTextSetter !== null) {
   // As a setter, it removes the current node and replaces it with the given text.
   defineProperty(HTMLElement.prototype, 'outerText', {
     get() {
-      if (!runtimeFlags.ENABLE_INNER_OUTER_TEXT_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_INNER_OUTER_TEXT_PATCH) {
         return outerTextGetter.call(this);
       }
 
-      if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
+      if (!lwcRuntimeFlags.ENABLE_ELEMENT_PATCH) {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return getInnerText(this);
         }
@@ -4953,16 +4953,19 @@ defineProperty(Element.prototype, KEY__SHADOW_TOKEN, {
     },
     configurable: true,
 });
+function recursivelySetShadowResolver(node, fn) {
+    node[KEY__SHADOW_RESOLVER] = fn;
+    const childNodes = childNodesGetter.call(node);
+    for (let i = 0, n = childNodes.length; i < n; i++) {
+        recursivelySetShadowResolver(childNodes[i], fn);
+    }
+}
 defineProperty(Element.prototype, KEY__SHADOW_STATIC, {
     set(v) {
         // Marking an element as static will propagate the shadow resolver to the children.
-        const fn = this[KEY__SHADOW_RESOLVER];
         if (v) {
-            const treeWalker = createTreeWalker.call(getOwnerDocument(this), this, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, () => NodeFilter.FILTER_ACCEPT, false);
-            let currentNode;
-            while ((currentNode = treeWalker.nextNode())) {
-                currentNode[KEY__SHADOW_RESOLVER] = fn;
-            }
+            const fn = this[KEY__SHADOW_RESOLVER];
+            recursivelySetShadowResolver(this, fn);
         }
         this[KEY__SHADOW_STATIC_PRIVATE] = v;
     },
@@ -5099,7 +5102,7 @@ if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
   window.addEventListener('test-dummy-flag', () => {
     let hasFlag = false;
 
-    if (runtimeFlags.DUMMY_TEST_FLAG) {
+    if (lwcRuntimeFlags.DUMMY_TEST_FLAG) {
       hasFlag = true;
     }
 
@@ -5111,4 +5114,4 @@ if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
     }));
   });
 }
-/** version: 2.22.0 */
+/** version: 2.23.2 */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lwc/synthetic-shadow",
-    "version": "2.22.0",
+    "version": "2.23.2",
     "description": "Synthetic Shadow Root for LWC",
     "homepage": "https://lwc.dev/",
     "repository": {
@@ -37,7 +37,7 @@
         "access": "public"
     },
     "devDependencies": {
-        "@lwc/features": "2.22.0",
-        "@lwc/shared": "2.22.0"
+        "@lwc/features": "2.23.2",
+        "@lwc/shared": "2.23.2"
     }
 }