@lwc/engine-core 2.41.1 → 2.41.3

package/dist/engine-core.cjs.js

@@ -3809,8 +3809,7 @@ function mountComment(vnode, parent, anchor, renderer) {
 function mountFragment(vnode, parent, anchor, renderer) {
     const { children } = vnode;
     mountVNodes(children, parent, renderer, anchor);
-    // children of a fragment will always have at least the two delimiters.
-    vnode.elm = children[children.length - 1].elm;
+    vnode.elm = vnode.leading.elm;
 }
 function patchFragment(n1, n2, parent, renderer) {
     const { children, stable } = n2;
@@ -3821,7 +3820,7 @@ function patchFragment(n1, n2, parent, renderer) {
         updateDynamicChildren(n1.children, children, parent, renderer);
     }
     // Note: not reusing n1.elm, because during patching, it may be patched with another text node.
-    n2.elm = children[children.length - 1].elm;
+    n2.elm = n2.leading.elm;
 }
 function mountElement(vnode, parent, anchor, renderer) {
     const { sel, owner, data: { svg }, } = vnode;
@@ -4039,6 +4038,26 @@ function updateTextContent(vnode, renderer) {
         lockDomMutation();
     }
 }
+function insertFragmentOrNode(vnode, parent, anchor, renderer) {
+    if (process.env.NODE_ENV !== 'production') {
+        unlockDomMutation();
+    }
+    if (isVFragment(vnode)) {
+        const children = vnode.children;
+        for (let i = 0; i < children.length; i += 1) {
+            const child = children[i];
+            if (!shared.isNull(child)) {
+                renderer.insert(child.elm, parent, anchor);
+            }
+        }
+    }
+    else {
+        renderer.insert(vnode.elm, parent, anchor);
+    }
+    if (process.env.NODE_ENV !== 'production') {
+        lockDomMutation();
+    }
+}
 function insertNode(node, parent, anchor, renderer) {
     if (process.env.NODE_ENV !== 'production') {
         unlockDomMutation();
@@ -4325,14 +4344,25 @@ function updateDynamicChildren(oldCh, newCh, parent, renderer) {
         else if (isSameVnode(oldStartVnode, newEndVnode)) {
             // Vnode moved right
             patch(oldStartVnode, newEndVnode, parent, renderer);
-            insertNode(oldStartVnode.elm, parent, renderer.nextSibling(oldEndVnode.elm), renderer);
+            // In the case of fragments, the `elm` property of a vfragment points to the leading
+            // anchor. To determine the next sibling of the whole fragment, we need to use the
+            // trailing anchor as the argument to nextSibling():
+            // [..., [leading, ...content, trailing], nextSibling, ...]
+            let anchor;
+            if (isVFragment(oldEndVnode)) {
+                anchor = renderer.nextSibling(oldEndVnode.trailing.elm);
+            }
+            else {
+                anchor = renderer.nextSibling(oldEndVnode.elm);
+            }
+            insertFragmentOrNode(oldStartVnode, parent, anchor, renderer);
             oldStartVnode = oldCh[++oldStartIdx];
             newEndVnode = newCh[--newEndIdx];
         }
         else if (isSameVnode(oldEndVnode, newStartVnode)) {
             // Vnode moved left
             patch(oldEndVnode, newStartVnode, parent, renderer);
-            insertNode(newStartVnode.elm, parent, oldStartVnode.elm, renderer);
+            insertFragmentOrNode(newStartVnode, parent, oldStartVnode.elm, renderer);
             oldEndVnode = oldCh[--oldEndIdx];
             newStartVnode = newCh[++newStartIdx];
         }
@@ -4366,7 +4396,7 @@ function updateDynamicChildren(oldCh, newCh, parent, renderer) {
                         }
                         // We've already cloned at least once, so it's no longer read-only
                         oldCh[idxInOld] = undefined;
-                        insertNode(elmToMove.elm, parent, oldStartVnode.elm, renderer);
+                        insertFragmentOrNode(elmToMove, parent, oldStartVnode.elm, renderer);
                     }
                 }
                 newStartVnode = newCh[++newStartIdx];
@@ -4473,14 +4503,18 @@ function st(fragment, key) {
 }
 // [fr]agment node
 function fr(key, children, stable) {
+    const leading = t('');
+    const trailing = t('');
     return {
         type: 5 /* VNodeType.Fragment */,
         sel: undefined,
         key,
         elm: undefined,
-        children: [t(''), ...children, t('')],
+        children: [leading, ...children, trailing],
         stable,
         owner: getVMBeingRendered(),
+        leading,
+        trailing,
     };
 }
 // [h]tml node
@@ -6989,5 +7023,5 @@ exports.swapTemplate = swapTemplate;
 exports.track = track;
 exports.unwrap = unwrap;
 exports.wire = wire;
-/* version: 2.41.1 */
+/* version: 2.41.3 */
 //# sourceMappingURL=engine-core.cjs.js.map