@lwrjs/everywhere 0.17.2-alpha.2 → 0.17.2-alpha.3

package/build/__generated_site_amd_modules__/1/module/amd/1/l/en-US/mi/lwc/v/{8_12_1/s/418c7a7bff7c2d0c999a904a19d22f33 → 8_12_6/s/386f673e62a516d2ee3206eeaaacfd2f}/lwc.js

@@ -1,10 +1,10 @@
-LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
+LWR.define('lwc/v/8_12_6', ['exports'], (function (exports) { 'use strict';
 
   /**
-   * Copyright (c) 2024 Salesforce, Inc.
+   * Copyright (c) 2025 Salesforce, Inc.
    */
   /**
-   * Copyright (c) 2024 Salesforce, Inc.
+   * Copyright (c) 2025 Salesforce, Inc.
    */
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -398,6 +398,11 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   const CAMEL_REGEX = /-([a-z])/g;
   // These are HTML standard prop/attribute IDL mappings, but are not predictable based on camel/kebab-case conversion
   const SPECIAL_PROPERTY_ATTRIBUTE_MAPPING = /*@__PURE__@*/new Map([['accessKey', 'accesskey'], ['readOnly', 'readonly'], ['tabIndex', 'tabindex'], ['bgColor', 'bgcolor'], ['colSpan', 'colspan'], ['rowSpan', 'rowspan'], ['contentEditable', 'contenteditable'], ['crossOrigin', 'crossorigin'], ['dateTime', 'datetime'], ['formAction', 'formaction'], ['isMap', 'ismap'], ['maxLength', 'maxlength'], ['minLength', 'minlength'], ['noValidate', 'novalidate'], ['useMap', 'usemap'], ['htmlFor', 'for']]);
+  // Global properties that this framework currently reflects. For CSR, the native
+  // descriptors for these properties are added from HTMLElement.prototype to
+  // LightningElement.prototype. For SSR, in order to match CSR behavior, this
+  // list is used to determine which attributes to reflect.
+  const REFLECTIVE_GLOBAL_PROPERTY_SET = /*@__PURE__@*/new Set(['accessKey', 'dir', 'draggable', 'hidden', 'id', 'lang', 'spellcheck', 'tabIndex', 'title']);
   /**
    * Map associating previously transformed HTML property into HTML attribute.
    */
@@ -458,7 +463,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // Increment whenever the LWC template compiler changes
-  const LWC_VERSION = "8.12.1";
+  const LWC_VERSION = "8.12.6";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
 
   /*
@@ -576,10 +581,10 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     }
     return trustedSignals.has(target);
   }
-  /** version: 8.12.1 */
+  /** version: 8.12.6 */
 
   /**
-   * Copyright (c) 2024 Salesforce, Inc.
+   * Copyright (c) 2025 Salesforce, Inc.
    */
 
   /*
@@ -600,7 +605,8 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     ENABLE_LEGACY_SCOPE_TOKENS: null,
     ENABLE_FORCE_SHADOW_MIGRATE_MODE: null,
     ENABLE_EXPERIMENTAL_SIGNALS: null,
-    DISABLE_SYNTHETIC_SHADOW: null
+    DISABLE_SYNTHETIC_SHADOW: null,
+    LEGACY_LOCKER_ENABLED: null
   };
   if (!globalThis.lwcRuntimeFlags) {
     Object.defineProperty(globalThis, 'lwcRuntimeFlags', {
@@ -663,10 +669,10 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       setFeatureFlag(name, value);
     }
   }
-  /** version: 8.12.1 */
+  /** version: 8.12.6 */
 
   /**
-   * Copyright (c) 2024 Salesforce, Inc.
+   * Copyright (c) 2025 Salesforce, Inc.
    */
 
   /*
@@ -905,6 +911,15 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     }
     return ctorFormAssociated && apiFeatureEnabled;
   }
+  // check if a property is in an object, and if the object throws an error merely because we are
+  // checking if the property exists, return false
+  function safeHasProp(obj, prop) {
+    try {
+      return prop in obj;
+    } catch (_err) {
+      return false;
+    }
+  }
 
   /*
    * Copyright (c) 2024, Salesforce, Inc.
@@ -1228,10 +1243,10 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       valueObserved(component, key);
     }
     // The portion of reactivity that's exposed to signals is to subscribe a callback to re-render the VM (templates).
-    // We check check the following to ensure re-render is subscribed at the correct time.
+    // We check the following to ensure re-render is subscribed at the correct time.
     //  1. The template is currently being rendered (there is a template reactive observer)
     //  2. There was a call to a getter to access the signal (happens during vnode generation)
-    if (lwcRuntimeFlags.ENABLE_EXPERIMENTAL_SIGNALS && isObject(target) && !isNull(target) && 'value' in target && 'subscribe' in target && isFunction$1(target.subscribe) && isTrustedSignal(target) &&
+    if (lwcRuntimeFlags.ENABLE_EXPERIMENTAL_SIGNALS && isObject(target) && !isNull(target) && safeHasProp(target, 'value') && safeHasProp(target, 'subscribe') && isFunction$1(target.subscribe) && isTrustedSignal(target) &&
     // Only subscribe if a template is being rendered by the engine
     tro.isObserving()) {
       // Subscribe the template reactive observer's notify method, which will mark the vm as dirty and schedule hydration.
@@ -1317,15 +1332,6 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   // Add descriptors for ARIA attributes
   for (const [attrName, propName] of entries(AriaAttrNameToPropNameMap)) {}
 
-  /*
-   * Copyright (c) 2018, 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
-   */
-  // These properties get added to LWCElement.prototype publicProps automatically
-  const defaultDefHTMLPropertyNames = ['accessKey', 'dir', 'draggable', 'hidden', 'id', 'lang', 'spellcheck', 'tabIndex', 'title'];
-
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -1347,7 +1353,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       HTMLElementOriginalDescriptors[propName] = descriptor;
     }
   });
-  forEach.call(defaultDefHTMLPropertyNames, propName => {
+  for (const propName of REFLECTIVE_GLOBAL_PROPERTY_SET) {
     // Note: intentionally using our in-house getPropertyDescriptor instead of getOwnPropertyDescriptor here because
     // in IE11, id property is on Element.prototype instead of HTMLElement, and we suspect that more will fall into
     // this category, so, better to be sure.
@@ -1355,7 +1361,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     if (!isUndefined$1(descriptor)) {
       HTMLElementOriginalDescriptors[propName] = descriptor;
     }
-  });
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1942,7 +1948,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       valueMutated(originalTarget, key);
       return true;
     }
-    /*LWC compiler v8.12.1*/
+    /*LWC compiler v8.12.6*/
   }
   const getterMap = new WeakMap();
   const setterMap = new WeakMap();
@@ -1989,7 +1995,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       /* istanbul ignore next */
       return false;
     }
-    /*LWC compiler v8.12.1*/
+    /*LWC compiler v8.12.6*/
   }
   function defaultValueIsObservable(value) {
     // intentionally checking for null
@@ -3681,7 +3687,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   }
   function HTMLBridgeElementFactory(SuperClass, publicProperties, methods, observedFields, proto, hasCustomSuperClass) {
     const HTMLBridgeElement = class extends SuperClass {
-      /*LWC compiler v8.12.1*/
+      /*LWC compiler v8.12.6*/
     };
     // generating the hash table for attributes to avoid duplicate fields and facilitate validation
     // and false positives in case of inheritance.
@@ -3694,7 +3700,10 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     } = SuperClass;
     const descriptors = create(null);
     // present a hint message so that developers are aware that they have not decorated property with @api
-    if (process.env.NODE_ENV !== 'production') {
+    // Note that we also don't do this in SSR because we cannot sniff for what props are declared on
+    // HTMLElementPrototype, and it seems not worth it to have these dev-only warnings there, since
+    // an `in` check could mistakenly assume that a prop is declared on a LightningElement prototype.
+    if (process.env.NODE_ENV !== 'production' && true) {
       // TODO [#3761]: enable for components that don't extend from LightningElement
       if (!isUndefined$1(proto) && !isNull(proto) && !hasCustomSuperClass) {
         const nonPublicPropertiesToWarnOn = new Set([
@@ -4736,15 +4745,6 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       setProperty(elm, key, value);
     }
   }
-  /**
-   * Given two objects (likely either a string or a SanitizedHtmlContent object), return true if their
-   * string values are equivalent.
-   * @param first
-   * @param second
-   */
-  function isSanitizedHtmlContentEqual(first, second) {
-    return unwrapIfNecessary(first) === unwrapIfNecessary(second);
-  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -6706,7 +6706,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
    * SPDX-License-Identifier: MIT
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
-  const operationIdNameMapping = ['constructor', 'render', 'patch', 'connectedCallback', 'renderedCallback', 'disconnectedCallback', 'errorCallback', 'lwc-hydrate', 'lwc-rehydrate'];
+  const operationIdNameMapping = ['constructor', 'render', 'patch', 'connectedCallback', 'renderedCallback', 'disconnectedCallback', 'errorCallback', 'lwc-render', 'lwc-rerender', 'lwc-ssr-hydrate'];
   const operationTooltipMapping = [
   // constructor
   'component constructor()',
@@ -6722,10 +6722,12 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   'component disconnectedCallback()',
   // errorCallback
   'component errorCallback()',
-  // lwc-hydrate
+  // lwc-render
   'component first rendered',
-  // lwc-rehydrate
-  'component re-rendered'];
+  // lwc-rerender
+  'component re-rendered',
+  // lwc-ssr-hydrate
+  'component hydrated from server-rendered HTML'];
   // Even if all the browser the engine supports implements the UserTiming API, we need to guard the measure APIs.
   // JSDom (used in Jest) for example doesn't implement the UserTiming APIs.
   const isUserTimingSupported = typeof performance !== 'undefined' && typeof performance.mark === 'function' && typeof performance.clearMarks === 'function' && typeof performance.measure === 'function' && typeof performance.clearMeasures === 'function';
@@ -6765,13 +6767,14 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   function getColor(opId) {
     // As of Sept 2024: primary (dark blue), secondary (light blue), tertiary (green)
     switch (opId) {
-      // GlobalHydrate and Constructor tend to occur at the top level
-      case 7 /* OperationId.GlobalHydrate */:
+      // GlobalSsrHydrate, GlobalRender, and Constructor tend to occur at the top level
+      case 7 /* OperationId.GlobalRender */:
+      case 9 /* OperationId.GlobalSsrHydrate */:
       case 0 /* OperationId.Constructor */:
         return 'primary';
-      // GlobalRehydrate also occurs at the top level, but we want to use tertiary (green) because it's easier to
+      // GlobalRerender also occurs at the top level, but we want to use tertiary (green) because it's easier to
       // distinguish from primary, and at a glance you should be able to easily tell re-renders from first renders.
-      case 8 /* OperationId.GlobalRehydrate */:
+      case 8 /* OperationId.GlobalRerender */:
         return 'tertiary';
       // Everything else (patch/render/callbacks)
       default:
@@ -6977,7 +6980,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   function setVMBeingRendered(vm) {
     vmBeingRendered = vm;
   }
-  const VALID_SCOPE_TOKEN_REGEX = /^[a-zA-Z0-9\-_.]+$/;
+  const VALID_SCOPE_TOKEN_REGEX = /^[a-zA-Z0-9\-_]+$/;
   // See W-16614556
   // TODO [#2826]: freeze the template object
   function isValidScopeToken(token) {
@@ -7287,7 +7290,8 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       // the "instanceof" operator would not work here since Locker Service provides its own
       // implementation of LightningElement, so we indirectly check if the base constructor is
       // invoked by accessing the component on the vm.
-      if (vmBeingConstructed.component !== result) {
+      const isInvalidConstructor = lwcRuntimeFlags.LEGACY_LOCKER_ENABLED ? vmBeingConstructed.component !== result : !(result instanceof LightningElement);
+      if (isInvalidConstructor) {
         throw new TypeError('Invalid component constructor, the class should extend LightningElement.');
       }
     } catch (e) {
@@ -7486,10 +7490,10 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     const vm = getAssociatedVM(elm);
     if (process.env.NODE_ENV !== 'production') {
       // Flush any logs for this VM so that the initial properties from the constructor don't "count"
-      // in subsequent re-renders (lwc-rehydrate). Right now we're at the first render (lwc-hydrate).
+      // in subsequent re-renders (lwc-rerender). Right now we're at the first render (lwc-hydrate).
       flushMutationLogsForVM(vm);
     }
-    logGlobalOperationStartWithVM(7 /* OperationId.GlobalHydrate */, vm);
+    logGlobalOperationStartWithVM(7 /* OperationId.GlobalRender */, vm);
     // Usually means moving the element from one place to another, which is observable via
     // life-cycle hooks.
     if (vm.state === 1 /* VMState.connected */) {
@@ -7497,7 +7501,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     }
     runConnectedCallback(vm);
     rehydrate(vm);
-    logGlobalOperationEndWithVM(7 /* OperationId.GlobalHydrate */, vm);
+    logGlobalOperationEndWithVM(7 /* OperationId.GlobalRender */, vm);
   }
   function disconnectRootElement(elm) {
     const vm = getAssociatedVM(elm);
@@ -7821,7 +7825,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     // Gather the logs before rehydration starts so they can be reported at the end of rehydration.
     // Note that we also clear all existing logs at this point so that subsequent re-renders start from a clean slate.
     const mutationLogs = process.env.NODE_ENV === 'production' ? undefined : getAndFlushMutationLogs();
-    logGlobalOperationStart(8 /* OperationId.GlobalRehydrate */);
+    logGlobalOperationStart(8 /* OperationId.GlobalRerender */);
     if (process.env.NODE_ENV !== 'production') {
       assert.invariant(rehydrateQueue.length, `If rehydrateQueue was scheduled, it is because there must be at least one VM on this pending queue instead of ${rehydrateQueue}.`);
     }
@@ -7840,13 +7844,13 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
           ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, i + 1));
         }
         // we need to end the measure before throwing.
-        logGlobalOperationEnd(8 /* OperationId.GlobalRehydrate */, mutationLogs);
+        logGlobalOperationEnd(8 /* OperationId.GlobalRerender */, mutationLogs);
         // re-throwing the original error will break the current tick, but since the next tick is
         // already scheduled, it should continue patching the rest.
         throw error;
       }
     }
-    logGlobalOperationEnd(8 /* OperationId.GlobalRehydrate */, mutationLogs);
+    logGlobalOperationEnd(8 /* OperationId.GlobalRerender */, mutationLogs);
   }
   function runConnectedCallback(vm) {
     const {
@@ -8376,6 +8380,82 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     }
   }
 
+  /*
+   * Copyright (c) 2024, Salesforce, 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
+   */
+  // Errors that occured during the hydration process
+  let hydrationErrors = [];
+  /*
+      Prints attributes as null or "value"
+  */
+  function prettyPrintAttribute(attribute, value) {
+    assertNotProd(); // this method should never leak to prod
+    return `${attribute}=${isNull(value) || isUndefined$1(value) ? value : `"${value}"`}`;
+  }
+  /*
+      Sorts and stringifies classes
+  */
+  function prettyPrintClasses(classes) {
+    assertNotProd(); // this method should never leak to prod
+    const value = JSON.stringify(ArrayJoin.call(ArraySort.call(ArrayFrom(classes)), ' '));
+    return `class=${value}`;
+  }
+  /*
+      Hydration errors occur before the source node has been fully hydrated,
+      queue them so they can be logged later against the mounted node.
+  */
+  function queueHydrationError(type, serverRendered, clientExpected) {
+    assertNotProd(); // this method should never leak to prod
+    ArrayPush$1.call(hydrationErrors, {
+      type,
+      serverRendered,
+      clientExpected
+    });
+  }
+  /*
+      Flushes (logs) any queued errors after the source node has been mounted.
+   */
+  function flushHydrationErrors(source) {
+    assertNotProd(); // this method should never leak to prod
+    for (const hydrationError of hydrationErrors) {
+      logHydrationWarning(`Hydration ${hydrationError.type} mismatch on:`, source, `\n- rendered on server:`, hydrationError.serverRendered, `\n- expected on client:`, hydrationError.clientExpected || source);
+    }
+    hydrationErrors = [];
+  }
+  function isTypeElement(node) {
+    const isCorrectType = node?.nodeType === 1 /* EnvNodeTypes.ELEMENT */;
+    if (process.env.NODE_ENV !== 'production' && !isCorrectType) {
+      queueHydrationError('node', node);
+    }
+    return isCorrectType;
+  }
+  function isTypeText(node) {
+    const isCorrectType = node?.nodeType === 3 /* EnvNodeTypes.TEXT */;
+    if (process.env.NODE_ENV !== 'production' && !isCorrectType) {
+      queueHydrationError('node', node);
+    }
+    return isCorrectType;
+  }
+  function isTypeComment(node) {
+    const isCorrectType = node?.nodeType === 8 /* EnvNodeTypes.COMMENT */;
+    if (process.env.NODE_ENV !== 'production' && !isCorrectType) {
+      queueHydrationError('node', node);
+    }
+    return isCorrectType;
+  }
+  /*
+      logger.ts converts all args to a string, losing object referenences and has
+      legacy bloat which would have meant more pathing.
+  */
+  function logHydrationWarning(...args) {
+    assertNotProd(); // this method should never leak to prod
+    /* eslint-disable-next-line no-console */
+    console.warn('[LWC warn:', ...args);
+  }
+
   /*
    * Copyright (c) 2022, salesforce.com, inc.
    * All rights reserved.
@@ -8388,11 +8468,20 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   let hasMismatch = false;
   function hydrateRoot(vm) {
     hasMismatch = false;
+    logGlobalOperationStartWithVM(9 /* OperationId.GlobalSsrHydrate */, vm);
     runConnectedCallback(vm);
     hydrateVM(vm);
-    if (hasMismatch && process.env.NODE_ENV !== 'production') {
-      logWarn('Hydration completed with errors.', vm);
+    if (process.env.NODE_ENV !== 'production') {
+      /*
+          Errors are queued as they occur and then logged with the source element once it has been hydrated and mounted to the DOM.
+          Means the element in the console matches what is on the page and the highlighting works properly when you hover over the elements in the console.
+      */
+      flushHydrationErrors(vm.renderRoot);
+      if (hasMismatch) {
+        logHydrationWarning('Hydration completed with errors.');
+      }
     }
+    logGlobalOperationEndWithVM(9 /* OperationId.GlobalSsrHydrate */, vm);
   }
   function hydrateVM(vm) {
     const children = renderComponent(vm);
@@ -8405,7 +8494,9 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
         getFirstChild
       }
     } = vm;
+    logOperationStart(2 /* OperationId.Patch */, vm);
     hydrateChildren(getFirstChild(parentNode), children, parentNode, vm, false);
+    logOperationEnd(2 /* OperationId.Patch */, vm);
     runRenderedCallback(vm);
   }
   function hydrateNode(node, vnode, renderer) {
@@ -8434,23 +8525,27 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
         hydratedNode = hydrateCustomElement(node, vnode, vnode.data.renderer ?? renderer);
         break;
     }
+    if (process.env.NODE_ENV !== 'production') {
+      /*
+          Errors are queued as they occur and then logged with the source element once it has been hydrated and mounted to the DOM.
+          Means the element in the console matches what is on the page and the highlighting works properly when you hover over the elements in the console.
+      */
+      flushHydrationErrors(hydratedNode);
+    }
     return renderer.nextSibling(hydratedNode);
   }
   const NODE_VALUE_PROP = 'nodeValue';
-  function textNodeContentsAreEqual(node, vnode, renderer) {
+  function validateTextNodeEquality(node, vnode, renderer) {
     const {
       getProperty
     } = renderer;
     const nodeValue = getProperty(node, NODE_VALUE_PROP);
-    if (nodeValue === vnode.text) {
-      return true;
-    }
+    if (nodeValue !== vnode.text && (
     // Special case for empty text nodes – these are serialized differently on the server
     // See https://github.com/salesforce/lwc/pull/2656
-    if (nodeValue === '\u200D' && vnode.text === '') {
-      return true;
+    nodeValue !== '\u200D' || vnode.text !== '')) {
+      queueHydrationError('text content', nodeValue, vnode.text);
     }
-    return false;
   }
   // The validationOptOut static property can be an array of attribute names.
   // Any attribute names specified in that array will not be validated, and the
@@ -8468,7 +8563,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     const isValidArray = isArray$1(optOutStaticProp) && arrayEvery(optOutStaticProp, isString);
     const conditionalOptOut = isValidArray ? new Set(optOutStaticProp) : undefined;
     if (process.env.NODE_ENV !== 'production' && !isUndefined$1(optOutStaticProp) && !isTrue(optOutStaticProp) && !isValidArray) {
-      logWarn('`validationOptOut` must be `true` or an array of attributes that should not be validated.');
+      logHydrationWarning('`validationOptOut` must be `true` or an array of attributes that should not be validated.');
     }
     return attrName => {
       // Component wants to opt out of all validation
@@ -8488,16 +8583,14 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     };
   }
   function hydrateText(node, vnode, renderer) {
-    if (!hasCorrectNodeType(vnode, node, 3 /* EnvNodeTypes.TEXT */, renderer)) {
+    if (!isTypeText(node)) {
       return handleMismatch(node, vnode, renderer);
     }
-    return updateTextContent(node, vnode, vnode.owner, renderer);
+    return updateTextContent(node, vnode, renderer);
   }
-  function updateTextContent(node, vnode, owner, renderer) {
+  function updateTextContent(node, vnode, renderer) {
     if (process.env.NODE_ENV !== 'production') {
-      if (!textNodeContentsAreEqual(node, vnode, renderer)) {
-        logWarn('Hydration mismatch: text values do not match, will recover from the difference', owner);
-      }
+      validateTextNodeEquality(node, vnode, renderer);
     }
     const {
       setText
@@ -8507,7 +8600,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     return node;
   }
   function hydrateComment(node, vnode, renderer) {
-    if (!hasCorrectNodeType(vnode, node, 8 /* EnvNodeTypes.COMMENT */, renderer)) {
+    if (!isTypeComment(node)) {
       return handleMismatch(node, vnode, renderer);
     }
     if (process.env.NODE_ENV !== 'production') {
@@ -8516,7 +8609,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       } = renderer;
       const nodeValue = getProperty(node, NODE_VALUE_PROP);
       if (nodeValue !== vnode.text) {
-        logWarn('Hydration mismatch: comment values do not match, will recover from the difference', vnode.owner);
+        queueHydrationError('comment', nodeValue, vnode.text);
       }
     }
     const {
@@ -8529,10 +8622,10 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     return node;
   }
   function hydrateStaticElement(elm, vnode, renderer) {
-    if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) || !areCompatibleStaticNodes(vnode.fragment, elm, vnode, renderer)) {
-      return handleMismatch(elm, vnode, renderer);
+    if (isTypeElement(elm) && isTypeElement(vnode.fragment) && areStaticElementsCompatible(vnode.fragment, elm, vnode, renderer)) {
+      return hydrateStaticElementParts(elm, vnode, renderer);
     }
-    return hydrateStaticElementParts(elm, vnode, renderer);
+    return handleMismatch(elm, vnode, renderer);
   }
   function hydrateStaticElementParts(elm, vnode, renderer) {
     const {
@@ -8560,7 +8653,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     return vnode.elm = children[children.length - 1].elm;
   }
   function hydrateElement(elm, vnode, renderer) {
-    if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) || !isMatchingElement(vnode, elm, renderer)) {
+    if (!isTypeElement(elm) || !isMatchingElement(vnode, elm, renderer)) {
       return handleMismatch(elm, vnode, renderer);
     }
     vnode.elm = elm;
@@ -8583,16 +8676,16 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
         getProperty
       } = renderer;
       if (!isUndefined$1(props) && !isUndefined$1(props.innerHTML)) {
-        if (isSanitizedHtmlContentEqual(getProperty(elm, 'innerHTML'), props.innerHTML)) {
+        const unwrappedServerInnerHTML = unwrapIfNecessary(getProperty(elm, 'innerHTML'));
+        const unwrappedClientInnerHTML = unwrapIfNecessary(props.innerHTML);
+        if (unwrappedServerInnerHTML === unwrappedClientInnerHTML) {
           // Do a shallow clone since VNodeData may be shared across VNodes due to hoist optimization
           vnode.data = {
             ...vnode.data,
             props: cloneAndOmitKey(props, 'innerHTML')
           };
-        } else {
-          if (process.env.NODE_ENV !== 'production') {
-            logWarn(`Mismatch hydrating element <${getProperty(elm, 'tagName').toLowerCase()}>: innerHTML values do not match for element, will recover from the difference`, owner);
-          }
+        } else if (process.env.NODE_ENV !== 'production') {
+          queueHydrationError('innerHTML', unwrappedServerInnerHTML, unwrappedClientInnerHTML);
         }
       }
     }
@@ -8619,7 +8712,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     //
     // Therefore, if validationOptOut is falsey or an array of strings, we need to
     // examine some or all of the custom element's attributes.
-    if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) || !isMatchingElement(vnode, elm, renderer, shouldValidateAttr)) {
+    if (!isTypeElement(elm) || !isMatchingElement(vnode, elm, renderer, shouldValidateAttr)) {
       return handleMismatch(elm, vnode, renderer);
     }
     const {
@@ -8665,24 +8758,23 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   // last node of the fragment. Hydration should not fail if a trailing sibling is
   // found in this case.
   expectAddlSiblings) {
-    let hasWarned = false;
+    let mismatchedChildren = false;
     let nextNode = node;
     const {
       renderer
     } = owner;
+    const {
+      getChildNodes,
+      cloneNode
+    } = renderer;
+    const serverNodes = process.env.NODE_ENV !== 'production' ? Array.from(getChildNodes(parentNode), node => cloneNode(node, true)) : null;
     for (let i = 0; i < children.length; i++) {
       const childVnode = children[i];
       if (!isNull(childVnode)) {
         if (nextNode) {
           nextNode = hydrateNode(nextNode, childVnode, renderer);
         } else {
-          hasMismatch = true;
-          if (process.env.NODE_ENV !== 'production') {
-            if (!hasWarned) {
-              hasWarned = true;
-              logWarn(`Hydration mismatch: incorrect number of rendered nodes. Client produced more nodes than the server.`, owner);
-            }
-          }
+          mismatchedChildren = true;
           mount(childVnode, parentNode, renderer, nextNode);
           nextNode = renderer.nextSibling(childVnode.type === 5 /* VNodeType.Fragment */ ? childVnode.trailing : childVnode.elm);
         }
@@ -8698,12 +8790,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     // contract. It also preserves the behavior of valid hydration failures where the server
     // rendered more nodes than the client.
     (!useCommentsForBookends || !expectAddlSiblings) && nextNode) {
-      hasMismatch = true;
-      if (process.env.NODE_ENV !== 'production') {
-        if (!hasWarned) {
-          logWarn(`Hydration mismatch: incorrect number of rendered nodes. Server rendered more nodes than the client.`, owner);
-        }
-      }
+      mismatchedChildren = true;
       // nextSibling is mostly harmless, and since we don't have
       // a good reference to what element to act upon, we instead
       // rely on the vm's associated renderer for navigating to the
@@ -8717,6 +8804,14 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
         removeNode(current, parentNode, renderer);
       } while (nextNode);
     }
+    if (mismatchedChildren) {
+      hasMismatch = true;
+      // We can't know exactly which node(s) caused the delta, but we can provide context (parent) and the mismatched sets
+      if (process.env.NODE_ENV !== 'production') {
+        const clientNodes = ArrayMap.call(children, c => c?.elm);
+        queueHydrationError('child node', serverNodes, clientNodes);
+      }
+    }
   }
   function handleMismatch(node, vnode, renderer) {
     hasMismatch = true;
@@ -8734,34 +8829,22 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     // The `refs` object is blown away in every re-render, so we always need to re-apply them
     applyRefs(vnode, vnode.owner);
   }
-  function hasCorrectNodeType(vnode, node, nodeType, renderer) {
-    const {
-      getProperty
-    } = renderer;
-    if (getProperty(node, 'nodeType') !== nodeType) {
-      if (process.env.NODE_ENV !== 'production') {
-        logWarn('Hydration mismatch: incorrect node type received', vnode.owner);
-      }
-      return false;
-    }
-    return true;
-  }
   function isMatchingElement(vnode, elm, renderer, shouldValidateAttr = () => true) {
     const {
       getProperty
     } = renderer;
     if (vnode.sel.toLowerCase() !== getProperty(elm, 'tagName').toLowerCase()) {
       if (process.env.NODE_ENV !== 'production') {
-        logWarn(`Hydration mismatch: expecting element with tag "${vnode.sel.toLowerCase()}" but found "${getProperty(elm, 'tagName').toLowerCase()}".`, vnode.owner);
+        queueHydrationError('node', elm);
       }
       return false;
     }
     const {
       data
     } = vnode;
-    const hasCompatibleAttrs = validateAttrs(vnode, elm, data, renderer, shouldValidateAttr);
+    const hasCompatibleAttrs = validateAttrs(elm, data, renderer, shouldValidateAttr);
     const hasCompatibleClass = shouldValidateAttr('class') ? validateClassAttr(vnode, elm, data, renderer) : true;
-    const hasCompatibleStyle = shouldValidateAttr('style') ? validateStyleAttr(vnode, elm, data, renderer) : true;
+    const hasCompatibleStyle = shouldValidateAttr('style') ? validateStyleAttr(elm, data, renderer) : true;
     return hasCompatibleAttrs && hasCompatibleClass && hasCompatibleStyle;
   }
   function attributeValuesAreEqual(vnodeValue, value) {
@@ -8777,7 +8860,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     // In all other cases, the two values are not considered equal
     return false;
   }
-  function validateAttrs(vnode, elm, data, renderer, shouldValidateAttr) {
+  function validateAttrs(elm, data, renderer, shouldValidateAttr) {
     const {
       attrs = {}
     } = data;
@@ -8794,10 +8877,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       const elmAttrValue = getAttribute(elm, attrName);
       if (!attributeValuesAreEqual(attrValue, elmAttrValue)) {
         if (process.env.NODE_ENV !== 'production') {
-          const {
-            getProperty
-          } = renderer;
-          logWarn(`Mismatch hydrating element <${getProperty(elm, 'tagName').toLowerCase()}>: attribute "${attrName}" has different values, expected "${attrValue}" but found ${isNull(elmAttrValue) ? 'null' : `"${elmAttrValue}"`}`, vnode.owner);
+          queueHydrationError('attribute', prettyPrintAttribute(attrName, elmAttrValue), prettyPrintAttribute(attrName, attrValue));
         }
         nodesAreCompatible = false;
       }
@@ -8830,9 +8910,6 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       className,
       classMap
     } = data;
-    const {
-      getProperty
-    } = renderer;
     // ---------- Step 1: get the classes from the element and the vnode
     // Use a Set because we don't care to validate mismatches for 1) different ordering in SSR vs CSR, or 2)
     // duplicated class names. These don't have an effect on rendered styles.
@@ -8875,12 +8952,11 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     // ---------- Step 3: check for compatibility
     const classesAreCompatible = checkClassesCompatibility(vnodeClasses, elmClasses);
     if (process.env.NODE_ENV !== 'production' && !classesAreCompatible) {
-      const prettyPrint = set => JSON.stringify(ArrayJoin.call(ArraySort.call(ArrayFrom(set)), ' '));
-      logWarn(`Mismatch hydrating element <${getProperty(elm, 'tagName').toLowerCase()}>: attribute "class" has different values, expected ${prettyPrint(vnodeClasses)} but found ${prettyPrint(elmClasses)}`, vnode.owner);
+      queueHydrationError('attribute', prettyPrintClasses(elmClasses), prettyPrintClasses(vnodeClasses));
     }
     return classesAreCompatible;
   }
-  function validateStyleAttr(vnode, elm, data, renderer) {
+  function validateStyleAttr(elm, data, renderer) {
     // Note styleDecls is always undefined for VStaticPartData, casting here to default it to undefined
     const {
       style,
@@ -8916,57 +8992,38 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       }
       vnodeStyle = ArrayJoin.call(expectedStyle, ' ');
     }
-    if (!nodesAreCompatible) {
-      if (process.env.NODE_ENV !== 'production') {
-        const {
-          getProperty
-        } = renderer;
-        logWarn(`Mismatch hydrating element <${getProperty(elm, 'tagName').toLowerCase()}>: attribute "style" has different values, expected "${vnodeStyle}" but found "${elmStyle}".`, vnode.owner);
-      }
+    if (process.env.NODE_ENV !== 'production' && !nodesAreCompatible) {
+      queueHydrationError('attribute', prettyPrintAttribute('style', elmStyle), prettyPrintAttribute('style', vnodeStyle));
     }
     return nodesAreCompatible;
   }
-  function areCompatibleStaticNodes(client, ssr, vnode, renderer) {
+  function areStaticElementsCompatible(clientElement, serverElement, vnode, renderer) {
     const {
       getProperty,
       getAttribute
     } = renderer;
-    if (getProperty(client, 'nodeType') === 3 /* EnvNodeTypes.TEXT */) {
-      if (!hasCorrectNodeType(vnode, ssr, 3 /* EnvNodeTypes.TEXT */, renderer)) {
-        return false;
-      }
-      return getProperty(client, NODE_VALUE_PROP) === getProperty(ssr, NODE_VALUE_PROP);
-    }
-    if (getProperty(client, 'nodeType') === 8 /* EnvNodeTypes.COMMENT */) {
-      if (!hasCorrectNodeType(vnode, ssr, 8 /* EnvNodeTypes.COMMENT */, renderer)) {
-        return false;
-      }
-      return getProperty(client, NODE_VALUE_PROP) === getProperty(ssr, NODE_VALUE_PROP);
-    }
-    if (!hasCorrectNodeType(vnode, ssr, 1 /* EnvNodeTypes.ELEMENT */, renderer)) {
-      return false;
-    }
     const {
-      owner,
       parts
     } = vnode;
     let isCompatibleElements = true;
-    if (getProperty(client, 'tagName') !== getProperty(ssr, 'tagName')) {
+    if (getProperty(clientElement, 'tagName') !== getProperty(serverElement, 'tagName')) {
       if (process.env.NODE_ENV !== 'production') {
-        logWarn(`Hydration mismatch: expecting element with tag "${getProperty(client, 'tagName').toLowerCase()}" but found "${getProperty(ssr, 'tagName').toLowerCase()}".`, owner);
+        queueHydrationError('node', serverElement);
       }
       return false;
     }
-    const clientAttrsNames = getProperty(client, 'getAttributeNames').call(client);
+    const clientAttrsNames = getProperty(clientElement, 'getAttributeNames').call(clientElement);
     clientAttrsNames.forEach(attrName => {
-      if (getAttribute(client, attrName) !== getAttribute(ssr, attrName)) {
+      const clientAttributeValue = getAttribute(clientElement, attrName);
+      const serverAttributeValue = getAttribute(serverElement, attrName);
+      if (clientAttributeValue !== serverAttributeValue) {
         // Check if the root element attributes have expressions, if it does then we need to delegate hydration
         // validation to haveCompatibleStaticParts.
         // Note if there are no parts then it is a fully static fragment.
         // partId === 0 will always refer to the root element, this is guaranteed by the compiler.
         if (parts?.[0].partId !== 0) {
           if (process.env.NODE_ENV !== 'production') {
-            logWarn(`Mismatch hydrating element <${getProperty(client, 'tagName').toLowerCase()}>: attribute "${attrName}" has different values, expected "${getAttribute(client, attrName)}" but found "${getAttribute(ssr, attrName)}"`, owner);
+            queueHydrationError('attribute', prettyPrintAttribute(attrName, serverAttributeValue), prettyPrintAttribute(attrName, clientAttributeValue));
           }
           isCompatibleElements = false;
         }
@@ -8976,8 +9033,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   }
   function haveCompatibleStaticParts(vnode, renderer) {
     const {
-      parts,
-      owner
+      parts
     } = vnode;
     if (isUndefined$1(parts)) {
       return true;
@@ -8991,29 +9047,29 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
         elm
       } = part;
       if (isVStaticPartElement(part)) {
-        if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer)) {
+        if (!isTypeElement(elm)) {
           return false;
         }
         const {
           data
         } = part;
-        const hasMatchingAttrs = validateAttrs(vnode, elm, data, renderer, () => true);
+        const hasMatchingAttrs = validateAttrs(elm, data, renderer, () => true);
         // Explicitly skip hydration validation when static parts don't contain `style` or `className`.
         // This means the style/class attributes are either static or don't exist on the element and
         // cannot be affected by hydration.
         // We need to do class first, style second to match the ordering of non-static-optimized nodes,
         // otherwise the ordering of console errors is different between the two.
         const hasMatchingClass = shouldValidateAttr(data, 'className') ? validateClassAttr(vnode, elm, data, renderer) : true;
-        const hasMatchingStyleAttr = shouldValidateAttr(data, 'style') ? validateStyleAttr(vnode, elm, data, renderer) : true;
+        const hasMatchingStyleAttr = shouldValidateAttr(data, 'style') ? validateStyleAttr(elm, data, renderer) : true;
         if (isFalse(hasMatchingAttrs && hasMatchingClass && hasMatchingStyleAttr)) {
           return false;
         }
       } else {
         // VStaticPartText
-        if (!hasCorrectNodeType(vnode, elm, 3 /* EnvNodeTypes.TEXT */, renderer)) {
+        if (!isTypeText(elm)) {
           return false;
         }
-        updateTextContent(elm, part, owner, renderer);
+        updateTextContent(elm, part, renderer);
       }
     }
     return true;
@@ -9259,7 +9315,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     }
     return getReadOnlyProxy(obj);
   }
-  /** version: 8.12.1 */
+  /** version: 8.12.6 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -9553,7 +9609,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       formStateRestoreCallback(state, reason) {
         runFormStateRestoreCallback(this, state, reason);
       }
-      /*LWC compiler v8.12.1*/
+      /*LWC compiler v8.12.6*/
     };
     BaseHTMLElement = HTMLElement; // cache to track if it changes
   }
@@ -9568,7 +9624,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     // Using a BaseUpgradableConstructor superclass here is a perf optimization to avoid
     // re-defining the same logic (connectedCallback, disconnectedCallback, etc.) over and over.
     class UpgradableConstructor extends BaseUpgradableConstructor {
-      /*LWC compiler v8.12.1*/
+      /*LWC compiler v8.12.6*/
     }
     if (isFormAssociated) {
       // Perf optimization - the vast majority of components have formAssociated=false,
@@ -9623,7 +9679,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
     // See `injectInlineRenderer` in /scripts/rollup/rollup.config.js
     const renderer = function (exports) {
       /**
-       * Copyright (c) 2024 Salesforce, Inc.
+       * Copyright (c) 2025 Salesforce, Inc.
        */
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -9675,6 +9731,49 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
         isFalse: isFalse$1,
         isTrue: isTrue$1
       });
+
+      /*
+       * Copyright (c) 2024, Salesforce, 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
+       */
+      const {
+        /** Detached {@linkcode Object.assign}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign MDN Reference}. */
+        assign,
+        /** Detached {@linkcode Object.create}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create MDN Reference}. */
+        create,
+        /** Detached {@linkcode Object.defineProperties}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperties MDN Reference}. */
+        defineProperties,
+        /** Detached {@linkcode Object.defineProperty}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty MDN Reference}. */
+        defineProperty,
+        /** Detached {@linkcode Object.entries}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries MDN Reference}. */
+        entries,
+        /** Detached {@linkcode Object.freeze}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze MDN Reference}. */
+        freeze,
+        /** Detached {@linkcode Object.fromEntries}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries MDN Reference}. */
+        fromEntries,
+        /** Detached {@linkcode Object.getOwnPropertyDescriptor}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor MDN Reference}. */
+        getOwnPropertyDescriptor,
+        /** Detached {@linkcode Object.getOwnPropertyDescriptors}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptors MDN Reference}. */
+        getOwnPropertyDescriptors,
+        /** Detached {@linkcode Object.getOwnPropertyNames}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames MDN Reference}. */
+        getOwnPropertyNames,
+        /** Detached {@linkcode Object.getOwnPropertySymbols}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertySymbols MDN Reference}. */
+        getOwnPropertySymbols,
+        /** Detached {@linkcode Object.getPrototypeOf}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getPrototypeOf MDN Reference}. */
+        getPrototypeOf,
+        /** Detached {@linkcode Object.hasOwnProperty}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty MDN Reference}. */
+        hasOwnProperty,
+        /** Detached {@linkcode Object.isFrozen}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/isFrozen MDN Reference}. */
+        isFrozen,
+        /** Detached {@linkcode Object.keys}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys MDN Reference}. */
+        keys,
+        /** Detached {@linkcode Object.seal}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/seal MDN Reference}. */
+        seal,
+        /** Detached {@linkcode Object.setPrototypeOf}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/setPrototypeOf MDN Reference}. */
+        setPrototypeOf
+      } = Object;
       /**
        * Determines whether the argument is `undefined`.
        * @param obj Value to test
@@ -9691,7 +9790,18 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 8.12.1 */
+      /** version: 8.12.6 */
+
+      /*
+       * Copyright (c) 2024, Salesforce, 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
+       */
+      // Like @lwc/shared, but for DOM APIs
+      const ElementDescriptors = getOwnPropertyDescriptors(Element.prototype);
+      const ElementAttachShadow = ElementDescriptors.attachShadow.value;
+      const ElementShadowRootGetter = ElementDescriptors.shadowRoot.get;
 
       /*
        * Copyright (c) 2023, salesforce.com, inc.
@@ -9711,7 +9821,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
           this.setNewContext = setNewContext;
           this.setDisconnectedCallback = setDisconnectedCallback;
         }
-        /*LWC compiler v8.12.1*/
+        /*LWC compiler v8.12.6*/
       }
       function registerContextConsumer(elm, adapterContextToken, subscriptionPayload) {
         dispatchEvent(elm, new WireContextSubscriptionEvent(adapterContextToken, subscriptionPayload));
@@ -9774,10 +9884,12 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
         //   1. upon initial load with an SSR-generated DOM, while in Shadow render mode
         //   2. when a webapp author places <c-app> in their static HTML and mounts their
         //      root component with customElement.define('c-app', Ctor)
-        if (!isNull(element.shadowRoot)) {
-          return element.shadowRoot;
+        // see W-17441501
+        const shadowRoot = ElementShadowRootGetter.call(element);
+        if (!isNull(shadowRoot)) {
+          return shadowRoot;
         }
-        return element.attachShadow(options);
+        return ElementAttachShadow.call(element, options);
       }
       function setText(node, content) {
         node.nodeValue = content;
@@ -10120,7 +10232,10 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
         disconnectRootElement(this);
       }
       attributeChangedCallback(name, oldValue, newValue) {
-        attributeChangedCallback.call(this, name, oldValue, newValue);
+        if (this instanceof BaseBridgeElement) {
+          // W-17420330
+          attributeChangedCallback.call(this, name, oldValue, newValue);
+        }
       }
       formAssociatedCallback(form) {
         runFormAssociatedCallback(this, form);
@@ -10134,7 +10249,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       formStateRestoreCallback(state, reason) {
         runFormStateRestoreCallback(this, state, reason);
       }
-      /*LWC compiler v8.12.1*/
+      /*LWC compiler v8.12.6*/
     }, _a.observedAttributes = observedAttributes,
     // Note CustomElementConstructor is not upgraded by LWC and inherits directly from HTMLElement which means it calls the native
     // attachInternals API.
@@ -10343,6 +10458,17 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
   freeze(LightningElement);
   seal(LightningElement.prototype);
 
+  /*
+   * Copyright (c) 2024, Salesforce, 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
+   */
+  // Like @lwc/shared, but for DOM APIs
+  const ElementDescriptors = getOwnPropertyDescriptors(Element.prototype);
+  ElementDescriptors.attachShadow.value;
+  ElementDescriptors.shadowRoot.get;
+
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -10380,7 +10506,7 @@ LWR.define('lwc/v/8_12_1', ['exports'], (function (exports) { 'use strict';
       });
     });
   }
-  /** version: 8.12.1 */
+  /** version: 8.12.6 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;