lwc 2.30.1 → 2.30.2

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

@@ -281,7 +281,7 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.30.1 */
+  /** version: 2.30.2 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -362,7 +362,7 @@ var LWC = (function (exports) {
       patch$1(propName);
     }
   }
-  /** version: 2.30.1 */
+  /** version: 2.30.2 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -3144,16 +3144,16 @@ var LWC = (function (exports) {
       // the custom element from the registry is expecting an upgrade callback
       vm = createViewModelHook(elm, vnode, renderer);
     };
-    var connectedCallback = function connectedCallback(elm) {
-      if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+    var connectedCallback;
+    var disconnectedCallback;
+    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      connectedCallback = function connectedCallback(elm) {
         connectRootElement(elm);
-      }
-    };
-    var disconnectedCallback = function disconnectedCallback(elm) {
-      if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      };
+      disconnectedCallback = function 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
@@ -5657,9 +5657,11 @@ var LWC = (function (exports) {
   // Another benefit is that only LWC can create components that actually do anything – if you do
   // `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.
-  var createUpgradableConstructor = function createUpgradableConstructor(_connectedCallback, _disconnectedCallback) {
+  var createUpgradableConstructor = function createUpgradableConstructor(connectedCallback, disconnectedCallback) {
+    var hasConnectedCallback = !isUndefined$1(connectedCallback);
+    var hasDisconnectedCallback = !isUndefined$1(disconnectedCallback);
     // TODO [#2972]: this class should expose observedAttributes as necessary
-    return /*#__PURE__*/function (_HTMLElement) {
+    var UpgradableConstructor = /*#__PURE__*/function (_HTMLElement) {
       _inherits(UpgradableConstructor, _HTMLElement);
       var _super7 = _createSuper(UpgradableConstructor);
       function UpgradableConstructor(upgradeCallback) {
@@ -5670,32 +5672,34 @@ var LWC = (function (exports) {
         // then elementBeingUpgraded will be false
         if (elementBeingUpgradedByLWC) {
           upgradeCallback(_assertThisInitialized(_this5));
-        } 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(_assertThisInitialized(_this5));
           // 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.
         }
         return _this5;
       }
-      _createClass(UpgradableConstructor, [{
-        key: "connectedCallback",
-        value: function connectedCallback() {
-          if (!elementsUpgradedOutsideLWC.has(this)) {
-            _connectedCallback(this);
-          }
+      return _createClass(UpgradableConstructor);
+    }( /*#__PURE__*/_wrapNativeSuper(HTMLElement)); // 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);
         }
-      }, {
-        key: "disconnectedCallback",
-        value: function disconnectedCallback() {
-          if (!elementsUpgradedOutsideLWC.has(this)) {
-            _disconnectedCallback(this);
-          }
+      };
+    }
+    if (hasDisconnectedCallback) {
+      UpgradableConstructor.prototype.disconnectedCallback = function () {
+        if (!elementsUpgradedOutsideLWC.has(this)) {
+          disconnectedCallback(this);
         }
-      }]);
-      return UpgradableConstructor;
-    }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
+      };
+    }
+    return UpgradableConstructor;
   };
   var createCustomElementVanilla = function createCustomElementVanilla(tagName, upgradeCallback, connectedCallback, disconnectedCallback) {
     // use global custom elements registry
@@ -5755,17 +5759,27 @@ var LWC = (function (exports) {
       var _constructor$prototyp = constructor.prototype,
         connectedCallback = _constructor$prototyp.connectedCallback,
         disconnectedCallback = _constructor$prototyp.disconnectedCallback,
+        formAssociatedCallback = _constructor$prototyp.formAssociatedCallback,
+        formDisabledCallback = _constructor$prototyp.formDisabledCallback,
+        formResetCallback = _constructor$prototyp.formResetCallback,
+        formStateRestoreCallback = _constructor$prototyp.formStateRestoreCallback,
         adoptedCallback = _constructor$prototyp.adoptedCallback,
         attributeChangedCallback = _constructor$prototyp.attributeChangedCallback;
+      var formAssociated = Boolean(constructor.formAssociated);
       var observedAttributes = new Set((_a = constructor.observedAttributes) !== null && _a !== void 0 ? _a : []);
       return {
         UserCtor: constructor,
         PivotCtor: undefined,
         connectedCallback: connectedCallback,
         disconnectedCallback: disconnectedCallback,
+        formAssociatedCallback: formAssociatedCallback,
+        formDisabledCallback: formDisabledCallback,
+        formResetCallback: formResetCallback,
+        formStateRestoreCallback: formStateRestoreCallback,
         adoptedCallback: adoptedCallback,
         attributeChangedCallback: attributeChangedCallback,
-        observedAttributes: observedAttributes
+        observedAttributes: observedAttributes,
+        formAssociated: formAssociated
       };
     }
     // Helper to create stand-in element for each tagName registered that delegates out to the registry for the given
@@ -5844,6 +5858,34 @@ var LWC = (function (exports) {
               }
             }
           }
+        }, {
+          key: "formAssociatedCallback",
+          value: function formAssociatedCallback(form) {
+            var _a;
+            var definition = definitionForElement.get(this);
+            (_a = definition === null || definition === void 0 ? void 0 : definition.formAssociatedCallback) === null || _a === void 0 ? void 0 : _a.call(this, form);
+          }
+        }, {
+          key: "formDisabledCallback",
+          value: function formDisabledCallback(disabled) {
+            var _a;
+            var definition = definitionForElement.get(this);
+            (_a = definition === null || definition === void 0 ? void 0 : definition.formDisabledCallback) === null || _a === void 0 ? void 0 : _a.call(this, disabled);
+          }
+        }, {
+          key: "formResetCallback",
+          value: function formResetCallback() {
+            var _a;
+            var definition = definitionForElement.get(this);
+            (_a = definition === null || definition === void 0 ? void 0 : definition.formResetCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+          }
+        }, {
+          key: "formStateRestoreCallback",
+          value: function formStateRestoreCallback(state, mode) {
+            var _a;
+            var 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);
+          }
         }, {
           key: "adoptedCallback",
           value: function adoptedCallback() {
@@ -5867,6 +5909,8 @@ var LWC = (function (exports) {
         return PivotCtor;
       }(NativeHTMLElement);
       PivotCtor.observedAttributes = _toConsumableArray(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;
     }
@@ -6237,9 +6281,9 @@ 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.
-  var createUserConstructor = function createUserConstructor(upgradeCallback, _connectedCallback2, _disconnectedCallback2, HTMLElementToExtend) {
+  var createUserConstructor = function createUserConstructor(HTMLElementToExtend, upgradeCallback, connectedCallback, disconnectedCallback) {
     // TODO [#2972]: this class should expose observedAttributes as necessary
-    return /*#__PURE__*/function (_HTMLElementToExtend) {
+    var UserConstructor = /*#__PURE__*/function (_HTMLElementToExtend) {
       _inherits(UserConstructor, _HTMLElementToExtend);
       var _super9 = _createSuper(UserConstructor);
       function UserConstructor() {
@@ -6249,26 +6293,27 @@ var LWC = (function (exports) {
         upgradeCallback(_assertThisInitialized(_this7));
         return _this7;
       }
-      _createClass(UserConstructor, [{
-        key: "connectedCallback",
-        value: function connectedCallback() {
-          _connectedCallback2(this);
-        }
-      }, {
-        key: "disconnectedCallback",
-        value: function disconnectedCallback() {
-          _disconnectedCallback2(this);
-        }
-      }]);
-      return UserConstructor;
-    }(HTMLElementToExtend);
+      return _createClass(UserConstructor);
+    }(HTMLElementToExtend); // 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);
+      };
+    }
+    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');
     }
-    var UserConstructor = createUserConstructor(upgradeCallback, connectedCallback, disconnectedCallback, CachedHTMLElement);
+    var UserConstructor = createUserConstructor(CachedHTMLElement, upgradeCallback, connectedCallback, disconnectedCallback);
     var ScopedConstructor = createScopedConstructor(tagName, UserConstructor);
     return new ScopedConstructor(UserConstructor);
   }
@@ -6363,7 +6408,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.
@@ -6841,16 +6886,16 @@ var LWC = (function (exports) {
         DisconnectingSlot.set(elm, disconnectRootElement);
       }
     };
-    var connectedCallback = function connectedCallback(elm) {
-      if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+    var connectedCallback;
+    var disconnectedCallback;
+    if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      connectedCallback = function connectedCallback(elm) {
         connectRootElement(elm);
-      }
-    };
-    var disconnectedCallback = function disconnectedCallback(elm) {
-      if (lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+      };
+      disconnectedCallback = function disconnectedCallback(elm) {
         disconnectRootElement(elm);
-      }
-    };
+      };
+    }
     var element = createCustomElement(tagName, upgradeCallback, connectedCallback, disconnectedCallback);
     return element;
   }
@@ -6922,7 +6967,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;

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

@@ -305,9 +305,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.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.
@@ -389,7 +389,7 @@
           patch$1(propName);
       }
   }
-  /** version: 2.30.1 */
+  /** version: 2.30.2 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -469,7 +469,7 @@
           setFeatureFlag(name, value);
       }
   }
-  /** version: 2.30.1 */
+  /** version: 2.30.2 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4066,16 +4066,16 @@
       // 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
@@ -6943,7 +6943,7 @@
       }
       return ctor;
   }
-  /* version: 2.30.1 */
+  /* version: 2.30.2 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7226,8 +7226,10 @@
   // `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')`,
@@ -7235,25 +7237,33 @@
               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
@@ -7306,16 +7316,22 @@
       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
@@ -7390,6 +7406,26 @@
                       }
                   }
               }
+              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);
@@ -7408,6 +7444,8 @@
               }
           }
           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;
       }
@@ -7754,27 +7792,34 @@
   // 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);
   }
@@ -7871,7 +7916,7 @@
       function isNull(obj) {
           return obj === null;
       }
-      /** version: 2.30.1 */
+      /** version: 2.30.2 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -8350,16 +8395,16 @@
         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;
   }
@@ -8432,7 +8477,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.30.1 */
+  /* version: 2.30.2 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;