lwc 2.26.0 → 2.27.0

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

@@ -43,7 +43,7 @@ var assert = /*#__PURE__*/Object.freeze({
  */
 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) {
@@ -299,9 +299,9 @@ function htmlPropertyToAttribute(propName) {
  * 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.
@@ -383,7 +383,7 @@ for (let i = 0, len = ElementPrototypeAriaPropertyNames.length; i < len; i += 1)
         patch$1(propName);
     }
 }
-/** version: 2.26.0 */
+/** version: 2.27.0 */
 
 /**
  * Copyright (C) 2018 salesforce.com, inc.
@@ -463,7 +463,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.26.0 */
+/** version: 2.27.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -3686,6 +3686,9 @@ function isSameVnode(vnode1, vnode2) {
 function isVCustomElement(vnode) {
     return vnode.type === 3 /* VNodeType.CustomElement */;
 }
+function isVScopedSlotFragment(vnode) {
+    return vnode.type === 6 /* VNodeType.ScopedSlotFragment */;
+}
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -4520,7 +4523,7 @@ function allocateChildren(vnode, vm) {
   /* 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!
 
@@ -4556,13 +4559,19 @@ function createViewModelHook(elm, vnode, renderer) {
   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];
@@ -4574,19 +4583,21 @@ function allocateInSlot(vm, children) {
     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;
     }
@@ -4594,15 +4605,15 @@ function allocateInSlot(vm, children) {
     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;
@@ -4802,6 +4813,18 @@ const SymbolIterator = Symbol.iterator;
 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 {
@@ -4885,9 +4908,31 @@ function s(slotName, data, children, slotset) {
         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;
@@ -5207,6 +5252,7 @@ const api = freeze({
     gid,
     fid,
     shc,
+    ssf,
 });
 
 /*
@@ -5343,9 +5389,9 @@ function validateSlots(vm, html) {
     }
     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
@@ -5842,7 +5888,9 @@ function createVM(elm, ctor, renderer, options) {
     velements: EmptyArray,
     cmpProps: create(null),
     cmpFields: create(null),
-    cmpSlots: create(null),
+    cmpSlots: {
+      slotAssignments: create(null)
+    },
     oar: create(null),
     cmpTemplate: null,
     hydrated: Boolean(hydrated),
@@ -7251,7 +7299,7 @@ function getComponentConstructor(elm) {
     }
     return ctor;
 }
-/* version: 2.26.0 */
+/* version: 2.27.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -8075,7 +8123,7 @@ function rendererFactory(baseRenderer) {
     function isNull(obj) {
         return obj === null;
     }
-    /** version: 2.26.0 */
+    /** version: 2.27.0 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -8654,6 +8702,6 @@ defineProperty(LightningElement, 'CustomElementConstructor', {
 });
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.26.0 */
+/* version: 2.27.0 */
 
 export { LightningElement, profilerControl as __unstable__ProfilerControl, api$1 as api, deprecatedBuildCustomElementConstructor as buildCustomElementConstructor, createContextProvider, createElement, freezeTemplate, getComponentConstructor, getComponentDef, hydrateComponent, isComponentConstructor, isNodeShadowed as isNodeFromTemplate, parseFragment, parseSVGFragment, readonly, register, registerComponent, registerDecorators, registerTemplate, renderer, rendererFactory, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };

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

@@ -46,7 +46,7 @@ var LWC = (function (exports) {
    */
   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) {
@@ -302,9 +302,9 @@ var LWC = (function (exports) {
    * 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.
@@ -386,7 +386,7 @@ var LWC = (function (exports) {
           patch$1(propName);
       }
   }
-  /** version: 2.26.0 */
+  /** version: 2.27.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -466,7 +466,7 @@ var LWC = (function (exports) {
           setFeatureFlag(name, value);
       }
   }
-  /** version: 2.26.0 */
+  /** version: 2.27.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -3689,6 +3689,9 @@ var LWC = (function (exports) {
   function isVCustomElement(vnode) {
       return vnode.type === 3 /* VNodeType.CustomElement */;
   }
+  function isVScopedSlotFragment(vnode) {
+      return vnode.type === 6 /* VNodeType.ScopedSlotFragment */;
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4523,7 +4526,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!
 
@@ -4559,13 +4562,19 @@ var LWC = (function (exports) {
     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];
@@ -4577,19 +4586,21 @@ var LWC = (function (exports) {
       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;
       }
@@ -4597,15 +4608,15 @@ var LWC = (function (exports) {
       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;
@@ -4805,6 +4816,18 @@ 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,
+          owner: getVMBeingRendered(),
+          elm: undefined,
+          sel: undefined,
+          key: undefined,
+          slotName,
+      };
+  }
   // [st]atic node
   function st(fragment, key) {
       return {
@@ -4888,9 +4911,31 @@ var LWC = (function (exports) {
           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;
@@ -5210,6 +5255,7 @@ var LWC = (function (exports) {
       gid,
       fid,
       shc,
+      ssf,
   });
 
   /*
@@ -5346,9 +5392,9 @@ var LWC = (function (exports) {
       }
       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
@@ -5845,7 +5891,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),
@@ -7254,7 +7302,7 @@ var LWC = (function (exports) {
       }
       return ctor;
   }
-  /* version: 2.26.0 */
+  /* version: 2.27.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8078,7 +8126,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.
@@ -8657,7 +8705,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;