lwc 2.41.1 → 2.41.2

package/dist/engine-server/commonjs/es2017/engine-server.js

@@ -444,9 +444,9 @@ function htmlEscape(str, attrMode = false) {
  * 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.
@@ -525,7 +525,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.41.1 */
+/** version: 2.41.2 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -621,7 +621,7 @@ function applyAriaReflection(prototype = Element.prototype) {
         }
     }
 }
-/** version: 2.41.1 */
+/** version: 2.41.2 */
 
 /* proxy-compat-disable */
 
@@ -4039,8 +4039,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;
@@ -4051,7 +4050,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;
@@ -4259,6 +4258,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 (!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();
@@ -4545,14 +4564,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];
         }
@@ -4586,7 +4616,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];
@@ -4693,14 +4723,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
@@ -6312,7 +6346,7 @@ function readonly(obj) {
     }
     return getReadOnlyProxy(obj);
 }
-/* version: 2.41.1 */
+/* version: 2.41.2 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -6847,7 +6881,7 @@ seal(LightningElement.prototype);
 function createElement() {
     throw new Error('createElement is not supported in @lwc/engine-server, only @lwc/engine-dom.');
 }
-/* version: 2.41.1 */
+/* version: 2.41.2 */
 
 exports.LightningElement = LightningElement;
 exports.api = api$1;