@lwc/synthetic-shadow 9.2.0 → 9.2.2

package/dist/index.cjs

@@ -197,7 +197,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: 9.2.0 */
+/** version: 9.2.2 */
 
 /**
  * Copyright (c) 2026 Salesforce, Inc.
@@ -205,7 +205,7 @@ const KEY__NATIVE_QUERY_SELECTOR_ALL = '$nativeQuerySelectorAll$';
 if (!globalThis.lwcRuntimeFlags) {
     Object.defineProperty(globalThis, 'lwcRuntimeFlags', { value: create(null) });
 }
-/** version: 9.2.0 */
+/** version: 9.2.2 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -3327,11 +3327,31 @@ function innerHTMLGetterPatched() {
 function outerHTMLGetterPatched() {
     return getOuterHTML(this);
 }
+// Capture the browser's native error message for duplicate attachShadow calls
+// so the guard below throws an identical error regardless of browser.
+const nativeAttachShadowErrorMessage = (() => {
+    const el = document.createElement('div');
+    el.attachShadow({ mode: 'open' });
+    try {
+        el.attachShadow({ mode: 'open' });
+    }
+    catch ({ message }) {
+        return message;
+    }
+    return '';
+})();
 function attachShadowPatched(options) {
     // To retain native behavior of the API, provide synthetic shadowRoot only when specified
     if (options[KEY__SYNTHETIC_MODE]) {
         return attachShadow(this, options);
     }
+    // LWC hosts already use a synthetic shadow root. Without this guard, native
+    // attachShadow would still succeed and attach a second (native) shadow tree,
+    // which violates the one-shadow-per-element model this polyfill assumes and
+    // leaves that subtree on a different patching path than synthetic shadow.
+    if (!lwcRuntimeFlags.DISABLE_HOST_ATTACH_SHADOW_GUARD && hasInternalSlot(this)) {
+        throw new Error(nativeAttachShadowErrorMessage);
+    }
     return attachShadow$1.call(this, options);
 }
 function shadowRootGetterPatched() {
@@ -4362,6 +4382,6 @@ defineProperty(Element.prototype, '$domManual$', {
     },
     configurable: true,
 });
-/** version: 9.2.0 */
+/** version: 9.2.2 */
 }
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -195,7 +195,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: 9.2.0 */
+/** version: 9.2.2 */
 
 /**
  * Copyright (c) 2026 Salesforce, Inc.
@@ -203,7 +203,7 @@ const KEY__NATIVE_QUERY_SELECTOR_ALL = '$nativeQuerySelectorAll$';
 if (!globalThis.lwcRuntimeFlags) {
     Object.defineProperty(globalThis, 'lwcRuntimeFlags', { value: create(null) });
 }
-/** version: 9.2.0 */
+/** version: 9.2.2 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -3325,11 +3325,31 @@ function innerHTMLGetterPatched() {
 function outerHTMLGetterPatched() {
     return getOuterHTML(this);
 }
+// Capture the browser's native error message for duplicate attachShadow calls
+// so the guard below throws an identical error regardless of browser.
+const nativeAttachShadowErrorMessage = (() => {
+    const el = document.createElement('div');
+    el.attachShadow({ mode: 'open' });
+    try {
+        el.attachShadow({ mode: 'open' });
+    }
+    catch ({ message }) {
+        return message;
+    }
+    return '';
+})();
 function attachShadowPatched(options) {
     // To retain native behavior of the API, provide synthetic shadowRoot only when specified
     if (options[KEY__SYNTHETIC_MODE]) {
         return attachShadow(this, options);
     }
+    // LWC hosts already use a synthetic shadow root. Without this guard, native
+    // attachShadow would still succeed and attach a second (native) shadow tree,
+    // which violates the one-shadow-per-element model this polyfill assumes and
+    // leaves that subtree on a different patching path than synthetic shadow.
+    if (!lwcRuntimeFlags.DISABLE_HOST_ATTACH_SHADOW_GUARD && hasInternalSlot(this)) {
+        throw new Error(nativeAttachShadowErrorMessage);
+    }
     return attachShadow$1.call(this, options);
 }
 function shadowRootGetterPatched() {
@@ -4360,6 +4380,6 @@ defineProperty(Element.prototype, '$domManual$', {
     },
     configurable: true,
 });
-/** version: 9.2.0 */
+/** version: 9.2.2 */
 }
 //# sourceMappingURL=index.js.map

package/package.json

@@ -4,7 +4,7 @@
         "You can safely modify dependencies, devDependencies, keywords, etc., but other props will be overwritten."
     ],
     "name": "@lwc/synthetic-shadow",
-    "version": "9.2.0",
+    "version": "9.2.2",
     "description": "Synthetic Shadow Root for LWC",
     "keywords": [
         "lwc"
@@ -51,8 +51,8 @@
         }
     },
     "devDependencies": {
-        "@lwc/features": "9.2.0",
-        "@lwc/shared": "9.2.0"
+        "@lwc/features": "9.2.2",
+        "@lwc/shared": "9.2.2"
     },
     "lwc": {
         "modules": [