lwc 2.5.10 → 2.7.1

package/dist/synthetic-shadow/esm/es2017/synthetic-shadow.js

@@ -194,7 +194,7 @@ const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
 // we can't use typeof since it will fail when transpiling.
 
 const hasNativeSymbolSupport = /*@__PURE__*/(() => Symbol('x').toString() === 'Symbol(x)')();
-/** version: 2.5.10 */
+/** version: 2.7.1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -302,6 +302,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.
  * All rights reserved.
@@ -521,20 +522,6 @@ function arrayFromCollection(collection) {
 
   return cloned;
 }
-/**
- * Copyright (C) 2018 salesforce.com, inc.
- */
-
-
-if (!_globalThis.lwcRuntimeFlags) {
-  Object.defineProperty(_globalThis, 'lwcRuntimeFlags', {
-    value: create(null)
-  });
-}
-
-const runtimeFlags = _globalThis.lwcRuntimeFlags;
-/** version: 2.5.10 */
-
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -542,6 +529,7 @@ const runtimeFlags = _globalThis.lwcRuntimeFlags;
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 
+
 const eventTargetPrototype = typeof EventTarget !== 'undefined' ? EventTarget.prototype : _Node.prototype;
 const {
   addEventListener,
@@ -596,19 +584,9 @@ function getEventListenerWrapper(fnOrObj) {
         assert.invariant(isFalse(isSyntheticShadowHost(currentTarget)), 'This routine should not be used to wrap event listeners for host elements and shadow roots.');
       }
 
-      const {
-        composed
-      } = event;
-      let shouldInvoke;
-
-      if (runtimeFlags.ENABLE_NON_COMPOSED_EVENTS_LEAKAGE) {
-        shouldInvoke = !(eventToShadowRootMap.has(event) && isFalse(composed));
-      } else {
-        const actualTarget = getActualTarget(event);
-        shouldInvoke = shouldInvokeListener(event, actualTarget, currentTarget);
-      }
+      const actualTarget = getActualTarget(event);
 
-      if (!shouldInvoke) {
+      if (!shouldInvokeListener(event, actualTarget, currentTarget)) {
         return;
       }
 
@@ -629,25 +607,6 @@ function getEventListenerWrapper(fnOrObj) {
 
 
 const eventToContextMap = new WeakMap();
-
-function isChildNode(root, node) {
-  return !!(compareDocumentPosition.call(root, node) & DOCUMENT_POSITION_CONTAINED_BY);
-}
-
-const GET_ROOT_NODE_CONFIG_FALSE = {
-  composed: false
-};
-
-function getRootNodeHost(node, options) {
-  let rootNode = node.getRootNode(options);
-
-  if (isSyntheticShadowRoot(rootNode)) {
-    rootNode = getHost(rootNode);
-  }
-
-  return rootNode;
-}
-
 const customElementToWrappedListeners = new WeakMap();
 
 function getEventMap(elm) {
@@ -692,16 +651,9 @@ function getWrappedShadowRootListener(listener) {
         currentTarget = getShadowRoot(currentTarget);
       }
 
-      let shouldInvoke;
-
-      if (runtimeFlags.ENABLE_NON_COMPOSED_EVENTS_LEAKAGE) {
-        shouldInvoke = shouldInvokeShadowRootListener(event);
-      } else {
-        const actualTarget = getActualTarget(event);
-        shouldInvoke = shouldInvokeListener(event, actualTarget, currentTarget);
-      }
+      const actualTarget = getActualTarget(event);
 
-      if (shouldInvoke) {
+      if (shouldInvokeListener(event, actualTarget, currentTarget)) {
         listener.call(currentTarget, event);
       }
     };
@@ -728,16 +680,9 @@ function getWrappedCustomElementListener(listener) {
     customElementWrappedListener = function (event) {
       // currentTarget is always defined inside an event listener
       const currentTarget = eventCurrentTargetGetter.call(event);
-      let shouldInvoke;
-
-      if (runtimeFlags.ENABLE_NON_COMPOSED_EVENTS_LEAKAGE) {
-        shouldInvoke = shouldInvokeCustomElementListener(event);
-      } else {
-        const actualTarget = getActualTarget(event);
-        shouldInvoke = shouldInvokeListener(event, actualTarget, currentTarget);
-      }
+      const actualTarget = getActualTarget(event);
 
-      if (shouldInvoke) {
+      if (shouldInvokeListener(event, actualTarget, currentTarget)) {
         listener.call(currentTarget, event);
       }
     };
@@ -858,70 +803,6 @@ function detachDOMListener(elm, type, wrappedListener) {
   }
 }
 
-function shouldInvokeCustomElementListener(event) {
-  const {
-    composed
-  } = event;
-
-  if (isTrue(composed)) {
-    // Listeners on host elements should always be invoked for {composed: true} events.
-    return true;
-  } // If this {composed: false} event was dispatched on any root.
-
-
-  if (eventToShadowRootMap.has(event)) {
-    return false;
-  }
-
-  const target = eventTargetGetter.call(event);
-  const currentTarget = eventCurrentTargetGetter.call(event); // If this {composed: false} event was dispatched on the current target host.
-
-  if (target === currentTarget) {
-    return true;
-  } // At this point the event must be {bubbles: true, composed: false} and was dispatched from a
-  // shadow-excluding descendant node. In this case, we only invoke the listener if the target
-  // host was assigned to a slot in the composed subtree of the current target host.
-
-
-  const targetHost = getRootNodeHost(target, GET_ROOT_NODE_CONFIG_FALSE);
-  const currentTargetHost = currentTarget;
-  return isChildNode(targetHost, currentTargetHost);
-}
-
-function shouldInvokeShadowRootListener(event) {
-  const {
-    composed
-  } = event;
-  const target = eventTargetGetter.call(event);
-  const currentTarget = eventCurrentTargetGetter.call(event); // If the event was dispatched on the host or its root.
-
-  if (target === currentTarget) {
-    // Invoke the listener if the event was dispatched directly on the root.
-    return eventToShadowRootMap.get(event) === getShadowRoot(target);
-  } // At this point the event is {bubbles: true} and was dispatched from a shadow-including descendant node.
-
-
-  if (isTrue(composed)) {
-    // Invoke the listener if the event is {composed: true}.
-    return true;
-  } // At this point the event must be {bubbles: true, composed: false}.
-
-
-  if (isTrue(eventToShadowRootMap.has(event))) {
-    // Don't invoke the listener because the event was dispatched on a descendant root.
-    return false;
-  }
-
-  const targetHost = getRootNodeHost(target, GET_ROOT_NODE_CONFIG_FALSE);
-  const currentTargetHost = currentTarget;
-  const isCurrentTargetSlotted = isChildNode(targetHost, currentTargetHost); // At this point the event must be {bubbles: true, composed: false} and was dispatched from a
-  // shadow-excluding descendant node. In this case, we only invoke the listener if the target
-  // host was assigned to a slot in the composed subtree of the current target host, or the
-  // descendant node is in the shadow tree of the current root.
-
-  return isCurrentTargetSlotted || targetHost === currentTargetHost;
-}
-
 function addCustomElementEventListener(type, listener, _options) {
   if (process.env.NODE_ENV !== 'production') {
     if (!isFunction(listener)) {
@@ -1669,6 +1550,20 @@ function getOuterHTML(node) {
       }
   }
 }
+/**
+ * Copyright (C) 2018 salesforce.com, inc.
+ */
+
+
+if (!_globalThis.lwcRuntimeFlags) {
+  Object.defineProperty(_globalThis, 'lwcRuntimeFlags', {
+    value: create(null)
+  });
+}
+
+const runtimeFlags = _globalThis.lwcRuntimeFlags;
+/** version: 2.7.1 */
+
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -1683,7 +1578,6 @@ function getOuterHTML(node) {
  * because we don't want to patch the children getters for those elements.
  */
 
-
 function hasMountedChildren(node) {
   return isSyntheticSlotElement(node) || isSyntheticShadowHost(node);
 }
@@ -1762,7 +1656,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)) {
@@ -2302,6 +2198,12 @@ const SyntheticShadowRootDescriptors = {
       return `[object ShadowRoot]`;
     }
 
+  },
+  synthetic: {
+    writable: false,
+    enumerable: false,
+    configurable: false,
+    value: true
   }
 };
 const ShadowRootDescriptors = {
@@ -4140,6 +4042,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.
@@ -4193,10 +4103,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
@@ -4205,6 +4127,7 @@ function assignedSlotGetterPatched() {
    * different than the node owner key (always `undefined`).
    */
 
+
   if (!isNull(parentNode) && isSlotElement(parentNode) && getNodeOwnerKey(parentNode) !== getNodeOwnerKey(this)) {
     return parentNode;
   }
@@ -5829,4 +5752,4 @@ defineProperty(Element.prototype, '$domManual$', {
 
   configurable: true
 });
-/** version: 2.5.10 */
+/** version: 2.7.1 */

package/dist/synthetic-shadow/iife/es2017/synthetic-shadow.js

@@ -197,7 +197,7 @@
   // we can't use typeof since it will fail when transpiling.
 
   const hasNativeSymbolSupport = /*@__PURE__*/(() => Symbol('x').toString() === 'Symbol(x)')();
-  /** version: 2.5.10 */
+  /** version: 2.7.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -305,6 +305,7 @@
     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.
    * All rights reserved.
@@ -524,20 +525,6 @@
 
     return cloned;
   }
-  /**
-   * Copyright (C) 2018 salesforce.com, inc.
-   */
-
-
-  if (!_globalThis.lwcRuntimeFlags) {
-    Object.defineProperty(_globalThis, 'lwcRuntimeFlags', {
-      value: create(null)
-    });
-  }
-
-  const runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.5.10 */
-
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -545,6 +532,7 @@
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
 
+
   const eventTargetPrototype = typeof EventTarget !== 'undefined' ? EventTarget.prototype : _Node.prototype;
   const {
     addEventListener,
@@ -599,19 +587,9 @@
           assert.invariant(isFalse(isSyntheticShadowHost(currentTarget)), 'This routine should not be used to wrap event listeners for host elements and shadow roots.');
         }
 
-        const {
-          composed
-        } = event;
-        let shouldInvoke;
-
-        if (runtimeFlags.ENABLE_NON_COMPOSED_EVENTS_LEAKAGE) {
-          shouldInvoke = !(eventToShadowRootMap.has(event) && isFalse(composed));
-        } else {
-          const actualTarget = getActualTarget(event);
-          shouldInvoke = shouldInvokeListener(event, actualTarget, currentTarget);
-        }
+        const actualTarget = getActualTarget(event);
 
-        if (!shouldInvoke) {
+        if (!shouldInvokeListener(event, actualTarget, currentTarget)) {
           return;
         }
 
@@ -632,25 +610,6 @@
 
 
   const eventToContextMap = new WeakMap();
-
-  function isChildNode(root, node) {
-    return !!(compareDocumentPosition.call(root, node) & DOCUMENT_POSITION_CONTAINED_BY);
-  }
-
-  const GET_ROOT_NODE_CONFIG_FALSE = {
-    composed: false
-  };
-
-  function getRootNodeHost(node, options) {
-    let rootNode = node.getRootNode(options);
-
-    if (isSyntheticShadowRoot(rootNode)) {
-      rootNode = getHost(rootNode);
-    }
-
-    return rootNode;
-  }
-
   const customElementToWrappedListeners = new WeakMap();
 
   function getEventMap(elm) {
@@ -695,16 +654,9 @@
           currentTarget = getShadowRoot(currentTarget);
         }
 
-        let shouldInvoke;
-
-        if (runtimeFlags.ENABLE_NON_COMPOSED_EVENTS_LEAKAGE) {
-          shouldInvoke = shouldInvokeShadowRootListener(event);
-        } else {
-          const actualTarget = getActualTarget(event);
-          shouldInvoke = shouldInvokeListener(event, actualTarget, currentTarget);
-        }
+        const actualTarget = getActualTarget(event);
 
-        if (shouldInvoke) {
+        if (shouldInvokeListener(event, actualTarget, currentTarget)) {
           listener.call(currentTarget, event);
         }
       };
@@ -731,16 +683,9 @@
       customElementWrappedListener = function (event) {
         // currentTarget is always defined inside an event listener
         const currentTarget = eventCurrentTargetGetter.call(event);
-        let shouldInvoke;
-
-        if (runtimeFlags.ENABLE_NON_COMPOSED_EVENTS_LEAKAGE) {
-          shouldInvoke = shouldInvokeCustomElementListener(event);
-        } else {
-          const actualTarget = getActualTarget(event);
-          shouldInvoke = shouldInvokeListener(event, actualTarget, currentTarget);
-        }
+        const actualTarget = getActualTarget(event);
 
-        if (shouldInvoke) {
+        if (shouldInvokeListener(event, actualTarget, currentTarget)) {
           listener.call(currentTarget, event);
         }
       };
@@ -861,70 +806,6 @@
     }
   }
 
-  function shouldInvokeCustomElementListener(event) {
-    const {
-      composed
-    } = event;
-
-    if (isTrue(composed)) {
-      // Listeners on host elements should always be invoked for {composed: true} events.
-      return true;
-    } // If this {composed: false} event was dispatched on any root.
-
-
-    if (eventToShadowRootMap.has(event)) {
-      return false;
-    }
-
-    const target = eventTargetGetter.call(event);
-    const currentTarget = eventCurrentTargetGetter.call(event); // If this {composed: false} event was dispatched on the current target host.
-
-    if (target === currentTarget) {
-      return true;
-    } // At this point the event must be {bubbles: true, composed: false} and was dispatched from a
-    // shadow-excluding descendant node. In this case, we only invoke the listener if the target
-    // host was assigned to a slot in the composed subtree of the current target host.
-
-
-    const targetHost = getRootNodeHost(target, GET_ROOT_NODE_CONFIG_FALSE);
-    const currentTargetHost = currentTarget;
-    return isChildNode(targetHost, currentTargetHost);
-  }
-
-  function shouldInvokeShadowRootListener(event) {
-    const {
-      composed
-    } = event;
-    const target = eventTargetGetter.call(event);
-    const currentTarget = eventCurrentTargetGetter.call(event); // If the event was dispatched on the host or its root.
-
-    if (target === currentTarget) {
-      // Invoke the listener if the event was dispatched directly on the root.
-      return eventToShadowRootMap.get(event) === getShadowRoot(target);
-    } // At this point the event is {bubbles: true} and was dispatched from a shadow-including descendant node.
-
-
-    if (isTrue(composed)) {
-      // Invoke the listener if the event is {composed: true}.
-      return true;
-    } // At this point the event must be {bubbles: true, composed: false}.
-
-
-    if (isTrue(eventToShadowRootMap.has(event))) {
-      // Don't invoke the listener because the event was dispatched on a descendant root.
-      return false;
-    }
-
-    const targetHost = getRootNodeHost(target, GET_ROOT_NODE_CONFIG_FALSE);
-    const currentTargetHost = currentTarget;
-    const isCurrentTargetSlotted = isChildNode(targetHost, currentTargetHost); // At this point the event must be {bubbles: true, composed: false} and was dispatched from a
-    // shadow-excluding descendant node. In this case, we only invoke the listener if the target
-    // host was assigned to a slot in the composed subtree of the current target host, or the
-    // descendant node is in the shadow tree of the current root.
-
-    return isCurrentTargetSlotted || targetHost === currentTargetHost;
-  }
-
   function addCustomElementEventListener(type, listener, _options) {
     if (process.env.NODE_ENV !== 'production') {
       if (!isFunction(listener)) {
@@ -1672,6 +1553,20 @@
         }
     }
   }
+  /**
+   * Copyright (C) 2018 salesforce.com, inc.
+   */
+
+
+  if (!_globalThis.lwcRuntimeFlags) {
+    Object.defineProperty(_globalThis, 'lwcRuntimeFlags', {
+      value: create(null)
+    });
+  }
+
+  const runtimeFlags = _globalThis.lwcRuntimeFlags;
+  /** version: 2.7.1 */
+
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -1686,7 +1581,6 @@
    * because we don't want to patch the children getters for those elements.
    */
 
-
   function hasMountedChildren(node) {
     return isSyntheticSlotElement(node) || isSyntheticShadowHost(node);
   }
@@ -1765,7 +1659,9 @@
   }
 
   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)) {
@@ -2305,6 +2201,12 @@
         return `[object ShadowRoot]`;
       }
 
+    },
+    synthetic: {
+      writable: false,
+      enumerable: false,
+      configurable: false,
+      value: true
     }
   };
   const ShadowRootDescriptors = {
@@ -4143,6 +4045,14 @@
    */
 
   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.
@@ -4196,10 +4106,22 @@
   }
 
   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
@@ -4208,6 +4130,7 @@
      * different than the node owner key (always `undefined`).
      */
 
+
     if (!isNull(parentNode) && isSlotElement(parentNode) && getNodeOwnerKey(parentNode) !== getNodeOwnerKey(this)) {
       return parentNode;
     }
@@ -5832,6 +5755,6 @@
 
     configurable: true
   });
-  /** version: 2.5.10 */
+  /** version: 2.7.1 */
 
 })();