lwc 2.5.3 → 2.5.4

package/dist/synthetic-shadow/iife/es5/synthetic-shadow_debug.js

@@ -117,7 +117,7 @@
   var KEY__SHADOW_TOKEN = '$shadowToken$';
   var KEY__SHADOW_TOKEN_PRIVATE = '$$ShadowTokenKey$$';
   var KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
-  /** version: 2.5.3 */
+  /** version: 2.5.4 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -448,7 +448,7 @@
   }
 
   var runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.5.3 */
+  /** version: 2.5.4 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -922,6 +922,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.
@@ -1111,13 +1120,13 @@
   }
 
   function getFilteredChildNodes(node) {
-    if (!isHostElement(node) && !isSlotElement(node)) {
+    if (!isSyntheticShadowHost(node) && !isSlotElement(node)) {
       // regular element - fast path
       var children = childNodesGetter.call(node);
       return arrayFromCollection(children);
     }
 
-    if (isHostElement(node)) {
+    if (isSyntheticShadowHost(node)) {
       // we need to get only the nodes that were slotted
       var slots = arrayFromCollection(querySelectorAll$1.call(node, 'slot'));
       var resolver = getShadowRootResolver(getShadowRoot(node)); // Typescript is inferring the wrong function type for this particular
@@ -1529,7 +1538,7 @@
 
 
   function hasMountedChildren(node) {
-    return isSyntheticSlotElement(node) || isHostElement(node);
+    return isSyntheticSlotElement(node) || isSyntheticShadowHost(node);
   }
 
   function getShadowParent(node, value) {
@@ -1650,9 +1659,9 @@
 
 
   function childNodesGetterPatched() {
-    if (isHostElement(this)) {
+    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));
 
       return createStaticNodeList(childNodes);
     } // nothing to do here since this does not have a synthetic shadow attached to it
@@ -1753,7 +1762,8 @@
     textContent: {
       get: function get() {
         if (!runtimeFlags.ENABLE_NODE_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          // See note on get innerHTML in faux-shadow/element.ts
+          if (isNodeOrDescendantsShadowed(this)) {
             return textContentGetterPatched.call(this);
           }
 
@@ -1858,7 +1868,7 @@
             return false;
           }
 
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return containsPatched.call(this, otherNode);
           }
 
@@ -1879,7 +1889,7 @@
     cloneNode: {
       value: function value(deep) {
         if (!runtimeFlags.ENABLE_NODE_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return cloneNodePatched.call(this, deep);
           }
 
@@ -1982,7 +1992,7 @@
       createDocumentFragment = _document.createDocumentFragment;
 
   function hasInternalSlot(root) {
-    return Boolean(InternalSlot.get(root));
+    return InternalSlot.has(root);
   }
 
   function getInternalSlot(root) {
@@ -2034,14 +2044,36 @@
   // and we can avoid having to cast the type before calling this method in a few places.
 
 
-  function isHostElement(node) {
-    return !isUndefined(InternalSlot.get(node));
+  function isSyntheticShadowHost(node) {
+    var shadowRootRecord = InternalSlot.get(node);
+    return !isUndefined(shadowRootRecord) && node === shadowRootRecord.host;
+  }
+
+  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) {
+    // IE requires all arguments
+    // https://developer.mozilla.org/en-US/docs/Web/API/Document/createTreeWalker#browser_compatibility
+    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;
 
   function attachShadow(elm, options) {
-    if (!isUndefined(InternalSlot.get(elm))) {
+    if (InternalSlot.has(elm)) {
       throw new Error("Failed to execute 'attachShadow' on 'Element': Shadow root cannot be created on a host which already hosts a shadow tree.");
     }
 
@@ -2545,7 +2577,7 @@
         } else {
           current = current.parentNode;
         }
-      } else if ((current instanceof SyntheticShadowRoot || isInstanceOfNativeShadowRoot(current)) && (composed || current !== startRoot)) {
+      } else if ((isSyntheticShadowRoot(current) || isInstanceOfNativeShadowRoot(current)) && (composed || current !== startRoot)) {
         current = current.host;
       } else if (current instanceof _Node) {
         current = current.parentNode;
@@ -2607,7 +2639,7 @@
         lastRoot = root;
       }
 
-      if (!(root instanceof SyntheticShadowRoot) || !isUndefined(rootIdx) && rootIdx > -1) {
+      if (!isSyntheticShadowRoot(root) || !isUndefined(rootIdx) && rootIdx > -1) {
         return ancestor;
       }
     }
@@ -3400,10 +3432,10 @@
     if (ArrayIndexOf.call(targetObservers, this) === -1) {
       ArrayPush.call(targetObservers, this);
     } // else There is more bookkeeping to do here https://dom.spec.whatwg.org/#dom-mutationobserver-observe Step #7
-    // If the target is a SyntheticShadowRoot, observe the host since the shadowRoot is an empty documentFragment
+    // SyntheticShadowRoot instances are not actually a part of the DOM so observe the host instead.
 
 
-    if (target instanceof SyntheticShadowRoot) {
+    if (isSyntheticShadowRoot(target)) {
       target = target.host;
     } // maintain a list of all nodes observed by this observer
 
@@ -3446,7 +3478,7 @@
    */
 
   function patchedAddEventListener$1(type, listener, optionsOrCapture) {
-    if (isHostElement(this)) {
+    if (isSyntheticShadowHost(this)) {
       // Typescript does not like it when you treat the `arguments` object as an array
       // @ts-ignore type-mismatch
       return addCustomElementEventListener.apply(this, arguments);
@@ -3474,7 +3506,7 @@
   }
 
   function patchedRemoveEventListener$1(_type, _listener, _optionsOrCapture) {
-    if (isHostElement(this)) {
+    if (isSyntheticShadowHost(this)) {
       // Typescript does not like it when you treat the `arguments` object as an array
       // @ts-ignore type-mismatch
       return removeCustomElementEventListener.apply(this, arguments);
@@ -3640,7 +3672,7 @@
     var actualCurrentTarget = originalCurrentTarget;
     var actualPath = composedPath; // Address the possibility that `currentTarget` is a shadow root
 
-    if (isHostElement(originalCurrentTarget)) {
+    if (isSyntheticShadowHost(originalCurrentTarget)) {
       var context = eventToContextMap.get(this);
 
       if (context === 1
@@ -3651,7 +3683,7 @@
     } // Address the possibility that `target` is a shadow root
 
 
-    if (isHostElement(originalTarget) && eventToShadowRootMap.has(this)) {
+    if (isSyntheticShadowHost(originalTarget) && eventToShadowRootMap.has(this)) {
       actualPath = pathComposer(getShadowRoot(originalTarget), this.composed);
     }
 
@@ -3688,7 +3720,7 @@
 
     var actualTarget = originalTarget;
 
-    if (isHostElement(originalTarget) && eventToShadowRootMap.has(this)) {
+    if (isSyntheticShadowHost(originalTarget) && eventToShadowRootMap.has(this)) {
       actualTarget = getShadowRoot(originalTarget);
     }
 
@@ -3949,7 +3981,7 @@
     var ownerKey = getNodeOwnerKey(context); // a node inside a shadow.
 
     if (!isUndefined(ownerKey)) {
-      if (isHostElement(context)) {
+      if (isSyntheticShadowHost(context)) {
         // element with shadowRoot attached
         var owner = getNodeOwner(context);
 
@@ -4014,7 +4046,7 @@
   }
 
   function shadowRootGetterPatched() {
-    if (isHostElement(this)) {
+    if (isSyntheticShadowHost(this)) {
       var shadow = getShadowRoot(this);
 
       if (shadow.mode === 'open') {
@@ -4052,7 +4084,10 @@
     innerHTML: {
       get: function get() {
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(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);
           }
 
@@ -4075,7 +4110,8 @@
     outerHTML: {
       get: function get() {
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          // See notes above on get innerHTML
+          if (isNodeOrDescendantsShadowed(this)) {
             return outerHTMLGetterPatched.call(this);
           }
 
@@ -4176,7 +4212,7 @@
 
     var nodeList = arrayFromCollection(querySelectorAll$1.apply(this, ArraySlice.call(arguments)));
 
-    if (isHostElement(this)) {
+    if (isSyntheticShadowHost(this)) {
       // element with shadowRoot attached
       var owner = getNodeOwner(this);
 
@@ -4236,7 +4272,7 @@
   function getFilteredArrayOfNodes(context, unfilteredNodes, shadowDomSemantic) {
     var filtered;
 
-    if (isHostElement(context)) {
+    if (isSyntheticShadowHost(context)) {
       // element with shadowRoot attached
       var owner = getNodeOwner(context);
 
@@ -4435,7 +4471,7 @@
 
 
   function isTabbable(element) {
-    if (isHostElement(element) && isDelegatingFocus(element)) {
+    if (isSyntheticShadowHost(element) && isDelegatingFocus(element)) {
       return false;
     }
 
@@ -5124,7 +5160,7 @@
       disableKeyboardFocusNavigationRoutines();
     }
 
-    if (isHostElement(this) && isDelegatingFocus(this)) {
+    if (isSyntheticShadowHost(this) && isDelegatingFocus(this)) {
       hostElementFocus.call(this);
       return;
     } // Typescript does not like it when you treat the `arguments` object as an array
@@ -5143,14 +5179,14 @@
   defineProperties(HTMLElement.prototype, {
     tabIndex: {
       get: function get() {
-        if (isHostElement(this)) {
+        if (isSyntheticShadowHost(this)) {
           return tabIndexGetterPatched.call(this);
         }
 
         return tabIndexGetter.call(this);
       },
       set: function set(v) {
-        if (isHostElement(this)) {
+        if (isSyntheticShadowHost(this)) {
           return tabIndexSetterPatched.call(this, v);
         }
 
@@ -5161,7 +5197,7 @@
     },
     blur: {
       value: function value() {
-        if (isHostElement(this)) {
+        if (isSyntheticShadowHost(this)) {
           return blurPatched.call(this);
         }
 
@@ -5191,7 +5227,7 @@
         }
 
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return getInnerText(this);
           }
 
@@ -5225,7 +5261,7 @@
         }
 
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return getInnerText(this);
           }
 
@@ -5326,7 +5362,7 @@
     if (node instanceof Element) {
       setShadowToken(node, shadowToken);
 
-      if (isHostElement(node)) {
+      if (isSyntheticShadowHost(node)) {
         // Root LWC elements can't get content slotted into them, therefore we don't observe their children.
         return;
       }
@@ -5429,6 +5465,6 @@
     },
     configurable: true
   });
-  /** version: 2.5.3 */
+  /** version: 2.5.4 */
 
 })();