@lwrjs/everywhere 0.12.0-alpha.3 → 0.12.0-alpha.5

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

@@ -1,4 +1,4 @@
-LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
+LWR.define('lwc/v/6_0_0', ['exports'], (function (exports) { 'use strict';
 
   /**
    * Copyright (C) 2023 salesforce.com, inc.
@@ -183,6 +183,9 @@ LWR.define('lwc/v/5_2_1', ['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 */;
     }
   }
 
@@ -316,9 +319,9 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // Increment whenever the LWC template compiler changes
-  const LWC_VERSION = "5.2.1";
+  const LWC_VERSION = "6.0.0";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 5.2.1 */
+  /** version: 6.0.0 */
 
   /**
    * Copyright (C) 2023 salesforce.com, inc.
@@ -336,7 +339,7 @@ LWR.define('lwc/v/5_2_1', ['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,
@@ -398,7 +401,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       setFeatureFlag(name, value);
     }
   }
-  /** version: 5.2.1 */
+  /** version: 6.0.0 */
 
   /**
    * Copyright (C) 2023 salesforce.com, inc.
@@ -733,6 +736,14 @@ LWR.define('lwc/v/5_2_1', ['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_2_1', ['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_2_1', ['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_2_1', ['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
@@ -1505,7 +1490,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       valueMutated(originalTarget, key);
       return true;
     }
-    /*LWC compiler v5.2.1*/
+    /*LWC compiler v6.0.0*/
   }
   const getterMap = new WeakMap();
   const setterMap = new WeakMap();
@@ -1598,7 +1583,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       /* istanbul ignore next */
       return false;
     }
-    /*LWC compiler v5.2.1*/
+    /*LWC compiler v6.0.0*/
   }
   function extract(objectOrArray) {
     if (isArray(objectOrArray)) {
@@ -2462,11 +2447,17 @@ LWR.define('lwc/v/5_2_1', ['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.
@@ -2474,9 +2465,6 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
     },
     configurable: true
   });
-  if (process.env.NODE_ENV !== 'production') {
-    patchLightningElementPrototypeWithRestrictions(LightningElement.prototype);
-  }
   function createObservedFieldPropertyDescriptor(key) {
     return {
       get() {
@@ -3347,7 +3335,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
   }
   function HTMLBridgeElementFactory(SuperClass, publicProperties, methods, observedFields, proto, hasCustomSuperClass) {
     const HTMLBridgeElement = class extends SuperClass {
-      /*LWC compiler v5.2.1*/
+      /*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.
@@ -3372,7 +3360,7 @@ LWR.define('lwc/v/5_2_1', ['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);
@@ -3442,21 +3430,19 @@ LWR.define('lwc/v/5_2_1', ['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);
 
@@ -4223,6 +4209,9 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
   function isVScopedSlotFragment(vnode) {
     return vnode.type === 6 /* VNodeType.ScopedSlotFragment */;
   }
+  function isVStatic(vnode) {
+    return vnode.type === 4 /* VNodeType.Static */;
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4276,6 +4265,26 @@ LWR.define('lwc/v/5_2_1', ['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.
@@ -4790,6 +4799,8 @@ LWR.define('lwc/v/5_2_1', ['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);
   }
@@ -4819,13 +4830,16 @@ LWR.define('lwc/v/5_2_1', ['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
@@ -4846,7 +4860,8 @@ LWR.define('lwc/v/5_2_1', ['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 elm = createCustomElement(normalizedTagname, upgradeCallback);
+    const useNativeLifecycle = shouldUseNativeCustomElementLifecycle(ctor);
+    const elm = createCustomElement(normalizedTagname, upgradeCallback, useNativeLifecycle);
     vnode.elm = elm;
     vnode.vm = vm;
     linkNodeToShadow(elm, owner, renderer);
@@ -4858,7 +4873,7 @@ LWR.define('lwc/v/5_2_1', ['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.
@@ -5063,6 +5078,7 @@ LWR.define('lwc/v/5_2_1', ['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);
   }
@@ -5231,7 +5247,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
     return vm;
   }
   function allocateInSlot(vm, children, owner) {
-    var _a, _b;
+    var _a;
     const {
       cmpSlots: {
         slotAssignments: oldSlotsMapping
@@ -5245,8 +5261,8 @@ LWR.define('lwc/v/5_2_1', ['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;
       }
@@ -5502,7 +5518,8 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       elm: undefined,
       fragment,
       owner,
-      parts
+      parts,
+      slotAssignment: undefined
     };
     return vnode;
   }
@@ -5545,7 +5562,8 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       });
     }
     const {
-      key
+      key,
+      slotAssignment
     } = data;
     const vnode = {
       type: 2 /* VNodeType.Element */,
@@ -5554,7 +5572,8 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       children,
       elm: undefined,
       key,
-      owner: vmBeingRendered
+      owner: vmBeingRendered,
+      slotAssignment
     };
     return vnode;
   }
@@ -5579,6 +5598,11 @@ LWR.define('lwc/v/5_2_1', ['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];
@@ -5598,7 +5622,6 @@ LWR.define('lwc/v/5_2_1', ['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
@@ -5613,22 +5636,33 @@ LWR.define('lwc/v/5_2_1', ['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
@@ -5668,7 +5702,8 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       }
     }
     const {
-      key
+      key,
+      slotAssignment
     } = data;
     let elm, aChildren, vm;
     const vnode = {
@@ -5678,6 +5713,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       children,
       elm,
       key,
+      slotAssignment,
       ctor: Ctor,
       owner: vmBeingRendered,
       mode: 'open',
@@ -6560,7 +6596,7 @@ LWR.define('lwc/v/5_2_1', ['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.
@@ -6900,7 +6936,7 @@ LWR.define('lwc/v/5_2_1', ['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`);
@@ -8233,7 +8269,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
     }
     return getReadOnlyProxy(obj);
   }
-  /** version: 5.2.1 */
+  /** version: 6.0.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8448,17 +8484,17 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
    * SPDX-License-Identifier: MIT
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
-  const cachedConstructors = new Map();
-  const elementsUpgradedOutsideLWC = new WeakSet();
-  let elementBeingUpgradedByLWC = false;
-  const lifecycleCallbacks = lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE ? {
+  const LIFECYCLE_CALLBACKS = {
     connectedCallback: connectRootElement,
     disconnectedCallback: disconnectRootElement,
     formAssociatedCallback: runFormAssociatedCallback,
     formDisabledCallback: runFormDisabledCallback,
     formResetCallback: runFormResetCallback,
     formStateRestoreCallback: runFormStateRestoreCallback
-  } : undefined;
+  };
+  const cachedConstructors = new Map();
+  const nativeLifecycleElementsToUpgradedByLWC = new WeakMap();
+  let elementBeingUpgradedByLWC = false;
   // 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
@@ -8467,34 +8503,33 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
   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) {
           upgradeCallback(this);
-        } else if (!isUndefined$1(lifecycleCallbacks)) {
-          // If this element has any lifecycle 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.
       }
-      /*LWC compiler v5.2.1*/
+      /*LWC compiler v6.0.0*/
     }
     UpgradableConstructor.formAssociated = true;
-    // Do not unnecessarily add a connectedCallback/disconnectedCallback/etc., as it introduces perf overhead
-    // See: https://github.com/salesforce/lwc/pull/3162#issuecomment-1311851174
-    if (!isUndefined$1(lifecycleCallbacks)) {
-      for (const [propName, callback] of entries(lifecycleCallbacks)) {
-        UpgradableConstructor.prototype[propName] = function () {
-          if (!elementsUpgradedOutsideLWC.has(this)) {
-            callback(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;
   };
@@ -8510,11 +8545,11 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
     }
     return UpgradableConstructor;
   }
-  const createCustomElement = (tagName, upgradeCallback) => {
+  const createCustomElement = (tagName, upgradeCallback, useNativeLifecycle) => {
     const UpgradableConstructor = getUpgradableConstructor(tagName);
     elementBeingUpgradedByLWC = true;
     try {
-      return new UpgradableConstructor(upgradeCallback);
+      return new UpgradableConstructor(upgradeCallback, useNativeLifecycle);
     } finally {
       elementBeingUpgradedByLWC = false;
     }
@@ -8578,7 +8613,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 5.2.1 */
+      /** version: 6.0.0 */
 
       /*
        * Copyright (c) 2023, salesforce.com, inc.
@@ -8598,7 +8633,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
           this.setNewContext = setNewContext;
           this.setDisconnectedCallback = setDisconnectedCallback;
         }
-        /*LWC compiler v5.2.1*/
+        /*LWC compiler v6.0.0*/
       }
       function registerContextConsumer(elm, adapterContextToken, subscriptionPayload) {
         dispatchEvent(elm, new WireContextSubscriptionEvent(adapterContextToken, subscriptionPayload));
@@ -8978,7 +9013,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       attributeChangedCallback(name, oldValue, newValue) {
         attributeChangedCallback.call(this, name, oldValue, newValue);
       }
-      /*LWC compiler v5.2.1*/
+      /*LWC compiler v6.0.0*/
     }, _a.observedAttributes = observedAttributes, _a;
   }
 
@@ -9003,7 +9038,13 @@ LWR.define('lwc/v/5_2_1', ['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 {
@@ -9059,6 +9100,10 @@ LWR.define('lwc/v/5_2_1', ['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
@@ -9072,13 +9117,15 @@ LWR.define('lwc/v/5_2_1', ['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);
       }
     };
-    const element = createCustomElement(tagName, upgradeCallback);
-    return element;
+    return createCustomElement(tagName, upgradeCallback, useNativeCustomElementLifecycle);
   }
 
   /*
@@ -9181,7 +9228,7 @@ LWR.define('lwc/v/5_2_1', ['exports'], (function (exports) { 'use strict';
       });
     });
   }
-  /** version: 5.2.1 */
+  /** version: 6.0.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;