lwc 2.26.2 → 2.28.0

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

@@ -123,6 +123,7 @@
       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,
@@ -350,7 +351,7 @@
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.26.2 */
+  /** version: 2.28.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -444,7 +445,7 @@
       patch$1(propName);
     }
   }
-  /** version: 2.26.2 */
+  /** version: 2.28.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -3297,6 +3298,12 @@
     /* VNodeType.CustomElement */
     ;
   }
+
+  function isVScopedSlotFragment(vnode) {
+    return vnode.type === 6
+    /* VNodeType.ScopedSlotFragment */
+    ;
+  }
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -4081,7 +4088,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!
 
@@ -4111,11 +4118,15 @@
     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];
@@ -4127,19 +4138,21 @@
       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;
       }
@@ -4147,15 +4160,15 @@
       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;
@@ -4354,6 +4367,21 @@
 
   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
 
 
@@ -4424,8 +4452,44 @@
 
   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 (accumulator, vnode) {
+        if (vnode) {
+          var assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode); // The only sniff test for a scoped <slot> element is the presence of `slotData`
+
+          var isScopedSlotElement = !isUndefined$1(data.slotData); // Check if slot types of parent and child are matching
+
+          if (assignedNodeIsScopedSlot !== isScopedSlotElement) {
+
+
+            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;
+      }, []);
     }
 
     var vmBeingRendered = getVMBeingRendered();
@@ -4742,7 +4806,8 @@
     st: st,
     gid: gid,
     fid: fid,
-    shc: shc
+    shc: shc,
+    ssf: ssf
   });
   /** Indicates if operations should be logged by the profiler. */
 
@@ -5353,7 +5418,9 @@
       velements: EmptyArray,
       cmpProps: create(null),
       cmpFields: create(null),
-      cmpSlots: create(null),
+      cmpSlots: {
+        slotAssignments: create(null)
+      },
       oar: create(null),
       cmpTemplate: null,
       hydrated: Boolean(hydrated),
@@ -6669,7 +6736,7 @@
 
     return ctor;
   }
-  /* version: 2.26.2 */
+  /* version: 2.28.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -6995,10 +7062,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) {
@@ -7140,6 +7209,7 @@
       }(NativeHTMLElement);
 
       PivotCtor.observedAttributes = _toConsumableArray(registeredDefinition.observedAttributes);
+      registeredPivotCtors.add(PivotCtor);
       return PivotCtor;
     }
 
@@ -7290,6 +7360,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,
@@ -7344,12 +7451,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.
@@ -7361,11 +7468,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) {
@@ -7376,10 +7486,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
       }
     };
 
@@ -7389,15 +7502,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;
@@ -7661,7 +7779,7 @@
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.26.2 */
+      /** version: 2.28.0 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -7729,18 +7847,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
@@ -8321,7 +8439,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.26.2 */
+  /* version: 2.28.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;

package/dist/engine-server/commonjs/es2017/engine-server.js

@@ -47,7 +47,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, some: ArraySome, 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) {
@@ -436,9 +436,9 @@ function htmlEscape(str, attrMode = false) {
  * 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.2";
+const LWC_VERSION = "2.28.0";
 const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-/** version: 2.26.2 */
+/** version: 2.28.0 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -550,7 +550,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.26.2 */
+/** version: 2.28.0 */
 
 /* proxy-compat-disable */
 
@@ -3441,6 +3441,9 @@ function isVBaseElement(vnode) {
 function isSameVnode(vnode1, vnode2) {
     return vnode1.key === vnode2.key && vnode1.sel === vnode2.sel;
 }
+function isVScopedSlotFragment(vnode) {
+    return vnode.type === 6 /* VNodeType.ScopedSlotFragment */;
+}
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -4258,13 +4261,24 @@ function allocateChildren(vnode, vm) {
     shadowMode
   } = vm;
 
+  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, child => !isNull(child) && isVScopedSlotFragment(child))) {
+      logError(`Invalid usage of 'lwc:slot-data' on ${getComponentTag(vm)} tag. Scoped slot content can only be passed to a light dom child.`);
+    }
+  }
+
   if (shadowMode === 1
   /* ShadowMode.Synthetic */
   || renderMode === 0
   /* 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!
 
@@ -4300,13 +4314,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];
@@ -4318,19 +4338,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;
     }
@@ -4338,15 +4360,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;
@@ -4546,6 +4568,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 {
@@ -4629,9 +4663,46 @@ 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((accumulator, vnode) => {
+            if (vnode) {
+                const assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode);
+                // The only sniff test for a scoped <slot> element is the presence of `slotData`
+                const 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 ${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) {
+                    const vmBeingRenderedInception = getVMBeingRendered();
+                    let 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;
+        }, []);
     }
     const vmBeingRendered = getVMBeingRendered();
     const { renderMode, shadowMode } = vmBeingRendered;
@@ -4951,6 +5022,7 @@ const api = freeze({
     gid,
     fid,
     shc,
+    ssf,
 });
 
 /*
@@ -5053,9 +5125,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
@@ -5541,7 +5613,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),
@@ -6413,7 +6487,7 @@ function freezeTemplate(tmpl) {
         });
     }
 }
-/* version: 2.26.2 */
+/* version: 2.28.0 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -6878,7 +6952,7 @@ function renderComponent(tagName, Ctor, props = {}) {
  */
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.26.2 */
+/* version: 2.28.0 */
 
 exports.LightningElement = LightningElement;
 exports.api = api$1;