lwc 2.41.1 → 2.41.2

package/dist/engine-dom/umd/es2017/engine-dom.js

@@ -353,9 +353,9 @@
      * 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 = "2.41.1";
+    const LWC_VERSION = "2.41.2";
     const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-    /** version: 2.41.1 */
+    /** version: 2.41.2 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -434,7 +434,7 @@
             setFeatureFlag(name, value);
         }
     }
-    /** version: 2.41.1 */
+    /** version: 2.41.2 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -498,7 +498,7 @@
             }
         }
     }
-    /** version: 2.41.1 */
+    /** version: 2.41.2 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -4304,8 +4304,7 @@
     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;
@@ -4316,7 +4315,7 @@
             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;
@@ -4529,6 +4528,26 @@
             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 (!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();
@@ -4815,14 +4834,25 @@
             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];
             }
@@ -4856,7 +4886,7 @@
                             }
                             // 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];
@@ -4963,14 +4993,18 @@
     }
     // [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
@@ -7437,7 +7471,7 @@
         }
         return getReadOnlyProxy(obj);
     }
-    /* version: 2.41.1 */
+    /* version: 2.41.2 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -7865,7 +7899,7 @@
         function isNull(obj) {
             return obj === null;
         }
-        /** version: 2.41.1 */
+        /** version: 2.41.2 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -8484,7 +8518,7 @@
             });
         }));
     }
-    /* version: 2.41.1 */
+    /* version: 2.41.2 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;