lwc 2.28.0 → 2.29.0

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

@@ -291,7 +291,7 @@ var LWC = (function (exports) {
       CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
       return attributeName;
   }
-  /** version: 2.28.0 */
+  /** version: 2.29.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -373,7 +373,7 @@ var LWC = (function (exports) {
           patch$1(propName);
       }
   }
-  /** version: 2.28.0 */
+  /** version: 2.29.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -2638,6 +2638,9 @@ var LWC = (function (exports) {
   function isVCustomElement(vnode) {
       return vnode.type === 3 /* VNodeType.CustomElement */;
   }
+  function isVFragment(vnode) {
+      return vnode.type === 5 /* VNodeType.Fragment */;
+  }
   function isVScopedSlotFragment(vnode) {
       return vnode.type === 6 /* VNodeType.ScopedSlotFragment */;
   }
@@ -3437,26 +3440,26 @@ var LWC = (function (exports) {
 
     return vm;
   }
+  /**
+   * Collects all slots into a SlotSet, traversing through VFragment Nodes
+   */
 
-  function allocateInSlot(vm, children, owner) {
-    var _a, _b;
 
-    const {
-      cmpSlots: {
-        slotAssignments: oldSlotsMapping
-      }
-    } = vm;
-    const cmpSlotsMapping = create(null);
-    vm.cmpSlots = {
-      owner,
-      slotAssignments: cmpSlotsMapping
-    };
+  function collectSlots(vm, children, cmpSlotsMapping) {
+    var _a, _b;
 
     for (let i = 0, len = children.length; i < len; i += 1) {
       const vnode = children[i];
 
       if (isNull(vnode)) {
         continue;
+      } // Dive further iff the content is wrapped in a VFragment
+
+
+      if (isVFragment(vnode)) {
+        // Remove the text delimiter nodes to avoid overriding default slot content
+        collectSlots(vm, vnode.children.slice(1, -1), cmpSlotsMapping);
+        continue;
       }
 
       let slotName = '';
@@ -3470,6 +3473,20 @@ var LWC = (function (exports) {
       const vnodes = cmpSlotsMapping[slotName] = cmpSlotsMapping[slotName] || [];
       ArrayPush$1.call(vnodes, vnode);
     }
+  }
+
+  function allocateInSlot(vm, children, owner) {
+    const {
+      cmpSlots: {
+        slotAssignments: oldSlotsMapping
+      }
+    } = vm;
+    const cmpSlotsMapping = create(null);
+    collectSlots(vm, children, cmpSlotsMapping);
+    vm.cmpSlots = {
+      owner,
+      slotAssignments: cmpSlotsMapping
+    };
 
     if (isFalse(vm.isDirty)) {
       // We need to determine if the old allocation is really different from the new one
@@ -5586,7 +5603,8 @@ var LWC = (function (exports) {
           }
       }
       let nodesAreCompatible = true;
-      if (!isUndefined$1(className) && String(className) !== getProperty(elm, 'className')) {
+      const elmClassName = getProperty(elm, 'className');
+      if (!isUndefined$1(className) && String(className) !== elmClassName) {
           // className is used when class is bound to an expr.
           nodesAreCompatible = false;
       }
@@ -5606,6 +5624,10 @@ var LWC = (function (exports) {
               nodesAreCompatible = false;
           }
       }
+      else if (isUndefined$1(className) && elmClassName !== '') {
+          // SSR contains a className but client-side VDOM does not
+          nodesAreCompatible = false;
+      }
       return nodesAreCompatible;
   }
   function validateStyleAttr(vnode, elm, renderer) {
@@ -5711,7 +5733,7 @@ var LWC = (function (exports) {
       }
       return ctor;
   }
-  /* version: 2.28.0 */
+  /* version: 2.29.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -6558,7 +6580,7 @@ var LWC = (function (exports) {
       function isNull(obj) {
           return obj === null;
       }
-      /** version: 2.28.0 */
+      /** version: 2.29.0 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -7129,7 +7151,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.28.0 */
+  /* version: 2.29.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;

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

@@ -368,9 +368,9 @@ var LWC = (function (exports) {
   // Increment whenever the LWC template compiler changes
 
 
-  var LWC_VERSION = "2.28.0";
+  var LWC_VERSION = "2.29.0";
   var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.28.0 */
+  /** version: 2.29.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -464,7 +464,7 @@ var LWC = (function (exports) {
       patch$1(propName);
     }
   }
-  /** version: 2.28.0 */
+  /** version: 2.29.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -558,7 +558,7 @@ var LWC = (function (exports) {
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.28.0 */
+  /** version: 2.29.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4517,6 +4517,12 @@ var LWC = (function (exports) {
     ;
   }
 
+  function isVFragment(vnode) {
+    return vnode.type === 5
+    /* VNodeType.Fragment */
+    ;
+  }
+
   function isVScopedSlotFragment(vnode) {
     return vnode.type === 6
     /* VNodeType.ScopedSlotFragment */
@@ -5427,22 +5433,26 @@ var LWC = (function (exports) {
 
     return vm;
   }
+  /**
+   * Collects all slots into a SlotSet, traversing through VFragment Nodes
+   */
 
-  function allocateInSlot(vm, children, owner) {
-    var _a, _b;
 
-    var oldSlotsMapping = vm.cmpSlots.slotAssignments;
-    var cmpSlotsMapping = create(null);
-    vm.cmpSlots = {
-      owner: owner,
-      slotAssignments: cmpSlotsMapping
-    };
+  function collectSlots(vm, children, cmpSlotsMapping) {
+    var _a, _b;
 
     for (var _i15 = 0, len = children.length; _i15 < len; _i15 += 1) {
       var vnode = children[_i15];
 
       if (isNull(vnode)) {
         continue;
+      } // Dive further iff the content is wrapped in a VFragment
+
+
+      if (isVFragment(vnode)) {
+        // Remove the text delimiter nodes to avoid overriding default slot content
+        collectSlots(vm, vnode.children.slice(1, -1), cmpSlotsMapping);
+        continue;
       }
 
       var slotName = '';
@@ -5456,6 +5466,16 @@ var LWC = (function (exports) {
       var vnodes = cmpSlotsMapping[slotName] = cmpSlotsMapping[slotName] || [];
       ArrayPush$1.call(vnodes, vnode);
     }
+  }
+
+  function allocateInSlot(vm, children, owner) {
+    var oldSlotsMapping = vm.cmpSlots.slotAssignments;
+    var cmpSlotsMapping = create(null);
+    collectSlots(vm, children, cmpSlotsMapping);
+    vm.cmpSlots = {
+      owner: owner,
+      slotAssignments: cmpSlotsMapping
+    };
 
     if (isFalse(vm.isDirty)) {
       // We need to determine if the old allocation is really different from the new one
@@ -5467,7 +5487,7 @@ var LWC = (function (exports) {
         return;
       }
 
-      for (var _i16 = 0, _len4 = oldKeys.length; _i16 < _len4; _i16 += 1) {
+      for (var _i16 = 0, len = oldKeys.length; _i16 < len; _i16 += 1) {
         var key = oldKeys[_i16];
 
         if (isUndefined$1(cmpSlotsMapping[key]) || oldSlotsMapping[key].length !== cmpSlotsMapping[key].length) {
@@ -5476,10 +5496,10 @@ var LWC = (function (exports) {
         }
 
         var oldVNodes = oldSlotsMapping[key];
-        var _vnodes = cmpSlotsMapping[key];
+        var vnodes = cmpSlotsMapping[key];
 
         for (var j = 0, a = cmpSlotsMapping[key].length; j < a; j += 1) {
-          if (oldVNodes[j] !== _vnodes[j]) {
+          if (oldVNodes[j] !== vnodes[j]) {
             markComponentAsDirty(vm);
             return;
           }
@@ -6418,7 +6438,7 @@ var LWC = (function (exports) {
 
   function buildParseFragmentFn(createFragmentFn) {
     return function (strings) {
-      for (var _len5 = arguments.length, keys = new Array(_len5 > 1 ? _len5 - 1 : 0), _key3 = 1; _key3 < _len5; _key3++) {
+      for (var _len4 = arguments.length, keys = new Array(_len4 > 1 ? _len4 - 1 : 0), _key3 = 1; _key3 < _len4; _key3++) {
         keys[_key3 - 1] = arguments[_key3];
       }
 
@@ -8262,12 +8282,13 @@ var LWC = (function (exports) {
     }
 
     var nodesAreCompatible = true;
-    var vnodeClassName;
+    var readableVnodeClassname;
+    var elmClassName = getProperty(elm, 'className');
 
-    if (!isUndefined$1(className) && String(className) !== getProperty(elm, 'className')) {
+    if (!isUndefined$1(className) && String(className) !== elmClassName) {
       // className is used when class is bound to an expr.
       nodesAreCompatible = false;
-      vnodeClassName = className;
+      readableVnodeClassname = className;
     } else if (!isUndefined$1(classMap)) {
       // classMap is used when class is set to static value.
       var classList = getClassList(elm);
@@ -8281,16 +8302,20 @@ var LWC = (function (exports) {
         }
       }
 
-      vnodeClassName = computedClassName.trim();
+      readableVnodeClassname = computedClassName.trim();
 
       if (classList.length > keys(classMap).length) {
         nodesAreCompatible = false;
       }
+    } else if (isUndefined$1(className) && elmClassName !== '') {
+      // SSR contains a className but client-side VDOM does not
+      nodesAreCompatible = false;
+      readableVnodeClassname = '';
     }
 
     if (!nodesAreCompatible) {
       if (process.env.NODE_ENV !== 'production') {
-        logError("Mismatch hydrating element <".concat(getProperty(elm, 'tagName').toLowerCase(), ">: attribute \"class\" has different values, expected \"").concat(vnodeClassName, "\" but found \"").concat(getProperty(elm, 'className'), "\""), vnode.owner);
+        logError("Mismatch hydrating element <".concat(getProperty(elm, 'tagName').toLowerCase(), ">: attribute \"class\" has different values, expected \"").concat(readableVnodeClassname, "\" but found \"").concat(elmClassName, "\""), vnode.owner);
       }
     }
 
@@ -8573,7 +8598,7 @@ var LWC = (function (exports) {
 
     return ctor;
   }
-  /* version: 2.28.0 */
+  /* version: 2.29.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -9625,7 +9650,7 @@ var LWC = (function (exports) {
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.28.0 */
+      /** version: 2.29.0 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -10292,7 +10317,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.28.0 */
+  /* version: 2.29.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;