@lwc/synthetic-shadow 2.28.1 → 2.30.0

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.28.1 */
+/** version: 2.30.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -462,7 +462,7 @@ if (!_globalThis.lwcRuntimeFlags) {
     Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
 }
 const lwcRuntimeFlags = _globalThis.lwcRuntimeFlags;
-/** version: 2.28.1 */
+/** version: 2.30.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -470,25 +470,22 @@ const lwcRuntimeFlags = _globalThis.lwcRuntimeFlags;
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-
+// Used as a back reference to identify the host element
 const HostElementKey = '$$HostElementKey$$';
 const ShadowedNodeKey = '$$ShadowedNodeKey$$';
-
 function fastDefineProperty(node, propName, config) {
   const shadowedNode = node;
-
   if (process.env.NODE_ENV !== 'production') {
     // in dev, we are more restrictive
     defineProperty(shadowedNode, propName, config);
   } else {
     const {
       value
-    } = config; // in prod, we prioritize performance
-
+    } = config;
+    // in prod, we prioritize performance
     shadowedNode[propName] = value;
   }
 }
-
 function setNodeOwnerKey(node, value) {
   fastDefineProperty(node, HostElementKey, {
     value,
@@ -505,18 +502,15 @@ function getNodeOwnerKey(node) {
 }
 function getNodeNearestOwnerKey(node) {
   let host = node;
-  let hostKey; // search for the first element with owner identity
+  let hostKey;
+  // search for the first element with owner identity
   // in case of manually inserted elements and elements slotted from Light DOM
-
   while (!isNull(host)) {
     hostKey = getNodeOwnerKey(host);
-
     if (!isUndefined(hostKey)) {
       return hostKey;
     }
-
     host = parentNodeGetter.call(host);
-
     if (lwcRuntimeFlags.ENABLE_LIGHT_GET_ROOT_NODE_PATCH) {
       if (!isNull(host) && isSyntheticSlotElement(host)) {
         return undefined;
@@ -532,7 +526,6 @@ function getNodeKey(node) {
  * cases. If we need to traverse up and verify those nodes that don't have owner key, use
  * isNodeDeepShadowed instead.
  */
-
 function isNodeShadowed(node) {
   return !isUndefined(getNodeOwnerKey(node));
 }
@@ -543,35 +536,29 @@ function isNodeShadowed(node) {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
+// when finding a slot in the DOM, we can fold it if it is contained
 // inside another slot.
-
 function foldSlotElement(slot) {
   let parent = parentElementGetter.call(slot);
-
   while (!isNull(parent) && isSlotElement(parent)) {
     slot = parent;
     parent = parentElementGetter.call(slot);
   }
-
   return slot;
 }
-
 function isNodeSlotted(host, node) {
   if (process.env.NODE_ENV !== 'production') {
     assert.invariant(host instanceof HTMLElement, `isNodeSlotted() should be called with a host as the first argument instead of ${host}`);
     assert.invariant(node instanceof _Node, `isNodeSlotted() should be called with a node as the second argument instead of ${node}`);
     assert.invariant(compareDocumentPosition.call(node, host) & DOCUMENT_POSITION_CONTAINS, `isNodeSlotted() should never be called with a node that is not a child node of ${host}`);
   }
-
-  const hostKey = getNodeKey(host); // this routine assumes that the node is coming from a different shadow (it is not owned by the host)
+  const hostKey = getNodeKey(host);
+  // this routine assumes that the node is coming from a different shadow (it is not owned by the host)
   // just in case the provided node is not an element
-
   let currentElement = node instanceof Element ? node : parentElementGetter.call(node);
-
   while (!isNull(currentElement) && currentElement !== host) {
     const elmOwnerKey = getNodeNearestOwnerKey(currentElement);
     const parent = parentElementGetter.call(currentElement);
-
     if (elmOwnerKey === hostKey) {
       // we have reached an element inside the host's template, and only if
       // that element is an slot, then the node is considered slotted
@@ -597,7 +584,6 @@ function isNodeSlotted(host, node) {
          * most outer slot parent before jumping into its corresponding host.
          */
         currentElement = getNodeOwner(foldSlotElement(parent));
-
         if (!isNull(currentElement)) {
           if (currentElement === host) {
             // the slot element is a top level element inside the shadow
@@ -616,32 +602,25 @@ function isNodeSlotted(host, node) {
       currentElement = parent;
     }
   }
-
   return false;
 }
-
 function getNodeOwner(node) {
   if (!(node instanceof _Node)) {
     return null;
   }
-
   const ownerKey = getNodeNearestOwnerKey(node);
-
   if (isUndefined(ownerKey)) {
     return null;
   }
-
-  let nodeOwner = node; // At this point, node is a valid node with owner identity, now we need to find the owner node
+  let nodeOwner = node;
+  // At this point, node is a valid node with owner identity, now we need to find the owner node
   // search for a custom element with a VM that owns the first element with owner identity attached to it
-
   while (!isNull(nodeOwner) && getNodeKey(nodeOwner) !== ownerKey) {
     nodeOwner = parentNodeGetter.call(nodeOwner);
   }
-
   if (isNull(nodeOwner)) {
     return null;
   }
-
   return nodeOwner;
 }
 function isSyntheticSlotElement(node) {
@@ -656,23 +635,18 @@ function isNodeOwnedBy(owner, node) {
     assert.invariant(node instanceof _Node, `isNodeOwnedBy() should be called with a node as the second argument instead of ${node}`);
     assert.invariant(compareDocumentPosition.call(node, owner) & DOCUMENT_POSITION_CONTAINS, `isNodeOwnedBy() should never be called with a node that is not a child node of ${owner}`);
   }
-
   const ownerKey = getNodeNearestOwnerKey(node);
-
   if (isUndefined(ownerKey)) {
     if (lwcRuntimeFlags.ENABLE_LIGHT_GET_ROOT_NODE_PATCH) {
       // in case of root level light DOM element slotting into a synthetic shadow
       const host = parentNodeGetter.call(node);
-
       if (!isNull(host) && isSyntheticSlotElement(host)) {
         return false;
       }
-    } // in case of manually inserted elements
-
-
+    }
+    // in case of manually inserted elements
     return true;
   }
-
   return getNodeKey(owner) === ownerKey;
 }
 function shadowRootChildNodes(root) {
@@ -681,42 +655,34 @@ function shadowRootChildNodes(root) {
 }
 function getAllSlottedMatches(host, nodeList) {
   const filteredAndPatched = [];
-
   for (let i = 0, len = nodeList.length; i < len; i += 1) {
     const node = nodeList[i];
-
     if (!isNodeOwnedBy(host, node) && isNodeSlotted(host, node)) {
       ArrayPush.call(filteredAndPatched, node);
     }
   }
-
   return filteredAndPatched;
 }
 function getFirstSlottedMatch(host, nodeList) {
   for (let i = 0, len = nodeList.length; i < len; i += 1) {
     const node = nodeList[i];
-
     if (!isNodeOwnedBy(host, node) && isNodeSlotted(host, node)) {
       return node;
     }
   }
-
   return null;
 }
 function getAllMatches(owner, nodeList) {
   const filteredAndPatched = [];
-
   for (let i = 0, len = nodeList.length; i < len; i += 1) {
     const node = nodeList[i];
     const isOwned = isNodeOwnedBy(owner, node);
-
     if (isOwned) {
       // Patch querySelector, querySelectorAll, etc
       // if element is owned by VM
       ArrayPush.call(filteredAndPatched, node);
     }
   }
-
   return filteredAndPatched;
 }
 function getFirstMatch(owner, nodeList) {
@@ -725,7 +691,6 @@ function getFirstMatch(owner, nodeList) {
       return nodeList[i];
     }
   }
-
   return null;
 }
 function shadowRootQuerySelector(root, selector) {
@@ -744,19 +709,17 @@ function getFilteredChildNodes(node) {
     const children = childNodesGetter.call(node);
     return arrayFromCollection(children);
   }
-
   if (isSyntheticShadowHost(node)) {
     // we need to get only the nodes that were slotted
     const slots = arrayFromCollection(querySelectorAll$1.call(node, 'slot'));
-    const resolver = getShadowRootResolver(getShadowRoot(node)); // Typescript is inferring the wrong function type for this particular
+    const resolver = getShadowRootResolver(getShadowRoot(node));
+    // Typescript is inferring the wrong function type for this particular
     // overloaded method: https://github.com/Microsoft/TypeScript/issues/27972
     // @ts-ignore type-mismatch
-
     return ArrayReduce.call(slots, (seed, slot) => {
       if (resolver === getShadowRootResolver(slot)) {
         ArrayPush.apply(seed, getFilteredSlotAssignedNodes(slot));
       }
-
       return seed;
     }, []);
   } else {
@@ -768,11 +731,9 @@ function getFilteredChildNodes(node) {
 }
 function getFilteredSlotAssignedNodes(slot) {
   const owner = getNodeOwner(slot);
-
   if (isNull(owner)) {
     return [];
   }
-
   const childNodes = arrayFromCollection(childNodesGetter.call(slot));
   return ArrayFilter.call(childNodes, child => !isNodeShadowed(child) || !isNodeOwnedBy(owner, child));
 }
@@ -1194,14 +1155,11 @@ function createStaticHTMLCollection(items) {
  * and elements with shadow dom attached to them. It doesn't apply to native slot elements
  * because we don't want to patch the children getters for those elements.
  */
-
 function hasMountedChildren(node) {
   return isSyntheticSlotElement(node) || isSyntheticShadowHost(node);
 }
-
 function getShadowParent(node, value) {
   const owner = getNodeOwner(node);
-
   if (value === owner) {
     // walking up via parent chain might end up in the shadow root element
     return getShadowRoot(owner);
@@ -1214,64 +1172,50 @@ function getShadowParent(node, value) {
       // where they slotted into, but its shadowed parent is always the
       // owner of the slot.
       const slotOwner = getNodeOwner(value);
-
       if (!isNull(slotOwner) && isNodeOwnedBy(owner, slotOwner)) {
         // it is a slotted element, and therefore its parent is always going to be the host of the slot
         return slotOwner;
       }
     }
   }
-
   return null;
 }
-
 function hasChildNodesPatched() {
   return getInternalChildNodes(this).length > 0;
 }
-
 function firstChildGetterPatched() {
   const childNodes = getInternalChildNodes(this);
   return childNodes[0] || null;
 }
-
 function lastChildGetterPatched() {
   const childNodes = getInternalChildNodes(this);
   return childNodes[childNodes.length - 1] || null;
 }
-
 function textContentGetterPatched() {
   return getTextContent(this);
 }
-
 function textContentSetterPatched(value) {
   textContextSetter.call(this, value);
 }
-
 function parentNodeGetterPatched() {
   const value = parentNodeGetter.call(this);
-
   if (isNull(value)) {
     return value;
-  } // TODO [#1635]: this needs optimization, maybe implementing it based on this.assignedSlot
-
-
+  }
+  // TODO [#1635]: this needs optimization, maybe implementing it based on this.assignedSlot
   return getShadowParent(this, value);
 }
-
 function parentElementGetterPatched() {
   const value = parentNodeGetter.call(this);
-
   if (isNull(value)) {
     return null;
   }
-
-  const parentNode = getShadowParent(this, value); // it could be that the parentNode is the shadowRoot, in which case
+  const parentNode = getShadowParent(this, value);
+  // it could be that the parentNode is the shadowRoot, in which case
   // we need to return null.
   // TODO [#1635]: this needs optimization, maybe implementing it based on this.assignedSlot
-
   return parentNode instanceof Element ? parentNode : null;
 }
-
 function compareDocumentPositionPatched(otherNode) {
   if (this === otherNode) {
     return 0;
@@ -1281,48 +1225,38 @@ function compareDocumentPositionPatched(otherNode) {
   } else if (getNodeOwnerKey(this) !== getNodeOwnerKey(otherNode)) {
     // "this" and "otherNode" belongs to 2 different shadow tree.
     return 35; // Node.DOCUMENT_POSITION_DISCONNECTED | Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC | Node.DOCUMENT_POSITION_PRECEDING
-  } // Since "this" and "otherNode" are part of the same shadow tree we can safely rely to the native
+  }
+  // Since "this" and "otherNode" are part of the same shadow tree we can safely rely to the native
   // Node.compareDocumentPosition implementation.
-
-
   return compareDocumentPosition.call(this, otherNode);
 }
-
 function containsPatched(otherNode) {
   if (otherNode == null || getNodeOwnerKey(this) !== getNodeOwnerKey(otherNode)) {
     // it is from another shadow
     return false;
   }
-
   return (compareDocumentPosition.call(this, otherNode) & DOCUMENT_POSITION_CONTAINED_BY) !== 0;
 }
-
 function cloneNodePatched(deep) {
-  const clone = cloneNode.call(this, false); // Per spec, browsers only care about truthy values
+  const clone = cloneNode.call(this, false);
+  // Per spec, browsers only care about truthy values
   // Not strict true or false
-
   if (!deep) {
     return clone;
   }
-
   const childNodes = getInternalChildNodes(this);
-
   for (let i = 0, len = childNodes.length; i < len; i += 1) {
     clone.appendChild(childNodes[i].cloneNode(true));
   }
-
   return clone;
 }
 /**
  * This method only applies to elements with a shadow or slots
  */
-
-
 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
@@ -1330,30 +1264,24 @@ function childNodesGetterPatched() {
       // 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
+  }
+  // nothing to do here since this does not have a synthetic shadow attached to it
   // TODO [#1636]: what about slot elements?
-
-
   return childNodesGetter.call(this);
 }
-
 const nativeGetRootNode = _Node.prototype.getRootNode;
 /**
  * Get the root by climbing up the dom tree, beyond the shadow root
  * If Node.prototype.getRootNode is supported, use it
  * else, assume we are working in non-native shadow mode and climb using parentNode
  */
-
 const getDocumentOrRootNode = !isUndefined(nativeGetRootNode) ? nativeGetRootNode : function () {
   let node = this;
   let nodeParent;
-
   while (!isNull(nodeParent = parentNodeGetter.call(node))) {
     node = nodeParent;
   }
-
   return node;
 };
 /**
@@ -1365,15 +1293,12 @@ const getDocumentOrRootNode = !isUndefined(nativeGetRootNode) ? nativeGetRootNod
  *  of a native shadow or the synthetic shadow.
  * @param {Node} node
  */
-
 function getNearestRoot(node) {
   const ownerNode = getNodeOwner(node);
-
   if (isNull(ownerNode)) {
     // we hit a wall, either we are in native shadow mode or the node is not in lwc boundary.
     return getDocumentOrRootNode.call(node);
   }
-
   return getShadowRoot(ownerNode);
 }
 /**
@@ -1395,25 +1320,20 @@ function getNearestRoot(node) {
  * _Spec_: https://dom.spec.whatwg.org/#dom-node-getrootnode
  *
  **/
-
-
 function getRootNodePatched(options) {
   const composed = isUndefined(options) ? false : !!options.composed;
   return isTrue(composed) ? getDocumentOrRootNode.call(this, options) : getNearestRoot(this);
-} // Non-deep-traversing patches: this descriptor map includes all descriptors that
+}
+// Non-deep-traversing patches: this descriptor map includes all descriptors that
 // do not give access to nodes beyond the immediate children.
-
-
 defineProperties(_Node.prototype, {
   firstChild: {
     get() {
       if (hasMountedChildren(this)) {
         return firstChildGetterPatched.call(this);
       }
-
       return firstChildGetter.call(this);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -1422,10 +1342,8 @@ defineProperties(_Node.prototype, {
       if (hasMountedChildren(this)) {
         return lastChildGetterPatched.call(this);
       }
-
       return lastChildGetter.call(this);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -1435,18 +1353,14 @@ defineProperties(_Node.prototype, {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return textContentGetterPatched.call(this);
         }
-
         return textContentGetter.call(this);
-      } // TODO [#1222]: remove global bypass
-
-
+      }
+      // TODO [#1222]: remove global bypass
       if (isGlobalPatchingSkipped(this)) {
         return textContentGetter.call(this);
       }
-
       return textContentGetterPatched.call(this);
     },
-
     set: textContentSetterPatched,
     enumerable: true,
     configurable: true
@@ -1456,17 +1370,14 @@ defineProperties(_Node.prototype, {
       if (isNodeShadowed(this)) {
         return parentNodeGetterPatched.call(this);
       }
-
-      const parentNode = parentNodeGetter.call(this); // Handle the case where a top level light DOM element is slotted into a synthetic
+      const parentNode = parentNodeGetter.call(this);
+      // Handle the case where a top level light DOM element is slotted into a synthetic
       // shadow slot.
-
       if (!isNull(parentNode) && isSyntheticSlotElement(parentNode)) {
         return getNodeOwner(parentNode);
       }
-
       return parentNode;
     },
-
     enumerable: true,
     configurable: true
   },
@@ -1475,17 +1386,14 @@ defineProperties(_Node.prototype, {
       if (isNodeShadowed(this)) {
         return parentElementGetterPatched.call(this);
       }
-
-      const parentElement = parentElementGetter.call(this); // Handle the case where a top level light DOM element is slotted into a synthetic
+      const parentElement = parentElementGetter.call(this);
+      // Handle the case where a top level light DOM element is slotted into a synthetic
       // shadow slot.
-
       if (!isNull(parentElement) && isSyntheticSlotElement(parentElement)) {
         return getNodeOwner(parentElement);
       }
-
       return parentElement;
     },
-
     enumerable: true,
     configurable: true
   },
@@ -1494,10 +1402,8 @@ defineProperties(_Node.prototype, {
       if (hasMountedChildren(this)) {
         return childNodesGetterPatched.call(this);
       }
-
       return childNodesGetter.call(this);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -1506,10 +1412,8 @@ defineProperties(_Node.prototype, {
       if (hasMountedChildren(this)) {
         return hasChildNodesPatched.call(this);
       }
-
       return hasChildNodes.call(this);
     },
-
     enumerable: true,
     writable: true,
     configurable: true
@@ -1520,10 +1424,8 @@ defineProperties(_Node.prototype, {
       if (isGlobalPatchingSkipped(this)) {
         return compareDocumentPosition.call(this, otherNode);
       }
-
       return compareDocumentPositionPatched.call(this, otherNode);
     },
-
     enumerable: true,
     writable: true,
     configurable: true
@@ -1537,27 +1439,21 @@ defineProperties(_Node.prototype, {
       if (this === otherNode) {
         return true;
       }
-
       if (!lwcRuntimeFlags.ENABLE_NODE_PATCH) {
         if (otherNode == null) {
           return false;
         }
-
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return containsPatched.call(this, otherNode);
         }
-
         return contains.call(this, otherNode);
-      } // TODO [#1222]: remove global bypass
-
-
+      }
+      // TODO [#1222]: remove global bypass
       if (isGlobalPatchingSkipped(this)) {
         return contains.call(this, otherNode);
       }
-
       return containsPatched.call(this, otherNode);
     },
-
     enumerable: true,
     writable: true,
     configurable: true
@@ -1568,22 +1464,17 @@ defineProperties(_Node.prototype, {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return cloneNodePatched.call(this, deep);
         }
-
         return cloneNode.call(this, deep);
       }
-
       if (isTrue(deep)) {
         // TODO [#1222]: remove global bypass
         if (isGlobalPatchingSkipped(this)) {
           return cloneNode.call(this, deep);
         }
-
         return cloneNodePatched.call(this, deep);
       }
-
       return cloneNode.call(this, deep);
     },
-
     enumerable: true,
     writable: true,
     configurable: true
@@ -1597,11 +1488,9 @@ defineProperties(_Node.prototype, {
   isConnected: {
     enumerable: true,
     configurable: true,
-
     get() {
       return isConnected.call(this);
     }
-
   }
 });
 let internalChildNodeAccessorFlag = false;
@@ -1611,7 +1500,6 @@ let internalChildNodeAccessorFlag = false;
  * 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;
 }
@@ -1619,7 +1507,6 @@ const getInternalChildNodes = process.env.NODE_ENV !== 'production' && isFalse(h
   internalChildNodeAccessorFlag = true;
   let childNodes;
   let error = null;
-
   try {
     childNodes = node.childNodes;
   } catch (e) {
@@ -1627,7 +1514,6 @@ const getInternalChildNodes = process.env.NODE_ENV !== 'production' && isFalse(h
     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
@@ -1637,12 +1523,11 @@ const getInternalChildNodes = process.env.NODE_ENV !== 'production' && isFalse(h
   return childNodes;
 } : function (node) {
   return node.childNodes;
-}; // IE11 extra patches for wrong prototypes
-
+};
+// IE11 extra patches for wrong prototypes
 if (hasOwnProperty.call(HTMLElement.prototype, 'contains')) {
   defineProperty(HTMLElement.prototype, 'contains', getOwnPropertyDescriptor(_Node.prototype, 'contains'));
 }
-
 if (hasOwnProperty.call(HTMLElement.prototype, 'parentElement')) {
   defineProperty(HTMLElement.prototype, 'parentElement', getOwnPropertyDescriptor(_Node.prototype, 'parentElement'));
 }
@@ -3801,66 +3686,52 @@ function getNonPatchedFilteredArrayOfNodes(context, unfilteredNodes) {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-
 function innerHTMLGetterPatched() {
   const childNodes = getInternalChildNodes(this);
   let innerHTML = '';
-
   for (let i = 0, len = childNodes.length; i < len; i += 1) {
     innerHTML += getOuterHTML(childNodes[i]);
   }
-
   return innerHTML;
 }
-
 function outerHTMLGetterPatched() {
   return getOuterHTML(this);
 }
-
 function attachShadowPatched(options) {
   // To retain native behavior of the API, provide synthetic shadowRoot only when specified
   if (options[KEY__SYNTHETIC_MODE]) {
     return attachShadow(this, options);
   }
-
   return attachShadow$1.call(this, options);
 }
-
 function shadowRootGetterPatched() {
   if (isSyntheticShadowHost(this)) {
     const shadow = getShadowRoot(this);
-
     if (shadow.mode === 'open') {
       return shadow;
     }
   }
-
   return shadowRootGetter.call(this);
 }
-
 function childrenGetterPatched() {
   const owner = getNodeOwner(this);
   const childNodes = isNull(owner) ? [] : getAllMatches(owner, getFilteredChildNodes(this));
   return createStaticHTMLCollection(ArrayFilter.call(childNodes, node => node instanceof Element));
 }
-
 function childElementCountGetterPatched() {
   return this.children.length;
 }
-
 function firstElementChildGetterPatched() {
   return this.children[0] || null;
 }
-
 function lastElementChildGetterPatched() {
   const {
     children
   } = this;
   return children.item(children.length - 1) || null;
-} // Non-deep-traversing patches: this descriptor map includes all descriptors that
+}
+// Non-deep-traversing patches: this descriptor map includes all descriptors that
 // do not five access to nodes beyond the immediate children.
-
-
 defineProperties(Element.prototype, {
   innerHTML: {
     get() {
@@ -3868,22 +3739,17 @@ defineProperties(Element.prototype, {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return innerHTMLGetterPatched.call(this);
         }
-
         return innerHTMLGetter.call(this);
-      } // TODO [#1222]: remove global bypass
-
-
+      }
+      // TODO [#1222]: remove global bypass
       if (isGlobalPatchingSkipped(this)) {
         return innerHTMLGetter.call(this);
       }
-
       return innerHTMLGetterPatched.call(this);
     },
-
     set(v) {
       innerHTMLSetter.call(this, v);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -3893,22 +3759,17 @@ defineProperties(Element.prototype, {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return outerHTMLGetterPatched.call(this);
         }
-
         return outerHTMLGetter.call(this);
-      } // TODO [#1222]: remove global bypass
-
-
+      }
+      // TODO [#1222]: remove global bypass
       if (isGlobalPatchingSkipped(this)) {
         return outerHTMLGetter.call(this);
       }
-
       return outerHTMLGetterPatched.call(this);
     },
-
     set(v) {
       outerHTMLSetter.call(this, v);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -3929,10 +3790,8 @@ defineProperties(Element.prototype, {
       if (hasMountedChildren(this)) {
         return childrenGetterPatched.call(this);
       }
-
       return childrenGetter.call(this);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -3941,10 +3800,8 @@ defineProperties(Element.prototype, {
       if (hasMountedChildren(this)) {
         return childElementCountGetterPatched.call(this);
       }
-
       return childElementCountGetter.call(this);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -3953,10 +3810,8 @@ defineProperties(Element.prototype, {
       if (hasMountedChildren(this)) {
         return firstElementChildGetterPatched.call(this);
       }
-
       return firstElementChildGetter.call(this);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -3965,10 +3820,8 @@ defineProperties(Element.prototype, {
       if (hasMountedChildren(this)) {
         return lastElementChildGetterPatched.call(this);
       }
-
       return lastElementChildGetter.call(this);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -3977,28 +3830,23 @@ defineProperties(Element.prototype, {
     enumerable: true,
     configurable: true
   }
-}); // IE11 extra patches for wrong prototypes
-
+});
+// IE11 extra patches for wrong prototypes
 if (hasOwnProperty.call(HTMLElement.prototype, 'innerHTML')) {
   defineProperty(HTMLElement.prototype, 'innerHTML', getOwnPropertyDescriptor(Element.prototype, 'innerHTML'));
 }
-
 if (hasOwnProperty.call(HTMLElement.prototype, 'outerHTML')) {
   defineProperty(HTMLElement.prototype, 'outerHTML', getOwnPropertyDescriptor(Element.prototype, 'outerHTML'));
 }
-
 if (hasOwnProperty.call(HTMLElement.prototype, 'children')) {
   defineProperty(HTMLElement.prototype, 'children', getOwnPropertyDescriptor(Element.prototype, 'children'));
-} // Deep-traversing patches from this point on:
-
-
+}
+// Deep-traversing patches from this point on:
 function querySelectorPatched() {
   const nodeList = arrayFromCollection(querySelectorAll$1.apply(this, ArraySlice.call(arguments)));
-
   if (isSyntheticShadowHost(this)) {
     // element with shadowRoot attached
     const owner = getNodeOwner(this);
-
     if (!isUndefined(getNodeKey(this))) {
       // it is a custom element, and we should then filter by slotted elements
       return getFirstSlottedMatch(this, nodeList);
@@ -4011,7 +3859,6 @@ function querySelectorPatched() {
   } else if (isNodeShadowed(this)) {
     // element inside a shadowRoot
     const ownerKey = getNodeOwnerKey(this);
-
     if (!isUndefined(ownerKey)) {
       // `this` is handled by lwc, using getNodeNearestOwnerKey to include manually inserted elements in the same shadow.
       const elm = ArrayFind.call(nodeList, elm => getNodeNearestOwnerKey(elm) === ownerKey);
@@ -4020,10 +3867,9 @@ function querySelectorPatched() {
       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
+      }
+      // Element is inside a shadow but we dont know which one. Use the
       // "nearest" owner key to filter by ownership.
-
-
       const contextNearestOwnerKey = getNodeNearestOwnerKey(this);
       const elm = ArrayFind.call(nodeList, elm => getNodeNearestOwnerKey(elm) === contextNearestOwnerKey);
       return isUndefined(elm) ? null : elm;
@@ -4034,22 +3880,19 @@ function querySelectorPatched() {
         const elm = nodeList[0];
         return isUndefined(elm) ? null : elm;
       }
-    } // element belonging to the document
-
-
-    const elm = ArrayFind.call(nodeList, // TODO [#1222]: remove global bypass
+    }
+    // element belonging to the document
+    const elm = ArrayFind.call(nodeList,
+    // TODO [#1222]: remove global bypass
     elm => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(this));
     return isUndefined(elm) ? null : elm;
   }
 }
-
 function getFilteredArrayOfNodes(context, unfilteredNodes, shadowDomSemantic) {
   let filtered;
-
   if (isSyntheticShadowHost(context)) {
     // element with shadowRoot attached
     const owner = getNodeOwner(context);
-
     if (!isUndefined(getNodeKey(context))) {
       // it is a custom element, and we should then filter by slotted elements
       filtered = getAllSlottedMatches(context, unfilteredNodes);
@@ -4062,13 +3905,10 @@ function getFilteredArrayOfNodes(context, unfilteredNodes, shadowDomSemantic) {
   } else if (isNodeShadowed(context)) {
     // element inside a shadowRoot
     const ownerKey = getNodeOwnerKey(context);
-
     if (!isUndefined(ownerKey)) {
       // context is handled by lwc, using getNodeNearestOwnerKey to include manually inserted elements in the same shadow.
       filtered = ArrayFilter.call(unfilteredNodes, elm => getNodeNearestOwnerKey(elm) === ownerKey);
-    } else if (shadowDomSemantic === 1
-    /* ShadowDomSemantic.Enabled */
-    ) {
+    } else if (shadowDomSemantic === 1 /* ShadowDomSemantic.Enabled */) {
       // context is inside a shadow, we dont know which one.
       const contextNearestOwnerKey = getNodeNearestOwnerKey(context);
       filtered = ArrayFilter.call(unfilteredNodes, elm => getNodeNearestOwnerKey(elm) === contextNearestOwnerKey);
@@ -4077,20 +3917,19 @@ function getFilteredArrayOfNodes(context, unfilteredNodes, shadowDomSemantic) {
       filtered = ArraySlice.call(unfilteredNodes);
     }
   } else {
-    if (context instanceof HTMLBodyElement || shadowDomSemantic === 1
-    /* ShadowDomSemantic.Enabled */
-    ) {
+    if (context instanceof HTMLBodyElement || shadowDomSemantic === 1 /* ShadowDomSemantic.Enabled */) {
       // `context` is document.body or element belonging to the document with the patch enabled
-      filtered = ArrayFilter.call(unfilteredNodes, // TODO [#1222]: remove global bypass
+      filtered = ArrayFilter.call(unfilteredNodes,
+      // TODO [#1222]: remove global bypass
       elm => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(context));
     } else {
       // `context` is outside the lwc boundary and patch is not enabled.
       filtered = ArraySlice.call(unfilteredNodes);
     }
   }
-
   return filtered;
-} // The following patched methods hide shadowed elements from global
+}
+// The following patched methods hide shadowed elements from global
 // traversing mechanisms. They are simplified for performance reasons to
 // filter by ownership and do not account for slotted elements. This
 // compromise is fine for our synthetic shadow dom because root elements
@@ -4099,8 +3938,6 @@ function getFilteredArrayOfNodes(context, unfilteredNodes, shadowDomSemantic) {
 // static HTMLCollection or static NodeList. We decided that this compromise
 // is not a big problem considering the amount of code that is relying on
 // the liveliness of these results are rare.
-
-
 defineProperties(Element.prototype, {
   querySelector: {
     value: querySelectorPatched,
@@ -4111,41 +3948,30 @@ defineProperties(Element.prototype, {
   querySelectorAll: {
     value() {
       const nodeList = arrayFromCollection(querySelectorAll$1.apply(this, ArraySlice.call(arguments)));
-
       if (!lwcRuntimeFlags.ENABLE_NODE_LIST_PATCH) {
-        const filteredResults = getFilteredArrayOfNodes(this, nodeList, 0
-        /* ShadowDomSemantic.Disabled */
-        );
+        const filteredResults = getFilteredArrayOfNodes(this, nodeList, 0 /* ShadowDomSemantic.Disabled */);
         return createStaticNodeList(filteredResults);
       }
-
-      return createStaticNodeList(getFilteredArrayOfNodes(this, nodeList, 1
-      /* ShadowDomSemantic.Enabled */
-      ));
+      return createStaticNodeList(getFilteredArrayOfNodes(this, nodeList, 1 /* ShadowDomSemantic.Enabled */));
     },
 
     writable: true,
     enumerable: true,
     configurable: true
   }
-}); // The following APIs are used directly by Jest internally so we avoid patching them during testing.
-
+});
+// The following APIs are used directly by Jest internally so we avoid patching them during testing.
 if (process.env.NODE_ENV !== 'test') {
   defineProperties(Element.prototype, {
     getElementsByClassName: {
       value() {
         const elements = arrayFromCollection(getElementsByClassName$1.apply(this, ArraySlice.call(arguments)));
-
         if (!lwcRuntimeFlags.ENABLE_HTML_COLLECTIONS_PATCH) {
           return createStaticHTMLCollection(getNonPatchedFilteredArrayOfNodes(this, elements));
         }
-
-        const filteredResults = getFilteredArrayOfNodes(this, elements, 1
-        /* ShadowDomSemantic.Enabled */
-        );
+        const filteredResults = getFilteredArrayOfNodes(this, elements, 1 /* ShadowDomSemantic.Enabled */);
         return createStaticHTMLCollection(filteredResults);
       },
-
       writable: true,
       enumerable: true,
       configurable: true
@@ -4153,17 +3979,12 @@ if (process.env.NODE_ENV !== 'test') {
     getElementsByTagName: {
       value() {
         const elements = arrayFromCollection(getElementsByTagName$1.apply(this, ArraySlice.call(arguments)));
-
         if (!lwcRuntimeFlags.ENABLE_HTML_COLLECTIONS_PATCH) {
           return createStaticHTMLCollection(getNonPatchedFilteredArrayOfNodes(this, elements));
         }
-
-        const filteredResults = getFilteredArrayOfNodes(this, elements, 1
-        /* ShadowDomSemantic.Enabled */
-        );
+        const filteredResults = getFilteredArrayOfNodes(this, elements, 1 /* ShadowDomSemantic.Enabled */);
         return createStaticHTMLCollection(filteredResults);
       },
-
       writable: true,
       enumerable: true,
       configurable: true
@@ -4171,25 +3992,19 @@ if (process.env.NODE_ENV !== 'test') {
     getElementsByTagNameNS: {
       value() {
         const elements = arrayFromCollection(getElementsByTagNameNS$1.apply(this, ArraySlice.call(arguments)));
-
         if (!lwcRuntimeFlags.ENABLE_HTML_COLLECTIONS_PATCH) {
           return createStaticHTMLCollection(getNonPatchedFilteredArrayOfNodes(this, elements));
         }
-
-        const filteredResults = getFilteredArrayOfNodes(this, elements, 1
-        /* ShadowDomSemantic.Enabled */
-        );
+        const filteredResults = getFilteredArrayOfNodes(this, elements, 1 /* ShadowDomSemantic.Enabled */);
         return createStaticHTMLCollection(filteredResults);
       },
-
       writable: true,
       enumerable: true,
       configurable: true
     }
   });
-} // IE11 extra patches for wrong prototypes
-
-
+}
+// IE11 extra patches for wrong prototypes
 if (hasOwnProperty.call(HTMLElement.prototype, 'getElementsByClassName')) {
   defineProperty(HTMLElement.prototype, 'getElementsByClassName', getOwnPropertyDescriptor(Element.prototype, 'getElementsByClassName'));
 }
@@ -4737,21 +4552,17 @@ const {
 /**
  * This method only applies to elements with a shadow attached to them
  */
-
 function tabIndexGetterPatched() {
   if (isDelegatingFocus(this) && isFalse(hasAttribute.call(this, 'tabindex'))) {
     // this covers the case where the default tabindex should be 0 because the
     // custom element is delegating its focus
     return 0;
   }
-
   return tabIndexGetter.call(this);
 }
 /**
  * This method only applies to elements with a shadow attached to them
  */
-
-
 function tabIndexSetterPatched(value) {
   // This tabIndex setter might be confusing unless it is understood that HTML
   // elements have default tabIndex property values. Natively focusable elements have
@@ -4759,53 +4570,48 @@ function tabIndexSetterPatched(value) {
   // value of -1. For example, the tabIndex property value is -1 for both <x-foo> and
   // <x-foo tabindex="-1">, but our delegatesFocus polyfill should only kick in for
   // the latter case when the value of the tabindex attribute is -1.
-  const delegatesFocus = isDelegatingFocus(this); // Record the state of things before invoking component setter.
-
+  const delegatesFocus = isDelegatingFocus(this);
+  // Record the state of things before invoking component setter.
   const prevValue = tabIndexGetter.call(this);
   const prevHasAttr = hasAttribute.call(this, 'tabindex');
-  tabIndexSetter.call(this, value); // Record the state of things after invoking component setter.
-
+  tabIndexSetter.call(this, value);
+  // Record the state of things after invoking component setter.
   const currValue = tabIndexGetter.call(this);
   const currHasAttr = hasAttribute.call(this, 'tabindex');
-  const didValueChange = prevValue !== currValue; // If the tabindex attribute is initially rendered, we can assume that this setter has
+  const didValueChange = prevValue !== currValue;
+  // If the tabindex attribute is initially rendered, we can assume that this setter has
   // previously executed and a listener has been added. We must remove that listener if
   // the tabIndex property value has changed or if the component no longer renders a
   // tabindex attribute.
-
   if (prevHasAttr && (didValueChange || isFalse(currHasAttr))) {
     if (prevValue === -1) {
       ignoreFocusIn(this);
     }
-
     if (prevValue === 0 && delegatesFocus) {
       ignoreFocus(this);
     }
-  } // If a tabindex attribute was not rendered after invoking its setter, it means the
+  }
+  // If a tabindex attribute was not rendered after invoking its setter, it means the
   // component is taking control. Do nothing.
-
-
   if (isFalse(currHasAttr)) {
     return;
-  } // If the tabindex attribute is initially rendered, we can assume that this setter has
+  }
+  // If the tabindex attribute is initially rendered, we can assume that this setter has
   // previously executed and a listener has been added. If the tabindex attribute is still
   // rendered after invoking the setter AND the tabIndex property value has not changed,
   // we don't need to do any work.
-
-
   if (prevHasAttr && currHasAttr && isFalse(didValueChange)) {
     return;
-  } // At this point we know that a tabindex attribute was rendered after invoking the
+  }
+  // At this point we know that a tabindex attribute was rendered after invoking the
   // setter and that either:
   // 1) This is the first time this setter is being invoked.
   // 2) This is not the first time this setter is being invoked and the value is changing.
   // We need to add the appropriate listeners in either case.
-
-
   if (currValue === -1) {
     // Add the magic to skip the shadow tree
     handleFocusIn(this);
   }
-
   if (currValue === 0 && delegatesFocus) {
     // Add the magic to skip the host element
     handleFocus(this);
@@ -4814,64 +4620,52 @@ function tabIndexSetterPatched(value) {
 /**
  * This method only applies to elements with a shadow attached to them
  */
-
-
 function blurPatched() {
   if (isDelegatingFocus(this)) {
     const currentActiveElement = getActiveElement(this);
-
     if (!isNull(currentActiveElement)) {
       // if there is an active element, blur it (intentionally using the dot notation in case the user defines the blur routine)
       currentActiveElement.blur();
       return;
     }
   }
-
   return blur.call(this);
 }
-
 function focusPatched() {
   // Save enabled state
-  const originallyEnabled = isKeyboardFocusNavigationRoutineEnabled(); // Change state by disabling if originally enabled
-
+  const originallyEnabled = isKeyboardFocusNavigationRoutineEnabled();
+  // Change state by disabling if originally enabled
   if (originallyEnabled) {
     disableKeyboardFocusNavigationRoutines();
   }
-
   if (isSyntheticShadowHost(this) && isDelegatingFocus(this)) {
     hostElementFocus.call(this);
     return;
-  } // Typescript does not like it when you treat the `arguments` object as an array
+  }
+  // Typescript does not like it when you treat the `arguments` object as an array
   // @ts-ignore type-mismatch
-
-
-  focus.apply(this, arguments); // Restore state by enabling if originally enabled
-
+  focus.apply(this, arguments);
+  // Restore state by enabling if originally enabled
   if (originallyEnabled) {
     enableKeyboardFocusNavigationRoutines();
   }
-} // Non-deep-traversing patches: this descriptor map includes all descriptors that
+}
+// Non-deep-traversing patches: this descriptor map includes all descriptors that
 // do not five access to nodes beyond the immediate children.
-
-
 defineProperties(HTMLElement.prototype, {
   tabIndex: {
     get() {
       if (isSyntheticShadowHost(this)) {
         return tabIndexGetterPatched.call(this);
       }
-
       return tabIndexGetter.call(this);
     },
-
     set(v) {
       if (isSyntheticShadowHost(this)) {
         return tabIndexSetterPatched.call(this, v);
       }
-
       return tabIndexSetter.call(this, v);
     },
-
     enumerable: true,
     configurable: true
   },
@@ -4880,10 +4674,8 @@ defineProperties(HTMLElement.prototype, {
       if (isSyntheticShadowHost(this)) {
         return blurPatched.call(this);
       }
-
       blur.call(this);
     },
-
     enumerable: true,
     writable: true,
     configurable: true
@@ -4894,46 +4686,38 @@ defineProperties(HTMLElement.prototype, {
       // @ts-ignore type-mismatch
       focusPatched.apply(this, arguments);
     },
-
     enumerable: true,
     writable: true,
     configurable: true
   }
-}); // Note: In JSDOM innerText is not implemented: https://github.com/jsdom/jsdom/issues/1245
-
+});
+// Note: In JSDOM innerText is not implemented: https://github.com/jsdom/jsdom/issues/1245
 if (innerTextGetter !== null && innerTextSetter !== null) {
   defineProperty(HTMLElement.prototype, 'innerText', {
     get() {
       if (!lwcRuntimeFlags.ENABLE_INNER_OUTER_TEXT_PATCH) {
         return innerTextGetter.call(this);
       }
-
       if (!lwcRuntimeFlags.ENABLE_ELEMENT_PATCH) {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return getInnerText(this);
         }
-
         return innerTextGetter.call(this);
-      } // TODO [#1222]: remove global bypass
-
-
+      }
+      // TODO [#1222]: remove global bypass
       if (isGlobalPatchingSkipped(this)) {
         return innerTextGetter.call(this);
       }
-
       return getInnerText(this);
     },
-
     set(v) {
       innerTextSetter.call(this, v);
     },
-
     enumerable: true,
     configurable: true
   });
-} // Note: Firefox does not have outerText, https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText
-
-
+}
+// Note: Firefox does not have outerText, https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText
 if (outerTextGetter !== null && outerTextSetter !== null) {
   // From https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText :
   // HTMLElement.outerText is a non-standard property. As a getter, it returns the same value as Node.innerText.
@@ -4943,30 +4727,24 @@ if (outerTextGetter !== null && outerTextSetter !== null) {
       if (!lwcRuntimeFlags.ENABLE_INNER_OUTER_TEXT_PATCH) {
         return outerTextGetter.call(this);
       }
-
       if (!lwcRuntimeFlags.ENABLE_ELEMENT_PATCH) {
         if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return getInnerText(this);
         }
-
         return outerTextGetter.call(this);
-      } // TODO [#1222]: remove global bypass
-
-
+      }
+      // TODO [#1222]: remove global bypass
       if (isGlobalPatchingSkipped(this)) {
         return outerTextGetter.call(this);
       }
-
       return getInnerText(this);
     },
-
     set(v) {
       // Invoking the `outerText` setter on a host element should trigger its disconnection, but until we merge node reactions, it will not work.
       // We could reimplement the outerText setter in JavaScript ([blink implementation](https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/html/html_element.cc;l=841-879;drc=6e8b402a6231405b753919029c9027404325ea00;bpv=0;bpt=1))
       // but the benefits don't worth the efforts.
       outerTextSetter.call(this, v);
     },
-
     enumerable: true,
     configurable: true
   });
@@ -5152,16 +4930,14 @@ defineProperty(Element.prototype, '$domManual$', {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
+// Only used in LWC's Karma tests
 // @ts-ignore
-
 if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
   window.addEventListener('test-dummy-flag', () => {
     let hasFlag = false;
-
     if (lwcRuntimeFlags.DUMMY_TEST_FLAG) {
       hasFlag = true;
     }
-
     window.dispatchEvent(new CustomEvent('has-dummy-flag', {
       detail: {
         package: '@lwc/synthetic-shadow',
@@ -5170,4 +4946,4 @@ if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
     }));
   });
 }
-/** version: 2.28.1 */
+/** version: 2.30.0 */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lwc/synthetic-shadow",
-    "version": "2.28.1",
+    "version": "2.30.0",
     "description": "Synthetic Shadow Root for LWC",
     "homepage": "https://lwc.dev/",
     "repository": {
@@ -36,8 +36,8 @@
         "access": "public"
     },
     "devDependencies": {
-        "@lwc/features": "2.28.1",
-        "@lwc/shared": "2.28.1"
+        "@lwc/features": "2.30.0",
+        "@lwc/shared": "2.30.0"
     },
     "nx": {
         "targets": {