lwc 2.26.0 → 2.27.0

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

@@ -120,6 +120,7 @@ var LWC = (function (exports) {
       setPrototypeOf = Object.setPrototypeOf;
   var isArray$1 = Array.isArray;
   var _Array$prototype = Array.prototype,
+      ArrayConcat$1 = _Array$prototype.concat,
       ArrayFilter = _Array$prototype.filter,
       ArrayIndexOf = _Array$prototype.indexOf,
       ArrayJoin = _Array$prototype.join,
@@ -347,7 +348,7 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.26.0 */
+  /** version: 2.27.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -441,7 +442,7 @@ var LWC = (function (exports) {
       patch$1(propName);
     }
   }
-  /** version: 2.26.0 */
+  /** version: 2.27.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -3294,6 +3295,12 @@ var LWC = (function (exports) {
     /* VNodeType.CustomElement */
     ;
   }
+
+  function isVScopedSlotFragment(vnode) {
+    return vnode.type === 6
+    /* VNodeType.ScopedSlotFragment */
+    ;
+  }
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -4073,7 +4080,7 @@ var LWC = (function (exports) {
     /* RenderMode.Light */
     ) {
       // slow path
-      allocateInSlot(vm, children); // save the allocated children in case this vnode is reused.
+      allocateInSlot(vm, children, vnode.owner); // save the allocated children in case this vnode is reused.
 
       vnode.aChildren = children; // every child vnode is now allocated, and the host should receive none directly, it receives them via the shadow!
 
@@ -4103,11 +4110,15 @@ var LWC = (function (exports) {
     return vm;
   }
 
-  function allocateInSlot(vm, children) {
-    var _a;
+  function allocateInSlot(vm, children, owner) {
+    var _a, _b;
 
-    var oldSlots = vm.cmpSlots;
-    var cmpSlots = vm.cmpSlots = create(null);
+    var oldSlotsMapping = vm.cmpSlots.slotAssignments;
+    var cmpSlotsMapping = create(null);
+    vm.cmpSlots = {
+      owner: owner,
+      slotAssignments: cmpSlotsMapping
+    };
 
     for (var _i15 = 0, len = children.length; _i15 < len; _i15 += 1) {
       var vnode = children[_i15];
@@ -4119,19 +4130,21 @@ var LWC = (function (exports) {
       var slotName = '';
 
       if (isVBaseElement(vnode)) {
-        slotName = ((_a = vnode.data.attrs) === null || _a === void 0 ? void 0 : _a.slot) || '';
+        slotName = (_b = (_a = vnode.data.attrs) === null || _a === void 0 ? void 0 : _a.slot) !== null && _b !== void 0 ? _b : '';
+      } else if (isVScopedSlotFragment(vnode)) {
+        slotName = vnode.slotName;
       }
 
-      var vnodes = cmpSlots[slotName] = cmpSlots[slotName] || [];
+      var vnodes = cmpSlotsMapping[slotName] = cmpSlotsMapping[slotName] || [];
       ArrayPush$1.call(vnodes, vnode);
     }
 
     if (isFalse(vm.isDirty)) {
       // We need to determine if the old allocation is really different from the new one
       // and mark the vm as dirty
-      var oldKeys = keys(oldSlots);
+      var oldKeys = keys(oldSlotsMapping);
 
-      if (oldKeys.length !== keys(cmpSlots).length) {
+      if (oldKeys.length !== keys(cmpSlotsMapping).length) {
         markComponentAsDirty(vm);
         return;
       }
@@ -4139,15 +4152,15 @@ var LWC = (function (exports) {
       for (var _i16 = 0, _len4 = oldKeys.length; _i16 < _len4; _i16 += 1) {
         var key = oldKeys[_i16];
 
-        if (isUndefined$1(cmpSlots[key]) || oldSlots[key].length !== cmpSlots[key].length) {
+        if (isUndefined$1(cmpSlotsMapping[key]) || oldSlotsMapping[key].length !== cmpSlotsMapping[key].length) {
           markComponentAsDirty(vm);
           return;
         }
 
-        var oldVNodes = oldSlots[key];
-        var _vnodes = cmpSlots[key];
+        var oldVNodes = oldSlotsMapping[key];
+        var _vnodes = cmpSlotsMapping[key];
 
-        for (var j = 0, a = cmpSlots[key].length; j < a; j += 1) {
+        for (var j = 0, a = cmpSlotsMapping[key].length; j < a; j += 1) {
           if (oldVNodes[j] !== _vnodes[j]) {
             markComponentAsDirty(vm);
             return;
@@ -4346,6 +4359,21 @@ var LWC = (function (exports) {
 
   function addVNodeToChildLWC(vnode) {
     ArrayPush$1.call(getVMBeingRendered().velements, vnode);
+  } // [s]coped [s]lot [f]actory
+
+
+  function ssf(slotName, factory) {
+    return {
+      type: 6
+      /* VNodeType.ScopedSlotFragment */
+      ,
+      factory: factory,
+      owner: getVMBeingRendered(),
+      elm: undefined,
+      sel: undefined,
+      key: undefined,
+      slotName: slotName
+    };
   } // [st]atic node
 
 
@@ -4416,8 +4444,29 @@ var LWC = (function (exports) {
 
   function s(slotName, data, children, slotset) {
 
-    if (!isUndefined$1(slotset) && !isUndefined$1(slotset[slotName]) && slotset[slotName].length !== 0) {
-      children = slotset[slotName];
+    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);
+          }
+
+          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 vmBeingRendered = getVMBeingRendered();
@@ -4734,7 +4783,8 @@ var LWC = (function (exports) {
     st: st,
     gid: gid,
     fid: fid,
-    shc: shc
+    shc: shc,
+    ssf: ssf
   });
   /** Indicates if operations should be logged by the profiler. */
 
@@ -5345,7 +5395,9 @@ var LWC = (function (exports) {
       velements: EmptyArray,
       cmpProps: create(null),
       cmpFields: create(null),
-      cmpSlots: create(null),
+      cmpSlots: {
+        slotAssignments: create(null)
+      },
       oar: create(null),
       cmpTemplate: null,
       hydrated: Boolean(hydrated),
@@ -6661,7 +6713,7 @@ var LWC = (function (exports) {
 
     return ctor;
   }
-  /* version: 2.26.0 */
+  /* version: 2.27.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7653,7 +7705,7 @@ var LWC = (function (exports) {
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.26.0 */
+      /** version: 2.27.0 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -8313,7 +8365,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.26.0 */
+  /* version: 2.27.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;

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

@@ -49,7 +49,7 @@
    */
   const { assign, create, defineProperties, defineProperty, freeze, getOwnPropertyDescriptor: getOwnPropertyDescriptor$1, getOwnPropertyNames: getOwnPropertyNames$1, getPrototypeOf: getPrototypeOf$1, hasOwnProperty: hasOwnProperty$1, isFrozen, keys, seal, setPrototypeOf, } = Object;
   const { isArray: isArray$1 } = Array;
-  const { copyWithin: ArrayCopyWithin, fill: ArrayFill, filter: ArrayFilter, find: ArrayFind, indexOf: ArrayIndexOf, join: ArrayJoin, map: ArrayMap, pop: ArrayPop, push: ArrayPush$1, reduce: ArrayReduce, reverse: ArrayReverse, shift: ArrayShift, slice: ArraySlice, sort: ArraySort, splice: ArraySplice, unshift: ArrayUnshift, forEach, } = Array.prototype;
+  const { concat: ArrayConcat$1, copyWithin: ArrayCopyWithin, fill: ArrayFill, filter: ArrayFilter, find: ArrayFind, indexOf: ArrayIndexOf, join: ArrayJoin, map: ArrayMap, pop: ArrayPop, push: ArrayPush$1, reduce: ArrayReduce, reverse: ArrayReverse, shift: ArrayShift, slice: ArraySlice, sort: ArraySort, splice: ArraySplice, unshift: ArrayUnshift, forEach, } = Array.prototype;
   const { fromCharCode: StringFromCharCode } = String;
   const { charCodeAt: StringCharCodeAt, replace: StringReplace, slice: StringSlice, toLowerCase: StringToLowerCase, } = String.prototype;
   function isUndefined$1(obj) {
@@ -305,9 +305,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.26.0";
+  const LWC_VERSION = "2.27.0";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.26.0 */
+  /** version: 2.27.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -389,7 +389,7 @@
           patch$1(propName);
       }
   }
-  /** version: 2.26.0 */
+  /** version: 2.27.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -469,7 +469,7 @@
           setFeatureFlag(name, value);
       }
   }
-  /** version: 2.26.0 */
+  /** version: 2.27.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -3692,6 +3692,9 @@
   function isVCustomElement(vnode) {
       return vnode.type === 3 /* VNodeType.CustomElement */;
   }
+  function isVScopedSlotFragment(vnode) {
+      return vnode.type === 6 /* VNodeType.ScopedSlotFragment */;
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4526,7 +4529,7 @@
     /* RenderMode.Light */
     ) {
       // slow path
-      allocateInSlot(vm, children); // save the allocated children in case this vnode is reused.
+      allocateInSlot(vm, children, vnode.owner); // save the allocated children in case this vnode is reused.
 
       vnode.aChildren = children; // every child vnode is now allocated, and the host should receive none directly, it receives them via the shadow!
 
@@ -4562,13 +4565,19 @@
     return vm;
   }
 
-  function allocateInSlot(vm, children) {
-    var _a;
+  function allocateInSlot(vm, children, owner) {
+    var _a, _b;
 
     const {
-      cmpSlots: oldSlots
+      cmpSlots: {
+        slotAssignments: oldSlotsMapping
+      }
     } = vm;
-    const cmpSlots = vm.cmpSlots = create(null);
+    const cmpSlotsMapping = create(null);
+    vm.cmpSlots = {
+      owner,
+      slotAssignments: cmpSlotsMapping
+    };
 
     for (let i = 0, len = children.length; i < len; i += 1) {
       const vnode = children[i];
@@ -4580,19 +4589,21 @@
       let slotName = '';
 
       if (isVBaseElement(vnode)) {
-        slotName = ((_a = vnode.data.attrs) === null || _a === void 0 ? void 0 : _a.slot) || '';
+        slotName = (_b = (_a = vnode.data.attrs) === null || _a === void 0 ? void 0 : _a.slot) !== null && _b !== void 0 ? _b : '';
+      } else if (isVScopedSlotFragment(vnode)) {
+        slotName = vnode.slotName;
       }
 
-      const vnodes = cmpSlots[slotName] = cmpSlots[slotName] || [];
+      const vnodes = cmpSlotsMapping[slotName] = cmpSlotsMapping[slotName] || [];
       ArrayPush$1.call(vnodes, vnode);
     }
 
     if (isFalse(vm.isDirty)) {
       // We need to determine if the old allocation is really different from the new one
       // and mark the vm as dirty
-      const oldKeys = keys(oldSlots);
+      const oldKeys = keys(oldSlotsMapping);
 
-      if (oldKeys.length !== keys(cmpSlots).length) {
+      if (oldKeys.length !== keys(cmpSlotsMapping).length) {
         markComponentAsDirty(vm);
         return;
       }
@@ -4600,15 +4611,15 @@
       for (let i = 0, len = oldKeys.length; i < len; i += 1) {
         const key = oldKeys[i];
 
-        if (isUndefined$1(cmpSlots[key]) || oldSlots[key].length !== cmpSlots[key].length) {
+        if (isUndefined$1(cmpSlotsMapping[key]) || oldSlotsMapping[key].length !== cmpSlotsMapping[key].length) {
           markComponentAsDirty(vm);
           return;
         }
 
-        const oldVNodes = oldSlots[key];
-        const vnodes = cmpSlots[key];
+        const oldVNodes = oldSlotsMapping[key];
+        const vnodes = cmpSlotsMapping[key];
 
-        for (let j = 0, a = cmpSlots[key].length; j < a; j += 1) {
+        for (let j = 0, a = cmpSlotsMapping[key].length; j < a; j += 1) {
           if (oldVNodes[j] !== vnodes[j]) {
             markComponentAsDirty(vm);
             return;
@@ -4808,6 +4819,18 @@
   function addVNodeToChildLWC(vnode) {
       ArrayPush$1.call(getVMBeingRendered().velements, vnode);
   }
+  // [s]coped [s]lot [f]actory
+  function ssf(slotName, factory) {
+      return {
+          type: 6 /* VNodeType.ScopedSlotFragment */,
+          factory,
+          owner: getVMBeingRendered(),
+          elm: undefined,
+          sel: undefined,
+          key: undefined,
+          slotName,
+      };
+  }
   // [st]atic node
   function st(fragment, key) {
       return {
@@ -4891,9 +4914,31 @@
           assert.isTrue(isArray$1(children), `h() 3rd argument children must be an array.`);
       }
       if (!isUndefined$1(slotset) &&
-          !isUndefined$1(slotset[slotName]) &&
-          slotset[slotName].length !== 0) {
-          children = slotset[slotName];
+          !isUndefined$1(slotset.slotAssignments) &&
+          !isUndefined$1(slotset.slotAssignments[slotName]) &&
+          slotset.slotAssignments[slotName].length !== 0) {
+          children = slotset.slotAssignments[slotName].reduce((acc, vnode) => {
+              // If the passed slot content is factory, evaluate it and use the produced vnodes
+              if (vnode && isVScopedSlotFragment(vnode)) {
+                  const vmBeingRenderedInception = getVMBeingRendered();
+                  let 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);
+                  }
+                  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);
+              }
+          }, []);
       }
       const vmBeingRendered = getVMBeingRendered();
       const { renderMode, shadowMode } = vmBeingRendered;
@@ -5213,6 +5258,7 @@
       gid,
       fid,
       shc,
+      ssf,
   });
 
   /*
@@ -5349,9 +5395,9 @@
       }
       const { cmpSlots } = vm;
       const { slots = EmptyArray } = html;
-      for (const slotName in cmpSlots) {
+      for (const slotName in cmpSlots.slotAssignments) {
           // eslint-disable-next-line @lwc/lwc-internal/no-production-assert
-          assert.isTrue(isArray$1(cmpSlots[slotName]), `Slots can only be set to an array, instead received ${toString$1(cmpSlots[slotName])} for slot "${slotName}" in ${vm}.`);
+          assert.isTrue(isArray$1(cmpSlots.slotAssignments[slotName]), `Slots can only be set to an array, instead received ${toString$1(cmpSlots.slotAssignments[slotName])} for slot "${slotName}" in ${vm}.`);
           if (slotName !== '' && ArrayIndexOf.call(slots, slotName) === -1) {
               // TODO [#1297]: this should never really happen because the compiler should always validate
               // eslint-disable-next-line @lwc/lwc-internal/no-production-assert
@@ -5848,7 +5894,9 @@
       velements: EmptyArray,
       cmpProps: create(null),
       cmpFields: create(null),
-      cmpSlots: create(null),
+      cmpSlots: {
+        slotAssignments: create(null)
+      },
       oar: create(null),
       cmpTemplate: null,
       hydrated: Boolean(hydrated),
@@ -7257,7 +7305,7 @@
       }
       return ctor;
   }
-  /* version: 2.26.0 */
+  /* version: 2.27.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8081,7 +8129,7 @@
       function isNull(obj) {
           return obj === null;
       }
-      /** version: 2.26.0 */
+      /** version: 2.27.0 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -8660,7 +8708,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.26.0 */
+  /* version: 2.27.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;