lwc 2.45.0 → 2.45.2

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

@@ -87,8 +87,10 @@ var LWC = (function (exports) {
     var isArray$1 = Array.isArray;
     var _Array$prototype = Array.prototype,
       ArrayCopyWithin = _Array$prototype.copyWithin,
+      ArrayEvery = _Array$prototype.every,
       ArrayFill = _Array$prototype.fill,
       ArrayFilter = _Array$prototype.filter,
+      ArrayIncludes = _Array$prototype.includes,
       ArrayIndexOf = _Array$prototype.indexOf,
       ArrayJoin = _Array$prototype.join,
       ArrayMap = _Array$prototype.map,
@@ -102,6 +104,15 @@ var LWC = (function (exports) {
       ArraySplice = _Array$prototype.splice,
       ArrayUnshift = _Array$prototype.unshift,
       forEach = _Array$prototype.forEach;
+    // The type of the return value of Array.prototype.every is `this is T[]`. However, once this
+    // Array method is pulled out of the prototype, the function is now referencing `this` where
+    // `this` is meaningless, resulting in a TypeScript compilation error.
+    //
+    // Exposing this helper function is the closest we can get to preserving the usage patterns
+    // of Array.prototype methods used elsewhere in the codebase.
+    function arrayEvery(arr, predicate) {
+      return ArrayEvery.call(arr, predicate);
+    }
     var StringFromCharCode = String.fromCharCode;
     var _String$prototype = String.prototype,
       StringCharCodeAt = _String$prototype.charCodeAt,
@@ -327,9 +338,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
-    var LWC_VERSION = "2.45.0";
+    var LWC_VERSION = "2.45.2";
     var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-    /** version: 2.45.0 */
+    /** version: 2.45.2 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -409,7 +420,7 @@ var LWC = (function (exports) {
         setFeatureFlag(name, value);
       }
     }
-    /** version: 2.45.0 */
+    /** version: 2.45.2 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -473,7 +484,7 @@ var LWC = (function (exports) {
         }
       }
     }
-    /** version: 2.45.0 */
+    /** version: 2.45.2 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -1024,8 +1035,9 @@ var LWC = (function (exports) {
           get: function get() {
             return originalOuterHTMLDescriptor.get.call(this);
           },
-          set: function set(_value) {
-            throw new TypeError("Invalid attempt to set outerHTML on Element.");
+          set: function set(value) {
+            logError("Invalid attempt to set outerHTML on Element.");
+            return originalOuterHTMLDescriptor.set.call(this, value);
           }
         })
       };
@@ -1113,16 +1125,18 @@ var LWC = (function (exports) {
           get: function get() {
             return originalInnerHTMLDescriptor.get.call(this);
           },
-          set: function set(_value) {
-            throw new TypeError("Invalid attempt to set innerHTML on ShadowRoot.");
+          set: function set(value) {
+            logError("Invalid attempt to set innerHTML on ShadowRoot.");
+            return originalInnerHTMLDescriptor.set.call(this, value);
           }
         }),
         textContent: generateAccessorDescriptor({
           get: function get() {
             return originalTextContentDescriptor.get.call(this);
           },
-          set: function set(_value) {
-            throw new TypeError("Invalid attempt to set textContent on ShadowRoot.");
+          set: function set(value) {
+            logError("Invalid attempt to set textContent on ShadowRoot.");
+            return originalTextContentDescriptor.set.call(this, value);
           }
         }),
         addEventListener: generateDataDescriptor({
@@ -1151,24 +1165,27 @@ var LWC = (function (exports) {
           get: function get() {
             return originalInnerHTMLDescriptor.get.call(this);
           },
-          set: function set(_value) {
-            throw new TypeError("Invalid attempt to set innerHTML on HTMLElement.");
+          set: function set(value) {
+            logError("Invalid attempt to set innerHTML on HTMLElement.");
+            return originalInnerHTMLDescriptor.set.call(this, value);
           }
         }),
         outerHTML: generateAccessorDescriptor({
           get: function get() {
             return originalOuterHTMLDescriptor.get.call(this);
           },
-          set: function set(_value) {
-            throw new TypeError("Invalid attempt to set outerHTML on HTMLElement.");
+          set: function set(value) {
+            logError("Invalid attempt to set outerHTML on HTMLElement.");
+            return originalOuterHTMLDescriptor.set.call(this, value);
           }
         }),
         textContent: generateAccessorDescriptor({
           get: function get() {
             return originalTextContentDescriptor.get.call(this);
           },
-          set: function set(_value) {
-            throw new TypeError("Invalid attempt to set textContent on HTMLElement.");
+          set: function set(value) {
+            logError("Invalid attempt to set textContent on HTMLElement.");
+            return originalTextContentDescriptor.set.call(this, value);
           }
         }),
         addEventListener: generateDataDescriptor({
@@ -1184,19 +1201,6 @@ var LWC = (function (exports) {
         })
       };
     }
-    function getComponentRestrictionsDescriptors() {
-      assertNotProd(); // this method should never leak to prod
-      return {
-        tagName: generateAccessorDescriptor({
-          get: function get() {
-            throw new Error("Usage of property `tagName` is disallowed because the component itself does" + " not know which tagName will be used to create the element, therefore writing" + " code that check for that value is error prone.");
-          },
-          configurable: true,
-          enumerable: false // no enumerable properties on component
-        })
-      };
-    }
-
     function getLightningElementPrototypeRestrictionsDescriptors(proto) {
       assertNotProd(); // this method should never leak to prod
       var originalDispatchEvent = proto.dispatchEvent;
@@ -1227,9 +1231,6 @@ var LWC = (function (exports) {
       var elmProto = getPrototypeOf$1(elm);
       setPrototypeOf(elm, create(elmProto, restrictionsDescriptors));
     }
-    function patchComponentWithRestrictions(cmp) {
-      defineProperties(cmp, getComponentRestrictionsDescriptors());
-    }
     function patchLightningElementPrototypeWithRestrictions(proto) {
       defineProperties(proto, getLightningElementPrototypeRestrictionsDescriptors(proto));
     }
@@ -1958,16 +1959,10 @@ var LWC = (function (exports) {
         enumerable = descriptor.enumerable,
         configurable = descriptor.configurable;
       if (!isFunction$1(_get)) {
-        if (process.env.NODE_ENV !== 'production') {
-          assert.fail("Detected invalid public property descriptor for HTMLElement.prototype.".concat(propName, " definition. Missing the standard getter."));
-        }
-        throw new TypeError();
+        throw new TypeError("Detected invalid public property descriptor for HTMLElement.prototype.".concat(propName, " definition. Missing the standard getter."));
       }
       if (!isFunction$1(_set)) {
-        if (process.env.NODE_ENV !== 'production') {
-          assert.fail("Detected invalid public property descriptor for HTMLElement.prototype.".concat(propName, " definition. Missing the standard setter."));
-        }
-        throw new TypeError();
+        throw new TypeError("Detected invalid public property descriptor for HTMLElement.prototype.".concat(propName, " definition. Missing the standard setter."));
       }
       return {
         enumerable: enumerable,
@@ -1987,10 +1982,18 @@ var LWC = (function (exports) {
           var vm = getAssociatedVM(this);
           if (process.env.NODE_ENV !== 'production') {
             var _vmBeingRendered = getVMBeingRendered();
-            assert.invariant(!isInvokingRender, "".concat(_vmBeingRendered, ".render() method has side effects on the state of ").concat(vm, ".").concat(propName));
-            assert.invariant(!isUpdatingTemplate, "When updating the template of ".concat(_vmBeingRendered, ", one of the accessors used by the template has side effects on the state of ").concat(vm, ".").concat(propName));
-            assert.isFalse(isBeingConstructed(vm), "Failed to construct '".concat(getComponentTag(vm), "': The result must not have attributes."));
-            assert.invariant(!isObject(newValue) || isNull(newValue), "Invalid value \"".concat(newValue, "\" for \"").concat(propName, "\" of ").concat(vm, ". Value cannot be an object, must be a primitive value."));
+            if (isInvokingRender) {
+              logError("".concat(_vmBeingRendered, ".render() method has side effects on the state of ").concat(vm, ".").concat(propName));
+            }
+            if (isUpdatingTemplate) {
+              logError("When updating the template of ".concat(_vmBeingRendered, ", one of the accessors used by the template has side effects on the state of ").concat(vm, ".").concat(propName));
+            }
+            if (isBeingConstructed(vm)) {
+              logError("Failed to construct '".concat(getComponentTag(vm), "': The result must not have attributes."));
+            }
+            if (isObject(newValue) && !isNull(newValue)) {
+              logError("Invalid value \"".concat(newValue, "\" for \"").concat(propName, "\" of ").concat(vm, ". Value cannot be an object, must be a primitive value."));
+            }
           }
           updateComponentValue(vm, propName, newValue);
           return _set.call(vm.elm, newValue);
@@ -2046,7 +2049,6 @@ var LWC = (function (exports) {
       // Adding extra guard rails in DEV mode.
       if (process.env.NODE_ENV !== 'production') {
         patchCustomElementWithRestrictions(elm);
-        patchComponentWithRestrictions(component);
       }
       return this;
     };
@@ -2085,9 +2087,15 @@ var LWC = (function (exports) {
           addEventListener = vm.renderer.addEventListener;
         if (process.env.NODE_ENV !== 'production') {
           var _vmBeingRendered2 = getVMBeingRendered();
-          assert.invariant(!isInvokingRender, "".concat(_vmBeingRendered2, ".render() method has side effects on the state of ").concat(vm, " by adding an event listener for \"").concat(type, "\"."));
-          assert.invariant(!isUpdatingTemplate, "Updating the template of ".concat(_vmBeingRendered2, " has side effects on the state of ").concat(vm, " by adding an event listener for \"").concat(type, "\"."));
-          assert.invariant(isFunction$1(listener), "Invalid second argument for this.addEventListener() in ".concat(vm, " for event \"").concat(type, "\". Expected an EventListener but received ").concat(listener, "."));
+          if (isInvokingRender) {
+            logError("".concat(_vmBeingRendered2, ".render() method has side effects on the state of ").concat(vm, " by adding an event listener for \"").concat(type, "\"."));
+          }
+          if (isUpdatingTemplate) {
+            logError("Updating the template of ".concat(_vmBeingRendered2, " has side effects on the state of ").concat(vm, " by adding an event listener for \"").concat(type, "\"."));
+          }
+          if (!isFunction$1(listener)) {
+            logError("Invalid second argument for this.addEventListener() in ".concat(vm, " for event \"").concat(type, "\". Expected an EventListener but received ").concat(listener, "."));
+          }
         }
         var wrappedListener = getWrappedComponentsListener(vm, listener);
         addEventListener(elm, type, wrappedListener, options);
@@ -2144,7 +2152,9 @@ var LWC = (function (exports) {
         var elm = vm.elm,
           setAttribute = vm.renderer.setAttribute;
         if (process.env.NODE_ENV !== 'production') {
-          assert.isFalse(isBeingConstructed(vm), "Failed to construct '".concat(getComponentTag(vm), "': The result must not have attributes."));
+          if (isBeingConstructed(vm)) {
+            logError("Failed to construct '".concat(getComponentTag(vm), "': The result must not have attributes."));
+          }
         }
         unlockAttribute(elm, name);
         setAttribute(elm, name, value);
@@ -2155,7 +2165,9 @@ var LWC = (function (exports) {
         var elm = vm.elm,
           setAttribute = vm.renderer.setAttribute;
         if (process.env.NODE_ENV !== 'production') {
-          assert.isFalse(isBeingConstructed(vm), "Failed to construct '".concat(getComponentTag(vm), "': The result must not have attributes."));
+          if (isBeingConstructed(vm)) {
+            logError("Failed to construct '".concat(getComponentTag(vm), "': The result must not have attributes."));
+          }
         }
         unlockAttribute(elm, name);
         setAttribute(elm, name, value, namespace);
@@ -2181,9 +2193,9 @@ var LWC = (function (exports) {
         var elm = vm.elm,
           getClassList = vm.renderer.getClassList;
         if (process.env.NODE_ENV !== 'production') {
-          // TODO [#1290]: this still fails in dev but works in production, eventually, we should
-          // just throw in all modes
-          assert.isFalse(isBeingConstructed(vm), "Failed to construct ".concat(vm, ": The result must not have attributes. Adding or tampering with classname in constructor is not allowed in a web component, use connectedCallback() instead."));
+          if (isBeingConstructed(vm)) {
+            logError("Failed to construct ".concat(vm, ": The result must not have attributes. Adding or tampering with classname in constructor is not allowed in a web component, use connectedCallback() instead."));
+          }
         }
         return getClassList(elm);
       },
@@ -2715,8 +2727,12 @@ var LWC = (function (exports) {
           var vm = getAssociatedVM(this);
           if (process.env.NODE_ENV !== 'production') {
             var _vmBeingRendered3 = getVMBeingRendered();
-            assert.invariant(!isInvokingRender, "".concat(_vmBeingRendered3, ".render() method has side effects on the state of ").concat(vm, ".").concat(toString$1(key)));
-            assert.invariant(!isUpdatingTemplate, "Updating the template of ".concat(_vmBeingRendered3, " has side effects on the state of ").concat(vm, ".").concat(toString$1(key)));
+            if (isInvokingRender) {
+              logError("render() method has side effects on the state of property \"".concat(toString$1(key), "\""), isNull(_vmBeingRendered3) ? vm : _vmBeingRendered3);
+            }
+            if (isUpdatingTemplate) {
+              logError("Updating the template has side effects on the state of property \"".concat(toString$1(key), "\""), isNull(_vmBeingRendered3) ? vm : _vmBeingRendered3);
+            }
           }
           vm.cmpProps[key] = newValue;
           componentValueMutated(vm, key);
@@ -2743,13 +2759,17 @@ var LWC = (function (exports) {
           var vm = getAssociatedVM(this);
           if (process.env.NODE_ENV !== 'production') {
             var _vmBeingRendered4 = getVMBeingRendered();
-            assert.invariant(!isInvokingRender, "".concat(_vmBeingRendered4, ".render() method has side effects on the state of ").concat(vm, ".").concat(toString$1(key)));
-            assert.invariant(!isUpdatingTemplate, "Updating the template of ".concat(_vmBeingRendered4, " has side effects on the state of ").concat(vm, ".").concat(toString$1(key)));
+            if (isInvokingRender) {
+              logError("render() method has side effects on the state of property \"".concat(toString$1(key), "\""), isNull(_vmBeingRendered4) ? vm : _vmBeingRendered4);
+            }
+            if (isUpdatingTemplate) {
+              logError("Updating the template has side effects on the state of property \"".concat(toString$1(key), "\""), isNull(_vmBeingRendered4) ? vm : _vmBeingRendered4);
+            }
           }
           if (_set2) {
             _set2.call(this, newValue);
           } else if (process.env.NODE_ENV !== 'production') {
-            assert.fail("Invalid attempt to set a new value for property ".concat(toString$1(key), " of ").concat(vm, " that does not has a setter decorated with @api."));
+            logError("Invalid attempt to set a new value for property \"".concat(toString$1(key), "\" that does not has a setter decorated with @api."), vm);
           }
         },
         enumerable: enumerable,
@@ -2783,8 +2803,12 @@ var LWC = (function (exports) {
           var vm = getAssociatedVM(this);
           if (process.env.NODE_ENV !== 'production') {
             var _vmBeingRendered5 = getVMBeingRendered();
-            assert.invariant(!isInvokingRender, "".concat(_vmBeingRendered5, ".render() method has side effects on the state of ").concat(vm, ".").concat(toString$1(key)));
-            assert.invariant(!isUpdatingTemplate, "Updating the template of ".concat(_vmBeingRendered5, " has side effects on the state of ").concat(vm, ".").concat(toString$1(key)));
+            if (isInvokingRender) {
+              logError("".concat(_vmBeingRendered5, ".render() method has side effects on the state of ").concat(vm, ".").concat(toString$1(key)));
+            }
+            if (isUpdatingTemplate) {
+              logError("Updating the template of ".concat(_vmBeingRendered5, " has side effects on the state of ").concat(vm, ".").concat(toString$1(key)));
+            }
           }
           var reactiveOrAnyValue = getReactiveProxy(newValue);
           updateComponentValue(vm, key, reactiveOrAnyValue);
@@ -3642,12 +3666,16 @@ var LWC = (function (exports) {
         var ctorName = Ctor.name;
         // Removing the following assert until https://bugs.webkit.org/show_bug.cgi?id=190140 is fixed.
         // assert.isTrue(ctorName && isString(ctorName), `${toString(Ctor)} should have a "name" property with string value, but found ${ctorName}.`);
-        assert.isTrue(Ctor.constructor, "Missing ".concat(ctorName, ".constructor, ").concat(ctorName, " should have a \"constructor\" property."));
-        if (!isUndefined$1(ctorShadowSupportMode)) {
-          assert.invariant(ctorShadowSupportMode === "any" /* ShadowSupportMode.Any */ || ctorShadowSupportMode === "reset" /* ShadowSupportMode.Default */, "Invalid value for static property shadowSupportMode: '".concat(ctorShadowSupportMode, "'"));
+        if (!Ctor.constructor) {
+          // This error seems impossible to hit, due to an earlier check in `isComponentConstructor()`.
+          // But we keep it here just in case.
+          logError("Missing ".concat(ctorName, ".constructor, ").concat(ctorName, " should have a \"constructor\" property."));
+        }
+        if (!isUndefined$1(ctorShadowSupportMode) && ctorShadowSupportMode !== "any" /* ShadowSupportMode.Any */ && ctorShadowSupportMode !== "reset" /* ShadowSupportMode.Default */) {
+          logError("Invalid value for static property shadowSupportMode: '".concat(ctorShadowSupportMode, "'"));
         }
-        if (!isUndefined$1(ctorRenderMode)) {
-          assert.invariant(ctorRenderMode === 'light' || ctorRenderMode === 'shadow', "Invalid value for static property renderMode: '".concat(ctorRenderMode, "'. renderMode must be either 'light' or 'shadow'."));
+        if (!isUndefined$1(ctorRenderMode) && ctorRenderMode !== 'light' && ctorRenderMode !== 'shadow') {
+          logError("Invalid value for static property renderMode: '".concat(ctorRenderMode, "'. renderMode must be either 'light' or 'shadow'."));
         }
       }
       var decoratorsMeta = getDecoratorsMeta(Ctor);
@@ -5447,7 +5475,7 @@ var LWC = (function (exports) {
           return compilerKey + ':' + obj;
         case 'object':
           if (process.env.NODE_ENV !== 'production') {
-            assert.fail("Invalid key value \"".concat(obj, "\" in ").concat(getVMBeingRendered(), ". Key must be a string or number."));
+            logError("Invalid key value \"".concat(obj, "\" in ").concat(getVMBeingRendered(), ". Key must be a string or number."));
           }
       }
     }
@@ -5725,11 +5753,18 @@ var LWC = (function (exports) {
       }
     }
     function validateLightDomTemplate(template, vm) {
-      if (template === defaultEmptyTemplate) return;
+      assertNotProd(); // should never leak to prod mode
+      if (template === defaultEmptyTemplate) {
+        return;
+      }
       if (vm.renderMode === 0 /* RenderMode.Light */) {
-        assert.isTrue(template.renderMode === 'light', "Light DOM components can't render shadow DOM templates. Add an 'lwc:render-mode=\"light\"' directive to the root template tag of ".concat(getComponentTag(vm), "."));
+        if (template.renderMode !== 'light') {
+          logError("Light DOM components can't render shadow DOM templates. Add an 'lwc:render-mode=\"light\"' directive to the root template tag of ".concat(getComponentTag(vm), "."));
+        }
       } else {
-        assert.isTrue(isUndefined$1(template.renderMode), "Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive from ".concat(getComponentTag(vm), " or set it to 'lwc:render-mode=\"shadow\""));
+        if (!isUndefined$1(template.renderMode)) {
+          logError("Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive from ".concat(getComponentTag(vm), " or set it to 'lwc:render-mode=\"shadow\""));
+        }
       }
     }
     function buildParseFragmentFn(createFragmentFn) {
@@ -5878,7 +5913,9 @@ var LWC = (function (exports) {
         logOperationEnd(1 /* OperationId.Render */, vm);
       });
       if (process.env.NODE_ENV !== 'production') {
-        assert.invariant(isArray$1(vnodes), "Compiler should produce html functions that always return an array.");
+        if (!isArray$1(vnodes)) {
+          logError("Compiler should produce html functions that always return an array.");
+        }
       }
       return vnodes;
     }
@@ -6997,6 +7034,35 @@ var LWC = (function (exports) {
       }
       return false;
     }
+    // The validationOptOut static property can be an array of attribute names.
+    // Any attribute names specified in that array will not be validated, and the
+    // LWC runtime will assume that VDOM attrs and DOM attrs are in sync.
+    function getValidationPredicate(optOutStaticProp) {
+      if (isUndefined$1(optOutStaticProp)) {
+        return function (_attrName) {
+          return true;
+        };
+      }
+      // If validationOptOut is true, no attributes will be checked for correctness
+      // and the runtime will assume VDOM attrs and DOM attrs are in sync.
+      if (isTrue(optOutStaticProp)) {
+        return function (_attrName) {
+          return false;
+        };
+      }
+      // If validationOptOut is an array of strings, attributes specified in the
+      // array will be "opted out". Attributes not specified in the array will still
+      // be validated.
+      if (isArray$1(optOutStaticProp) && arrayEvery(optOutStaticProp, isString)) {
+        return function (attrName) {
+          return !ArrayIncludes.call(optOutStaticProp, attrName);
+        };
+      }
+      logWarn('Validation opt out must be `true` or an array of attributes that should not be validated.');
+      return function (_attrName) {
+        return true;
+      };
+    }
     function hydrateText(node, vnode, renderer) {
       var _a;
       if (!hasCorrectNodeType(vnode, node, 3 /* EnvNodeTypes.TEXT */, renderer)) {
@@ -7076,7 +7142,18 @@ var LWC = (function (exports) {
       return elm;
     }
     function hydrateCustomElement(elm, vnode, renderer) {
-      if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) || !isMatchingElement(vnode, elm, renderer)) {
+      var validationOptOut = vnode.ctor.validationOptOut;
+      var shouldValidateAttr = getValidationPredicate(validationOptOut);
+      // The validationOptOut static property can be an array of attribute names.
+      // Any attribute names specified in that array will not be validated, and the
+      // LWC runtime will assume that VDOM attrs and DOM attrs are in sync.
+      //
+      // If validationOptOut is true, no attributes will be checked for correctness
+      // and the runtime will assume VDOM attrs and DOM attrs are in sync.
+      //
+      // Therefore, if validationOptOut is falsey or an array of strings, we need to
+      // examine some or all of the custom element's attributes.
+      if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) || !isMatchingElement(vnode, elm, renderer, shouldValidateAttr)) {
         return handleMismatch(elm, vnode, renderer);
       }
       var sel = vnode.sel,
@@ -7173,6 +7250,9 @@ var LWC = (function (exports) {
       return true;
     }
     function isMatchingElement(vnode, elm, renderer) {
+      var shouldValidateAttr = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {
+        return true;
+      };
       var getProperty = renderer.getProperty;
       if (vnode.sel.toLowerCase() !== getProperty(elm, 'tagName').toLowerCase()) {
         if (process.env.NODE_ENV !== 'production') {
@@ -7180,10 +7260,10 @@ var LWC = (function (exports) {
         }
         return false;
       }
-      var hasIncompatibleAttrs = validateAttrs(vnode, elm, renderer);
-      var hasIncompatibleClass = validateClassAttr(vnode, elm, renderer);
-      var hasIncompatibleStyle = validateStyleAttr(vnode, elm, renderer);
-      return hasIncompatibleAttrs && hasIncompatibleClass && hasIncompatibleStyle;
+      var hasCompatibleAttrs = validateAttrs(vnode, elm, renderer, shouldValidateAttr);
+      var hasCompatibleClass = shouldValidateAttr('class') ? validateClassAttr(vnode, elm, renderer) : true;
+      var hasCompatibleStyle = shouldValidateAttr('style') ? validateStyleAttr(vnode, elm, renderer) : true;
+      return hasCompatibleAttrs && hasCompatibleClass && hasCompatibleStyle;
     }
     function attributeValuesAreEqual(vnodeValue, value) {
       var vnodeValueAsString = String(vnodeValue);
@@ -7198,7 +7278,7 @@ var LWC = (function (exports) {
       // In all other cases, the two values are not considered equal
       return false;
     }
-    function validateAttrs(vnode, elm, renderer) {
+    function validateAttrs(vnode, elm, renderer, shouldValidateAttr) {
       var _vnode$data$attrs = vnode.data.attrs,
         attrs = _vnode$data$attrs === void 0 ? {} : _vnode$data$attrs;
       var nodesAreCompatible = true;
@@ -7208,6 +7288,9 @@ var LWC = (function (exports) {
         var _Object$entries$_i = _slicedToArray(_Object$entries[_i37], 2),
           attrName = _Object$entries$_i[0],
           attrValue = _Object$entries$_i[1];
+        if (!shouldValidateAttr(attrName)) {
+          continue;
+        }
         var owner = vnode.owner;
         var getAttribute = renderer.getAttribute;
         var elmAttrValue = getAttribute(elm, attrName);
@@ -7659,7 +7742,7 @@ var LWC = (function (exports) {
       }
       return getReadOnlyProxy(obj);
     }
-    /* version: 2.45.0 */
+    /* version: 2.45.2 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -8085,7 +8168,7 @@ var LWC = (function (exports) {
         function isNull(obj) {
           return obj === null;
         }
-        /** version: 2.45.0 */
+        /** version: 2.45.2 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -8727,7 +8810,7 @@ var LWC = (function (exports) {
         });
       });
     }
-    /* version: 2.45.0 */
+    /* version: 2.45.2 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;