@lwc/synthetic-shadow 6.2.1 → 6.3.0

package/dist/index.js

@@ -208,7 +208,7 @@ const KEY__LEGACY_SHADOW_TOKEN_PRIVATE = '$$LegacyShadowTokenKey$$';
 const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
 const KEY__NATIVE_GET_ELEMENT_BY_ID = '$nativeGetElementById$';
 const KEY__NATIVE_QUERY_SELECTOR_ALL = '$nativeQuerySelectorAll$';
-/** version: 6.2.1 */
+/** version: 6.3.0 */
 
 /**
  * Copyright (c) 2024 Salesforce, Inc.
@@ -216,7 +216,7 @@ const KEY__NATIVE_QUERY_SELECTOR_ALL = '$nativeQuerySelectorAll$';
 if (!globalThis.lwcRuntimeFlags) {
     Object.defineProperty(globalThis, 'lwcRuntimeFlags', { value: create(null) });
 }
-/** version: 6.2.1 */
+/** version: 6.3.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -697,7 +697,7 @@ function getFilteredChildNodes(node) {
         const resolver = getShadowRootResolver(getShadowRoot(node));
         // Typescript is inferring the wrong function type for this particular
         // overloaded method: https://github.com/Microsoft/TypeScript/issues/27972
-        // @ts-ignore type-mismatch
+        // @ts-expect-error type-mismatch
         return ArrayReduce.call(slots, (seed, slot) => {
             if (resolver === getShadowRootResolver(slot)) {
                 ArrayPush.apply(seed, getFilteredSlotAssignedNodes(slot));
@@ -2016,7 +2016,7 @@ const NodePatchDescriptors = {
         value(evt) {
             eventToShadowRootMap.set(evt, this);
             // Typescript does not like it when you treat the `arguments` object as an array
-            // @ts-ignore type-mismatch
+            // @ts-expect-error type-mismatch
             return dispatchEvent.apply(getHost(this), arguments);
         },
     },
@@ -2865,9 +2865,14 @@ defineProperty(window, 'MutationObserver', {
 function patchedAddEventListener(type, listener, optionsOrCapture) {
     if (isSyntheticShadowHost(this)) {
         // Typescript does not like it when you treat the `arguments` object as an array
-        // @ts-ignore type-mismatch
+        // @ts-expect-error type-mismatch
         return addCustomElementEventListener.apply(this, arguments);
     }
+    if (this instanceof _Node && isInstanceOfNativeShadowRoot(this.getRootNode())) {
+        // Typescript does not like it when you treat the `arguments` object as an array
+        // @ts-expect-error type-mismatch
+        return addEventListener.apply(this, arguments);
+    }
     if (arguments.length < 2) {
         // Slow path, unlikely to be called frequently. We expect modern browsers to throw:
         // https://googlechrome.github.io/samples/event-listeners-mandatory-arguments/
@@ -2876,7 +2881,7 @@ function patchedAddEventListener(type, listener, optionsOrCapture) {
             args[1] = getEventListenerWrapper(args[1]);
         }
         // Ignore types because we're passing through to native method
-        // @ts-ignore type-mismatch
+        // @ts-expect-error type-mismatch
         return addEventListener.apply(this, args);
     }
     // Fast path. This function is optimized to avoid ArraySlice because addEventListener is called
@@ -2888,7 +2893,7 @@ function patchedAddEventListener(type, listener, optionsOrCapture) {
 function patchedRemoveEventListener(_type, _listener, _optionsOrCapture) {
     if (isSyntheticShadowHost(this)) {
         // Typescript does not like it when you treat the `arguments` object as an array
-        // @ts-ignore type-mismatch
+        // @ts-expect-error type-mismatch
         return removeCustomElementEventListener.apply(this, arguments);
     }
     const args = ArraySlice.call(arguments);
@@ -2896,11 +2901,11 @@ function patchedRemoveEventListener(_type, _listener, _optionsOrCapture) {
         args[1] = getEventListenerWrapper(args[1]);
     }
     // Ignore types because we're passing through to native method
-    // @ts-ignore type-mismatch
+    // @ts-expect-error type-mismatch
     removeEventListener.apply(this, args);
     // Account for listeners that were added before this polyfill was applied
     // Typescript does not like it when you treat the `arguments` object as an array
-    // @ts-ignore type-mismatch
+    // @ts-expect-error type-mismatch
     removeEventListener.apply(this, arguments);
 }
 defineProperties(eventTargetPrototype, {
@@ -3124,7 +3129,7 @@ function getFilteredSlotFlattenNodes(slot) {
     const childNodes = arrayFromCollection(childNodesGetter.call(slot));
     // Typescript is inferring the wrong function type for this particular
     // overloaded method: https://github.com/Microsoft/TypeScript/issues/27972
-    // @ts-ignore type-mismatch
+    // @ts-expect-error type-mismatch
     return ArrayReduce.call(childNodes, (seed, child) => {
         if (child instanceof Element && isSlotElement(child)) {
             ArrayPush.apply(seed, getFilteredSlotFlattenNodes(child));
@@ -3678,7 +3683,7 @@ function hostElementFocus() {
         // observable differences for component authors between synthetic and native.
         const focusable = querySelector.call(this, FocusableSelector);
         if (!isNull(focusable)) {
-            // @ts-ignore type-mismatch
+            // @ts-expect-error type-mismatch
             focusable.focus.apply(focusable, arguments);
         }
         return;
@@ -3694,7 +3699,7 @@ function hostElementFocus() {
     let didFocus = false;
     while (!didFocus && focusables.length !== 0) {
         const focusable = focusables.shift();
-        // @ts-ignore type-mismatch
+        // @ts-expect-error type-mismatch
         focusable.focus.apply(focusable, arguments);
         // Get the root node of the current focusable in case it was slotted.
         const currentRootNode = focusable.getRootNode();
@@ -4057,7 +4062,7 @@ function focusPatched() {
         return;
     }
     // Typescript does not like it when you treat the `arguments` object as an array
-    // @ts-ignore type-mismatch
+    // @ts-expect-error type-mismatch
     focus.apply(this, arguments);
     // Restore state by enabling if originally enabled
     if (originallyEnabled) {
@@ -4097,7 +4102,7 @@ defineProperties(HTMLElement.prototype, {
     focus: {
         value() {
             // Typescript does not like it when you treat the `arguments` object as an array
-            // @ts-ignore type-mismatch
+            // @ts-expect-error type-mismatch
             focusPatched.apply(this, arguments);
         },
         enumerable: true,
@@ -4349,6 +4354,6 @@ defineProperty(Element.prototype, '$domManual$', {
     },
     configurable: true,
 });
-/** version: 6.2.1 */
+/** version: 6.3.0 */
 }
 //# sourceMappingURL=index.js.map