lwc 2.44.0 → 2.45.1

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

@@ -330,9 +330,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.44.0";
+    var LWC_VERSION = "2.45.1";
     var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-    /** version: 2.44.0 */
+    /** version: 2.45.1 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -412,7 +412,7 @@
         setFeatureFlag(name, value);
       }
     }
-    /** version: 2.44.0 */
+    /** version: 2.45.1 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -476,7 +476,7 @@
         }
       }
     }
-    /** version: 2.44.0 */
+    /** version: 2.45.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -1027,8 +1027,9 @@
           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);
           }
         })
       };
@@ -1116,16 +1117,18 @@
           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({
@@ -1154,24 +1157,27 @@
           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({
@@ -1187,19 +1193,6 @@
         })
       };
     }
-    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;
@@ -1230,9 +1223,6 @@
       var elmProto = getPrototypeOf$1(elm);
       setPrototypeOf(elm, create(elmProto, restrictionsDescriptors));
     }
-    function patchComponentWithRestrictions(cmp) {
-      defineProperties(cmp, getComponentRestrictionsDescriptors());
-    }
     function patchLightningElementPrototypeWithRestrictions(proto) {
       defineProperties(proto, getLightningElementPrototypeRestrictionsDescriptors(proto));
     }
@@ -1961,16 +1951,10 @@
         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,
@@ -1990,10 +1974,18 @@
           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);
@@ -2049,7 +2041,6 @@
       // Adding extra guard rails in DEV mode.
       if (process.env.NODE_ENV !== 'production') {
         patchCustomElementWithRestrictions(elm);
-        patchComponentWithRestrictions(component);
       }
       return this;
     };
@@ -2088,9 +2079,15 @@
           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);
@@ -2147,7 +2144,9 @@
         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);
@@ -2158,7 +2157,9 @@
         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);
@@ -2184,9 +2185,9 @@
         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);
       },
@@ -2718,8 +2719,12 @@
           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);
@@ -2746,13 +2751,17 @@
           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,
@@ -2786,8 +2795,12 @@
           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);
@@ -3645,12 +3658,16 @@
         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);
@@ -3907,15 +3924,6 @@
             // 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).');
@@ -4030,18 +4038,6 @@
       }
       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.
@@ -5471,7 +5467,7 @@
           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."));
           }
       }
     }
@@ -5749,11 +5745,18 @@
       }
     }
     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) {
@@ -5902,7 +5905,9 @@
         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;
     }
@@ -6881,7 +6886,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.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.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");
         }
         var setValueType;
         if (isSetter) {
@@ -7683,7 +7688,7 @@
       }
       return getReadOnlyProxy(obj);
     }
-    /* version: 2.44.0 */
+    /* version: 2.45.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -8109,7 +8114,7 @@
         function isNull(obj) {
           return obj === null;
         }
-        /** version: 2.44.0 */
+        /** version: 2.45.1 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -8751,7 +8756,7 @@
         });
       });
     }
-    /* version: 2.44.0 */
+    /* version: 2.45.1 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;
@@ -8772,7 +8777,6 @@
     exports.register = register;
     exports.registerComponent = registerComponent;
     exports.registerDecorators = registerDecorators;
-    exports.registerStylesheet = registerStylesheet;
     exports.registerTemplate = registerTemplate;
     exports.renderer = renderer;
     exports.rendererFactory = rendererFactory;