lwc 2.42.0 → 2.43.0

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

@@ -353,9 +353,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.42.0";
+    const LWC_VERSION = "2.43.0";
     const 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.
@@ -3759,6 +3759,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 <${vm.tagName.toLowerCase()}>.`);
+                    }
+                    report("UnexpectedStylesheetContent" /* ReportingEventId.UnexpectedStylesheetContent */, {
+                        tagName: vm.tagName.toLowerCase(),
+                    });
+                }
                 const isScopedCss = stylesheet[KEY__SCOPED_CSS];
                 if (lwcRuntimeFlags.DISABLE_LIGHT_DOM_UNSCOPED_CSS &&
                     !isScopedCss &&
@@ -3879,6 +3888,18 @@
         }
         return null;
     }
+    const 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.
@@ -5583,18 +5604,12 @@
     function setVMBeingRendered(vm) {
         vmBeingRendered = vm;
     }
-    function validateSlots(vm, html) {
+    function validateSlots(vm) {
         assertNotProd(); // this method should never leak to prod
         const { cmpSlots } = vm;
-        const { slots = EmptyArray } = html;
         for (const 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 ${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
-                logError(`Ignoring unknown provided slot name "${slotName}" in ${vm}. Check for a typo on the slot attribute.`, vm);
-            }
         }
     }
     function validateLightDomTemplate(template, vm) {
@@ -5713,7 +5728,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);
                 }
@@ -6696,7 +6711,7 @@
             const vm = findVM(elm);
             if (process.env.NODE_ENV !== 'production') {
                 logWarnOnce(`Element <${elm.tagName.toLowerCase()}> ` +
-                    (isUndefined$1(vm) ? '' : `owned by <${vm.elm.tagName.toLowerCase()}> `) +
+                    (isUndefined$1(vm) ? '' : `owned by <${vm.tagName.toLowerCase()}> `) +
                     `uses non-standard property "${prop}". This will be removed in a future version of LWC. ` +
                     `See https://sfdc.co/deprecated-aria`);
             }
@@ -7065,7 +7080,7 @@
     function validateClassAttr(vnode, elm, renderer) {
         const { data, owner } = vnode;
         let { className, classMap } = data;
-        const { getProperty, getClassList } = renderer;
+        const { getProperty, getClassList, getAttribute } = renderer;
         const scopedToken = getScopeTokenClass(owner);
         const stylesheetTokenHost = isVCustomElement(vnode) ? getStylesheetTokenHost(vnode) : null;
         // Classnames for scoped CSS are added directly to the DOM during rendering,
@@ -7095,11 +7110,12 @@
         }
         let nodesAreCompatible = true;
         let readableVnodeClassname;
-        const elmClassName = getProperty(elm, 'className');
+        const 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.
@@ -7112,19 +7128,20 @@
                     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 <${getProperty(elm, 'tagName').toLowerCase()}>: attribute "class" has different values, expected "${readableVnodeClassname}" but found "${elmClassName}"`, vnode.owner);
+                logError(`Mismatch hydrating element <${getProperty(elm, 'tagName').toLowerCase()}>: attribute "class" has different values, expected ${readableVnodeClassname} but found ${JSON.stringify(elmClassName)}`, vnode.owner);
             }
         }
         return nodesAreCompatible;
@@ -7470,7 +7487,7 @@
         }
         return getReadOnlyProxy(obj);
     }
-    /* version: 2.42.0 */
+    /* version: 2.43.0 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -7898,7 +7915,7 @@
         function isNull(obj) {
             return obj === null;
         }
-        /** version: 2.42.0 */
+        /** version: 2.43.0 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -8517,7 +8534,7 @@
             });
         }));
     }
-    /* version: 2.42.0 */
+    /* version: 2.43.0 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;
@@ -8538,6 +8555,7 @@
     exports.register = register;
     exports.registerComponent = registerComponent;
     exports.registerDecorators = registerDecorators;
+    exports.registerStylesheet = registerStylesheet;
     exports.registerTemplate = registerTemplate;
     exports.renderer = renderer;
     exports.rendererFactory = rendererFactory;