lwc 2.30.1 → 2.30.2

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

@@ -299,9 +299,9 @@ function htmlPropertyToAttribute(propName) {
  * 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.30.1";
+const LWC_VERSION = "2.30.2";
 const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-/** version: 2.30.1 */
+/** version: 2.30.2 */
 
 /**
  * Copyright (C) 2018 salesforce.com, inc.
@@ -383,7 +383,7 @@ for (let i = 0, len = ElementPrototypeAriaPropertyNames.length; i < len; i += 1)
         patch$1(propName);
     }
 }
-/** version: 2.30.1 */
+/** version: 2.30.2 */
 
 /**
  * Copyright (C) 2018 salesforce.com, inc.
@@ -463,7 +463,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.30.1 */
+/** version: 2.30.2 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -4060,16 +4060,16 @@ function mountCustomElement(vnode, parent, anchor, renderer) {
     // the custom element from the registry is expecting an upgrade callback
     vm = createViewModelHook(elm, vnode, renderer);
   };
-  const connectedCallback = elm => {
-    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+  let connectedCallback;
+  let disconnectedCallback;
+  if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+    connectedCallback = elm => {
       connectRootElement(elm);
-    }
-  };
-  const disconnectedCallback = elm => {
-    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+    };
+    disconnectedCallback = elm => {
       disconnectRootElement(elm);
-    }
-  };
+    };
+  }
   // Should never get a tag with upper case letter at this point; the compiler
   // should produce only tags with lowercase letters. However, the Java
   // compiler may generate tagnames with uppercase letters so - for backwards
@@ -6937,7 +6937,7 @@ function getComponentConstructor(elm) {
     }
     return ctor;
 }
-/* version: 2.30.1 */
+/* version: 2.30.2 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -7220,8 +7220,10 @@ let elementBeingUpgradedByLWC = false;
 // `customElements.define('x-foo')`, then you don't have access to the upgradeCallback, so it's a dummy custom element.
 // This class should be created once per tag name.
 const createUpgradableConstructor = (connectedCallback, disconnectedCallback) => {
+    const hasConnectedCallback = !isUndefined$1(connectedCallback);
+    const hasDisconnectedCallback = !isUndefined$1(disconnectedCallback);
     // TODO [#2972]: this class should expose observedAttributes as necessary
-    return class UpgradableConstructor extends HTMLElement {
+    class UpgradableConstructor extends HTMLElement {
         constructor(upgradeCallback) {
             super();
             // If the element is not created using lwc.createElement(), e.g. `document.createElement('x-foo')`,
@@ -7229,25 +7231,33 @@ const createUpgradableConstructor = (connectedCallback, disconnectedCallback) =>
             if (elementBeingUpgradedByLWC) {
                 upgradeCallback(this);
             }
-            else {
-                // keep track of elements that were not created by lwc.createElement,
-                // so we can ignore their lifecycle hooks
+            else if (hasConnectedCallback || hasDisconnectedCallback) {
+                // If this element has connected or disconnected callbacks, then we need to keep track of
+                // instances that were created outside LWC (i.e. not created by `lwc.createElement()`).
+                // If the element has no connected or disconnected callbacks, then we don't need to track this.
                 elementsUpgradedOutsideLWC.add(this);
                 // TODO [#2970]: LWC elements cannot be upgraded via new Ctor()
                 // Do we want to support this? Throw an error? Currently for backwards compat it's a no-op.
             }
         }
-        connectedCallback() {
+    }
+    // Do not unnecessarily add a connectedCallback/disconnectedCallback, as it introduces perf overhead
+    // See: https://github.com/salesforce/lwc/pull/3162#issuecomment-1311851174
+    if (hasConnectedCallback) {
+        UpgradableConstructor.prototype.connectedCallback = function () {
             if (!elementsUpgradedOutsideLWC.has(this)) {
                 connectedCallback(this);
             }
-        }
-        disconnectedCallback() {
+        };
+    }
+    if (hasDisconnectedCallback) {
+        UpgradableConstructor.prototype.disconnectedCallback = function () {
             if (!elementsUpgradedOutsideLWC.has(this)) {
                 disconnectedCallback(this);
             }
-        }
-    };
+        };
+    }
+    return UpgradableConstructor;
 };
 const createCustomElementVanilla = (tagName, upgradeCallback, connectedCallback, disconnectedCallback) => {
     // use global custom elements registry
@@ -7300,16 +7310,22 @@ function createScopedRegistry() {
     const EMPTY_SET = new Set();
     function createDefinitionRecord(constructor) {
         var _a;
-        const { connectedCallback, disconnectedCallback, adoptedCallback, attributeChangedCallback, } = constructor.prototype;
+        const { connectedCallback, disconnectedCallback, formAssociatedCallback, formDisabledCallback, formResetCallback, formStateRestoreCallback, adoptedCallback, attributeChangedCallback, } = constructor.prototype;
+        const formAssociated = Boolean(constructor.formAssociated);
         const observedAttributes = new Set((_a = constructor.observedAttributes) !== null && _a !== void 0 ? _a : []);
         return {
             UserCtor: constructor,
             PivotCtor: undefined,
             connectedCallback,
             disconnectedCallback,
+            formAssociatedCallback,
+            formDisabledCallback,
+            formResetCallback,
+            formStateRestoreCallback,
             adoptedCallback,
             attributeChangedCallback,
             observedAttributes,
+            formAssociated,
         };
     }
     // Helper to create stand-in element for each tagName registered that delegates out to the registry for the given
@@ -7384,6 +7400,26 @@ function createScopedRegistry() {
                     }
                 }
             }
+            formAssociatedCallback(form) {
+                var _a;
+                const definition = definitionForElement.get(this);
+                (_a = definition === null || definition === void 0 ? void 0 : definition.formAssociatedCallback) === null || _a === void 0 ? void 0 : _a.call(this, form);
+            }
+            formDisabledCallback(disabled) {
+                var _a;
+                const definition = definitionForElement.get(this);
+                (_a = definition === null || definition === void 0 ? void 0 : definition.formDisabledCallback) === null || _a === void 0 ? void 0 : _a.call(this, disabled);
+            }
+            formResetCallback() {
+                var _a;
+                const definition = definitionForElement.get(this);
+                (_a = definition === null || definition === void 0 ? void 0 : definition.formResetCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+            }
+            formStateRestoreCallback(state, mode) {
+                var _a;
+                const definition = definitionForElement.get(this);
+                (_a = definition === null || definition === void 0 ? void 0 : definition.formStateRestoreCallback) === null || _a === void 0 ? void 0 : _a.call(this, state, mode);
+            }
             adoptedCallback() {
                 var _a;
                 const definition = definitionForElement.get(this);
@@ -7402,6 +7438,8 @@ function createScopedRegistry() {
             }
         }
         PivotCtor.observedAttributes = [...registeredDefinition.observedAttributes];
+        // TODO [#3000]: support case where registeredDefinition is not form-associated, but later definition is.
+        PivotCtor.formAssociated = registeredDefinition.formAssociated;
         registeredPivotCtors.add(PivotCtor);
         return PivotCtor;
     }
@@ -7748,27 +7786,34 @@ if (lwcRuntimeFlags.ENABLE_SCOPED_CUSTOM_ELEMENT_REGISTRY) {
 // Creates a constructor that is intended to be used as the UserConstructor in a scoped (pivots) registry.
 // In this case, the upgradeCallback only needs to be defined once because we create these on-demand,
 // multiple times per tag name.
-const createUserConstructor = (upgradeCallback, connectedCallback, disconnectedCallback, HTMLElementToExtend) => {
+const createUserConstructor = (HTMLElementToExtend, upgradeCallback, connectedCallback, disconnectedCallback) => {
   // TODO [#2972]: this class should expose observedAttributes as necessary
-  return class UserConstructor extends HTMLElementToExtend {
+  class UserConstructor extends HTMLElementToExtend {
     constructor() {
       super();
       upgradeCallback(this);
     }
-    connectedCallback() {
+  }
+  // Do not unnecessarily add a connectedCallback/disconnectedCallback, as it introduces perf overhead
+  // See: https://github.com/salesforce/lwc/pull/3162#issuecomment-1311851174
+  if (!isUndefined$1(connectedCallback)) {
+    UserConstructor.prototype.connectedCallback = function () {
       connectedCallback(this);
-    }
-    disconnectedCallback() {
+    };
+  }
+  if (!isUndefined$1(disconnectedCallback)) {
+    UserConstructor.prototype.disconnectedCallback = function () {
       disconnectedCallback(this);
-    }
-  };
+    };
+  }
+  return UserConstructor;
 };
 function createCustomElementScoped(tagName, upgradeCallback, connectedCallback, disconnectedCallback) {
   if (isUndefined$1(createScopedConstructor) || isUndefined$1(CachedHTMLElement)) {
     // This error should be impossible to hit
     throw new Error('The flag ENABLE_SCOPED_CUSTOM_ELEMENT_REGISTRY must be set to true to use this feature');
   }
-  const UserConstructor = createUserConstructor(upgradeCallback, connectedCallback, disconnectedCallback, CachedHTMLElement);
+  const UserConstructor = createUserConstructor(CachedHTMLElement, upgradeCallback, connectedCallback, disconnectedCallback);
   const ScopedConstructor = createScopedConstructor(tagName, UserConstructor);
   return new ScopedConstructor(UserConstructor);
 }
@@ -7865,7 +7910,7 @@ function rendererFactory(baseRenderer) {
     function isNull(obj) {
         return obj === null;
     }
-    /** version: 2.30.1 */
+    /** version: 2.30.2 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -8344,16 +8389,16 @@ function createElement(sel, options) {
       DisconnectingSlot.set(elm, disconnectRootElement);
     }
   };
-  const connectedCallback = elm => {
-    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+  let connectedCallback;
+  let disconnectedCallback;
+  if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+    connectedCallback = elm => {
       connectRootElement(elm);
-    }
-  };
-  const disconnectedCallback = elm => {
-    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+    };
+    disconnectedCallback = elm => {
       disconnectRootElement(elm);
-    }
-  };
+    };
+  }
   const element = createCustomElement(tagName, upgradeCallback, connectedCallback, disconnectedCallback);
   return element;
 }
@@ -8426,6 +8471,6 @@ defineProperty(LightningElement, 'CustomElementConstructor', {
 });
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.30.1 */
+/* version: 2.30.2 */
 
 export { LightningElement, profilerControl as __unstable__ProfilerControl, api$1 as api, deprecatedBuildCustomElementConstructor as buildCustomElementConstructor, createContextProvider, createElement, freezeTemplate, getComponentConstructor, getComponentDef, hydrateComponent, isComponentConstructor, isNodeShadowed as isNodeFromTemplate, parseFragment, parseSVGFragment, readonly, register, registerComponent, registerDecorators, registerTemplate, renderer, rendererFactory, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };

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

@@ -302,9 +302,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
-  const LWC_VERSION = "2.30.1";
+  const LWC_VERSION = "2.30.2";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.30.1 */
+  /** version: 2.30.2 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -386,7 +386,7 @@ var LWC = (function (exports) {
           patch$1(propName);
       }
   }
-  /** version: 2.30.1 */
+  /** version: 2.30.2 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -466,7 +466,7 @@ var LWC = (function (exports) {
           setFeatureFlag(name, value);
       }
   }
-  /** version: 2.30.1 */
+  /** version: 2.30.2 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4063,16 +4063,16 @@ var LWC = (function (exports) {
       // the custom element from the registry is expecting an upgrade callback
       vm = createViewModelHook(elm, vnode, renderer);
     };
-    const connectedCallback = elm => {
-      if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+    let connectedCallback;
+    let disconnectedCallback;
+    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      connectedCallback = elm => {
         connectRootElement(elm);
-      }
-    };
-    const disconnectedCallback = elm => {
-      if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      };
+      disconnectedCallback = elm => {
         disconnectRootElement(elm);
-      }
-    };
+      };
+    }
     // Should never get a tag with upper case letter at this point; the compiler
     // should produce only tags with lowercase letters. However, the Java
     // compiler may generate tagnames with uppercase letters so - for backwards
@@ -6940,7 +6940,7 @@ var LWC = (function (exports) {
       }
       return ctor;
   }
-  /* version: 2.30.1 */
+  /* version: 2.30.2 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7223,8 +7223,10 @@ var LWC = (function (exports) {
   // `customElements.define('x-foo')`, then you don't have access to the upgradeCallback, so it's a dummy custom element.
   // This class should be created once per tag name.
   const createUpgradableConstructor = (connectedCallback, disconnectedCallback) => {
+      const hasConnectedCallback = !isUndefined$1(connectedCallback);
+      const hasDisconnectedCallback = !isUndefined$1(disconnectedCallback);
       // TODO [#2972]: this class should expose observedAttributes as necessary
-      return class UpgradableConstructor extends HTMLElement {
+      class UpgradableConstructor extends HTMLElement {
           constructor(upgradeCallback) {
               super();
               // If the element is not created using lwc.createElement(), e.g. `document.createElement('x-foo')`,
@@ -7232,25 +7234,33 @@ var LWC = (function (exports) {
               if (elementBeingUpgradedByLWC) {
                   upgradeCallback(this);
               }
-              else {
-                  // keep track of elements that were not created by lwc.createElement,
-                  // so we can ignore their lifecycle hooks
+              else if (hasConnectedCallback || hasDisconnectedCallback) {
+                  // If this element has connected or disconnected callbacks, then we need to keep track of
+                  // instances that were created outside LWC (i.e. not created by `lwc.createElement()`).
+                  // If the element has no connected or disconnected callbacks, then we don't need to track this.
                   elementsUpgradedOutsideLWC.add(this);
                   // TODO [#2970]: LWC elements cannot be upgraded via new Ctor()
                   // Do we want to support this? Throw an error? Currently for backwards compat it's a no-op.
               }
           }
-          connectedCallback() {
+      }
+      // Do not unnecessarily add a connectedCallback/disconnectedCallback, as it introduces perf overhead
+      // See: https://github.com/salesforce/lwc/pull/3162#issuecomment-1311851174
+      if (hasConnectedCallback) {
+          UpgradableConstructor.prototype.connectedCallback = function () {
               if (!elementsUpgradedOutsideLWC.has(this)) {
                   connectedCallback(this);
               }
-          }
-          disconnectedCallback() {
+          };
+      }
+      if (hasDisconnectedCallback) {
+          UpgradableConstructor.prototype.disconnectedCallback = function () {
               if (!elementsUpgradedOutsideLWC.has(this)) {
                   disconnectedCallback(this);
               }
-          }
-      };
+          };
+      }
+      return UpgradableConstructor;
   };
   const createCustomElementVanilla = (tagName, upgradeCallback, connectedCallback, disconnectedCallback) => {
       // use global custom elements registry
@@ -7303,16 +7313,22 @@ var LWC = (function (exports) {
       const EMPTY_SET = new Set();
       function createDefinitionRecord(constructor) {
           var _a;
-          const { connectedCallback, disconnectedCallback, adoptedCallback, attributeChangedCallback, } = constructor.prototype;
+          const { connectedCallback, disconnectedCallback, formAssociatedCallback, formDisabledCallback, formResetCallback, formStateRestoreCallback, adoptedCallback, attributeChangedCallback, } = constructor.prototype;
+          const formAssociated = Boolean(constructor.formAssociated);
           const observedAttributes = new Set((_a = constructor.observedAttributes) !== null && _a !== void 0 ? _a : []);
           return {
               UserCtor: constructor,
               PivotCtor: undefined,
               connectedCallback,
               disconnectedCallback,
+              formAssociatedCallback,
+              formDisabledCallback,
+              formResetCallback,
+              formStateRestoreCallback,
               adoptedCallback,
               attributeChangedCallback,
               observedAttributes,
+              formAssociated,
           };
       }
       // Helper to create stand-in element for each tagName registered that delegates out to the registry for the given
@@ -7387,6 +7403,26 @@ var LWC = (function (exports) {
                       }
                   }
               }
+              formAssociatedCallback(form) {
+                  var _a;
+                  const definition = definitionForElement.get(this);
+                  (_a = definition === null || definition === void 0 ? void 0 : definition.formAssociatedCallback) === null || _a === void 0 ? void 0 : _a.call(this, form);
+              }
+              formDisabledCallback(disabled) {
+                  var _a;
+                  const definition = definitionForElement.get(this);
+                  (_a = definition === null || definition === void 0 ? void 0 : definition.formDisabledCallback) === null || _a === void 0 ? void 0 : _a.call(this, disabled);
+              }
+              formResetCallback() {
+                  var _a;
+                  const definition = definitionForElement.get(this);
+                  (_a = definition === null || definition === void 0 ? void 0 : definition.formResetCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+              }
+              formStateRestoreCallback(state, mode) {
+                  var _a;
+                  const definition = definitionForElement.get(this);
+                  (_a = definition === null || definition === void 0 ? void 0 : definition.formStateRestoreCallback) === null || _a === void 0 ? void 0 : _a.call(this, state, mode);
+              }
               adoptedCallback() {
                   var _a;
                   const definition = definitionForElement.get(this);
@@ -7405,6 +7441,8 @@ var LWC = (function (exports) {
               }
           }
           PivotCtor.observedAttributes = [...registeredDefinition.observedAttributes];
+          // TODO [#3000]: support case where registeredDefinition is not form-associated, but later definition is.
+          PivotCtor.formAssociated = registeredDefinition.formAssociated;
           registeredPivotCtors.add(PivotCtor);
           return PivotCtor;
       }
@@ -7751,27 +7789,34 @@ var LWC = (function (exports) {
   // Creates a constructor that is intended to be used as the UserConstructor in a scoped (pivots) registry.
   // In this case, the upgradeCallback only needs to be defined once because we create these on-demand,
   // multiple times per tag name.
-  const createUserConstructor = (upgradeCallback, connectedCallback, disconnectedCallback, HTMLElementToExtend) => {
+  const createUserConstructor = (HTMLElementToExtend, upgradeCallback, connectedCallback, disconnectedCallback) => {
     // TODO [#2972]: this class should expose observedAttributes as necessary
-    return class UserConstructor extends HTMLElementToExtend {
+    class UserConstructor extends HTMLElementToExtend {
       constructor() {
         super();
         upgradeCallback(this);
       }
-      connectedCallback() {
+    }
+    // Do not unnecessarily add a connectedCallback/disconnectedCallback, as it introduces perf overhead
+    // See: https://github.com/salesforce/lwc/pull/3162#issuecomment-1311851174
+    if (!isUndefined$1(connectedCallback)) {
+      UserConstructor.prototype.connectedCallback = function () {
         connectedCallback(this);
-      }
-      disconnectedCallback() {
+      };
+    }
+    if (!isUndefined$1(disconnectedCallback)) {
+      UserConstructor.prototype.disconnectedCallback = function () {
         disconnectedCallback(this);
-      }
-    };
+      };
+    }
+    return UserConstructor;
   };
   function createCustomElementScoped(tagName, upgradeCallback, connectedCallback, disconnectedCallback) {
     if (isUndefined$1(createScopedConstructor) || isUndefined$1(CachedHTMLElement)) {
       // This error should be impossible to hit
       throw new Error('The flag ENABLE_SCOPED_CUSTOM_ELEMENT_REGISTRY must be set to true to use this feature');
     }
-    const UserConstructor = createUserConstructor(upgradeCallback, connectedCallback, disconnectedCallback, CachedHTMLElement);
+    const UserConstructor = createUserConstructor(CachedHTMLElement, upgradeCallback, connectedCallback, disconnectedCallback);
     const ScopedConstructor = createScopedConstructor(tagName, UserConstructor);
     return new ScopedConstructor(UserConstructor);
   }
@@ -7868,7 +7913,7 @@ var LWC = (function (exports) {
       function isNull(obj) {
           return obj === null;
       }
-      /** version: 2.30.1 */
+      /** version: 2.30.2 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -8347,16 +8392,16 @@ var LWC = (function (exports) {
         DisconnectingSlot.set(elm, disconnectRootElement);
       }
     };
-    const connectedCallback = elm => {
-      if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+    let connectedCallback;
+    let disconnectedCallback;
+    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      connectedCallback = elm => {
         connectRootElement(elm);
-      }
-    };
-    const disconnectedCallback = elm => {
-      if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      };
+      disconnectedCallback = elm => {
         disconnectRootElement(elm);
-      }
-    };
+      };
+    }
     const element = createCustomElement(tagName, upgradeCallback, connectedCallback, disconnectedCallback);
     return element;
   }
@@ -8429,7 +8474,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.30.1 */
+  /* version: 2.30.2 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;