@lwrjs/everywhere 0.11.12 → 0.11.13

package/build/__generated_site_amd_modules__/1/module/amd/1/l/en-US/mi/lwc/v/{5_0_2/s/0bc69c766e057497c2e33d8fd9223511 → 6_0_0/s/6e7ff236fd6011fdc06fb33b61261493}/lwc.js

@@ -1,4 +1,4 @@
-LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
+LWR.define('lwc/v/6_0_0', ['exports'], (function (exports) { 'use strict';
 
   /**
    * Copyright (C) 2023 salesforce.com, inc.
@@ -49,6 +49,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     create,
     defineProperties,
     defineProperty,
+    entries,
     freeze,
     getOwnPropertyDescriptor: getOwnPropertyDescriptor$1,
     getOwnPropertyDescriptors,
@@ -182,6 +183,9 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       case 4 /* APIFeature.SKIP_UNNECESSARY_REGISTER_DECORATORS */:
       case 5 /* APIFeature.USE_COMMENTS_FOR_FRAGMENT_BOOKENDS */:
         return apiVersion >= 60 /* APIVersion.V60_248_SPRING_24 */;
+      case 6 /* APIFeature.USE_LIGHT_DOM_SLOT_FORWARDING */:
+      case 7 /* APIFeature.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE */:
+        return apiVersion >= 61 /* APIVersion.V61_250_SUMMER_24 */;
     }
   }
 
@@ -315,9 +319,9 @@ LWR.define('lwc/v/5_0_2', ['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 = "5.0.2";
+  const LWC_VERSION = "6.0.0";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 5.0.2 */
+  /** version: 6.0.0 */
 
   /**
    * Copyright (C) 2023 salesforce.com, inc.
@@ -335,11 +339,12 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     PLACEHOLDER_TEST_FLAG: null,
     ENABLE_FORCE_NATIVE_SHADOW_MODE_FOR_TEST: null,
     ENABLE_MIXED_SHADOW_MODE: null,
-    ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE: null,
+    DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE: null,
     ENABLE_WIRE_SYNC_EMIT: null,
     DISABLE_LIGHT_DOM_UNSCOPED_CSS: null,
     ENABLE_FROZEN_TEMPLATE: null,
-    ENABLE_LEGACY_SCOPE_TOKENS: null
+    ENABLE_LEGACY_SCOPE_TOKENS: null,
+    ENABLE_FORCE_SHADOW_MIGRATE_MODE: null
   };
   // eslint-disable-next-line no-restricted-properties
   if (!_globalThis.lwcRuntimeFlags) {
@@ -396,7 +401,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       setFeatureFlag(name, value);
     }
   }
-  /** version: 5.0.2 */
+  /** version: 6.0.0 */
 
   /**
    * Copyright (C) 2023 salesforce.com, inc.
@@ -438,7 +443,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       }
       onReportingEnabledCallbacks.length = 0; // clear the array
     },
-
     /**
      * Detach the current reporting control (aka dispatcher).
      */
@@ -616,7 +620,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     } else if (reactiveObservers[0] === ro) {
       return; // perf optimization considering that most subscriptions will come from the same record
     }
-
     if (ArrayIndexOf.call(reactiveObservers, ro) === -1) {
       ro.link(reactiveObservers);
     }
@@ -733,6 +736,14 @@ LWR.define('lwc/v/5_0_2', ['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;
@@ -798,53 +809,52 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
   const instrumentInstance = (_b = _globalThis.__lwc_instrument_cmp_instance) !== null && _b !== void 0 ? _b : noop;
 
   /*
-   * Copyright (c) 2023, salesforce.com, inc.
+   * 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
    */
-  // Apply ARIA string reflection behavior to a prototype.
-  // This is deliberately kept separate from @lwc/aria-reflection. @lwc/aria-reflection is a global polyfill that is
-  // needed for backwards compatibility in LEX, whereas `applyAriaReflection` is designed to only apply to our own
-  // LightningElement/BaseBridgeElement prototypes.
-  function applyAriaReflection(prototype) {
-    for (const propName of keys(AriaPropNameToAttrNameMap)) {
-      const attrName = AriaPropNameToAttrNameMap[propName];
-      if (isUndefined$1(getOwnPropertyDescriptor$1(prototype, propName))) {
-        // Note that we need to call this.{get,set,has,remove}Attribute rather than dereferencing
-        // from Element.prototype, because these methods are overridden in LightningElement.
-        defineProperty(prototype, propName, {
-          get() {
-            return this.getAttribute(attrName);
-          },
-          set(newValue) {
-            // TODO [#3284]: there is disagreement between browsers and the spec on how to treat undefined
-            // Our historical behavior is to only treat null as removing the attribute
-            // See also https://github.com/w3c/aria/issues/1858
-            if (isNull(newValue)) {
-              this.removeAttribute(attrName);
-            } else {
-              this.setAttribute(attrName, newValue);
-            }
-          },
-          // configurable and enumerable to allow it to be overridden – this mimics Safari's/Chrome's behavior
-          configurable: true,
-          enumerable: true
-        });
-      }
-    }
-  }
+  // This is a temporary workaround to get the @lwc/engine-server to evaluate in node without having
+  // to inject at runtime.
+  const HTMLElementConstructor = typeof HTMLElement !== 'undefined' ? HTMLElement : function () {};
+  const HTMLElementPrototype = HTMLElementConstructor.prototype;
 
   /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * Copyright (c) 2023, 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
    */
-  // This is a temporary workaround to get the @lwc/engine-server to evaluate in node without having
-  // to inject at runtime.
-  const HTMLElementConstructor = typeof HTMLElement !== 'undefined' ? HTMLElement : function () {};
-  const HTMLElementPrototype = HTMLElementConstructor.prototype;
+  // Apply ARIA string reflection behavior to a prototype.
+  // This is deliberately kept separate from @lwc/aria-reflection. @lwc/aria-reflection is a global polyfill that is
+  // needed for backwards compatibility in LEX, whereas this is designed to only apply to our own
+  // LightningElement/BaseBridgeElement prototypes.
+  // Note we only need to handle ARIA reflections that aren't already in Element.prototype
+  const ariaReflectionPolyfillDescriptors = create(null);
+  for (const [propName, attrName] of entries(AriaPropNameToAttrNameMap)) {
+    if (isUndefined$1(getPropertyDescriptor(HTMLElementPrototype, propName))) {
+      // Note that we need to call this.{get,set,has,remove}Attribute rather than dereferencing
+      // from Element.prototype, because these methods are overridden in LightningElement.
+      ariaReflectionPolyfillDescriptors[propName] = {
+        get() {
+          return this.getAttribute(attrName);
+        },
+        set(newValue) {
+          // TODO [#3284]: there is disagreement between browsers and the spec on how to treat undefined
+          // Our historical behavior is to only treat null as removing the attribute
+          // See also https://github.com/w3c/aria/issues/1858
+          if (isNull(newValue)) {
+            this.removeAttribute(attrName);
+          } else {
+            this.setAttribute(attrName, newValue);
+          }
+        },
+        // configurable and enumerable to allow it to be overridden – this mimics Safari's/Chrome's behavior
+        configurable: true,
+        enumerable: true
+      };
+    }
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1094,28 +1104,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       })
     };
   }
-  function getLightningElementPrototypeRestrictionsDescriptors(proto) {
-    assertNotProd(); // this method should never leak to prod
-    const originalDispatchEvent = proto.dispatchEvent;
-    return {
-      dispatchEvent: generateDataDescriptor({
-        value(event) {
-          const vm = getAssociatedVM(this);
-          if (!isNull(event) && isObject(event)) {
-            const {
-              type
-            } = event;
-            if (!/^[a-z][a-z0-9_]*$/.test(type)) {
-              logError(`Invalid event type "${type}" dispatched in element ${getComponentTag(vm)}.` + ` Event name must start with a lowercase letter and followed only lowercase` + ` letters, numbers, and underscores`, vm);
-            }
-          }
-          // Typescript does not like it when you treat the `arguments` object as an array
-          // @ts-ignore type-mismatch
-          return originalDispatchEvent.apply(this, arguments);
-        }
-      })
-    };
-  }
   // This routine will prevent access to certain properties on a shadow root instance to guarantee
   // that all components will work fine in IE11 and other browsers without shadow dom support.
   function patchShadowRootWithRestrictions(sr) {
@@ -1126,9 +1114,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     const elmProto = getPrototypeOf$1(elm);
     setPrototypeOf(elm, create(elmProto, restrictionsDescriptors));
   }
-  function patchLightningElementPrototypeWithRestrictions(proto) {
-    defineProperties(proto, getLightningElementPrototypeRestrictionsDescriptors(proto));
-  }
   function updateComponentValue(vm, key, newValue) {
     const {
       cmpFields
@@ -1295,7 +1280,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       if (!isExtensible(shadowTarget)) {
         return false; // was already locked down
       }
-
       if (!isExtensible(originalTarget)) {
         this.lockShadowTarget(shadowTarget);
         return false;
@@ -1506,7 +1490,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       valueMutated(originalTarget, key);
       return true;
     }
-    /*LWC compiler v5.0.2*/
+    /*LWC compiler v6.0.0*/
   }
   const getterMap = new WeakMap();
   const setterMap = new WeakMap();
@@ -1599,7 +1583,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       /* istanbul ignore next */
       return false;
     }
-    /*LWC compiler v5.0.2*/
+    /*LWC compiler v6.0.0*/
   }
   function extract(objectOrArray) {
     if (isArray(objectOrArray)) {
@@ -1807,6 +1791,77 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     }
   }
 
+  /*
+   * Copyright (c) 2023, 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
+   */
+  let globalStylesheet;
+  function isStyleElement(elm) {
+    return elm.tagName === 'STYLE';
+  }
+  async function fetchStylesheet(elm) {
+    if (isStyleElement(elm)) {
+      return elm.textContent;
+    } else {
+      // <link>
+      const {
+        href
+      } = elm;
+      try {
+        return await (await fetch(href)).text();
+      } catch (err) {
+        logWarnOnce(`Ignoring cross-origin stylesheet in migrate mode: ${href}`);
+        // ignore errors with cross-origin stylesheets - nothing we can do for those
+        return '';
+      }
+    }
+  }
+  function initGlobalStylesheet() {
+    const stylesheet = new CSSStyleSheet();
+    const elmsToPromises = new Map();
+    let lastSeenLength = 0;
+    const copyToGlobalStylesheet = () => {
+      const elms = document.head.querySelectorAll('style:not([data-rendered-by-lwc]),link[rel="stylesheet"]');
+      if (elms.length === lastSeenLength) {
+        return; // nothing to update
+      }
+      lastSeenLength = elms.length;
+      const promises = [...elms].map(elm => {
+        let promise = elmsToPromises.get(elm);
+        if (!promise) {
+          // Cache the promise
+          promise = fetchStylesheet(elm);
+          elmsToPromises.set(elm, promise);
+        }
+        return promise;
+      });
+      Promise.all(promises).then(stylesheetTexts => {
+        // When replaceSync() is called, the entire contents of the constructable stylesheet are replaced
+        // with the copied+concatenated styles. This means that any shadow root's adoptedStyleSheets that
+        // contains this constructable stylesheet will immediately get the new styles.
+        stylesheet.replaceSync(stylesheetTexts.join('\n'));
+      });
+    };
+    const headObserver = new MutationObserver(copyToGlobalStylesheet);
+    // By observing only the childList, note that we are not covering the case where someone changes an `href`
+    // on an existing <link>`, or the textContent on an existing `<style>`. This is assumed to be an uncommon
+    // case and not worth covering.
+    headObserver.observe(document.head, {
+      childList: true
+    });
+    copyToGlobalStylesheet();
+    return stylesheet;
+  }
+  function applyShadowMigrateMode(shadowRoot) {
+    if (!globalStylesheet) {
+      globalStylesheet = initGlobalStylesheet();
+    }
+    shadowRoot.synthetic = true; // pretend to be synthetic mode
+    shadowRoot.adoptedStyleSheets.push(globalStylesheet);
+  }
+
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -1959,6 +2014,9 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     if (process.env.NODE_ENV !== 'production') {
       patchShadowRootWithRestrictions(shadowRoot);
     }
+    if (lwcRuntimeFlags.ENABLE_FORCE_SHADOW_MIGRATE_MODE && vm.shadowMigrateMode) {
+      applyShadowMigrateMode(shadowRoot);
+    }
     return shadowRoot;
   }
   function warnIfInvokedDuringConstruction(vm, methodOrPropName) {
@@ -2389,11 +2447,17 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
   for (const propName in HTMLElementOriginalDescriptors) {
     lightningBasedDescriptors[propName] = createBridgeToElementDescriptor(propName, HTMLElementOriginalDescriptors[propName]);
   }
-  defineProperties(LightningElement.prototype, lightningBasedDescriptors);
   // Apply ARIA reflection to LightningElement.prototype, on both the browser and server.
   // This allows `this.aria*` property accessors to work from inside a component, and to reflect `aria-*` attrs.
   // Note this works regardless of whether the global ARIA reflection polyfill is applied or not.
-  applyAriaReflection(LightningElement.prototype);
+  {
+    // In the browser, we use createBridgeToElementDescriptor, so we can get the normal reactivity lifecycle for
+    // aria* properties
+    for (const [propName, descriptor] of entries(ariaReflectionPolyfillDescriptors)) {
+      lightningBasedDescriptors[propName] = createBridgeToElementDescriptor(propName, descriptor);
+    }
+  }
+  defineProperties(LightningElement.prototype, lightningBasedDescriptors);
   defineProperty(LightningElement, 'CustomElementConstructor', {
     get() {
       // If required, a runtime-specific implementation must be defined.
@@ -2401,9 +2465,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     },
     configurable: true
   });
-  if (process.env.NODE_ENV !== 'production') {
-    patchLightningElementPrototypeWithRestrictions(LightningElement.prototype);
-  }
   function createObservedFieldPropertyDescriptor(key) {
     return {
       get() {
@@ -2472,7 +2533,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     if (isUndefined$1(adapterContextToken)) {
       return; // no provider found, nothing to be done
     }
-
     const {
       elm,
       context: {
@@ -2906,7 +2966,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       return "field" /* DescriptorType.Field */;
     }
   }
-
   function validateObservedField(Ctor, fieldName, descriptor) {
     assertNotProd(); // this method should never leak to prod
     if (!isUndefined$1(descriptor)) {
@@ -3276,7 +3335,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
   }
   function HTMLBridgeElementFactory(SuperClass, publicProperties, methods, observedFields, proto, hasCustomSuperClass) {
     const HTMLBridgeElement = class extends SuperClass {
-      /*LWC compiler v5.0.2*/
+      /*LWC compiler v6.0.0*/
     };
     // generating the hash table for attributes to avoid duplicate fields and facilitate validation
     // and false positives in case of inheritance.
@@ -3301,7 +3360,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
         // and can break tooling that expects it to be iterable or defined, e.g. Jest:
         // https://github.com/jestjs/jest/blob/b4c9587/packages/pretty-format/src/plugins/DOMElement.ts#L95
         // It also doesn't make sense to override e.g. "constructor".
-        .filter(propName => !(propName in HTMLElementPrototype)));
+        .filter(propName => !(propName in HTMLElementPrototype) && !(propName in ariaReflectionPolyfillDescriptors)));
         for (const propName of nonPublicPropertiesToWarnOn) {
           if (ArrayIndexOf.call(publicProperties, propName) === -1) {
             descriptors[propName] = createAccessorThatWarns(propName);
@@ -3371,21 +3430,19 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     defineProperties(HTMLBridgeElement.prototype, descriptors);
     return HTMLBridgeElement;
   }
-  const BaseBridgeElement = HTMLBridgeElementFactory(HTMLElementConstructor, getOwnPropertyNames$1(HTMLElementOriginalDescriptors), [], [], null, false);
-  {
-    // This ARIA reflection only really makes sense in the browser. On the server, there is no `renderedCallback()`,
-    // so you cannot do e.g. `this.template.querySelector('x-child').ariaBusy = 'true'`. So we don't need to expose
-    // ARIA props outside the LightningElement
-    //
-    // Apply ARIA reflection to HTMLBridgeElement.prototype. This allows `elm.aria*` property accessors to work from
-    // outside a component, and to reflect `aria-*` attrs. This is especially important because the template compiler
-    // compiles aria-* attrs on components to aria* props.
-    // Note this works regardless of whether the global ARIA reflection polyfill is applied or not.
-    //
-    // Also note that we apply this to BaseBridgeElement.prototype to avoid excessively redefining property
-    // accessors inside the HTMLBridgeElementFactory.
-    applyAriaReflection(BaseBridgeElement.prototype);
-  }
+  // We do some special handling of non-standard ARIA props like ariaLabelledBy as well as props without (as of this
+  // writing) broad cross-browser support like ariaBrailleLabel. This is so the reflection works correctly and preserves
+  // backwards compatibility with the previous global polyfill approach.
+  //
+  // The goal here is to expose `elm.aria*` property accessors to work from outside a component, and to reflect `aria-*`
+  // attrs. This is especially important because the template compiler compiles aria-* attrs on components to aria* props.
+  // Note this works regardless of whether the global ARIA reflection polyfill is applied or not.
+  //
+  // Also note this ARIA reflection only really makes sense in the browser. On the server, there is no
+  // `renderedCallback()`, so you cannot do e.g. `this.template.querySelector('x-child').ariaBusy = 'true'`. So we don't
+  // need to expose ARIA props outside the LightningElement
+  const basePublicProperties = [...getOwnPropertyNames$1(HTMLElementOriginalDescriptors), ...getOwnPropertyNames$1(ariaReflectionPolyfillDescriptors)];
+  const BaseBridgeElement = HTMLBridgeElementFactory(HTMLElementConstructor, basePublicProperties, [], [], null, false);
   freeze(BaseBridgeElement);
   seal(BaseBridgeElement.prototype);
 
@@ -3437,7 +3494,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
         }
       });
     }
-
     _getWeakRefs(key) {
       let weakRefs = this._map.get(key);
       if (isUndefined$1(weakRefs)) {
@@ -3736,7 +3792,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     if (!isUndefined$1(ctorRenderMode)) {
       renderMode = ctorRenderMode === 'light' ? 0 /* RenderMode.Light */ : 1 /* RenderMode.Shadow */;
     }
-
     let formAssociated = superDef.formAssociated;
     if (!isUndefined$1(ctorFormAssociated)) {
       formAssociated = ctorFormAssociated;
@@ -3869,7 +3924,9 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       // avoid leaking the reference to the public props descriptors
       publicProps[key] = {
         config: propsConfig[key] || 0,
+        // a property by default
         type: "any" /* PropDefType.any */,
+        // no type inference for public services
         attr: htmlPropertyToAttribute(key)
       };
     }
@@ -3899,6 +3956,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
   function createInlineStyleVNode(content) {
     return api.h('style', {
       key: 'style',
+      // special key
       attrs: {
         type: 'text/css'
       }
@@ -4021,7 +4079,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
           }
           useNativeDirPseudoclass = isNull(root) || root.shadowMode === 0 /* ShadowMode.Native */;
         }
-
         ArrayPush$1.call(content, stylesheet(scopeToken, useActualHostSelector, useNativeDirPseudoclass));
       }
     }
@@ -4140,21 +4197,21 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     } = vnode;
     return type === 2 /* VNodeType.Element */ || type === 3 /* VNodeType.CustomElement */;
   }
-
   function isSameVnode(vnode1, vnode2) {
     return vnode1.key === vnode2.key && vnode1.sel === vnode2.sel;
   }
   function isVCustomElement(vnode) {
     return vnode.type === 3 /* VNodeType.CustomElement */;
   }
-
   function isVFragment(vnode) {
     return vnode.type === 5 /* VNodeType.Fragment */;
   }
-
   function isVScopedSlotFragment(vnode) {
     return vnode.type === 6 /* VNodeType.ScopedSlotFragment */;
   }
+  function isVStatic(vnode) {
+    return vnode.type === 4 /* VNodeType.Static */;
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4208,6 +4265,26 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       }
     }
   }
+  function patchSlotAssignment(oldVnode, vnode, renderer) {
+    const {
+      slotAssignment
+    } = vnode;
+    if ((oldVnode === null || oldVnode === void 0 ? void 0 : oldVnode.slotAssignment) === slotAssignment) {
+      return;
+    }
+    const {
+      elm
+    } = vnode;
+    const {
+      setAttribute,
+      removeAttribute
+    } = renderer;
+    if (isUndefined$1(slotAssignment) || isNull(slotAssignment)) {
+      removeAttribute(elm, 'slot');
+    } else {
+      setAttribute(elm, 'slot', slotAssignment);
+    }
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4722,6 +4799,8 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
   }
   function patchStatic(n1, n2, renderer) {
     const elm = n2.elm = n1.elm;
+    // slotAssignments can only apply to the top level element, never to a static part.
+    patchSlotAssignment(n1, n2, renderer);
     // The `refs` object is blown away in every re-render, so we always need to re-apply them
     applyStaticParts(elm, n2, renderer, false);
   }
@@ -4751,13 +4830,16 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
         elm[KEY__SHADOW_STATIC] = true;
       }
     }
+    // slotAssignments can only apply to the top level element, never to a static part.
+    patchSlotAssignment(null, vnode, renderer);
     insertNode(elm, parent, anchor, renderer);
     applyStaticParts(elm, vnode, renderer, true);
   }
   function mountCustomElement(vnode, parent, anchor, renderer) {
     const {
       sel,
-      owner
+      owner,
+      ctor
     } = vnode;
     const {
       createCustomElement
@@ -4773,38 +4855,13 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       // the custom element from the registry is expecting an upgrade callback
       vm = createViewModelHook(elm, vnode, renderer);
     };
-    let connectedCallback;
-    let disconnectedCallback;
-    let formAssociatedCallback;
-    let formDisabledCallback;
-    let formResetCallback;
-    let formStateRestoreCallback;
-    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
-      connectedCallback = elm => {
-        connectRootElement(elm);
-      };
-      disconnectedCallback = elm => {
-        disconnectRootElement(elm);
-      };
-      formAssociatedCallback = elm => {
-        runFormAssociatedCallback(elm);
-      };
-      formDisabledCallback = elm => {
-        runFormDisabledCallback(elm);
-      };
-      formResetCallback = elm => {
-        runFormResetCallback(elm);
-      };
-      formStateRestoreCallback = elm => {
-        runFormStateRestoreCallback(elm);
-      };
-    }
     // Should never get a tag with upper case letter at this point; the compiler
     // should produce only tags with lowercase letters. However, the Java
     // compiler may generate tagnames with uppercase letters so - for backwards
     // compatibility, we lower case the tagname here.
     const normalizedTagname = sel.toLowerCase();
-    const elm = createCustomElement(normalizedTagname, upgradeCallback, connectedCallback, disconnectedCallback, formAssociatedCallback, formDisabledCallback, formResetCallback, formStateRestoreCallback);
+    const useNativeLifecycle = shouldUseNativeCustomElementLifecycle(ctor);
+    const elm = createCustomElement(normalizedTagname, upgradeCallback, useNativeLifecycle);
     vnode.elm = elm;
     vnode.vm = vm;
     linkNodeToShadow(elm, owner, renderer);
@@ -4816,7 +4873,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     insertNode(elm, parent, anchor, renderer);
     if (vm) {
       {
-        if (!lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+        if (!useNativeLifecycle) {
           if (process.env.NODE_ENV !== 'production') {
             // With synthetic lifecycle callbacks, it's possible for elements to be removed without the engine
             // noticing it (e.g. `appendChild` the same host element twice). This test ensures we don't regress.
@@ -5021,6 +5078,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     patchStyleAttribute(oldVnode, vnode, renderer);
     patchAttributes(oldVnode, vnode, renderer);
     patchProps(oldVnode, vnode, renderer);
+    patchSlotAssignment(oldVnode, vnode, renderer);
     // The `refs` object is blown away in every re-render, so we always need to re-apply them
     applyRefs(vnode, vnode.owner);
   }
@@ -5189,7 +5247,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     return vm;
   }
   function allocateInSlot(vm, children, owner) {
-    var _a, _b;
+    var _a;
     const {
       cmpSlots: {
         slotAssignments: oldSlotsMapping
@@ -5203,8 +5261,8 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
         continue;
       }
       let slotName = '';
-      if (isVBaseElement(vnode)) {
-        slotName = (_b = (_a = vnode.data.attrs) === null || _a === void 0 ? void 0 : _a.slot) !== null && _b !== void 0 ? _b : '';
+      if (isVBaseElement(vnode) || isVStatic(vnode)) {
+        slotName = (_a = vnode.slotAssignment) !== null && _a !== void 0 ? _a : '';
       } else if (isVScopedSlotFragment(vnode)) {
         slotName = vnode.slotName;
       }
@@ -5460,7 +5518,8 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       elm: undefined,
       fragment,
       owner,
-      parts
+      parts,
+      slotAssignment: undefined
     };
     return vnode;
   }
@@ -5503,7 +5562,8 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       });
     }
     const {
-      key
+      key,
+      slotAssignment
     } = data;
     const vnode = {
       type: 2 /* VNodeType.Element */,
@@ -5512,7 +5572,8 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       children,
       elm: undefined,
       key,
-      owner: vmBeingRendered
+      owner: vmBeingRendered,
+      slotAssignment
     };
     return vnode;
   }
@@ -5537,6 +5598,11 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       assert.isTrue(isObject(data), `s() 2nd argument data must be an object.`);
       assert.isTrue(isArray$1(children), `h() 3rd argument children must be an array.`);
     }
+    const vmBeingRendered = getVMBeingRendered();
+    const {
+      renderMode,
+      apiVersion
+    } = vmBeingRendered;
     if (!isUndefined$1(slotset) && !isUndefined$1(slotset.slotAssignments) && !isUndefined$1(slotset.slotAssignments[slotName]) && slotset.slotAssignments[slotName].length !== 0) {
       const newChildren = [];
       const slotAssignments = slotset.slotAssignments[slotName];
@@ -5556,7 +5622,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
           }
           // If the passed slot content is factory, evaluate it and add the produced vnodes
           if (assignedNodeIsScopedSlot) {
-            const vmBeingRenderedInception = getVMBeingRendered();
             // Evaluate in the scope of the slot content's owner
             // if a slotset is provided, there will always be an owner. The only case where owner is
             // undefined is for root components, but root components cannot accept slotted content
@@ -5571,22 +5636,33 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
                 ArrayPush$1.call(newChildren, vnode.factory(data.slotData, data.key));
               });
             } finally {
-              setVMBeingRendered(vmBeingRenderedInception);
+              setVMBeingRendered(vmBeingRendered);
             }
           } else {
+            // This block is for standard slots (non-scoped slots)
+            let clonedVNode;
+            if (renderMode === 0 /* RenderMode.Light */ && isAPIFeatureEnabled(6 /* APIFeature.USE_LIGHT_DOM_SLOT_FORWARDING */, apiVersion) && (isVBaseElement(vnode) || isVStatic(vnode)) &&
+            // We only need to copy the vnodes when the slot assignment changes, copying every time causes issues with
+            // disconnected/connected callback firing.
+            vnode.slotAssignment !== data.slotAssignment) {
+              // When the light DOM slot assignment (slot attribute) changes we can't use the same reference
+              // 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 = Object.assign(Object.assign({}, vnode), {
+                slotAssignment: data.slotAssignment
+              });
+            }
             // If the slot content is standard type, the content is static, no additional
             // processing needed on the vnode
-            ArrayPush$1.call(newChildren, vnode);
+            ArrayPush$1.call(newChildren, clonedVNode !== null && clonedVNode !== void 0 ? clonedVNode : vnode);
           }
         }
       }
       children = newChildren;
     }
-    const vmBeingRendered = getVMBeingRendered();
     const {
-      renderMode,
-      shadowMode,
-      apiVersion
+      shadowMode
     } = vmBeingRendered;
     if (renderMode === 0 /* RenderMode.Light */) {
       // light DOM slots - backwards-compatible behavior uses flattening, new behavior uses fragments
@@ -5626,7 +5702,8 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       }
     }
     const {
-      key
+      key,
+      slotAssignment
     } = data;
     let elm, aChildren, vm;
     const vnode = {
@@ -5636,9 +5713,11 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       children,
       elm,
       key,
+      slotAssignment,
       ctor: Ctor,
       owner: vmBeingRendered,
       mode: 'open',
+      // TODO [#1294]: this should be defined in Ctor
       aChildren,
       vm
     };
@@ -6098,17 +6177,14 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
         if (hasStyleToken && hasScopedStyles) {
           cacheKey |= 1 /* FragmentCache.HAS_SCOPED_STYLE */;
         }
-
         if (hasStyleToken && isSyntheticShadow) {
           cacheKey |= 2 /* FragmentCache.SHADOW_MODE_SYNTHETIC */;
         }
-
         if (hasLegacyToken) {
           // This isn't strictly required for prod, but it's required for our karma tests
           // since the lwcRuntimeFlag may change over time
           cacheKey |= 4 /* FragmentCache.HAS_LEGACY_SCOPE_TOKEN */;
         }
-
         if (!isUndefined$1(cache[cacheKey])) {
           return cache[cacheKey];
         }
@@ -6322,7 +6398,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       }
     }
   }
-
   function invokeComponentRenderMethod(vm) {
     const {
       def: {
@@ -6449,7 +6524,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     if (!isFunction$1(listener)) {
       throw new TypeError('Expected an EventListener but received ' + typeof listener); // avoiding problems with non-valid listeners
     }
-
     let wrappedListener = cmpEventListenerMap.get(listener);
     if (isUndefined$1(wrappedListener)) {
       wrappedListener = function (event) {
@@ -6522,7 +6596,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
   // old vnode.children is removed from the DOM.
   function removeVM(vm) {
     if (process.env.NODE_ENV !== 'production') {
-      if (!lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      if (!shouldUseNativeCustomElementLifecycle(vm.component.constructor)) {
         // 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.
@@ -6586,6 +6660,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       // Properties set right after VM creation.
       tro: null,
       shadowMode: null,
+      shadowMigrateMode: false,
       stylesheets: null,
       // Properties set by the LightningElement constructor.
       component: null,
@@ -6601,8 +6676,21 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       vm.debugInfo = create(null);
     }
     vm.stylesheets = computeStylesheets(vm, def.ctor);
-    vm.shadowMode = computeShadowMode(def, vm.owner, renderer);
+    const computedShadowMode = computeShadowMode(def, vm.owner, renderer);
+    if (lwcRuntimeFlags.ENABLE_FORCE_SHADOW_MIGRATE_MODE) {
+      vm.shadowMode = 0 /* ShadowMode.Native */;
+      vm.shadowMigrateMode = computedShadowMode === 1 /* ShadowMode.Synthetic */;
+    } else {
+      vm.shadowMode = computedShadowMode;
+    }
     vm.tro = getTemplateReactiveObserver(vm);
+    // We don't need to report the shadow mode if we're rendering in light DOM
+    if (isReportingEnabled() && vm.renderMode === 1 /* RenderMode.Shadow */) {
+      report("ShadowModeUsage" /* ReportingEventId.ShadowModeUsage */, {
+        tagName: vm.tagName,
+        mode: vm.shadowMode
+      });
+    }
     if (process.env.NODE_ENV !== 'production') {
       vm.toString = () => {
         return `[object:vm ${def.name} (${vm.idx})]`;
@@ -6688,12 +6776,12 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     if (process.env.NODE_ENV !== 'production' && lwcRuntimeFlags.ENABLE_FORCE_NATIVE_SHADOW_MODE_FOR_TEST) {
       return 0 /* ShadowMode.Native */;
     }
-
     const {
       isSyntheticShadowDefined
     } = renderer;
     let shadowMode;
-    if (isSyntheticShadowDefined) {
+    // If ENABLE_FORCE_SHADOW_MIGRATE_MODE is true, then ShadowMode.Synthetic here will mean "force-migrate" mode.
+    if (isSyntheticShadowDefined || lwcRuntimeFlags.ENABLE_FORCE_SHADOW_MIGRATE_MODE) {
       if (def.renderMode === 0 /* RenderMode.Light */) {
         // ShadowMode.Native implies "not synthetic shadow" which is consistent with how
         // everything defaults to native when the synthetic shadow polyfill is unavailable.
@@ -6720,7 +6808,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       // Native if the synthetic shadow polyfill is unavailable.
       shadowMode = 0 /* ShadowMode.Native */;
     }
-
     return shadowMode;
   }
   function assertIsVM(obj) {
@@ -6826,10 +6913,8 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
         throw error; // eslint-disable-line no-unsafe-finally
       }
     }
-
     logGlobalOperationEnd(8 /* OperationId.GlobalRehydrate */);
   }
-
   function runConnectedCallback(vm) {
     const {
       state
@@ -6837,7 +6922,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     if (state === 1 /* VMState.connected */) {
       return; // nothing to do since it was already connected
     }
-
     vm.state = 1 /* VMState.connected */;
     if (hasWireAdapters(vm)) {
       connectWireAdapters(vm);
@@ -6852,7 +6936,7 @@ LWR.define('lwc/v/5_0_2', ['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 (!lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE && (process.env.NODE_ENV !== 'production' || isReportingEnabled())) {
+    if (!shouldUseNativeCustomElementLifecycle(vm.component.constructor) && (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`);
@@ -7021,7 +7105,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
         if (isUndefined$1(errorBoundaryVm)) {
           throw error; // eslint-disable-line no-unsafe-finally
         }
-
         resetComponentRoot(vm); // remove offenders
         logOperationStart(6 /* OperationId.ErrorCallback */, vm);
         // error boundaries must have an ErrorCallback
@@ -7203,7 +7286,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     if (enabled) {
       return; // don't double-apply the patches
     }
-
     enabled = true;
     const {
       setAttribute
@@ -7304,7 +7386,6 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     }
     // If we return undefined, it's because the element was rendered wholly outside a LightningElement
   }
-
   function checkAndReportViolation(elm, prop, isSetter, setValue) {
     const vm = findVM(elm);
     if (process.env.NODE_ENV !== 'production') {
@@ -8188,7 +8269,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     }
     return getReadOnlyProxy(obj);
   }
-  /** version: 5.0.2 */
+  /** version: 6.0.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8295,6 +8376,8 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     const elm = document.createElement('style');
     elm.type = 'text/css';
     elm.textContent = content;
+    // Add an attribute to distinguish global styles added by LWC as opposed to other frameworks/libraries on the page
+    elm.setAttribute('data-rendered-by-lwc', '');
     return elm;
   }
   function createStyleElement(content, cacheData) {
@@ -8401,123 +8484,74 @@ LWR.define('lwc/v/5_0_2', ['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 LIFECYCLE_CALLBACKS = {
+    connectedCallback: connectRootElement,
+    disconnectedCallback: disconnectRootElement,
+    formAssociatedCallback: runFormAssociatedCallback,
+    formDisabledCallback: runFormDisabledCallback,
+    formResetCallback: runFormResetCallback,
+    formStateRestoreCallback: runFormStateRestoreCallback
+  };
   const cachedConstructors = new Map();
-  const elementsUpgradedOutsideLWC = new WeakSet();
+  const nativeLifecycleElementsToUpgradedByLWC = new WeakMap();
   let elementBeingUpgradedByLWC = false;
-  let formAssociatedCallbackToUse;
-  let formDisabledCallbackToUse;
-  let formResetCallbackToUse;
-  let formStateRestoreCallbackToUse;
-  const instancesToFormAssociatedCallbacks = new WeakMap();
-  const instancesToFormDisabledCallbacks = new WeakMap();
-  const instancesToFormResetCallbacks = new WeakMap();
-  const instancesToFormStateRestoreCallbacks = new WeakMap();
   // Creates a constructor that is intended to be used directly as a custom element, except that the upgradeCallback is
   // passed in to the constructor so LWC can reuse the same custom element constructor for multiple components.
   // Another benefit is that only LWC can create components that actually do anything – if you do
   // `customElements.define('x-foo')`, then you don't have access to the upgradeCallback, so it's a dummy custom element.
   // This class should be created once per tag name.
-  const createUpgradableConstructor = (connectedCallback, disconnectedCallback) => {
-    const hasConnectedCallback = !isUndefined$1(connectedCallback);
-    const hasDisconnectedCallback = !isUndefined$1(disconnectedCallback);
+  const createUpgradableConstructor = () => {
     // TODO [#2972]: this class should expose observedAttributes as necessary
     class UpgradableConstructor extends HTMLElement {
-      constructor(upgradeCallback) {
+      constructor(upgradeCallback, useNativeLifecycle) {
         super();
+        if (useNativeLifecycle) {
+          // When in native lifecycle mode, we need to keep track of instances that were created outside LWC
+          // (i.e. not created by `lwc.createElement()`). If the element uses synthetic lifecycle, then we don't
+          // need to track this.
+          nativeLifecycleElementsToUpgradedByLWC.set(this, elementBeingUpgradedByLWC);
+        }
         // If the element is not created using lwc.createElement(), e.g. `document.createElement('x-foo')`,
-        // then elementBeingUpgraded will be false
+        // then elementBeingUpgradedByLWC will be false
         if (elementBeingUpgradedByLWC) {
-          instancesToFormAssociatedCallbacks.set(this, formAssociatedCallbackToUse);
-          instancesToFormDisabledCallbacks.set(this, formDisabledCallbackToUse);
-          instancesToFormResetCallbacks.set(this, formResetCallbackToUse);
-          instancesToFormStateRestoreCallbacks.set(this, formStateRestoreCallbackToUse);
           upgradeCallback(this);
-        } else if (hasConnectedCallback || hasDisconnectedCallback) {
-          // If this element has connected or disconnected callbacks, then we need to keep track of
-          // instances that were created outside LWC (i.e. not created by `lwc.createElement()`).
-          // If the element has no connected or disconnected callbacks, then we don't need to track this.
-          elementsUpgradedOutsideLWC.add(this);
-          // TODO [#2970]: LWC elements cannot be upgraded via new Ctor()
-          // Do we want to support this? Throw an error? Currently for backwards compat it's a no-op.
         }
+        // TODO [#2970]: LWC elements cannot be upgraded via new Ctor()
+        // Do we want to support this? Throw an error? Currently for backwards compat it's a no-op.
       }
-
-      formAssociatedCallback() {
-        const formAssociatedCallback = instancesToFormAssociatedCallbacks.get(this);
-        // if element was upgraded outside LWC, this will be undefined
-        if (!isUndefined$1(formAssociatedCallback)) {
-          formAssociatedCallback(this);
-        }
-      }
-      formResetCallback() {
-        const formResetCallback = instancesToFormResetCallbacks.get(this);
-        // if element was upgraded outside LWC, this will be undefined
-        if (!isUndefined$1(formResetCallback)) {
-          formResetCallback(this);
-        }
-      }
-      formDisabledCallback() {
-        const formDisabledCallback = instancesToFormDisabledCallbacks.get(this);
-        // if element was upgraded outside LWC, this will be undefined
-        if (!isUndefined$1(formDisabledCallback)) {
-          formDisabledCallback(this);
-        }
-      }
-      formStateRestoreCallback() {
-        const formStateRestoreCallback = instancesToFormStateRestoreCallbacks.get(this);
-        // if element was upgraded outside LWC, this will be undefined
-        if (!isUndefined$1(formStateRestoreCallback)) {
-          formStateRestoreCallback(this);
-        }
-      }
-      /*LWC compiler v5.0.2*/
+      /*LWC compiler v6.0.0*/
     }
     UpgradableConstructor.formAssociated = true;
-    // Do not unnecessarily add a connectedCallback/disconnectedCallback, as it introduces perf overhead
-    // See: https://github.com/salesforce/lwc/pull/3162#issuecomment-1311851174
-    if (hasConnectedCallback) {
-      UpgradableConstructor.prototype.connectedCallback = function () {
-        if (!elementsUpgradedOutsideLWC.has(this)) {
-          connectedCallback(this);
-        }
-      };
-    }
-    if (hasDisconnectedCallback) {
-      UpgradableConstructor.prototype.disconnectedCallback = function () {
-        if (!elementsUpgradedOutsideLWC.has(this)) {
-          disconnectedCallback(this);
+    for (const [propName, callback] of entries(LIFECYCLE_CALLBACKS)) {
+      UpgradableConstructor.prototype[propName] = function () {
+        // If the element is in the WeakMap (i.e. it's marked as native lifecycle), and if it was upgraded by LWC,
+        // then it can use native lifecycle
+        if (isTrue(nativeLifecycleElementsToUpgradedByLWC.get(this))) {
+          callback(this);
         }
       };
     }
     return UpgradableConstructor;
   };
-  function getUpgradableConstructor(tagName, connectedCallback, disconnectedCallback) {
+  function getUpgradableConstructor(tagName) {
     let UpgradableConstructor = cachedConstructors.get(tagName);
     if (isUndefined$1(UpgradableConstructor)) {
       if (!isUndefined$1(customElements.get(tagName))) {
         throw new Error(`Unexpected tag name "${tagName}". This name is a registered custom element, preventing LWC to upgrade the element.`);
       }
-      UpgradableConstructor = createUpgradableConstructor(connectedCallback, disconnectedCallback);
+      UpgradableConstructor = createUpgradableConstructor();
       customElements.define(tagName, UpgradableConstructor);
       cachedConstructors.set(tagName, UpgradableConstructor);
     }
     return UpgradableConstructor;
   }
-  const createCustomElement = (tagName, upgradeCallback, connectedCallback, disconnectedCallback, formAssociatedCallback, formDisabledCallback, formResetCallback, formStateRestoreCallback) => {
-    const UpgradableConstructor = getUpgradableConstructor(tagName, connectedCallback, disconnectedCallback);
-    formAssociatedCallbackToUse = formAssociatedCallback;
-    formDisabledCallbackToUse = formDisabledCallback;
-    formResetCallbackToUse = formResetCallback;
-    formStateRestoreCallbackToUse = formStateRestoreCallback;
+  const createCustomElement = (tagName, upgradeCallback, useNativeLifecycle) => {
+    const UpgradableConstructor = getUpgradableConstructor(tagName);
     elementBeingUpgradedByLWC = true;
     try {
-      return new UpgradableConstructor(upgradeCallback);
+      return new UpgradableConstructor(upgradeCallback, useNativeLifecycle);
     } finally {
       elementBeingUpgradedByLWC = false;
-      formAssociatedCallbackToUse = undefined;
-      formDisabledCallbackToUse = undefined;
-      formResetCallbackToUse = undefined;
-      formStateRestoreCallbackToUse = undefined;
     }
   };
 
@@ -8579,7 +8613,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 5.0.2 */
+      /** version: 6.0.0 */
 
       /*
        * Copyright (c) 2023, salesforce.com, inc.
@@ -8599,7 +8633,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
           this.setNewContext = setNewContext;
           this.setDisconnectedCallback = setDisconnectedCallback;
         }
-        /*LWC compiler v5.0.2*/
+        /*LWC compiler v6.0.0*/
       }
       function registerContextConsumer(elm, adapterContextToken, subscriptionPayload) {
         dispatchEvent(elm, new WireContextSubscriptionEvent(adapterContextToken, subscriptionPayload));
@@ -8979,7 +9013,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       attributeChangedCallback(name, oldValue, newValue) {
         attributeChangedCallback.call(this, name, oldValue, newValue);
       }
-      /*LWC compiler v5.0.2*/
+      /*LWC compiler v6.0.0*/
     }, _a.observedAttributes = observedAttributes, _a;
   }
 
@@ -9004,8 +9038,13 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
     }
     return node; // for convenience
   }
-
-  if (!lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+  let monkeyPatched = false;
+  function monkeyPatchDomAPIs() {
+    if (monkeyPatched) {
+      // don't double-patch
+      return;
+    }
+    monkeyPatched = true;
     // Monkey patching Node methods to be able to detect the insertions and removal of root elements
     // created via createElement.
     const {
@@ -9061,6 +9100,10 @@ LWR.define('lwc/v/5_0_2', ['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);
     // the custom element from the registry is expecting an upgrade callback
     /**
      * Note: if the upgradable constructor does not expect, or throw when we new it
@@ -9074,39 +9117,15 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
         mode: options.mode !== 'closed' ? 'open' : 'closed',
         owner: null
       });
-      if (!lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      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
+        monkeyPatchDomAPIs();
         ConnectingSlot.set(elm, connectRootElement);
         DisconnectingSlot.set(elm, disconnectRootElement);
       }
     };
-    let connectedCallback;
-    let disconnectedCallback;
-    let formAssociatedCallback;
-    let formDisabledCallback;
-    let formResetCallback;
-    let formStateRestoreCallback;
-    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
-      connectedCallback = elm => {
-        connectRootElement(elm);
-      };
-      disconnectedCallback = elm => {
-        disconnectRootElement(elm);
-      };
-      formAssociatedCallback = elm => {
-        runFormAssociatedCallback(elm);
-      };
-      formDisabledCallback = elm => {
-        runFormDisabledCallback(elm);
-      };
-      formResetCallback = elm => {
-        runFormResetCallback(elm);
-      };
-      formStateRestoreCallback = elm => {
-        runFormStateRestoreCallback(elm);
-      };
-    }
-    const element = createCustomElement(tagName, upgradeCallback, connectedCallback, disconnectedCallback, formAssociatedCallback, formDisabledCallback, formResetCallback, formStateRestoreCallback);
-    return element;
+    return createCustomElement(tagName, upgradeCallback, useNativeCustomElementLifecycle);
   }
 
   /*
@@ -9209,7 +9228,7 @@ LWR.define('lwc/v/5_0_2', ['exports'], (function (exports) { 'use strict';
       });
     });
   }
-  /** version: 5.0.2 */
+  /** version: 6.0.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;