lwc 2.27.0 → 2.28.1

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

@@ -135,6 +135,7 @@
       ArrayReverse = _Array$prototype.reverse,
       ArrayShift = _Array$prototype.shift,
       ArraySlice = _Array$prototype.slice,
+      ArraySome = _Array$prototype.some,
       ArraySort = _Array$prototype.sort,
       ArraySplice = _Array$prototype.splice,
       ArrayUnshift = _Array$prototype.unshift,
@@ -370,9 +371,9 @@
   // Increment whenever the LWC template compiler changes
 
 
-  var LWC_VERSION = "2.27.0";
+  var LWC_VERSION = "2.28.1";
   var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.27.0 */
+  /** version: 2.28.1 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -466,7 +467,7 @@
       patch$1(propName);
     }
   }
-  /** version: 2.27.0 */
+  /** version: 2.28.1 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -560,7 +561,7 @@
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.27.0 */
+  /** version: 2.28.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4519,6 +4520,12 @@
     ;
   }
 
+  function isVFragment(vnode) {
+    return vnode.type === 5
+    /* VNodeType.Fragment */
+    ;
+  }
+
   function isVScopedSlotFragment(vnode) {
     return vnode.type === 6
     /* VNodeType.ScopedSlotFragment */
@@ -5082,9 +5089,14 @@
       if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
         disconnectRootElement(elm);
       }
-    };
+    }; // Should never get a tag with upper case letter at this point; the compiler
+    // should produce only tags with lowercase letters. However, the Java
+    // compiler may generate tagnames with uppercase letters so - for backwards
+    // compatibility, we lower case the tagname here.
+
 
-    var elm = createCustomElement(sel, upgradeCallback, connectedCallback, disconnectedCallback);
+    var normalizedTagname = sel.toLowerCase();
+    var elm = createCustomElement(normalizedTagname, upgradeCallback, connectedCallback, disconnectedCallback);
     vnode.elm = elm;
     vnode.vm = vm;
     linkNodeToShadow(elm, owner, renderer);
@@ -5372,6 +5384,19 @@
     var renderMode = vm.renderMode,
         shadowMode = vm.shadowMode;
 
+    if (process.env.NODE_ENV !== 'production') {
+      // If any of the children being allocated is a scoped slot fragment, make sure the receiving
+      // component is a light DOM component. This is mainly to validate light dom parent running
+      // in native shadow mode.
+      if (renderMode !== 0
+      /* RenderMode.Light */
+      && ArraySome.call(children, function (child) {
+        return !isNull(child) && isVScopedSlotFragment(child);
+      })) {
+        logError("Invalid usage of 'lwc:slot-data' on ".concat(getComponentTag(vm), " tag. Scoped slot content can only be passed to a light dom child."));
+      }
+    }
+
     if (shadowMode === 1
     /* ShadowMode.Synthetic */
     || renderMode === 0
@@ -5411,22 +5436,26 @@
 
     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 = '';
@@ -5440,6 +5469,16 @@
       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
@@ -5451,7 +5490,7 @@
         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) {
@@ -5460,10 +5499,10 @@
         }
 
         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;
           }
@@ -5780,27 +5819,45 @@
     }
 
     if (!isUndefined$1(slotset) && !isUndefined$1(slotset.slotAssignments) && !isUndefined$1(slotset.slotAssignments[slotName]) && slotset.slotAssignments[slotName].length !== 0) {
-      children = slotset.slotAssignments[slotName].reduce(function (acc, vnode) {
-        // If the passed slot content is factory, evaluate it and use the produced vnodes
-        if (vnode && isVScopedSlotFragment(vnode)) {
-          var vmBeingRenderedInception = getVMBeingRendered();
-          var _children = []; // Evaluate in the scope of the slot content's owner
-          // if a slotset is provided, there will always be an owner. The only case where owner is
-          // undefined is for root components, but root components cannot accept slotted content
-
-          setVMBeingRendered(slotset.owner);
-
-          try {
-            _children = vnode.factory(data.slotData);
-          } finally {
-            setVMBeingRendered(vmBeingRenderedInception);
-          }
+      children = slotset.slotAssignments[slotName].reduce(function (accumulator, vnode) {
+        if (vnode) {
+          var assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode); // The only sniff test for a scoped <slot> element is the presence of `slotData`
 
-          return ArrayConcat$1.call(acc, _children);
-        } else {
-          // If the slot content is a static list of child nodes provided by the parent, nothing to do
-          return ArrayConcat$1.call(acc, vnode);
+          var isScopedSlotElement = !isUndefined$1(data.slotData); // Check if slot types of parent and child are matching
+
+          if (assignedNodeIsScopedSlot !== isScopedSlotElement) {
+            if (process.env.NODE_ENV !== 'production') {
+              logError("Mismatched slot types for ".concat(slotName === '' ? '(default)' : slotName, " slot. Both parent and child component must use standard type or scoped type for a given slot."), slotset.owner);
+            } // Ignore slot content from parent
+
+
+            return accumulator;
+          } // If the passed slot content is factory, evaluate it and add the produced vnodes
+
+
+          if (assignedNodeIsScopedSlot) {
+            var vmBeingRenderedInception = getVMBeingRendered();
+            var scopedSlotChildren = []; // Evaluate in the scope of the slot content's owner
+            // if a slotset is provided, there will always be an owner. The only case where owner is
+            // undefined is for root components, but root components cannot accept slotted content
+
+            setVMBeingRendered(slotset.owner);
+
+            try {
+              scopedSlotChildren = vnode.factory(data.slotData);
+            } finally {
+              setVMBeingRendered(vmBeingRenderedInception);
+            }
+
+            return ArrayConcat$1.call(accumulator, scopedSlotChildren);
+          } else {
+            // If the slot content is standard type, the content is static, no additional
+            // processing needed on the vnode
+            return ArrayConcat$1.call(accumulator, vnode);
+          }
         }
+
+        return accumulator;
       }, []);
     }
 
@@ -6384,7 +6441,7 @@
 
   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];
       }
 
@@ -8228,12 +8285,13 @@
     }
 
     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);
@@ -8247,16 +8305,20 @@
         }
       }
 
-      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);
       }
     }
 
@@ -8539,7 +8601,7 @@
 
     return ctor;
   }
-  /* version: 2.27.0 */
+  /* version: 2.28.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8874,10 +8936,12 @@
     var pendingRegistryForElement = new WeakMap();
     var definitionForConstructor = new WeakMap();
     var registeredUserCtors = new WeakSet();
+    var registeredPivotCtors = new WeakSet();
     var pivotCtorByTag = new Map();
     var globalDefinitionsByTag = new Map();
     var globalDefinitionsByClass = new Map();
     var awaitingUpgrade = new Map();
+    var pendingWhenDefinedCallbacks = new Map();
     var EMPTY_SET = new Set();
 
     function createDefinitionRecord(constructor) {
@@ -9019,6 +9083,7 @@
       }(NativeHTMLElement);
 
       PivotCtor.observedAttributes = _toConsumableArray(registeredDefinition.observedAttributes);
+      registeredPivotCtors.add(PivotCtor);
       return PivotCtor;
     }
 
@@ -9169,6 +9234,43 @@
       }
 
       return createDefinitionRecord(constructor);
+    } // Defer a `whenDefined()` callback until an externally-visible custom element is defined
+
+
+    function createPendingWhenDefinedCallback(tagName) {
+      return new Promise(function (resolve) {
+        var resolvers = pendingWhenDefinedCallbacks.get(tagName);
+
+        if (isUndefined$1(resolvers)) {
+          resolvers = [];
+          pendingWhenDefinedCallbacks.set(tagName, resolvers);
+        }
+
+        resolvers.push(resolve);
+      });
+    } // Call any pending `whenDefined()` callbacks
+
+
+    function flushPendingWhenDefinedCallbacks(tagName, ctor) {
+      var resolvers = pendingWhenDefinedCallbacks.get(tagName);
+
+      if (!isUndefined$1(resolvers)) {
+        var _iterator6 = _createForOfIteratorHelper(resolvers),
+            _step6;
+
+        try {
+          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+            var resolver = _step6.value;
+            resolver(ctor);
+          }
+        } catch (err) {
+          _iterator6.e(err);
+        } finally {
+          _iterator6.f();
+        }
+      }
+
+      pendingWhenDefinedCallbacks.delete(tagName);
     }
 
     var _window2 = window,
@@ -9223,12 +9325,12 @@
       if (!isUndefined$1(awaiting)) {
         awaitingUpgrade.delete(tagName);
 
-        var _iterator6 = _createForOfIteratorHelper(awaiting),
-            _step6;
+        var _iterator7 = _createForOfIteratorHelper(awaiting),
+            _step7;
 
         try {
-          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-            var element = _step6.value;
+          for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+            var element = _step7.value;
             var registeredDefinition = pendingRegistryForElement.get(element); // At this point, registeredDefinition should never be undefined because awaitingUpgrade
             // is only populated when we haven't run internalUpgrade yet, and we only populate
             // pendingRegistryForElement when internalUpgrade hasn't run yet.
@@ -9240,11 +9342,14 @@
             }
           }
         } catch (err) {
-          _iterator6.e(err);
+          _iterator7.e(err);
         } finally {
-          _iterator6.f();
+          _iterator7.f();
         }
-      }
+      } // If anyone called customElements.whenDefined() and is still waiting for a promise resolution, resolve now
+
+
+      flushPendingWhenDefinedCallbacks(tagName, constructor);
     };
 
     CustomElementRegistry.prototype.get = function get(tagName) {
@@ -9255,10 +9360,13 @@
 
         if (!isUndefined$1(definition)) {
           return definition.UserCtor; // defined by the patched custom elements registry
-        } // TODO [#3073]: return undefined rather than the pivot constructor (NativeCtor)
+        }
 
+        if (registeredPivotCtors.has(NativeCtor)) {
+          return undefined; // pivot constructors should not be observable, return undefined
+        }
 
-        return NativeCtor; // return the pivot constructor or constructor that existed before patching
+        return NativeCtor; // constructor that existed before patching
       }
     };
 
@@ -9268,15 +9376,20 @@
 
         if (!isUndefined$1(definition)) {
           return definition.UserCtor;
-        } // TODO [#3073]: return undefined rather than the pivot constructor (NativeCtor)
-        // In this case, the custom element must have been defined before the registry patches
+        } // In this case, the custom element must have been defined before the registry patches
         // were applied. So return the non-pivot constructor
 
 
         if (isUndefined$1(NativeCtor)) {
           // Chromium bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1335247
           // We can patch the correct behavior using customElements.get()
-          return nativeGet.call(nativeRegistry, tagName);
+          NativeCtor = nativeGet.call(nativeRegistry, tagName);
+        }
+
+        if (registeredPivotCtors.has(NativeCtor)) {
+          // Pivot constructors should not be observable. Wait to resolve the promise
+          // if a constructor is ever defined in userland
+          return createPendingWhenDefinedCallback(tagName);
         }
 
         return NativeCtor;
@@ -9540,7 +9653,7 @@
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.27.0 */
+      /** version: 2.28.1 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -9608,18 +9721,18 @@
           var wrapperTags = topLevelWrappingMap[getTagName(html)];
 
           if (!isUndefined(wrapperTags)) {
-            var _iterator7 = _createForOfIteratorHelper(wrapperTags),
-                _step7;
+            var _iterator8 = _createForOfIteratorHelper(wrapperTags),
+                _step8;
 
             try {
-              for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-                var wrapperTag = _step7.value;
+              for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+                var wrapperTag = _step8.value;
                 html = "<".concat(wrapperTag, ">").concat(html, "</").concat(wrapperTag, ">");
               }
             } catch (err) {
-              _iterator7.e(err);
+              _iterator8.e(err);
             } finally {
-              _iterator7.f();
+              _iterator8.f();
             }
           } // For IE11, the document title must not be undefined, but it can be an empty string
           // https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/createHTMLDocument#browser_compatibility
@@ -10207,7 +10320,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.27.0 */
+  /* version: 2.28.1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;