lwc 2.5.10 → 2.6.3

package/dist/synthetic-shadow/umd/es5/synthetic-shadow.js

@@ -7,9 +7,13 @@
 
   function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
   function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
   /* proxy-compat-disable */
 
@@ -195,7 +199,7 @@
   var hasNativeSymbolSupport = /*@__PURE__*/function () {
     return Symbol('x').toString() === 'Symbol(x)';
   }();
-  /** version: 2.5.10 */
+  /** version: 2.6.3 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -295,6 +299,9 @@
   var shadowRootGetter = hasOwnProperty.call(Element.prototype, 'shadowRoot') ? getOwnPropertyDescriptor(Element.prototype, 'shadowRoot').get : function () {
     return null;
   };
+  var assignedSlotGetter$1 = hasOwnProperty.call(Element.prototype, 'assignedSlot') ? getOwnPropertyDescriptor(Element.prototype, 'assignedSlot').get : function () {
+    return null;
+  };
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -428,9 +435,9 @@
   function apply$4() {
     // IE11 does not have this element definition
     // we don't care much about the construction phase, just the prototype
-    var HTMLSlotElement = function HTMLSlotElement() {
+    var HTMLSlotElement = /*#__PURE__*/_createClass(function HTMLSlotElement() {
       _classCallCheck(this, HTMLSlotElement);
-    }; // prototype inheritance dance
+    }); // prototype inheritance dance
 
 
     setPrototypeOf(HTMLSlotElement, HTMLElement.constructor);
@@ -516,20 +523,6 @@
 
     return cloned;
   }
-  /**
-   * Copyright (C) 2018 salesforce.com, inc.
-   */
-
-
-  if (!_globalThis.lwcRuntimeFlags) {
-    Object.defineProperty(_globalThis, 'lwcRuntimeFlags', {
-      value: create(null)
-    });
-  }
-
-  var runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.5.10 */
-
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -537,6 +530,7 @@
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
 
+
   var eventTargetPrototype = typeof EventTarget !== 'undefined' ? EventTarget.prototype : _Node.prototype;
   var addEventListener = eventTargetPrototype.addEventListener,
       dispatchEvent = eventTargetPrototype.dispatchEvent,
@@ -589,17 +583,9 @@
           assert.invariant(isFalse(isSyntheticShadowHost(currentTarget)), 'This routine should not be used to wrap event listeners for host elements and shadow roots.');
         }
 
-        var composed = event.composed;
-        var shouldInvoke;
-
-        if (runtimeFlags.ENABLE_NON_COMPOSED_EVENTS_LEAKAGE) {
-          shouldInvoke = !(eventToShadowRootMap.has(event) && isFalse(composed));
-        } else {
-          var actualTarget = getActualTarget(event);
-          shouldInvoke = shouldInvokeListener(event, actualTarget, currentTarget);
-        }
+        var actualTarget = getActualTarget(event);
 
-        if (!shouldInvoke) {
+        if (!shouldInvokeListener(event, actualTarget, currentTarget)) {
           return;
         }
 
@@ -620,25 +606,6 @@
 
 
   var eventToContextMap = new WeakMap();
-
-  function isChildNode(root, node) {
-    return !!(compareDocumentPosition.call(root, node) & DOCUMENT_POSITION_CONTAINED_BY);
-  }
-
-  var GET_ROOT_NODE_CONFIG_FALSE = {
-    composed: false
-  };
-
-  function getRootNodeHost(node, options) {
-    var rootNode = node.getRootNode(options);
-
-    if (isSyntheticShadowRoot(rootNode)) {
-      rootNode = getHost(rootNode);
-    }
-
-    return rootNode;
-  }
-
   var customElementToWrappedListeners = new WeakMap();
 
   function getEventMap(elm) {
@@ -683,16 +650,9 @@
           currentTarget = getShadowRoot(currentTarget);
         }
 
-        var shouldInvoke;
-
-        if (runtimeFlags.ENABLE_NON_COMPOSED_EVENTS_LEAKAGE) {
-          shouldInvoke = shouldInvokeShadowRootListener(event);
-        } else {
-          var actualTarget = getActualTarget(event);
-          shouldInvoke = shouldInvokeListener(event, actualTarget, currentTarget);
-        }
+        var actualTarget = getActualTarget(event);
 
-        if (shouldInvoke) {
+        if (shouldInvokeListener(event, actualTarget, currentTarget)) {
           listener.call(currentTarget, event);
         }
       };
@@ -719,16 +679,9 @@
       customElementWrappedListener = function customElementWrappedListener(event) {
         // currentTarget is always defined inside an event listener
         var currentTarget = eventCurrentTargetGetter.call(event);
-        var shouldInvoke;
+        var actualTarget = getActualTarget(event);
 
-        if (runtimeFlags.ENABLE_NON_COMPOSED_EVENTS_LEAKAGE) {
-          shouldInvoke = shouldInvokeCustomElementListener(event);
-        } else {
-          var actualTarget = getActualTarget(event);
-          shouldInvoke = shouldInvokeListener(event, actualTarget, currentTarget);
-        }
-
-        if (shouldInvoke) {
+        if (shouldInvokeListener(event, actualTarget, currentTarget)) {
           listener.call(currentTarget, event);
         }
       };
@@ -845,66 +798,6 @@
     }
   }
 
-  function shouldInvokeCustomElementListener(event) {
-    var composed = event.composed;
-
-    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;
-    }
-
-    var target = eventTargetGetter.call(event);
-    var 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.
-
-
-    var targetHost = getRootNodeHost(target, GET_ROOT_NODE_CONFIG_FALSE);
-    var currentTargetHost = currentTarget;
-    return isChildNode(targetHost, currentTargetHost);
-  }
-
-  function shouldInvokeShadowRootListener(event) {
-    var composed = event.composed;
-    var target = eventTargetGetter.call(event);
-    var 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;
-    }
-
-    var targetHost = getRootNodeHost(target, GET_ROOT_NODE_CONFIG_FALSE);
-    var currentTargetHost = currentTarget;
-    var 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)) {
@@ -1019,6 +912,15 @@
   function isNodeShadowed(node) {
     return !isUndefined(getNodeOwnerKey(node));
   }
+  /**
+   * Returns true if this node is a shadow host, is in a shadow host, or contains a shadow host
+   * anywhere in its tree.
+   */
+
+
+  function isNodeOrDescendantsShadowed(node) {
+    return isNodeShadowed(node) || isSyntheticShadowHost(node) || containsHost(node);
+  }
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -1620,6 +1522,20 @@
         }
     }
   }
+  /**
+   * Copyright (C) 2018 salesforce.com, inc.
+   */
+
+
+  if (!_globalThis.lwcRuntimeFlags) {
+    Object.defineProperty(_globalThis, 'lwcRuntimeFlags', {
+      value: create(null)
+    });
+  }
+
+  var runtimeFlags = _globalThis.lwcRuntimeFlags;
+  /** version: 2.6.3 */
+
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -1634,7 +1550,6 @@
    * because we don't want to patch the children getters for those elements.
    */
 
-
   function hasMountedChildren(node) {
     return isSyntheticSlotElement(node) || isSyntheticShadowHost(node);
   }
@@ -1713,7 +1628,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)) {
@@ -1759,7 +1676,7 @@
   function childNodesGetterPatched() {
     if (isSyntheticShadowHost(this)) {
       var owner = getNodeOwner(this);
-      var childNodes = isNull(owner) ? [] : getAllMatches(owner, getFilteredChildNodes(this));
+      var childNodes = isNull(owner) ? getFilteredChildNodes(this) : 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
@@ -1868,7 +1785,8 @@
     textContent: {
       get: function get() {
         if (!runtimeFlags.ENABLE_NODE_PATCH) {
-          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
+          // See note on get innerHTML in faux-shadow/element.ts
+          if (isNodeOrDescendantsShadowed(this)) {
             return textContentGetterPatched.call(this);
           }
 
@@ -2093,7 +2011,22 @@
     }
 
     return rootNodes;
-  }
+  } // Keep searching up the host tree until we find an element that is within the immediate shadow root
+
+
+  var findAncestorHostInImmediateShadowRoot = function findAncestorHostInImmediateShadowRoot(rootNode, targetRootNode) {
+    var host;
+
+    while (!isUndefined(host = rootNode.host)) {
+      var thisRootNode = host.getRootNode();
+
+      if (thisRootNode === targetRootNode) {
+        return host;
+      }
+
+      rootNode = thisRootNode;
+    }
+  };
 
   function fauxElementsFromPoint(context, doc, left, top) {
     var elements = elementsFromPoint.call(doc, left, top);
@@ -2107,8 +2040,28 @@
       for (var i = 0; i < elements.length; i++) {
         var element = elements[i];
 
-        if (rootNodes.indexOf(element.getRootNode()) !== -1 && !isSyntheticSlotElement(element)) {
-          result.push(element);
+        if (isSyntheticSlotElement(element)) {
+          continue;
+        }
+
+        var 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.
+
+
+        var ancestorHost = findAncestorHostInImmediateShadowRoot(elementRootNode, rootNodes[0]);
+
+        if (!isUndefined(ancestorHost) && ArrayIndexOf.call(elements, ancestorHost) === -1 && ArrayIndexOf.call(result, ancestorHost) === -1) {
+          ArrayPush.call(result, ancestorHost);
         }
       }
     }
@@ -2188,6 +2141,29 @@
   function isSyntheticShadowRoot(node) {
     var shadowRootRecord = InternalSlot.get(node);
     return !isUndefined(shadowRootRecord) && node === shadowRootRecord.shadowRoot;
+  } // Return true if any descendant is a host element
+
+
+  function containsHost(node) {
+    // IE11 complains with "Unexpected call to method or property access." when calling walker.nextNode().
+    // The fix for this is to only walk trees for nodes that are Node.ELEMENT_NODE.
+    if (node.nodeType !== _Node.ELEMENT_NODE) {
+      return false;
+    } // IE requires all four arguments, even though the fourth is deprecated
+    // https://developer.mozilla.org/en-US/docs/Web/API/Document/createTreeWalker#browser_compatibility
+    // @ts-ignore
+
+
+    var walker = document.createTreeWalker(node, NodeFilter.SHOW_ELEMENT, null, false);
+    var descendant;
+
+    while (!isNull(descendant = walker.nextNode())) {
+      if (isSyntheticShadowHost(descendant)) {
+        return true;
+      }
+    }
+
+    return false;
   }
 
   var uid = 0;
@@ -2236,6 +2212,12 @@
       value: function value() {
         return "[object ShadowRoot]";
       }
+    },
+    synthetic: {
+      writable: false,
+      enumerable: false,
+      configurable: false,
+      value: true
     }
   };
   var ShadowRootDescriptors = {
@@ -3967,6 +3949,16 @@
    */
 
   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
+   */
+
+  var assignedSlotGetter = hasOwnProperty.call(Text.prototype, 'assignedSlot') ? getOwnPropertyDescriptor(Text.prototype, 'assignedSlot').get : function () {
+    return null;
+  };
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -4018,10 +4010,22 @@
   }
 
   function assignedSlotGetterPatched() {
-    var parentNode = parentNodeGetter.call(this);
+    var parentNode = parentNodeGetter.call(this); // use original assignedSlot if parent has a native shdow root
+
+    if (parentNode instanceof Element) {
+      var 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
@@ -4030,6 +4034,7 @@
      * different than the node owner key (always `undefined`).
      */
 
+
     if (!isNull(parentNode) && isSlotElement(parentNode) && getNodeOwnerKey(parentNode) !== getNodeOwnerKey(this)) {
       return parentNode;
     }
@@ -4246,7 +4251,10 @@
     innerHTML: {
       get: function get() {
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
+          // If this element is in synthetic shadow, if it's a synthetic shadow host,
+          // or if any of its descendants are synthetic shadow hosts, then we can't
+          // use the native innerHTML because it would expose private node internals.
+          if (isNodeOrDescendantsShadowed(this)) {
             return innerHTMLGetterPatched.call(this);
           }
 
@@ -4269,7 +4277,8 @@
     outerHTML: {
       get: function get() {
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
+          // See notes above on get innerHTML
+          if (isNodeOrDescendantsShadowed(this)) {
             return outerHTMLGetterPatched.call(this);
           }
 
@@ -5633,6 +5642,6 @@
     },
     configurable: true
   });
-  /** version: 2.5.10 */
+  /** version: 2.6.3 */
 
 }));