lwc 2.41.1 → 2.41.2

package/dist/engine-dom/iife/es5/engine-dom_debug.js

@@ -315,7 +315,7 @@ var LWC = (function (exports) {
       CACHED_ATTRIBUTE_PROPERTY_MAPPING.set(attrName, propertyName);
       return propertyName;
     }
-    /** version: 2.41.1 */
+    /** version: 2.41.2 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -387,7 +387,7 @@ var LWC = (function (exports) {
      */
     function setFeatureFlagForTest(name, value) {
     }
-    /** version: 2.41.1 */
+    /** version: 2.41.2 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -451,7 +451,7 @@ var LWC = (function (exports) {
         }
       }
     }
-    /** version: 2.41.1 */
+    /** version: 2.41.2 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -3531,8 +3531,7 @@ var LWC = (function (exports) {
     function mountFragment(vnode, parent, anchor, renderer) {
       var children = vnode.children;
       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) {
       var children = n2.children,
@@ -3543,7 +3542,7 @@ var LWC = (function (exports) {
         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) {
       var sel = vnode.sel,
@@ -3758,6 +3757,19 @@ var LWC = (function (exports) {
       var setText = renderer.setText;
       setText(elm, text);
     }
+    function insertFragmentOrNode(vnode, parent, anchor, renderer) {
+      if (isVFragment(vnode)) {
+        var children = vnode.children;
+        for (var _i18 = 0; _i18 < children.length; _i18 += 1) {
+          var child = children[_i18];
+          if (!isNull(child)) {
+            renderer.insert(child.elm, parent, anchor);
+          }
+        }
+      } else {
+        renderer.insert(vnode.elm, parent, anchor);
+      }
+    }
     function insertNode(node, parent, anchor, renderer) {
       renderer.insert(node, parent, anchor);
     }
@@ -3847,8 +3859,8 @@ var LWC = (function (exports) {
       // If no VFragment is found in children, we don't need to traverse anything or mark the children dynamic and can return early.
       var nodeStack = [];
       var fragmentFound = false;
-      for (var _i18 = children.length - 1; _i18 > -1; _i18 -= 1) {
-        var child = children[_i18];
+      for (var _i19 = children.length - 1; _i19 > -1; _i19 -= 1) {
+        var child = children[_i19];
         ArrayPush$1.call(nodeStack, child);
         fragmentFound = fragmentFound || !!(child && isVFragment(child));
       }
@@ -3860,8 +3872,8 @@ var LWC = (function (exports) {
         if (!isNull(currentNode) && isVFragment(currentNode)) {
           var fChildren = currentNode.children;
           // Ignore the start and end text node delimiters
-          for (var _i19 = fChildren.length - 2; _i19 > 0; _i19 -= 1) {
-            ArrayPush$1.call(nodeStack, fChildren[_i19]);
+          for (var _i20 = fChildren.length - 2; _i20 > 0; _i20 -= 1) {
+            ArrayPush$1.call(nodeStack, fChildren[_i20]);
           }
         } else {
           ArrayPush$1.call(flattenedChildren, currentNode);
@@ -3897,8 +3909,8 @@ var LWC = (function (exports) {
       var oldSlotsMapping = vm.cmpSlots.slotAssignments;
       var cmpSlotsMapping = create(null);
       // Collect all slots into cmpSlotsMapping
-      for (var _i20 = 0, len = children.length; _i20 < len; _i20 += 1) {
-        var vnode = children[_i20];
+      for (var _i21 = 0, len = children.length; _i21 < len; _i21 += 1) {
+        var vnode = children[_i21];
         if (isNull(vnode)) {
           continue;
         }
@@ -3928,8 +3940,8 @@ var LWC = (function (exports) {
           markComponentAsDirty(vm);
           return;
         }
-        for (var _i21 = 0, _len2 = oldKeys.length; _i21 < _len2; _i21 += 1) {
-          var key = oldKeys[_i21];
+        for (var _i22 = 0, _len2 = oldKeys.length; _i22 < _len2; _i22 += 1) {
+          var key = oldKeys[_i22];
           if (isUndefined$1(cmpSlotsMapping[key]) || oldSlotsMapping[key].length !== cmpSlotsMapping[key].length) {
             markComponentAsDirty(vm);
             return;
@@ -4004,13 +4016,23 @@ var LWC = (function (exports) {
         } 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, ...]
+          var anchor = void 0;
+          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];
         } else {
@@ -4041,7 +4063,7 @@ var LWC = (function (exports) {
                 }
                 // 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];
@@ -4052,11 +4074,11 @@ var LWC = (function (exports) {
         if (oldStartIdx > oldEndIdx) {
           // There's some cases in which the sub array of vnodes to be inserted is followed by null(s) and an
           // already processed vnode, in such cases the vnodes to be inserted should be before that processed vnode.
-          var _i22 = newEndIdx;
+          var _i23 = newEndIdx;
           var n;
           do {
-            n = newCh[++_i22];
-          } while (!isVNode(n) && _i22 < newChEnd);
+            n = newCh[++_i23];
+          } while (!isVNode(n) && _i23 < newChEnd);
           before = isVNode(n) ? n.elm : null;
           mountVNodes(newCh, parent, renderer, before, newStartIdx, newEndIdx + 1);
         } else {
@@ -4081,9 +4103,9 @@ var LWC = (function (exports) {
       // if the old list is not empty, the new list MUST have the same
       // amount of nodes, that's why we call this static children
       var anchor = null;
-      for (var _i23 = c2Length - 1; _i23 >= 0; _i23 -= 1) {
-        var n1 = c1[_i23];
-        var n2 = c2[_i23];
+      for (var _i24 = c2Length - 1; _i24 >= 0; _i24 -= 1) {
+        var n1 = c1[_i24];
+        var n2 = c2[_i24];
         if (n2 !== n1) {
           if (isVNode(n1)) {
             if (isVNode(n2)) {
@@ -4144,14 +4166,18 @@ var LWC = (function (exports) {
     }
     // [fr]agment node
     function fr(key, children, stable) {
+      var leading = t('');
+      var trailing = t('');
       return {
         type: 5 /* VNodeType.Fragment */,
         sel: undefined,
         key: key,
         elm: undefined,
-        children: [t('')].concat(_toConsumableArray(children), [t('')]),
+        children: [leading].concat(_toConsumableArray(children), [trailing]),
         stable: stable,
-        owner: getVMBeingRendered()
+        owner: getVMBeingRendered(),
+        leading: leading,
+        trailing: trailing
       };
     }
     // [h]tml node
@@ -4187,8 +4213,8 @@ var LWC = (function (exports) {
       if (!isUndefined$1(slotset) && !isUndefined$1(slotset.slotAssignments) && !isUndefined$1(slotset.slotAssignments[slotName]) && slotset.slotAssignments[slotName].length !== 0) {
         var newChildren = [];
         var slotAssignments = slotset.slotAssignments[slotName];
-        for (var _i24 = 0; _i24 < slotAssignments.length; _i24++) {
-          var vnode = slotAssignments[_i24];
+        for (var _i25 = 0; _i25 < slotAssignments.length; _i25++) {
+          var vnode = slotAssignments[_i25];
           if (!isNull(vnode)) {
             var assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode);
             // The only sniff test for a scoped <slot> element is the presence of `slotData`
@@ -4600,23 +4626,23 @@ var LWC = (function (exports) {
           var classAttrToken = hasScopedStyles && hasStyleToken ? " class=\"".concat(stylesheetToken, "\"") : '';
           var attrToken = hasStyleToken && isSyntheticShadow ? ' ' + stylesheetToken : '';
           var htmlFragment = '';
-          for (var _i25 = 0, n = keys.length; _i25 < n; _i25++) {
-            switch (keys[_i25]) {
+          for (var _i26 = 0, n = keys.length; _i26 < n; _i26++) {
+            switch (keys[_i26]) {
               case 0:
                 // styleToken in existing class attr
-                htmlFragment += strings[_i25] + classToken;
+                htmlFragment += strings[_i26] + classToken;
                 break;
               case 1:
                 // styleToken for added class attr
-                htmlFragment += strings[_i25] + classAttrToken;
+                htmlFragment += strings[_i26] + classAttrToken;
                 break;
               case 2:
                 // styleToken as attr
-                htmlFragment += strings[_i25] + attrToken;
+                htmlFragment += strings[_i26] + attrToken;
                 break;
               case 3:
                 // ${1}${2}
-                htmlFragment += strings[_i25] + classAttrToken + attrToken;
+                htmlFragment += strings[_i26] + classAttrToken + attrToken;
                 break;
             }
           }
@@ -4704,8 +4730,8 @@ var LWC = (function (exports) {
     }
     function computeHasScopedStylesInStylesheets(stylesheets) {
       if (hasStyles(stylesheets)) {
-        for (var _i26 = 0; _i26 < stylesheets.length; _i26++) {
-          if (isTrue(stylesheets[_i26][KEY__SCOPED_CSS])) {
+        for (var _i27 = 0; _i27 < stylesheets.length; _i27++) {
+          if (isTrue(stylesheets[_i27][KEY__SCOPED_CSS])) {
             return true;
           }
         }
@@ -4876,8 +4902,8 @@ var LWC = (function (exports) {
      * subject to change or being removed.
      */
     function register(service) {
-      for (var _i27 = 0; _i27 < hooks.length; ++_i27) {
-        var hookName = hooks[_i27];
+      for (var _i28 = 0; _i28 < hooks.length; ++_i28) {
+        var hookName = hooks[_i28];
         if (hookName in service) {
           var l = Services[hookName];
           if (isUndefined$1(l)) {
@@ -4891,8 +4917,8 @@ var LWC = (function (exports) {
       var component = vm.component,
         def = vm.def,
         context = vm.context;
-      for (var _i28 = 0, len = cbs.length; _i28 < len; ++_i28) {
-        cbs[_i28].call(undefined, component, {}, def, context);
+      for (var _i29 = 0, len = cbs.length; _i29 < len; ++_i29) {
+        cbs[_i29].call(undefined, component, {}, def, context);
       }
     }
 
@@ -5029,8 +5055,8 @@ var LWC = (function (exports) {
       var valid = true;
       var validate = function validate(arrayOrStylesheet) {
         if (isArray$1(arrayOrStylesheet)) {
-          for (var _i29 = 0; _i29 < arrayOrStylesheet.length; _i29++) {
-            validate(arrayOrStylesheet[_i29]);
+          for (var _i30 = 0; _i30 < arrayOrStylesheet.length; _i30++) {
+            validate(arrayOrStylesheet[_i30]);
           }
         } else if (!isFunction$1(arrayOrStylesheet)) {
           // function assumed to be a stylesheet factory
@@ -5163,17 +5189,17 @@ var LWC = (function (exports) {
         return a.idx - b.idx;
       });
       rehydrateQueue = []; // reset to a new queue
-      for (var _i30 = 0, len = vms.length; _i30 < len; _i30 += 1) {
-        var vm = vms[_i30];
+      for (var _i31 = 0, len = vms.length; _i31 < len; _i31 += 1) {
+        var vm = vms[_i31];
         try {
           rehydrate(vm);
         } catch (error) {
-          if (_i30 + 1 < len) {
+          if (_i31 + 1 < len) {
             // pieces of the queue are still pending to be rehydrated, those should have priority
             if (rehydrateQueue.length === 0) {
               addCallbackToNextTick(flushRehydrationQueue);
             }
-            ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, _i30 + 1));
+            ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, _i31 + 1));
           }
           // we need to end the measure before throwing.
           logGlobalOperationEnd(8 /* OperationId.GlobalRehydrate */);
@@ -5239,8 +5265,8 @@ var LWC = (function (exports) {
       var vCustomElementCollection = vm.velements;
       // Reporting disconnection for every child in inverse order since they are
       // inserted in reserved order.
-      for (var _i31 = vCustomElementCollection.length - 1; _i31 >= 0; _i31 -= 1) {
-        var elm = vCustomElementCollection[_i31].elm;
+      for (var _i32 = vCustomElementCollection.length - 1; _i32 >= 0; _i32 -= 1) {
+        var elm = vCustomElementCollection[_i32].elm;
         // There are two cases where the element could be undefined:
         // * when there is an error during the construction phase, and an error
         //   boundary picks it, there is a possibility that the VCustomElement
@@ -5271,8 +5297,8 @@ var LWC = (function (exports) {
      * defined on its shadow.
      */
     function recursivelyDisconnectChildren(vnodes) {
-      for (var _i32 = 0, len = vnodes.length; _i32 < len; _i32 += 1) {
-        var vnode = vnodes[_i32];
+      for (var _i33 = 0, len = vnodes.length; _i33 < len; _i33 += 1) {
+        var vnode = vnodes[_i33];
         if (!isNull(vnode) && !isUndefined$1(vnode.elm)) {
           switch (vnode.type) {
             case 2 /* VNodeType.Element */:
@@ -5305,8 +5331,8 @@ var LWC = (function (exports) {
     function recursivelyRemoveChildren(vnodes, vm) {
       var renderRoot = vm.renderRoot,
         remove = vm.renderer.remove;
-      for (var _i33 = 0, len = vnodes.length; _i33 < len; _i33 += 1) {
-        var vnode = vnodes[_i33];
+      for (var _i34 = 0, len = vnodes.length; _i34 < len; _i34 += 1) {
+        var vnode = vnodes[_i34];
         if (!isNull(vnode)) {
           // VFragments are special; their .elm property does not point to the root element since they have no single root.
           if (isVFragment(vnode)) {
@@ -5424,8 +5450,8 @@ var LWC = (function (exports) {
             // that reference multiple IDs, separated by whitespace.
             var query = "[".concat(idRefAttrName, "~=\"").concat(CSS.escape(attrValue), "\"]");
             var sourceElements = querySelectorAll.call(document, query);
-            for (var _i34 = 0; _i34 < sourceElements.length; _i34++) {
-              var sourceElement = sourceElements[_i34];
+            for (var _i35 = 0; _i35 < sourceElements.length; _i35++) {
+              var sourceElement = sourceElements[_i35];
               var sourceRoot = sourceElement.getRootNode();
               if (sourceRoot !== root) {
                 reportViolation$1(sourceElement, elm, idRefAttrName);
@@ -5776,8 +5802,8 @@ var LWC = (function (exports) {
       var nextNode = node;
       var anchor = null;
       var renderer = owner.renderer;
-      for (var _i35 = 0; _i35 < children.length; _i35++) {
-        var childVnode = children[_i35];
+      for (var _i36 = 0; _i36 < children.length; _i36++) {
+        var childVnode = children[_i36];
         if (!isNull(childVnode)) {
           if (nextNode) {
             nextNode = hydrateNode(nextNode, childVnode, renderer);
@@ -5851,8 +5877,8 @@ var LWC = (function (exports) {
       var nodesAreCompatible = true;
       // Validate attributes, though we could always recovery from those by running the update mods.
       // Note: intentionally ONLY matching vnodes.attrs to elm.attrs, in case SSR is adding extra attributes.
-      for (var _i36 = 0, _Object$entries = Object.entries(attrs); _i36 < _Object$entries.length; _i36++) {
-        var _Object$entries$_i = _slicedToArray(_Object$entries[_i36], 2),
+      for (var _i37 = 0, _Object$entries = Object.entries(attrs); _i37 < _Object$entries.length; _i37++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i37], 2),
           attrName = _Object$entries$_i[0],
           attrValue = _Object$entries$_i[1];
         vnode.owner;
@@ -5939,8 +5965,8 @@ var LWC = (function (exports) {
         var parsedVnodeStyle = parseStyleText(elmStyle);
         var expectedStyle = [];
         // styleMap is used when style is set to static value.
-        for (var _i37 = 0, n = styleDecls.length; _i37 < n; _i37++) {
-          var _styleDecls$_i2 = _slicedToArray(styleDecls[_i37], 3),
+        for (var _i38 = 0, n = styleDecls.length; _i38 < n; _i38++) {
+          var _styleDecls$_i2 = _slicedToArray(styleDecls[_i38], 3),
             prop = _styleDecls$_i2[0],
             value = _styleDecls$_i2[1],
             important = _styleDecls$_i2[2];
@@ -6129,8 +6155,8 @@ var LWC = (function (exports) {
     // Deep-traverse an array (of arrays) of stylesheet factory functions, and call the callback for every array/function
     function traverseStylesheets(stylesheets, callback) {
       callback(stylesheets);
-      for (var _i38 = 0; _i38 < stylesheets.length; _i38++) {
-        var stylesheet = stylesheets[_i38];
+      for (var _i39 = 0; _i39 < stylesheets.length; _i39++) {
+        var stylesheet = stylesheets[_i39];
         if (isArray$1(stylesheet)) {
           traverseStylesheets(stylesheet, callback);
         } else {
@@ -6607,7 +6633,7 @@ var LWC = (function (exports) {
         function isNull(obj) {
           return obj === null;
         }
-        /** version: 2.41.1 */
+        /** version: 2.41.2 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -6724,7 +6750,7 @@ var LWC = (function (exports) {
             doc.body.innerHTML = html;
             var content = doc.body;
             if (!isUndefined(wrapperTags)) {
-              for (var _i39 = 0; _i39 < wrapperTags.length; _i39++) {
+              for (var _i40 = 0; _i40 < wrapperTags.length; _i40++) {
                 content = content.firstChild;
               }
             }
@@ -6923,8 +6949,8 @@ var LWC = (function (exports) {
         tagName: element.tagName.toLowerCase(),
         hydrated: true
       });
-      for (var _i40 = 0, _Object$entries2 = Object.entries(props); _i40 < _Object$entries2.length; _i40++) {
-        var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i40], 2),
+      for (var _i41 = 0, _Object$entries2 = Object.entries(props); _i41 < _Object$entries2.length; _i41++) {
+        var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i41], 2),
           key = _Object$entries2$_i[0],
           value = _Object$entries2$_i[1];
         element[key] = value;
@@ -7242,7 +7268,7 @@ var LWC = (function (exports) {
         });
       });
     }
-    /* version: 2.41.1 */
+    /* version: 2.41.2 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;