@lwc/synthetic-shadow 2.7.0 → 2.7.4

package/dist/synthetic-shadow.js

@@ -194,7 +194,7 @@ const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
 
 
 const hasNativeSymbolSupport = /*@__PURE__*/(() => Symbol('x').toString() === 'Symbol(x)')();
-/** version: 2.7.0 */
+/** version: 2.7.4 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -301,6 +301,7 @@ const {
   getElementsByClassName: getElementsByClassName$1
 } = HTMLElement.prototype;
 const shadowRootGetter = hasOwnProperty.call(Element.prototype, 'shadowRoot') ? getOwnPropertyDescriptor(Element.prototype, 'shadowRoot').get : () => null;
+const assignedSlotGetter$1 = hasOwnProperty.call(Element.prototype, 'assignedSlot') ? getOwnPropertyDescriptor(Element.prototype, 'assignedSlot').get : () => null;
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -1523,7 +1524,7 @@ if (!_globalThis.lwcRuntimeFlags) {
 }
 
 const runtimeFlags = _globalThis.lwcRuntimeFlags;
-/** version: 2.7.0 */
+/** version: 2.7.4 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -1616,7 +1617,9 @@ function parentElementGetterPatched() {
 }
 
 function compareDocumentPositionPatched(otherNode) {
-  if (this.getRootNode() === otherNode) {
+  if (this === otherNode) {
+    return 0;
+  } else if (this.getRootNode() === otherNode) {
     // "this" is in a shadow tree where the shadow root is the "otherNode".
     return 10; // Node.DOCUMENT_POSITION_CONTAINS | Node.DOCUMENT_POSITION_PRECEDING
   } else if (getNodeOwnerKey(this) !== getNodeOwnerKey(otherNode)) {
@@ -2007,7 +2010,22 @@ function getAllRootNodes(node) {
   }
 
   return rootNodes;
-}
+} // Keep searching up the host tree until we find an element that is within the immediate shadow root
+
+
+const findAncestorHostInImmediateShadowRoot = (rootNode, targetRootNode) => {
+  let host;
+
+  while (!isUndefined(host = rootNode.host)) {
+    const thisRootNode = host.getRootNode();
+
+    if (thisRootNode === targetRootNode) {
+      return host;
+    }
+
+    rootNode = thisRootNode;
+  }
+};
 
 function fauxElementsFromPoint(context, doc, left, top) {
   const elements = elementsFromPoint.call(doc, left, top);
@@ -2021,8 +2039,28 @@ function fauxElementsFromPoint(context, doc, left, top) {
     for (let i = 0; i < elements.length; i++) {
       const element = elements[i];
 
-      if (rootNodes.indexOf(element.getRootNode()) !== -1 && !isSyntheticSlotElement(element)) {
-        result.push(element);
+      if (isSyntheticSlotElement(element)) {
+        continue;
+      }
+
+      const elementRootNode = element.getRootNode();
+
+      if (ArrayIndexOf.call(rootNodes, elementRootNode) !== -1) {
+        ArrayPush.call(result, element);
+        continue;
+      } // In cases where the host element is not visible but its shadow descendants are, then
+      // we may get the shadow descendant instead of the host element here. (The
+      // browser doesn't know the difference in synthetic shadow DOM.)
+      // In native shadow DOM, however, elementsFromPoint would return the host but not
+      // the child. So we need to detect if this shadow element's host is accessible from
+      // the context's shadow root. Note we also need to be careful not to add the host
+      // multiple times.
+
+
+      const ancestorHost = findAncestorHostInImmediateShadowRoot(elementRootNode, rootNodes[0]);
+
+      if (!isUndefined(ancestorHost) && ArrayIndexOf.call(elements, ancestorHost) === -1 && ArrayIndexOf.call(result, ancestorHost) === -1) {
+        ArrayPush.call(result, ancestorHost);
       }
     }
   }
@@ -3977,6 +4015,14 @@ retargetRelatedTarget(FocusEvent);
  */
 retargetRelatedTarget(MouseEvent);
 
+/*
+ * Copyright (c) 2021, 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
+ */
+const assignedSlotGetter = hasOwnProperty.call(Text.prototype, 'assignedSlot') ? getOwnPropertyDescriptor(Text.prototype, 'assignedSlot').get : () => null;
+
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -4030,10 +4076,22 @@ function getFilteredSlotFlattenNodes(slot) {
 }
 
 function assignedSlotGetterPatched() {
-  const parentNode = parentNodeGetter.call(this);
+  const parentNode = parentNodeGetter.call(this); // use original assignedSlot if parent has a native shdow root
+
+  if (parentNode instanceof Element) {
+    const sr = shadowRootGetter.call(parentNode);
+
+    if (isInstanceOfNativeShadowRoot(sr)) {
+      if (this instanceof Text) {
+        return assignedSlotGetter.call(this);
+      }
+
+      return assignedSlotGetter$1.call(this);
+    }
+  }
   /**
    * The node is assigned to a slot if:
-   *  - it has a parent and it parent its parent is a slot element
+   *  - it has a parent and its parent is a slot element
    *  - and if the slot owner key is different than the node owner key.
    *
    * When the slot and the slotted node are 2 different shadow trees, the owner keys will be
@@ -4042,6 +4100,7 @@ function assignedSlotGetterPatched() {
    * different than the node owner key (always `undefined`).
    */
 
+
   if (!isNull(parentNode) && isSlotElement(parentNode) && getNodeOwnerKey(parentNode) !== getNodeOwnerKey(this)) {
     return parentNode;
   }
@@ -5656,4 +5715,4 @@ defineProperty(Element.prototype, '$domManual$', {
 
   configurable: true
 });
-/** version: 2.7.0 */
+/** version: 2.7.4 */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lwc/synthetic-shadow",
-    "version": "2.7.0",
+    "version": "2.7.4",
     "description": "Synthetic Shadow Root for LWC",
     "homepage": "https://lwc.dev/",
     "repository": {
@@ -36,8 +36,8 @@
         "access": "public"
     },
     "devDependencies": {
-        "@lwc/features": "2.7.0",
-        "@lwc/shared": "2.7.0"
+        "@lwc/features": "2.7.4",
+        "@lwc/shared": "2.7.4"
     },
-    "gitHead": "656663a9f95f90bd648c6fc2200201afc0156393"
+    "gitHead": "df4eda8be794fa5f7a01148c137eea4e546a0844"
 }