lwc 2.45.0 → 2.45.1

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

@@ -335,9 +335,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.45.0";
+    const LWC_VERSION = "2.45.1";
     const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-    /** version: 2.45.0 */
+    /** version: 2.45.1 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -415,7 +415,7 @@
             setFeatureFlag(name, value);
         }
     }
-    /** version: 2.45.0 */
+    /** version: 2.45.1 */
 
     /**
      * Copyright (C) 2018 salesforce.com, inc.
@@ -479,7 +479,7 @@
             }
         }
     }
-    /** version: 2.45.0 */
+    /** version: 2.45.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -1006,8 +1006,9 @@
                 get() {
                     return originalOuterHTMLDescriptor.get.call(this);
                 },
-                set(_value) {
-                    throw new TypeError(`Invalid attempt to set outerHTML on Element.`);
+                set(value) {
+                    logError(`Invalid attempt to set outerHTML on Element.`);
+                    return originalOuterHTMLDescriptor.set.call(this, value);
                 },
             }),
         };
@@ -1092,16 +1093,18 @@
                 get() {
                     return originalInnerHTMLDescriptor.get.call(this);
                 },
-                set(_value) {
-                    throw new TypeError(`Invalid attempt to set innerHTML on ShadowRoot.`);
+                set(value) {
+                    logError(`Invalid attempt to set innerHTML on ShadowRoot.`);
+                    return originalInnerHTMLDescriptor.set.call(this, value);
                 },
             }),
             textContent: generateAccessorDescriptor({
                 get() {
                     return originalTextContentDescriptor.get.call(this);
                 },
-                set(_value) {
-                    throw new TypeError(`Invalid attempt to set textContent on ShadowRoot.`);
+                set(value) {
+                    logError(`Invalid attempt to set textContent on ShadowRoot.`);
+                    return originalTextContentDescriptor.set.call(this, value);
                 },
             }),
             addEventListener: generateDataDescriptor({
@@ -1130,24 +1133,27 @@
                 get() {
                     return originalInnerHTMLDescriptor.get.call(this);
                 },
-                set(_value) {
-                    throw new TypeError(`Invalid attempt to set innerHTML on HTMLElement.`);
+                set(value) {
+                    logError(`Invalid attempt to set innerHTML on HTMLElement.`);
+                    return originalInnerHTMLDescriptor.set.call(this, value);
                 },
             }),
             outerHTML: generateAccessorDescriptor({
                 get() {
                     return originalOuterHTMLDescriptor.get.call(this);
                 },
-                set(_value) {
-                    throw new TypeError(`Invalid attempt to set outerHTML on HTMLElement.`);
+                set(value) {
+                    logError(`Invalid attempt to set outerHTML on HTMLElement.`);
+                    return originalOuterHTMLDescriptor.set.call(this, value);
                 },
             }),
             textContent: generateAccessorDescriptor({
                 get() {
                     return originalTextContentDescriptor.get.call(this);
                 },
-                set(_value) {
-                    throw new TypeError(`Invalid attempt to set textContent on HTMLElement.`);
+                set(value) {
+                    logError(`Invalid attempt to set textContent on HTMLElement.`);
+                    return originalTextContentDescriptor.set.call(this, value);
                 },
             }),
             addEventListener: generateDataDescriptor({
@@ -1163,20 +1169,6 @@
             }),
         };
     }
-    function getComponentRestrictionsDescriptors() {
-        assertNotProd(); // this method should never leak to prod
-        return {
-            tagName: generateAccessorDescriptor({
-                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
         const originalDispatchEvent = proto.dispatchEvent;
@@ -1209,9 +1201,6 @@
         const elmProto = getPrototypeOf$1(elm);
         setPrototypeOf(elm, create(elmProto, restrictionsDescriptors));
     }
-    function patchComponentWithRestrictions(cmp) {
-        defineProperties(cmp, getComponentRestrictionsDescriptors());
-    }
     function patchLightningElementPrototypeWithRestrictions(proto) {
         defineProperties(proto, getLightningElementPrototypeRestrictionsDescriptors(proto));
     }
@@ -1822,16 +1811,10 @@
     function createBridgeToElementDescriptor(propName, descriptor) {
         const { get, set, enumerable, configurable } = descriptor;
         if (!isFunction$1(get)) {
-            if (process.env.NODE_ENV !== 'production') {
-                assert.fail(`Detected invalid public property descriptor for HTMLElement.prototype.${propName} definition. Missing the standard getter.`);
-            }
-            throw new TypeError();
+            throw new TypeError(`Detected invalid public property descriptor for HTMLElement.prototype.${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.${propName} definition. Missing the standard setter.`);
-            }
-            throw new TypeError();
+            throw new TypeError(`Detected invalid public property descriptor for HTMLElement.prototype.${propName} definition. Missing the standard setter.`);
         }
         return {
             enumerable,
@@ -1851,10 +1834,18 @@
                 const vm = getAssociatedVM(this);
                 if (process.env.NODE_ENV !== 'production') {
                     const vmBeingRendered = getVMBeingRendered();
-                    assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${propName}`);
-                    assert.invariant(!isUpdatingTemplate, `When updating the template of ${vmBeingRendered}, one of the accessors used by the template has side effects on the state of ${vm}.${propName}`);
-                    assert.isFalse(isBeingConstructed(vm), `Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
-                    assert.invariant(!isObject(newValue) || isNull(newValue), `Invalid value "${newValue}" for "${propName}" of ${vm}. Value cannot be an object, must be a primitive value.`);
+                    if (isInvokingRender) {
+                        logError(`${vmBeingRendered}.render() method has side effects on the state of ${vm}.${propName}`);
+                    }
+                    if (isUpdatingTemplate) {
+                        logError(`When updating the template of ${vmBeingRendered}, one of the accessors used by the template has side effects on the state of ${vm}.${propName}`);
+                    }
+                    if (isBeingConstructed(vm)) {
+                        logError(`Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+                    }
+                    if (isObject(newValue) && !isNull(newValue)) {
+                        logError(`Invalid value "${newValue}" for "${propName}" of ${vm}. Value cannot be an object, must be a primitive value.`);
+                    }
                 }
                 updateComponentValue(vm, propName, newValue);
                 return set.call(vm.elm, newValue);
@@ -1907,7 +1898,6 @@
         // Adding extra guard rails in DEV mode.
         if (process.env.NODE_ENV !== 'production') {
             patchCustomElementWithRestrictions(elm);
-            patchComponentWithRestrictions(component);
         }
         return this;
     };
@@ -1943,9 +1933,15 @@
             const { elm, renderer: { addEventListener }, } = vm;
             if (process.env.NODE_ENV !== 'production') {
                 const vmBeingRendered = getVMBeingRendered();
-                assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm} by adding an event listener for "${type}".`);
-                assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm} by adding an event listener for "${type}".`);
-                assert.invariant(isFunction$1(listener), `Invalid second argument for this.addEventListener() in ${vm} for event "${type}". Expected an EventListener but received ${listener}.`);
+                if (isInvokingRender) {
+                    logError(`${vmBeingRendered}.render() method has side effects on the state of ${vm} by adding an event listener for "${type}".`);
+                }
+                if (isUpdatingTemplate) {
+                    logError(`Updating the template of ${vmBeingRendered} has side effects on the state of ${vm} by adding an event listener for "${type}".`);
+                }
+                if (!isFunction$1(listener)) {
+                    logError(`Invalid second argument for this.addEventListener() in ${vm} for event "${type}". Expected an EventListener but received ${listener}.`);
+                }
             }
             const wrappedListener = getWrappedComponentsListener(vm, listener);
             addEventListener(elm, type, wrappedListener, options);
@@ -1995,7 +1991,9 @@
             const vm = getAssociatedVM(this);
             const { elm, renderer: { setAttribute }, } = vm;
             if (process.env.NODE_ENV !== 'production') {
-                assert.isFalse(isBeingConstructed(vm), `Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+                if (isBeingConstructed(vm)) {
+                    logError(`Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+                }
             }
             unlockAttribute(elm, name);
             setAttribute(elm, name, value);
@@ -2005,7 +2003,9 @@
             const vm = getAssociatedVM(this);
             const { elm, renderer: { setAttribute }, } = vm;
             if (process.env.NODE_ENV !== 'production') {
-                assert.isFalse(isBeingConstructed(vm), `Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+                if (isBeingConstructed(vm)) {
+                    logError(`Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+                }
             }
             unlockAttribute(elm, name);
             setAttribute(elm, name, value, namespace);
@@ -2028,9 +2028,9 @@
             const vm = getAssociatedVM(this);
             const { elm, renderer: { getClassList }, } = vm;
             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 ${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 ${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);
         },
@@ -2536,8 +2536,12 @@
                 const vm = getAssociatedVM(this);
                 if (process.env.NODE_ENV !== 'production') {
                     const vmBeingRendered = getVMBeingRendered();
-                    assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
-                    assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
+                    if (isInvokingRender) {
+                        logError(`render() method has side effects on the state of property "${toString$1(key)}"`, isNull(vmBeingRendered) ? vm : vmBeingRendered);
+                    }
+                    if (isUpdatingTemplate) {
+                        logError(`Updating the template has side effects on the state of property "${toString$1(key)}"`, isNull(vmBeingRendered) ? vm : vmBeingRendered);
+                    }
                 }
                 vm.cmpProps[key] = newValue;
                 componentValueMutated(vm, key);
@@ -2561,14 +2565,18 @@
                 const vm = getAssociatedVM(this);
                 if (process.env.NODE_ENV !== 'production') {
                     const vmBeingRendered = getVMBeingRendered();
-                    assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
-                    assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
+                    if (isInvokingRender) {
+                        logError(`render() method has side effects on the state of property "${toString$1(key)}"`, isNull(vmBeingRendered) ? vm : vmBeingRendered);
+                    }
+                    if (isUpdatingTemplate) {
+                        logError(`Updating the template has side effects on the state of property "${toString$1(key)}"`, isNull(vmBeingRendered) ? vm : vmBeingRendered);
+                    }
                 }
                 if (set) {
                     set.call(this, newValue);
                 }
                 else if (process.env.NODE_ENV !== 'production') {
-                    assert.fail(`Invalid attempt to set a new value for property ${toString$1(key)} of ${vm} that does not has a setter decorated with @api.`);
+                    logError(`Invalid attempt to set a new value for property "${toString$1(key)}" that does not has a setter decorated with @api.`, vm);
                 }
             },
             enumerable,
@@ -2602,8 +2610,12 @@
                 const vm = getAssociatedVM(this);
                 if (process.env.NODE_ENV !== 'production') {
                     const vmBeingRendered = getVMBeingRendered();
-                    assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
-                    assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
+                    if (isInvokingRender) {
+                        logError(`${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
+                    }
+                    if (isUpdatingTemplate) {
+                        logError(`Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
+                    }
                 }
                 const reactiveOrAnyValue = getReactiveProxy(newValue);
                 updateComponentValue(vm, key, reactiveOrAnyValue);
@@ -3380,13 +3392,20 @@
             const 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 ${ctorName}.constructor, ${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: '${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 ${ctorName}.constructor, ${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: '${ctorShadowSupportMode}'`);
             }
-            if (!isUndefined$1(ctorRenderMode)) {
-                assert.invariant(ctorRenderMode === 'light' || ctorRenderMode === 'shadow', `Invalid value for static property renderMode: '${ctorRenderMode}'. renderMode must be either 'light' or 'shadow'.`);
+            if (!isUndefined$1(ctorRenderMode) &&
+                ctorRenderMode !== 'light' &&
+                ctorRenderMode !== 'shadow') {
+                logError(`Invalid value for static property renderMode: '${ctorRenderMode}'. renderMode must be either 'light' or 'shadow'.`);
             }
         }
         const decoratorsMeta = getDecoratorsMeta(Ctor);
@@ -5163,7 +5182,7 @@
                 return compilerKey + ':' + obj;
             case 'object':
                 if (process.env.NODE_ENV !== 'production') {
-                    assert.fail(`Invalid key value "${obj}" in ${getVMBeingRendered()}. Key must be a string or number.`);
+                    logError(`Invalid key value "${obj}" in ${getVMBeingRendered()}. Key must be a string or number.`);
                 }
         }
     }
@@ -5453,13 +5472,19 @@
         }
     }
     function validateLightDomTemplate(template, vm) {
-        if (template === defaultEmptyTemplate)
+        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 ${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 ${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 ${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 ${getComponentTag(vm)} or set it to 'lwc:render-mode="shadow"`);
+            }
         }
     }
     function buildParseFragmentFn(createFragmentFn) {
@@ -5592,7 +5617,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;
     }
@@ -7309,7 +7336,7 @@
         }
         return getReadOnlyProxy(obj);
     }
-    /* version: 2.45.0 */
+    /* version: 2.45.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -7737,7 +7764,7 @@
         function isNull(obj) {
             return obj === null;
         }
-        /** version: 2.45.0 */
+        /** version: 2.45.1 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -8356,7 +8383,7 @@
             });
         }));
     }
-    /* version: 2.45.0 */
+    /* version: 2.45.1 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;