@lwrjs/everywhere 0.13.0-alpha.9 → 0.13.0

package/build/__generated_site_amd_modules__/1/module/amd/1/l/en-US/mi/lwc/v/{6_6_3/s/58be00f9ece0d8c0a817bddb6ae6b439 → 7_1_2/s/027fc9cd750ae64e43070ae2b597fad0}/lwc.js

@@ -1,4 +1,4 @@
-LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
+LWR.define('lwc/v/7_1_2', ['exports'], (function (exports) { 'use strict';
 
   /**
    * Copyright (c) 2024 Salesforce, Inc.
@@ -153,7 +153,8 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     replace: StringReplace,
     split: StringSplit,
     slice: StringSlice,
-    toLowerCase: StringToLowerCase
+    toLowerCase: StringToLowerCase,
+    trim: StringTrim
   } = String.prototype;
   /**
    * Determines whether the argument is `undefined`.
@@ -309,10 +310,13 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       case 5 /* APIFeature.USE_COMMENTS_FOR_FRAGMENT_BOOKENDS */:
       case 2 /* APIFeature.USE_FRAGMENTS_FOR_LIGHT_DOM_SLOTS */:
         return apiVersion >= 60 /* APIVersion.V60_248_SPRING_24 */;
-      case 8 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */:
-      case 7 /* APIFeature.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE */:
+      case 7 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */:
       case 6 /* APIFeature.USE_LIGHT_DOM_SLOT_FORWARDING */:
         return apiVersion >= 61 /* APIVersion.V61_250_SUMMER_24 */;
+      case 8 /* APIFeature.ENABLE_THIS_DOT_HOST_ELEMENT */:
+      case 9 /* APIFeature.ENABLE_THIS_DOT_STYLE */:
+      case 10 /* APIFeature.TEMPLATE_CLASS_NAME_OBJECT_BINDING */:
+        return apiVersion >= 62 /* APIVersion.V62_252_WINTER_25 */;
     }
   }
 
@@ -442,9 +446,9 @@ LWR.define('lwc/v/6_6_3', ['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 = "6.6.3";
+  const LWC_VERSION = "7.1.2";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 6.6.3 */
+  /** version: 7.1.2 */
 
   /**
    * Copyright (c) 2024 Salesforce, Inc.
@@ -530,7 +534,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       setFeatureFlag(name, value);
     }
   }
-  /** version: 6.6.3 */
+  /** version: 7.1.2 */
 
   /**
    * Copyright (c) 2024 Salesforce, Inc.
@@ -953,14 +957,6 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     }
     return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
   }
-  function shouldUseNativeCustomElementLifecycle(ctor) {
-    if (lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
-      // temporary "kill switch"
-      return false;
-    }
-    const apiVersion = getComponentAPIVersion(ctor);
-    return isAPIFeatureEnabled(7 /* APIFeature.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE */, apiVersion);
-  }
   // Borrowed from Vue template compiler.
   // https://github.com/vuejs/vue/blob/531371b818b0e31a989a06df43789728f23dc4e8/src/platforms/web/util/style.js#L5-L16
   const DECLARATION_DELIMITER = /;(?![^(]*\))/g;
@@ -1010,7 +1006,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   function shouldBeFormAssociated(Ctor) {
     const ctorFormAssociated = Boolean(Ctor.formAssociated);
     const apiVersion = getComponentAPIVersion(Ctor);
-    const apiFeatureEnabled = isAPIFeatureEnabled(8 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion);
+    const apiFeatureEnabled = isAPIFeatureEnabled(7 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion);
     if (process.env.NODE_ENV !== 'production' && ctorFormAssociated && !apiFeatureEnabled) {
       const tagName = getComponentRegisteredName(Ctor);
       logWarnOnce(`Component <${tagName}> set static formAssociated to true, but form ` + `association is not enabled because the API version is ${apiVersion}. To enable form association, ` + `update the LWC component API version to 61 or above. https://lwc.dev/guide/versioning`);
@@ -1722,7 +1718,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       valueMutated(originalTarget, key);
       return true;
     }
-    /*LWC compiler v6.6.3*/
+    /*LWC compiler v7.1.2*/
   }
   const getterMap = new WeakMap();
   const setterMap = new WeakMap();
@@ -1815,7 +1811,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       /* istanbul ignore next */
       return false;
     }
-    /*LWC compiler v6.6.3*/
+    /*LWC compiler v7.1.2*/
   }
   function extract(objectOrArray) {
     if (isArray(objectOrArray)) {
@@ -2097,7 +2093,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   }
 
   /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * 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
@@ -2417,7 +2413,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
           attachInternals
         }
       } = vm;
-      if (!isAPIFeatureEnabled(8 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion)) {
+      if (!isAPIFeatureEnabled(7 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion)) {
         throw new Error(`The attachInternals API is only supported in API version 61 and above. ` + `The current version is ${apiVersion}. ` + `To use this API, update the LWC component API version. https://lwc.dev/guide/versioning`);
       }
       if (vm.shadowMode === 1 /* ShadowMode.Synthetic */) {
@@ -2459,6 +2455,21 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       }
       return vm.shadowRoot;
     },
+    get hostElement() {
+      const vm = getAssociatedVM(this);
+      const apiVersion = getComponentAPIVersion(vm.def.ctor);
+      if (!isAPIFeatureEnabled(8 /* APIFeature.ENABLE_THIS_DOT_HOST_ELEMENT */, apiVersion)) {
+        if (process.env.NODE_ENV !== 'production') {
+          logWarnOnce('The `this.hostElement` API within LightningElement is ' + 'only supported in API version 62 and above. Increase the API version to use it.');
+        }
+        // Simulate the old behavior for `this.hostElement` to avoid a breaking change
+        return undefined;
+      }
+      if (process.env.NODE_ENV !== 'production') {
+        assert.isTrue(vm.elm instanceof Element, `this.hostElement should be an Element, found: ${vm.elm}`);
+      }
+      return vm.elm;
+    },
     get refs() {
       const vm = getAssociatedVM(this);
       if (isUpdatingTemplate) {
@@ -2587,6 +2598,22 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       } = getAssociatedVM(this);
       return renderer.getTagName(elm);
     },
+    get style() {
+      const {
+        elm,
+        renderer,
+        def
+      } = getAssociatedVM(this);
+      const apiVersion = getComponentAPIVersion(def.ctor);
+      if (!isAPIFeatureEnabled(9 /* APIFeature.ENABLE_THIS_DOT_STYLE */, apiVersion)) {
+        if (process.env.NODE_ENV !== 'production') {
+          logWarnOnce('The `this.style` API within LightningElement returning the CSSStyleDeclaration is ' + 'only supported in API version 62 and above. Increase the API version to use it.');
+        }
+        // Simulate the old behavior for `this.style` to avoid a breaking change
+        return undefined;
+      }
+      return renderer.getStyle(elm);
+    },
     render() {
       const vm = getAssociatedVM(this);
       return vm.def.template;
@@ -2968,12 +2995,21 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   }
 
   /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * 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
    */
-  function api$1() {
+  /**
+   * The `@api` decorator marks public fields and public methods in
+   * LWC Components. This function implements the internals of this
+   * decorator.
+   */
+  function api$1(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  value,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  context) {
     if (process.env.NODE_ENV !== 'production') {
       assert.fail(`@api decorator can only be used as a decorator function.`);
     }
@@ -3050,7 +3086,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   }
 
   /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * 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
@@ -3092,19 +3128,27 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   }
 
   /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * 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
    */
   /**
-   * The @wire decorator wires fields and methods to a wire adapter in
-   * LWC Components. This function implements the internals of this
-   * decorator.
-   * @param _adapter
-   * @param _config
-   */
-  function wire(_adapter, _config) {
+   * Decorator factory to wire a property or method to a wire adapter data source.
+   * @param adapter the adapter used to provision data
+   * @param config configuration object for the adapter
+   * @returns A decorator function
+   * @example
+   * export default class WireExample extends LightningElement {
+   *   \@api bookId;
+   *   \@wire(getBook, { id: '$bookId'}) book;
+   * }
+   */
+  function wire(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  adapter,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  config) {
     if (process.env.NODE_ENV !== 'production') {
       assert.fail('@wire(adapter, config?) may only be used as a decorator.');
     }
@@ -3140,11 +3184,11 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
    */
   function getClassDescriptorType(descriptor) {
     if (isFunction$1(descriptor.value)) {
-      return "method" /* DescriptorType.Method */;
+      return 'method';
     } else if (isFunction$1(descriptor.set) || isFunction$1(descriptor.get)) {
-      return "accessor" /* DescriptorType.Accessor */;
+      return 'accessor';
     } else {
-      return "field" /* DescriptorType.Field */;
+      return 'field';
     }
   }
   function validateObservedField(Ctor, fieldName, descriptor) {
@@ -3381,9 +3425,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     const versionMatcher = func.toString().match(LWC_VERSION_COMMENT_REGEX);
     if (!isNull(versionMatcher) && !warned) {
       const version = versionMatcher[1];
-      const [major, minor] = version.split('.');
-      const [expectedMajor, expectedMinor] = LWC_VERSION.split('.');
-      if (major !== expectedMajor || minor !== expectedMinor) {
+      if (version !== LWC_VERSION) {
         warned = true; // only warn once to avoid flooding the console
         // stylesheets and templates do not have user-meaningful names, but components do
         const friendlyName = type === 'component' ? `${type} ${func.name}` : type;
@@ -3522,7 +3564,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   }
   function HTMLBridgeElementFactory(SuperClass, publicProperties, methods, observedFields, proto, hasCustomSuperClass) {
     const HTMLBridgeElement = class extends SuperClass {
-      /*LWC compiler v6.6.3*/
+      /*LWC compiler v7.1.2*/
     };
     // generating the hash table for attributes to avoid duplicate fields and facilitate validation
     // and false positives in case of inheritance.
@@ -3932,9 +3974,9 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     }
     for (const cssContent of cssContents) {
       const abortController = cssContentToAbortControllers.get(cssContent);
-      /* istanbul ignore if */
       if (isUndefined$1(abortController)) {
-        throw new Error('Cannot find AbortController for CSS content');
+        // Two stylesheets with the same content will share an abort controller, in which case it only needs to be called once.
+        continue;
       }
       abortController.abort();
       // remove association with AbortController in case stylesheet is rendered again
@@ -4040,7 +4082,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   let swappedStyleMap = /*@__PURE__@*/new WeakMap();
   // The important thing here is the weak values – VMs are transient (one per component instance) and should be GC'ed,
   // so we don't want to create strong references to them.
-  // The weak keys are kind of useless, because Templates, LightningElementConstructors, and StylesheetFactories are
+  // The weak keys are kind of useless, because Templates, LightningElementConstructors, and Stylesheets are
   // never GC'ed. But maybe they will be someday, so we may as well use weak keys too.
   // The "pure" annotations are so that Rollup knows for sure it can remove these from prod mode
   let activeTemplates = /*@__PURE__@*/new WeakMultiMap();
@@ -4074,6 +4116,9 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   }
   function rehydrateHotStyle(style) {
     const activeVMs = activeStyles.get(style);
+    if (!activeVMs.size) {
+      return true;
+    }
     unrenderStylesheet(style);
     for (const vm of activeVMs) {
       // if a style definition is swapped, we must reset
@@ -4188,11 +4233,22 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   }
   function swapComponent(oldComponent, newComponent) {
     if (process.env.NODE_ENV !== 'production') {
-      if (isComponentConstructor(oldComponent) && isComponentConstructor(newComponent)) {
+      const isOldCtorAComponent = isComponentConstructor(oldComponent);
+      const isNewCtorAComponent = isComponentConstructor(newComponent);
+      if (isOldCtorAComponent && isNewCtorAComponent) {
         swappedComponentMap.set(oldComponent, newComponent);
         return rehydrateHotComponent(oldComponent);
+      } else if (isOldCtorAComponent === false && isNewCtorAComponent === true) {
+        throw new TypeError(`Invalid Component: Attempting to swap a non-component with a component`);
+      } else if (isOldCtorAComponent === true && isNewCtorAComponent === false) {
+        throw new TypeError(`Invalid Component: Attempting to swap a component with a non-component`);
       } else {
-        throw new TypeError(`Invalid Component`);
+        // The dev-server relies on the presence of registerComponent() as a way to determine a
+        // component module. However, the compiler cannot definitively add registerComponent()
+        // transformation only to a component constructor. Hence the dev-server may attempt to
+        // hot swap javascript modules that look like a component and should not cause the app
+        // to fail. To allow that, this api ignores such hot swap attempts.
+        return false;
       }
     }
     return false;
@@ -4258,11 +4314,11 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
         // But we keep it here just in case.
         logError(`Missing ${ctorName}.constructor, ${ctorName} should have a "constructor" property.`);
       }
-      if (!isUndefined$1(ctorShadowSupportMode) && ctorShadowSupportMode !== "any" /* ShadowSupportMode.Any */ && ctorShadowSupportMode !== "reset" /* ShadowSupportMode.Default */ && ctorShadowSupportMode !== "native" /* ShadowSupportMode.Native */) {
+      if (!isUndefined$1(ctorShadowSupportMode) && ctorShadowSupportMode !== 'any' && ctorShadowSupportMode !== 'reset' && ctorShadowSupportMode !== 'native') {
         logError(`Invalid value for static property shadowSupportMode: '${ctorShadowSupportMode}'`);
       }
       // TODO [#3971]: Completely remove shadowSupportMode "any"
-      if (ctorShadowSupportMode === "any" /* ShadowSupportMode.Any */) {
+      if (ctorShadowSupportMode === 'any') {
         logWarn(`Invalid value 'any' for static property shadowSupportMode. 'any' is deprecated and will be removed in a future release--use 'native' instead.`);
       }
       if (!isUndefined$1(ctorRenderMode) && ctorRenderMode !== 'light' && ctorRenderMode !== 'shadow') {
@@ -4310,7 +4366,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     let shadowSupportMode = superDef.shadowSupportMode;
     if (!isUndefined$1(ctorShadowSupportMode)) {
       shadowSupportMode = ctorShadowSupportMode;
-      if (isReportingEnabled() && (shadowSupportMode === "any" /* ShadowSupportMode.Any */ || shadowSupportMode === "native" /* ShadowSupportMode.Native */)) {
+      if (isReportingEnabled() && (shadowSupportMode === 'any' || shadowSupportMode === 'native')) {
         report("ShadowSupportModeUsage" /* ReportingEventId.ShadowSupportModeUsage */, {
           tagName: Ctor.name,
           mode: shadowSupportMode
@@ -4425,7 +4481,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     propsConfig: EmptyObject,
     methods: EmptyObject,
     renderMode: 1 /* RenderMode.Shadow */,
-    shadowSupportMode: "reset" /* ShadowSupportMode.Default */,
+    shadowSupportMode: 'reset',
     formAssociated: undefined,
     wire: EmptyObject,
     bridge: BaseBridgeElement,
@@ -4456,7 +4512,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       publicProps[key] = {
         config: propsConfig[key] || 0,
         // a property by default
-        type: "any" /* PropDefType.any */,
+        type: 'any',
         // no type inference for public services
         attr: htmlPropertyToAttribute(key)
       };
@@ -5299,7 +5355,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     // compiler may generate tagnames with uppercase letters so - for backwards
     // compatibility, we lower case the tagname here.
     const normalizedTagname = sel.toLowerCase();
-    const useNativeLifecycle = shouldUseNativeCustomElementLifecycle(ctor);
+    const useNativeLifecycle = !lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE;
     const isFormAssociated = shouldBeFormAssociated(ctor);
     const elm = createCustomElement(normalizedTagname, upgradeCallback, useNativeLifecycle, isFormAssociated);
     vnode.elm = elm;
@@ -5552,14 +5608,14 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
         context
       }
     } = vnode;
-    if (owner.shadowMode === 1 /* ShadowMode.Synthetic */ && context?.lwc?.dom === "manual" /* LwcDomMode.Manual */) {
+    if (owner.shadowMode === 1 /* ShadowMode.Synthetic */ && context?.lwc?.dom === 'manual') {
       elm.$domManual$ = true;
     }
   }
   function applyElementRestrictions(elm, vnode) {
     if (process.env.NODE_ENV !== 'production') {
       const isSynthetic = vnode.owner.shadowMode === 1 /* ShadowMode.Synthetic */;
-      const isPortal = vnode.type === 2 /* VNodeType.Element */ && vnode.data.context?.lwc?.dom === "manual" /* LwcDomMode.Manual */;
+      const isPortal = vnode.type === 2 /* VNodeType.Element */ && vnode.data.context?.lwc?.dom === 'manual';
       const isLight = vnode.owner.renderMode === 0 /* RenderMode.Light */;
       patchElementWithRestrictions(elm, {
         isPortal,
@@ -5933,7 +5989,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       factory,
       owner: getVMBeingRendered(),
       elm: undefined,
-      sel: undefined,
+      sel: '__scoped_slot_fragment__',
       key: undefined,
       slotName
     };
@@ -5944,7 +6000,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     const fragment = fragmentFactory(parts);
     const vnode = {
       type: 4 /* VNodeType.Static */,
-      sel: undefined,
+      sel: '__static__',
       key,
       elm: undefined,
       fragment,
@@ -5962,7 +6018,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     const trailing = useCommentNodes ? co('') : t('');
     return {
       type: 5 /* VNodeType.Fragment */,
-      sel: undefined,
+      sel: '__fragment__',
       key,
       elm: undefined,
       children: [leading, ...children, trailing],
@@ -6077,10 +6133,18 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
               // to the vnode because the current way the diffing algo works, it will replace the original reference
               // to the host element with a new one. This means the new element will be mounted and immediately unmounted.
               // Creating a copy of the vnode to preserve a reference to the previous host element.
-              clonedVNode = {
-                ...vnode,
-                slotAssignment: data.slotAssignment
-              };
+              if (isUndefined$1(vnode.elm)) {
+                // vnode.elm is undefined during initial render.
+                // We don't need to clone at this point because it doesn't need to be unmounted.
+                vnode.slotAssignment = data.slotAssignment;
+              } else {
+                // Clone when the vnode.elm is defined to ensure we don't lose reference to the previous element.
+                // This is specifically for slot forwarding.
+                clonedVNode = {
+                  ...vnode,
+                  slotAssignment: data.slotAssignment
+                };
+              }
             }
             // If the slot content is standard type, the content is static, no additional
             // processing needed on the vnode
@@ -6254,10 +6318,10 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   }
   // [t]ext node
   function t(text) {
-    let sel, key, elm;
+    let key, elm;
     return {
       type: 0 /* VNodeType.Text */,
-      sel,
+      sel: '__text__',
       text,
       elm,
       key,
@@ -6266,13 +6330,13 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   }
   // [co]mment node
   function co(text) {
-    let sel, elm;
+    let elm, key;
     return {
       type: 1 /* VNodeType.Comment */,
-      sel,
+      sel: '__comment__',
       text,
       elm,
-      key: 'c',
+      key,
       owner: getVMBeingRendered()
     };
   }
@@ -6445,6 +6509,43 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   function shc(content) {
     return sanitizeHtmlContentHook(content);
   }
+  /**
+   * [ncls] - Normalize class name attribute.
+   *
+   * Transforms the provided class property value from an object/string into a string the diffing algo
+   * can operate on.
+   *
+   * This implementation is borrowed from Vue:
+   * https://github.com/vuejs/core/blob/e790e1bdd7df7be39e14780529db86e4da47a3db/packages/shared/src/normalizeProp.ts#L63-L82
+   */
+  function ncls(value) {
+    if (isUndefined$1(value) || isNull(value)) {
+      // Returning undefined here improves initial render cost, because the old vnode's class will be considered
+      // undefined in the `patchClassAttribute` routine, so `oldClass === newClass` will be true so we return early
+      return undefined;
+    }
+    let res = '';
+    if (isString(value)) {
+      res = value;
+    } else if (isArray$1(value)) {
+      for (let i = 0; i < value.length; i++) {
+        const normalized = ncls(value[i]);
+        if (normalized) {
+          res += normalized + ' ';
+        }
+      }
+    } else if (isObject(value) && !isNull(value)) {
+      // Iterate own enumerable keys of the object
+      const keys$1 = keys(value);
+      for (let i = 0; i < keys$1.length; i += 1) {
+        const key = keys$1[i];
+        if (value[key]) {
+          res += key + ' ';
+        }
+      }
+    }
+    return StringTrim.call(res);
+  }
   const api = freeze({
     s,
     h,
@@ -6465,7 +6566,8 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     shc,
     ssf,
     ddc,
-    sp
+    sp,
+    ncls
   });
 
   /*
@@ -7107,7 +7209,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   // old vnode.children is removed from the DOM.
   function removeVM(vm) {
     if (process.env.NODE_ENV !== 'production') {
-      if (!shouldUseNativeCustomElementLifecycle(vm.component.constructor)) {
+      if (lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
         // With native lifecycle, we cannot be certain that connectedCallback was called before a component
         // was removed from the VDOM. If the component is disconnected, then connectedCallback will not fire
         // in native mode, although it will fire in synthetic mode due to appendChild triggering it.
@@ -7300,7 +7402,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
         // ShadowMode.Native implies "not synthetic shadow" which is consistent with how
         // everything defaults to native when the synthetic shadow polyfill is unavailable.
         shadowMode = 0 /* ShadowMode.Native */;
-      } else if (def.shadowSupportMode === "native" /* ShadowSupportMode.Native */) {
+      } else if (def.shadowSupportMode === 'native') {
         shadowMode = 0 /* ShadowMode.Native */;
       } else {
         const shadowAncestor = getNearestShadowAncestor(owner);
@@ -7446,7 +7548,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     }
     // This test only makes sense in the browser, with synthetic lifecycle, and when reporting is enabled or
     // we're in dev mode. This is to detect a particular issue with synthetic lifecycle.
-    if (!shouldUseNativeCustomElementLifecycle(vm.component.constructor) && (process.env.NODE_ENV !== 'production' || isReportingEnabled())) {
+    if (lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE && (process.env.NODE_ENV !== 'production' || isReportingEnabled())) {
       if (!vm.renderer.isConnected(vm.elm)) {
         if (process.env.NODE_ENV !== 'production') {
           logWarnOnce(`Element <${vm.tagName}> ` + `fired a \`connectedCallback\` and rendered, but was not connected to the DOM. ` + `Please ensure all components are actually connected to the DOM, e.g. using ` + `\`document.body.appendChild(element)\`. This will not be supported in future versions of ` + `LWC and could cause component errors. For details, see: https://sfdc.co/synthetic-lifecycle`);
@@ -8030,7 +8132,14 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
   // The validationOptOut static property can be an array of attribute names.
   // Any attribute names specified in that array will not be validated, and the
   // LWC runtime will assume that VDOM attrs and DOM attrs are in sync.
-  function getValidationPredicate(optOutStaticProp) {
+  function getValidationPredicate(elm, renderer, optOutStaticProp) {
+    // `data-lwc-host-mutated` is a special attribute added by the SSR engine itself,
+    // which does the same thing as an explicit `static validationOptOut = ['attr1', 'attr2']`.
+    const hostMutatedValue = renderer.getAttribute(elm, 'data-lwc-host-mutated');
+    if (isString(hostMutatedValue)) {
+      const mutatedAttrValues = new Set(StringSplit.call(hostMutatedValue, / /));
+      return attrName => !mutatedAttrValues.has(attrName);
+    }
     if (isUndefined$1(optOutStaticProp)) {
       return _attrName => true;
     }
@@ -8131,7 +8240,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     const {
       context
     } = vnode.data;
-    const isDomManual = Boolean(!isUndefined$1(context) && !isUndefined$1(context.lwc) && context.lwc.dom === "manual" /* LwcDomMode.Manual */);
+    const isDomManual = Boolean(!isUndefined$1(context) && !isUndefined$1(context.lwc) && context.lwc.dom === 'manual');
     if (isDomManual) {
       // it may be that this element has lwc:inner-html, we need to diff and in case are the same,
       // remove the innerHTML from props so it reuses the existing dom elements.
@@ -8170,7 +8279,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     const {
       validationOptOut
     } = vnode.ctor;
-    const shouldValidateAttr = getValidationPredicate(validationOptOut);
+    const shouldValidateAttr = getValidationPredicate(elm, renderer, validationOptOut);
     // The validationOptOut static property can be an array of attribute names.
     // Any attribute names specified in that array will not be validated, and the
     // LWC runtime will assume that VDOM attrs and DOM attrs are in sync.
@@ -8552,6 +8661,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     if (isUndefined$1(parts)) {
       return true;
     }
+    const shouldValidateAttr = (data, attrName) => attrName in data;
     // The validation here relies on 2 key invariants:
     // 1. It's never the case that `parts` is undefined on the server but defined on the client (or vice-versa)
     // 2. It's never the case that `parts` has one length on the server but another on the client
@@ -8567,8 +8677,11 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
           data
         } = part;
         const hasMatchingAttrs = validateAttrs(vnode, elm, data, renderer, () => true);
-        const hasMatchingStyleAttr = validateStyleAttr(vnode, elm, data, renderer);
-        const hasMatchingClass = validateClassAttr(vnode, elm, data, renderer);
+        // 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.
+        const hasMatchingStyleAttr = shouldValidateAttr(data, 'style') ? validateStyleAttr(vnode, elm, data, renderer) : true;
+        const hasMatchingClass = shouldValidateAttr(data, 'className') ? validateClassAttr(vnode, elm, data, renderer) : true;
         if (isFalse(hasMatchingAttrs && hasMatchingStyleAttr && hasMatchingClass)) {
           return false;
         }
@@ -8838,7 +8951,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     }
     return getReadOnlyProxy(obj);
   }
-  /** version: 6.6.3 */
+  /** version: 7.1.2 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -9109,36 +9222,30 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
         // Do we want to support this? Throw an error? Currently for backwards compat it's a no-op.
       }
       connectedCallback() {
+        // native `connectedCallback`/`disconnectedCallback` are only enabled in native lifecycle mode
         if (isTrue(nativeLifecycleElementsToUpgradedByLWC.get(this))) {
           connectRootElement(this);
         }
       }
       disconnectedCallback() {
+        // native `connectedCallback`/`disconnectedCallback` are only enabled in native lifecycle mode
         if (isTrue(nativeLifecycleElementsToUpgradedByLWC.get(this))) {
           disconnectRootElement(this);
         }
       }
       formAssociatedCallback(form) {
-        if (isTrue(nativeLifecycleElementsToUpgradedByLWC.get(this))) {
-          runFormAssociatedCallback(this, form);
-        }
+        runFormAssociatedCallback(this, form);
       }
       formDisabledCallback(disabled) {
-        if (isTrue(nativeLifecycleElementsToUpgradedByLWC.get(this))) {
-          runFormDisabledCallback(this, disabled);
-        }
+        runFormDisabledCallback(this, disabled);
       }
       formResetCallback() {
-        if (isTrue(nativeLifecycleElementsToUpgradedByLWC.get(this))) {
-          runFormResetCallback(this);
-        }
+        runFormResetCallback(this);
       }
       formStateRestoreCallback(state, reason) {
-        if (isTrue(nativeLifecycleElementsToUpgradedByLWC.get(this))) {
-          runFormStateRestoreCallback(this, state, reason);
-        }
+        runFormStateRestoreCallback(this, state, reason);
       }
-      /*LWC compiler v6.6.3*/
+      /*LWC compiler v7.1.2*/
     };
     BaseHTMLElement = HTMLElement; // cache to track if it changes
   }
@@ -9153,7 +9260,7 @@ LWR.define('lwc/v/6_6_3', ['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 v6.6.3*/
+      /*LWC compiler v7.1.2*/
     }
     if (isFormAssociated) {
       // Perf optimization - the vast majority of components have formAssociated=false,
@@ -9276,7 +9383,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 6.6.3 */
+      /** version: 7.1.2 */
 
       /*
        * Copyright (c) 2023, salesforce.com, inc.
@@ -9296,7 +9403,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
           this.setNewContext = setNewContext;
           this.setDisconnectedCallback = setDisconnectedCallback;
         }
-        /*LWC compiler v6.6.3*/
+        /*LWC compiler v7.1.2*/
       }
       function registerContextConsumer(elm, adapterContextToken, subscriptionPayload) {
         dispatchEvent(elm, new WireContextSubscriptionEvent(adapterContextToken, subscriptionPayload));
@@ -9448,6 +9555,9 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       function getTagName(elm) {
         return elm.tagName;
       }
+      function getStyle(elm) {
+        return elm.style;
+      }
       function attachInternals(elm) {
         return attachInternalsFunc.call(elm);
       }
@@ -9480,6 +9590,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       exports.getLastElementChild = getLastElementChild;
       exports.getParentNode = getParentNode;
       exports.getProperty = getProperty;
+      exports.getStyle = getStyle;
       exports.getTagName = getTagName;
       exports.insert = insert;
       exports.isConnected = isConnected;
@@ -9510,6 +9621,9 @@ LWR.define('lwc/v/6_6_3', ['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
    */
+  // Host element mutation tracking is for SSR only
+  const startTrackingMutations = noop;
+  const stopTrackingMutations = noop;
   /**
    * The base renderer that will be used by engine-core.
    * This will be used for DOM operations when lwc is running in a browser environment.
@@ -9525,7 +9639,9 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     // relies on a shared global cache
     createCustomElement,
     defineCustomElement: getUpgradableConstructor,
-    isSyntheticShadowDefined: hasOwnProperty$1.call(Element.prototype, KEY__SHADOW_TOKEN)
+    isSyntheticShadowDefined: hasOwnProperty$1.call(Element.prototype, KEY__SHADOW_TOKEN),
+    startTrackingMutations,
+    stopTrackingMutations
   });
 
   /*
@@ -9710,7 +9826,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       formStateRestoreCallback(state, reason) {
         runFormStateRestoreCallback(this, state, reason);
       }
-      /*LWC compiler v6.6.3*/
+      /*LWC compiler v7.1.2*/
     }, _a.observedAttributes = observedAttributes,
     // Note CustomElementConstructor is not upgraded by LWC and inherits directly from HTMLElement which means it calls the native
     // attachInternals API.
@@ -9759,6 +9875,10 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
         return callNodeSlot(appendedNode, ConnectingSlot);
       },
       insertBefore(newChild, referenceNode) {
+        if (process.env.NODE_ENV !== 'production' && arguments.length < 2) {
+          // eslint-disable-next-line no-console
+          console.warn('insertBefore should be called with 2 arguments. Calling with only 1 argument is not supported.');
+        }
         const insertedNode = insertBefore.call(this, newChild, referenceNode);
         return callNodeSlot(insertedNode, ConnectingSlot);
       },
@@ -9774,11 +9894,27 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       }
     });
   }
+  if (process.env.NODE_ENV !== 'production') {
+    // In dev mode, we must eagerly patch these DOM APIs because `restrictions.ts` in `@lwc/engine-core` does
+    // its own monkey-patching, and the assumption is that its monkey patches will apply on top of our own.
+    // If we _don't_ eagerly monkey-patch, then APIs like `element.appendChild` could end up calling through
+    // directly to the native DOM APIs instead, which would bypass synthetic custom element lifecycle
+    // and cause rendering/`connectedCallback`/`disconnectedCallback` not to fire.
+    // In prod mode, we avoid global patching as a slight perf optimization and because it's good practice
+    // in general to avoid global patching.
+    // See issue #4242 for details.
+    monkeyPatchDomAPIs();
+  }
   /**
    * EXPERIMENTAL: This function is almost identical to document.createElement with the slightly
    * difference that in the options, you can pass the `is` property set to a Constructor instead of
    * just a string value. The intent is to allow the creation of an element controlled by LWC without
    * having to register the element as a custom element.
+   *
+   * NOTE: The returned type incorrectly includes _all_ properties defined on the component class,
+   * even though the runtime object only uses those decorated with `@api`. This is due to a
+   * limitation of TypeScript. To avoid inferring incorrect properties, provide an explicit generic
+   * parameter, e.g. `createElement<typeof LightningElement>('x-foo', { is: FooCtor })`.
    * @param sel The tagname of the element to create
    * @param options Control the behavior of the created element
    * @param options.is The LWC component that the element should be
@@ -9803,10 +9939,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
     // passing `sel` as a camel-case, which makes them invalid custom elements name
     // the following line guarantees that this does not leaks beyond this point.
     const tagName = StringToLowerCase.call(sel);
-    const apiVersion = getComponentAPIVersion(Ctor);
-    const useNativeCustomElementLifecycle =
-    // temporary "kill switch"
-    !lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE && isAPIFeatureEnabled(7 /* APIFeature.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE */, apiVersion);
+    const useNativeCustomElementLifecycle = !lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE;
     const isFormAssociated = shouldBeFormAssociated(Ctor);
     // the custom element from the registry is expecting an upgrade callback
     /*
@@ -9822,8 +9955,8 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
         owner: null
       });
       if (!useNativeCustomElementLifecycle) {
-        // Monkey-patch on-demand, because if there are no components on the page using an old API
-        // version, then we don't want to monkey patch at all
+        // Monkey-patch on-demand, because `lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE` may be set to
+        // `true` lazily, after `@lwc/engine-dom` has finished initializing but before a component has rendered.
         monkeyPatchDomAPIs();
         ConnectingSlot.set(elm, connectRootElement);
         DisconnectingSlot.set(elm, disconnectRootElement);
@@ -9939,7 +10072,7 @@ LWR.define('lwc/v/6_6_3', ['exports'], (function (exports) { 'use strict';
       });
     });
   }
-  /** version: 6.6.3 */
+  /** version: 7.1.2 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;