lwc 2.42.0 → 2.43.0

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

@@ -351,9 +351,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
-    var LWC_VERSION = "2.42.0";
+    var LWC_VERSION = "2.43.0";
     var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-    /** version: 2.42.0 */
+    /** version: 2.43.0 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -433,7 +433,7 @@
         setFeatureFlag(name, value);
       }
     }
-    /** version: 2.42.0 */
+    /** version: 2.43.0 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -497,7 +497,7 @@
         }
       }
     }
-    /** version: 2.42.0 */
+    /** version: 2.43.0 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -4048,6 +4048,15 @@
             // the stylesheet, while internally, we have a replacement for it.
             stylesheet = getStyleOrSwappedStyle(stylesheet);
           }
+          // Check that this stylesheet was generated by our compiler
+          if (!isStylesheetRegistered(stylesheet)) {
+            if (process.env.NODE_ENV !== 'production') {
+              logWarnOnce("TypeError: Unexpected LWC stylesheet content found for component <".concat(vm.tagName.toLowerCase(), ">."));
+            }
+            report("UnexpectedStylesheetContent" /* ReportingEventId.UnexpectedStylesheetContent */, {
+              tagName: vm.tagName.toLowerCase()
+            });
+          }
           var isScopedCss = stylesheet[KEY__SCOPED_CSS];
           if (lwcRuntimeFlags.DISABLE_LIGHT_DOM_UNSCOPED_CSS && !isScopedCss && vm.renderMode === 0 /* RenderMode.Light */) {
             logError('Unscoped CSS is not supported in Light DOM. Please use scoped CSS (*.scoped.css) instead of unscoped CSS (*.css).');
@@ -4162,6 +4171,18 @@
       }
       return null;
     }
+    var signedStylesheetSet = new Set();
+    /**
+     * INTERNAL: This function can only be invoked by compiled code. The compiler
+     * will prevent this function from being imported by userland code.
+     */
+    function registerStylesheet(stylesheet) {
+      signedStylesheetSet.add(stylesheet);
+      return stylesheet;
+    }
+    function isStylesheetRegistered(stylesheet) {
+      return signedStylesheetSet.has(stylesheet);
+    }
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -5860,19 +5881,12 @@
     function setVMBeingRendered(vm) {
       vmBeingRendered = vm;
     }
-    function validateSlots(vm, html) {
+    function validateSlots(vm) {
       assertNotProd(); // this method should never leak to prod
       var cmpSlots = vm.cmpSlots;
-      var _html$slots = html.slots,
-        slots = _html$slots === void 0 ? EmptyArray : _html$slots;
       for (var slotName in cmpSlots.slotAssignments) {
         // eslint-disable-next-line @lwc/lwc-internal/no-production-assert
         assert.isTrue(isArray$1(cmpSlots.slotAssignments[slotName]), "Slots can only be set to an array, instead received ".concat(toString$1(cmpSlots.slotAssignments[slotName]), " for slot \"").concat(slotName, "\" in ").concat(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
-          logError("Ignoring unknown provided slot name \"".concat(slotName, "\" in ").concat(vm, ". Check for a typo on the slot attribute."), vm);
-        }
       }
     }
     function validateLightDomTemplate(template, vm) {
@@ -6005,7 +6019,7 @@
           }
           if (process.env.NODE_ENV !== 'production') {
             // validating slots in every rendering since the allocated content might change over time
-            validateSlots(vm, html);
+            validateSlots(vm);
             // add the VM to the list of host VMs that can be re-rendered if html is swapped
             setActiveVM(vm);
           }
@@ -7008,7 +7022,7 @@
       if (!isLightningElement(elm)) {
         var vm = findVM(elm);
         if (process.env.NODE_ENV !== 'production') {
-          logWarnOnce("Element <".concat(elm.tagName.toLowerCase(), "> ") + (isUndefined$1(vm) ? '' : "owned by <".concat(vm.elm.tagName.toLowerCase(), "> ")) + "uses non-standard property \"".concat(prop, "\". This will be removed in a future version of LWC. ") + "See https://sfdc.co/deprecated-aria");
+          logWarnOnce("Element <".concat(elm.tagName.toLowerCase(), "> ") + (isUndefined$1(vm) ? '' : "owned by <".concat(vm.tagName.toLowerCase(), "> ")) + "uses non-standard property \"".concat(prop, "\". This will be removed in a future version of LWC. ") + "See https://sfdc.co/deprecated-aria");
         }
         var setValueType;
         if (isSetter) {
@@ -7396,7 +7410,8 @@
       var className = data.className,
         classMap = data.classMap;
       var getProperty = renderer.getProperty,
-        getClassList = renderer.getClassList;
+        getClassList = renderer.getClassList,
+        getAttribute = renderer.getAttribute;
       var scopedToken = getScopeTokenClass(owner);
       var stylesheetTokenHost = isVCustomElement(vnode) ? getStylesheetTokenHost(vnode) : null;
       // Classnames for scoped CSS are added directly to the DOM during rendering,
@@ -7428,11 +7443,12 @@
       }
       var nodesAreCompatible = true;
       var readableVnodeClassname;
-      var elmClassName = getProperty(elm, 'className');
+      var elmClassName = getAttribute(elm, 'class');
       if (!isUndefined$1(className) && String(className) !== elmClassName) {
         // className is used when class is bound to an expr.
         nodesAreCompatible = false;
-        readableVnodeClassname = className;
+        // stringify for pretty-printing
+        readableVnodeClassname = JSON.stringify(className);
       } else if (!isUndefined$1(classMap)) {
         // classMap is used when class is set to static value.
         var classList = getClassList(elm);
@@ -7444,18 +7460,19 @@
             nodesAreCompatible = false;
           }
         }
-        readableVnodeClassname = computedClassName.trim();
+        // stringify for pretty-printing
+        readableVnodeClassname = JSON.stringify(computedClassName.trim());
         if (classList.length > keys(classMap).length) {
           nodesAreCompatible = false;
         }
-      } else if (isUndefined$1(className) && elmClassName !== '') {
+      } else if (isUndefined$1(className) && !isNull(elmClassName)) {
         // SSR contains a className but client-side VDOM does not
         nodesAreCompatible = false;
-        readableVnodeClassname = '';
+        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(readableVnodeClassname, "\" but found \"").concat(elmClassName, "\""), vnode.owner);
+          logError("Mismatch hydrating element <".concat(getProperty(elm, 'tagName').toLowerCase(), ">: attribute \"class\" has different values, expected ").concat(readableVnodeClassname, " but found ").concat(JSON.stringify(elmClassName)), vnode.owner);
         }
       }
       return nodesAreCompatible;
@@ -7825,7 +7842,7 @@
       }
       return getReadOnlyProxy(obj);
     }
-    /* version: 2.42.0 */
+    /* version: 2.43.0 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -8251,7 +8268,7 @@
         function isNull(obj) {
           return obj === null;
         }
-        /** version: 2.42.0 */
+        /** version: 2.43.0 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -8893,7 +8910,7 @@
         });
       });
     }
-    /* version: 2.42.0 */
+    /* version: 2.43.0 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;
@@ -8914,6 +8931,7 @@
     exports.register = register;
     exports.registerComponent = registerComponent;
     exports.registerDecorators = registerDecorators;
+    exports.registerStylesheet = registerStylesheet;
     exports.registerTemplate = registerTemplate;
     exports.renderer = renderer;
     exports.rendererFactory = rendererFactory;