lwc 2.5.3 → 2.5.7

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.3 */
+/** version: 2.5.7 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -533,7 +533,7 @@ if (!_globalThis.lwcRuntimeFlags) {
 }
 
 const runtimeFlags = _globalThis.lwcRuntimeFlags;
-/** version: 2.5.3 */
+/** version: 2.5.7 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -593,7 +593,7 @@ function getEventListenerWrapper(fnOrObj) {
       const currentTarget = eventCurrentTargetGetter.call(event);
 
       if (process.env.NODE_ENV !== 'production') {
-        assert.invariant(isFalse(isHostElement(currentTarget)), 'This routine should not be used to wrap event listeners for host elements and shadow roots.');
+        assert.invariant(isFalse(isSyntheticShadowHost(currentTarget)), 'This routine should not be used to wrap event listeners for host elements and shadow roots.');
       }
 
       const {
@@ -639,9 +639,9 @@ const GET_ROOT_NODE_CONFIG_FALSE = {
 };
 
 function getRootNodeHost(node, options) {
-  let rootNode = node.getRootNode(options); // is SyntheticShadowRootInterface
+  let rootNode = node.getRootNode(options);
 
-  if ('mode' in rootNode && 'delegatesFocus' in rootNode) {
+  if (isSyntheticShadowRoot(rootNode)) {
     rootNode = getHost(rootNode);
   }
 
@@ -1237,13 +1237,13 @@ function shadowRootQuerySelectorAll(root, selector) {
 }
 
 function getFilteredChildNodes(node) {
-  if (!isHostElement(node) && !isSlotElement(node)) {
+  if (!isSyntheticShadowHost(node) && !isSlotElement(node)) {
     // regular element - fast path
     const children = childNodesGetter.call(node);
     return arrayFromCollection(children);
   }
 
-  if (isHostElement(node)) {
+  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
@@ -1685,7 +1685,7 @@ function getOuterHTML(node) {
 
 
 function hasMountedChildren(node) {
-  return isSyntheticSlotElement(node) || isHostElement(node);
+  return isSyntheticSlotElement(node) || isSyntheticShadowHost(node);
 }
 
 function getShadowParent(node, value) {
@@ -1806,7 +1806,7 @@ function cloneNodePatched(deep) {
 
 
 function childNodesGetterPatched() {
-  if (isHostElement(this)) {
+  if (isSyntheticShadowHost(this)) {
     const owner = getNodeOwner(this);
     const childNodes = isNull(owner) ? [] : getAllMatches(owner, getFilteredChildNodes(this));
 
@@ -1919,7 +1919,7 @@ defineProperties(_Node.prototype, {
   textContent: {
     get() {
       if (!runtimeFlags.ENABLE_NODE_PATCH) {
-        if (isNodeShadowed(this) || isHostElement(this)) {
+        if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return textContentGetterPatched.call(this);
         }
 
@@ -2030,7 +2030,7 @@ defineProperties(_Node.prototype, {
           return false;
         }
 
-        if (isNodeShadowed(this) || isHostElement(this)) {
+        if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return containsPatched.call(this, otherNode);
         }
 
@@ -2052,7 +2052,7 @@ defineProperties(_Node.prototype, {
   cloneNode: {
     value(deep) {
       if (!runtimeFlags.ENABLE_NODE_PATCH) {
-        if (isNodeShadowed(this) || isHostElement(this)) {
+        if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return cloneNodePatched.call(this, deep);
         }
 
@@ -2190,7 +2190,7 @@ const {
 } = document;
 
 function hasInternalSlot(root) {
-  return Boolean(InternalSlot.get(root));
+  return InternalSlot.has(root);
 }
 
 function getInternalSlot(root) {
@@ -2244,14 +2244,20 @@ function getShadowRoot(elm) {
 // 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) {
+  const shadowRootRecord = InternalSlot.get(node);
+  return !isUndefined(shadowRootRecord) && node === shadowRootRecord.host;
+}
+
+function isSyntheticShadowRoot(node) {
+  const shadowRootRecord = InternalSlot.get(node);
+  return !isUndefined(shadowRootRecord) && node === shadowRootRecord.shadowRoot;
 }
 
 let 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.`);
   }
 
@@ -2884,7 +2890,7 @@ function pathComposer(startNode, composed) {
       } 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;
@@ -2946,7 +2952,7 @@ function retarget(refNode, path) {
       lastRoot = root;
     }
 
-    if (!(root instanceof SyntheticShadowRoot) || !isUndefined(rootIdx) && rootIdx > -1) {
+    if (!isSyntheticShadowRoot(root) || !isUndefined(rootIdx) && rootIdx > -1) {
       return ancestor;
     }
   }
@@ -3757,10 +3763,10 @@ function patchedObserve(target, options) {
   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
 
@@ -3803,7 +3809,7 @@ defineProperty(window, 'MutationObserver', {
  */
 
 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);
@@ -3831,7 +3837,7 @@ function patchedAddEventListener$1(type, listener, optionsOrCapture) {
 }
 
 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);
@@ -3997,7 +4003,7 @@ function patchedTargetGetter() {
   let actualCurrentTarget = originalCurrentTarget;
   let actualPath = composedPath; // Address the possibility that `currentTarget` is a shadow root
 
-  if (isHostElement(originalCurrentTarget)) {
+  if (isSyntheticShadowHost(originalCurrentTarget)) {
     const context = eventToContextMap.get(this);
 
     if (context === 1
@@ -4008,7 +4014,7 @@ function patchedTargetGetter() {
   } // 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);
   }
 
@@ -4045,7 +4051,7 @@ function patchedComposedPathValue() {
 
   let actualTarget = originalTarget;
 
-  if (isHostElement(originalTarget) && eventToShadowRootMap.has(this)) {
+  if (isSyntheticShadowHost(originalTarget) && eventToShadowRootMap.has(this)) {
     actualTarget = getShadowRoot(originalTarget);
   }
 
@@ -4316,7 +4322,7 @@ function getNonPatchedFilteredArrayOfNodes(context, unfilteredNodes) {
   const ownerKey = getNodeOwnerKey(context); // a node inside a shadow.
 
   if (!isUndefined(ownerKey)) {
-    if (isHostElement(context)) {
+    if (isSyntheticShadowHost(context)) {
       // element with shadowRoot attached
       const owner = getNodeOwner(context);
 
@@ -4377,7 +4383,7 @@ function attachShadowPatched(options) {
 }
 
 function shadowRootGetterPatched() {
-  if (isHostElement(this)) {
+  if (isSyntheticShadowHost(this)) {
     const shadow = getShadowRoot(this);
 
     if (shadow.mode === 'open') {
@@ -4415,7 +4421,7 @@ defineProperties(Element.prototype, {
   innerHTML: {
     get() {
       if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-        if (isNodeShadowed(this) || isHostElement(this)) {
+        if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return innerHTMLGetterPatched.call(this);
         }
 
@@ -4440,7 +4446,7 @@ defineProperties(Element.prototype, {
   outerHTML: {
     get() {
       if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-        if (isNodeShadowed(this) || isHostElement(this)) {
+        if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return outerHTMLGetterPatched.call(this);
         }
 
@@ -4545,7 +4551,7 @@ if (hasOwnProperty.call(HTMLElement.prototype, 'children')) {
 function querySelectorPatched() {
   const nodeList = arrayFromCollection(querySelectorAll$1.apply(this, ArraySlice.call(arguments)));
 
-  if (isHostElement(this)) {
+  if (isSyntheticShadowHost(this)) {
     // element with shadowRoot attached
     const owner = getNodeOwner(this);
 
@@ -4596,7 +4602,7 @@ function querySelectorPatched() {
 function getFilteredArrayOfNodes(context, unfilteredNodes, shadowDomSemantic) {
   let filtered;
 
-  if (isHostElement(context)) {
+  if (isSyntheticShadowHost(context)) {
     // element with shadowRoot attached
     const owner = getNodeOwner(context);
 
@@ -4805,7 +4811,7 @@ function isVisible(element) {
 
 
 function isTabbable(element) {
-  if (isHostElement(element) && isDelegatingFocus(element)) {
+  if (isSyntheticShadowHost(element) && isDelegatingFocus(element)) {
     return false;
   }
 
@@ -5504,7 +5510,7 @@ function focusPatched() {
     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
@@ -5523,7 +5529,7 @@ function focusPatched() {
 defineProperties(HTMLElement.prototype, {
   tabIndex: {
     get() {
-      if (isHostElement(this)) {
+      if (isSyntheticShadowHost(this)) {
         return tabIndexGetterPatched.call(this);
       }
 
@@ -5531,7 +5537,7 @@ defineProperties(HTMLElement.prototype, {
     },
 
     set(v) {
-      if (isHostElement(this)) {
+      if (isSyntheticShadowHost(this)) {
         return tabIndexSetterPatched.call(this, v);
       }
 
@@ -5543,7 +5549,7 @@ defineProperties(HTMLElement.prototype, {
   },
   blur: {
     value() {
-      if (isHostElement(this)) {
+      if (isSyntheticShadowHost(this)) {
         return blurPatched.call(this);
       }
 
@@ -5575,7 +5581,7 @@ if (innerTextGetter !== null && innerTextSetter !== null) {
       }
 
       if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-        if (isNodeShadowed(this) || isHostElement(this)) {
+        if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return getInnerText(this);
         }
 
@@ -5611,7 +5617,7 @@ if (outerTextGetter !== null && outerTextSetter !== null) {
       }
 
       if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-        if (isNodeShadowed(this) || isHostElement(this)) {
+        if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
           return getInnerText(this);
         }
 
@@ -5716,7 +5722,7 @@ function adoptChildNode(node, fn, shadowToken) {
   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;
     }
@@ -5823,4 +5829,4 @@ defineProperty(Element.prototype, '$domManual$', {
 
   configurable: true
 });
-/** version: 2.5.3 */
+/** version: 2.5.7 */

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.3 */
+  /** version: 2.5.7 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -536,7 +536,7 @@
   }
 
   const runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.5.3 */
+  /** version: 2.5.7 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -596,7 +596,7 @@
         const currentTarget = eventCurrentTargetGetter.call(event);
 
         if (process.env.NODE_ENV !== 'production') {
-          assert.invariant(isFalse(isHostElement(currentTarget)), 'This routine should not be used to wrap event listeners for host elements and shadow roots.');
+          assert.invariant(isFalse(isSyntheticShadowHost(currentTarget)), 'This routine should not be used to wrap event listeners for host elements and shadow roots.');
         }
 
         const {
@@ -642,9 +642,9 @@
   };
 
   function getRootNodeHost(node, options) {
-    let rootNode = node.getRootNode(options); // is SyntheticShadowRootInterface
+    let rootNode = node.getRootNode(options);
 
-    if ('mode' in rootNode && 'delegatesFocus' in rootNode) {
+    if (isSyntheticShadowRoot(rootNode)) {
       rootNode = getHost(rootNode);
     }
 
@@ -1240,13 +1240,13 @@
   }
 
   function getFilteredChildNodes(node) {
-    if (!isHostElement(node) && !isSlotElement(node)) {
+    if (!isSyntheticShadowHost(node) && !isSlotElement(node)) {
       // regular element - fast path
       const children = childNodesGetter.call(node);
       return arrayFromCollection(children);
     }
 
-    if (isHostElement(node)) {
+    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
@@ -1688,7 +1688,7 @@
 
 
   function hasMountedChildren(node) {
-    return isSyntheticSlotElement(node) || isHostElement(node);
+    return isSyntheticSlotElement(node) || isSyntheticShadowHost(node);
   }
 
   function getShadowParent(node, value) {
@@ -1809,7 +1809,7 @@
 
 
   function childNodesGetterPatched() {
-    if (isHostElement(this)) {
+    if (isSyntheticShadowHost(this)) {
       const owner = getNodeOwner(this);
       const childNodes = isNull(owner) ? [] : getAllMatches(owner, getFilteredChildNodes(this));
 
@@ -1922,7 +1922,7 @@
     textContent: {
       get() {
         if (!runtimeFlags.ENABLE_NODE_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return textContentGetterPatched.call(this);
           }
 
@@ -2033,7 +2033,7 @@
             return false;
           }
 
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return containsPatched.call(this, otherNode);
           }
 
@@ -2055,7 +2055,7 @@
     cloneNode: {
       value(deep) {
         if (!runtimeFlags.ENABLE_NODE_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return cloneNodePatched.call(this, deep);
           }
 
@@ -2193,7 +2193,7 @@
   } = document;
 
   function hasInternalSlot(root) {
-    return Boolean(InternalSlot.get(root));
+    return InternalSlot.has(root);
   }
 
   function getInternalSlot(root) {
@@ -2247,14 +2247,20 @@
   // 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) {
+    const shadowRootRecord = InternalSlot.get(node);
+    return !isUndefined(shadowRootRecord) && node === shadowRootRecord.host;
+  }
+
+  function isSyntheticShadowRoot(node) {
+    const shadowRootRecord = InternalSlot.get(node);
+    return !isUndefined(shadowRootRecord) && node === shadowRootRecord.shadowRoot;
   }
 
   let 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.`);
     }
 
@@ -2887,7 +2893,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;
@@ -2949,7 +2955,7 @@
         lastRoot = root;
       }
 
-      if (!(root instanceof SyntheticShadowRoot) || !isUndefined(rootIdx) && rootIdx > -1) {
+      if (!isSyntheticShadowRoot(root) || !isUndefined(rootIdx) && rootIdx > -1) {
         return ancestor;
       }
     }
@@ -3760,10 +3766,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
 
@@ -3806,7 +3812,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);
@@ -3834,7 +3840,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);
@@ -4000,7 +4006,7 @@
     let actualCurrentTarget = originalCurrentTarget;
     let actualPath = composedPath; // Address the possibility that `currentTarget` is a shadow root
 
-    if (isHostElement(originalCurrentTarget)) {
+    if (isSyntheticShadowHost(originalCurrentTarget)) {
       const context = eventToContextMap.get(this);
 
       if (context === 1
@@ -4011,7 +4017,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);
     }
 
@@ -4048,7 +4054,7 @@
 
     let actualTarget = originalTarget;
 
-    if (isHostElement(originalTarget) && eventToShadowRootMap.has(this)) {
+    if (isSyntheticShadowHost(originalTarget) && eventToShadowRootMap.has(this)) {
       actualTarget = getShadowRoot(originalTarget);
     }
 
@@ -4319,7 +4325,7 @@
     const ownerKey = getNodeOwnerKey(context); // a node inside a shadow.
 
     if (!isUndefined(ownerKey)) {
-      if (isHostElement(context)) {
+      if (isSyntheticShadowHost(context)) {
         // element with shadowRoot attached
         const owner = getNodeOwner(context);
 
@@ -4380,7 +4386,7 @@
   }
 
   function shadowRootGetterPatched() {
-    if (isHostElement(this)) {
+    if (isSyntheticShadowHost(this)) {
       const shadow = getShadowRoot(this);
 
       if (shadow.mode === 'open') {
@@ -4418,7 +4424,7 @@
     innerHTML: {
       get() {
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return innerHTMLGetterPatched.call(this);
           }
 
@@ -4443,7 +4449,7 @@
     outerHTML: {
       get() {
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return outerHTMLGetterPatched.call(this);
           }
 
@@ -4548,7 +4554,7 @@
   function querySelectorPatched() {
     const nodeList = arrayFromCollection(querySelectorAll$1.apply(this, ArraySlice.call(arguments)));
 
-    if (isHostElement(this)) {
+    if (isSyntheticShadowHost(this)) {
       // element with shadowRoot attached
       const owner = getNodeOwner(this);
 
@@ -4599,7 +4605,7 @@
   function getFilteredArrayOfNodes(context, unfilteredNodes, shadowDomSemantic) {
     let filtered;
 
-    if (isHostElement(context)) {
+    if (isSyntheticShadowHost(context)) {
       // element with shadowRoot attached
       const owner = getNodeOwner(context);
 
@@ -4808,7 +4814,7 @@
 
 
   function isTabbable(element) {
-    if (isHostElement(element) && isDelegatingFocus(element)) {
+    if (isSyntheticShadowHost(element) && isDelegatingFocus(element)) {
       return false;
     }
 
@@ -5507,7 +5513,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
@@ -5526,7 +5532,7 @@
   defineProperties(HTMLElement.prototype, {
     tabIndex: {
       get() {
-        if (isHostElement(this)) {
+        if (isSyntheticShadowHost(this)) {
           return tabIndexGetterPatched.call(this);
         }
 
@@ -5534,7 +5540,7 @@
       },
 
       set(v) {
-        if (isHostElement(this)) {
+        if (isSyntheticShadowHost(this)) {
           return tabIndexSetterPatched.call(this, v);
         }
 
@@ -5546,7 +5552,7 @@
     },
     blur: {
       value() {
-        if (isHostElement(this)) {
+        if (isSyntheticShadowHost(this)) {
           return blurPatched.call(this);
         }
 
@@ -5578,7 +5584,7 @@
         }
 
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return getInnerText(this);
           }
 
@@ -5614,7 +5620,7 @@
         }
 
         if (!runtimeFlags.ENABLE_ELEMENT_PATCH) {
-          if (isNodeShadowed(this) || isHostElement(this)) {
+          if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
             return getInnerText(this);
           }
 
@@ -5719,7 +5725,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;
       }
@@ -5826,6 +5832,6 @@
 
     configurable: true
   });
-  /** version: 2.5.3 */
+  /** version: 2.5.7 */
 
 })();