lwc 2.30.1 → 2.30.3

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

@@ -89,7 +89,6 @@
     setPrototypeOf = Object.setPrototypeOf;
   var isArray$1 = Array.isArray;
   var _Array$prototype = Array.prototype,
-    ArrayConcat$1 = _Array$prototype.concat,
     ArrayFilter = _Array$prototype.filter,
     ArrayIndexOf = _Array$prototype.indexOf,
     ArrayJoin = _Array$prototype.join,
@@ -190,6 +189,7 @@
         AriaPropNameToAttrNameMap: AriaPropNameToAttrNameMap
       };
     }(),
+    AriaAttrNameToPropNameMap = _ref.AriaAttrNameToPropNameMap,
     AriaPropNameToAttrNameMap = _ref.AriaPropNameToAttrNameMap;
 
   /*
@@ -247,15 +247,43 @@
   var XML_NAMESPACE = 'http://www.w3.org/XML/1998/namespace';
   var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
   var XLINK_NAMESPACE = 'http://www.w3.org/1999/xlink';
-  /**
-   * Map composed of properties to attributes not following the HTML property to attribute mapping
-   * convention.
+
+  /*
+   * Copyright (c) 2020, salesforce.com, inc.
+   * All rights reserved.
+   * SPDX-License-Identifier: MIT
+   * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
-  var NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING = new Map([['accessKey', 'accesskey'], ['readOnly', 'readonly'], ['tabIndex', 'tabindex'], ['bgColor', 'bgcolor'], ['colSpan', 'colspan'], ['rowSpan', 'rowspan'], ['contentEditable', 'contenteditable'], ['crossOrigin', 'crossorigin'], ['dateTime', 'datetime'], ['formAction', 'formaction'], ['isMap', 'ismap'], ['maxLength', 'maxlength'], ['minLength', 'minlength'], ['noValidate', 'novalidate'], ['useMap', 'usemap'], ['htmlFor', 'for']]);
+  var CAMEL_REGEX = /-([a-z])/g;
+  // Convoluted map generation so that @lwc/shared remains fully tree-shakable (verify-treeshakable)
+  var _ref2 = /*#__PURE__*/function () {
+      /**
+       * Map composed of properties to attributes not following the HTML property to attribute mapping
+       * convention.
+       */
+      var NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING = new Map([['accessKey', 'accesskey'], ['readOnly', 'readonly'], ['tabIndex', 'tabindex'], ['bgColor', 'bgcolor'], ['colSpan', 'colspan'], ['rowSpan', 'rowspan'], ['contentEditable', 'contenteditable'], ['crossOrigin', 'crossorigin'], ['dateTime', 'datetime'], ['formAction', 'formaction'], ['isMap', 'ismap'], ['maxLength', 'maxlength'], ['minLength', 'minlength'], ['noValidate', 'novalidate'], ['useMap', 'usemap'], ['htmlFor', 'for']]);
+      /**
+       * Inverted map with attribute name key and property name value.
+       */
+      var NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING = new Map();
+      NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING.forEach(function (value, key) {
+        return NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING.set(value, key);
+      });
+      return {
+        NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING: NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING,
+        NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING: NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING
+      };
+    }(),
+    NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING = _ref2.NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING,
+    NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING = _ref2.NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING;
   /**
    * Map associating previously transformed HTML property into HTML attribute.
    */
   var CACHED_PROPERTY_ATTRIBUTE_MAPPING = new Map();
+  /**
+   * Map associating previously transformed HTML attribute into HTML property.
+   */
+  var CACHED_ATTRIBUTE_PROPERTY_MAPPING = new Map();
   function htmlPropertyToAttribute(propName) {
     var ariaAttributeName = AriaPropNameToAttrNameMap[propName];
     if (!isUndefined$1(ariaAttributeName)) {
@@ -284,7 +312,26 @@
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.30.1 */
+  function htmlAttributeToProperty(attrName) {
+    var ariaPropertyName = AriaAttrNameToPropNameMap[attrName];
+    if (!isUndefined$1(ariaPropertyName)) {
+      return ariaPropertyName;
+    }
+    var specialPropertyName = NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING.get(attrName);
+    if (!isUndefined$1(specialPropertyName)) {
+      return specialPropertyName;
+    }
+    var cachedPropertyName = CACHED_ATTRIBUTE_PROPERTY_MAPPING.get(attrName);
+    if (!isUndefined$1(cachedPropertyName)) {
+      return cachedPropertyName;
+    }
+    var propertyName = StringReplace.call(attrName, CAMEL_REGEX, function (g) {
+      return g[1].toUpperCase();
+    });
+    CACHED_ATTRIBUTE_PROPERTY_MAPPING.set(attrName, propertyName);
+    return propertyName;
+  }
+  /** version: 2.30.3 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -365,7 +412,7 @@
       patch$1(propName);
     }
   }
-  /** version: 2.30.1 */
+  /** version: 2.30.3 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -2749,7 +2796,7 @@
    * SPDX-License-Identifier: MIT
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
-  var ColonCharCode = 58;
+  var ColonCharCode$1 = 58;
   function patchAttributes(oldVnode, vnode, renderer) {
     var attrs = vnode.data.attrs;
     if (isUndefined$1(attrs)) {
@@ -2767,10 +2814,10 @@
       var old = oldAttrs[key];
       if (old !== cur) {
         unlockAttribute(elm, key);
-        if (StringCharCodeAt.call(key, 3) === ColonCharCode) {
+        if (StringCharCodeAt.call(key, 3) === ColonCharCode$1) {
           // Assume xml namespace
           setAttribute(elm, key, cur, XML_NAMESPACE);
-        } else if (StringCharCodeAt.call(key, 5) === ColonCharCode) {
+        } else if (StringCharCodeAt.call(key, 5) === ColonCharCode$1) {
           // Assume xlink namespace
           setAttribute(elm, key, cur, XLINK_NAMESPACE);
         } else if (isNull(cur) || isUndefined$1(cur)) {
@@ -2783,6 +2830,45 @@
     }
   }
 
+  /*
+   * Copyright (c) 2018, salesforce.com, inc.
+   * All rights reserved.
+   * SPDX-License-Identifier: MIT
+   * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+   */
+  var ColonCharCode = 58;
+  function patchAttrUnlessProp(oldVnode, vnode, renderer) {
+    var attrs = vnode.data.attrs,
+      elm = vnode.elm;
+    if (isUndefined$1(attrs)) {
+      return;
+    }
+    var removeAttribute = renderer.removeAttribute,
+      setAttribute = renderer.setAttribute,
+      setProperty = renderer.setProperty;
+    var oldAttrs = isNull(oldVnode) ? EmptyObject : oldVnode.data.attrs;
+    for (var name in attrs) {
+      var cur = attrs[name];
+      var old = oldAttrs[name];
+      if (old !== cur) {
+        var _propName2 = htmlAttributeToProperty(name);
+        if (_propName2 in elm) {
+          setProperty(elm, name, cur);
+        } else if (StringCharCodeAt.call(name, 3) === ColonCharCode) {
+          // Assume xml namespace
+          setAttribute(elm, name, cur, XML_NAMESPACE);
+        } else if (StringCharCodeAt.call(name, 5) === ColonCharCode) {
+          // Assume xlink namespace
+          setAttribute(elm, name, cur, XLINK_NAMESPACE);
+        } else if (isNull(cur) || isUndefined$1(cur)) {
+          removeAttribute(elm, name);
+        } else {
+          setAttribute(elm, name, cur);
+        }
+      }
+    }
+  }
+
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -3147,16 +3233,16 @@
       // 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
@@ -3305,7 +3391,11 @@
     // value is set before type=radio.
     patchClassAttribute(oldVnode, vnode, renderer);
     patchStyleAttribute(oldVnode, vnode, renderer);
-    patchAttributes(oldVnode, vnode, renderer);
+    if (vnode.data.external) {
+      patchAttrUnlessProp(oldVnode, vnode, renderer);
+    } else {
+      patchAttributes(oldVnode, vnode, renderer);
+    }
     patchProps(oldVnode, vnode, renderer);
   }
   function applyStyleScoping(elm, owner, renderer) {
@@ -3666,38 +3756,39 @@
   // [s]lot element node
   function s(slotName, data, children, slotset) {
     if (!isUndefined$1(slotset) && !isUndefined$1(slotset.slotAssignments) && !isUndefined$1(slotset.slotAssignments[slotName]) && slotset.slotAssignments[slotName].length !== 0) {
-      children = slotset.slotAssignments[slotName].reduce(function (accumulator, vnode) {
-        if (vnode) {
+      var newChildren = [];
+      var slotAssignments = slotset.slotAssignments[slotName];
+      for (var _i19 = 0; _i19 < slotAssignments.length; _i19++) {
+        var vnode = slotAssignments[_i19];
+        if (!isNull(vnode)) {
           var assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode);
           // The only sniff test for a scoped <slot> element is the presence of `slotData`
           var isScopedSlotElement = !isUndefined$1(data.slotData);
           // Check if slot types of parent and child are matching
           if (assignedNodeIsScopedSlot !== isScopedSlotElement) {
             // Ignore slot content from parent
-            return accumulator;
+            continue;
           }
           // If the passed slot content is factory, evaluate it and add the produced vnodes
           if (assignedNodeIsScopedSlot) {
             var vmBeingRenderedInception = getVMBeingRendered();
-            var scopedSlotChildren = [];
             // Evaluate in the scope of the slot content's owner
             // if a slotset is provided, there will always be an owner. The only case where owner is
             // undefined is for root components, but root components cannot accept slotted content
             setVMBeingRendered(slotset.owner);
             try {
-              scopedSlotChildren = vnode.factory(data.slotData);
+              ArrayPush$1.apply(newChildren, vnode.factory(data.slotData));
             } finally {
               setVMBeingRendered(vmBeingRenderedInception);
             }
-            return ArrayConcat$1.call(accumulator, scopedSlotChildren);
           } else {
             // If the slot content is standard type, the content is static, no additional
             // processing needed on the vnode
-            return ArrayConcat$1.call(accumulator, vnode);
+            ArrayPush$1.call(newChildren, vnode);
           }
         }
-        return accumulator;
-      }, []);
+      }
+      children = newChildren;
     }
     var vmBeingRendered = getVMBeingRendered();
     var renderMode = vmBeingRendered.renderMode,
@@ -4047,23 +4138,23 @@
         var classAttrToken = hasScopedStyles && hasStyleToken ? " class=\"".concat(stylesheetToken, "\"") : '';
         var attrToken = hasStyleToken && isSyntheticShadow ? ' ' + stylesheetToken : '';
         var htmlFragment = '';
-        for (var _i19 = 0, n = keys.length; _i19 < n; _i19++) {
-          switch (keys[_i19]) {
+        for (var _i20 = 0, n = keys.length; _i20 < n; _i20++) {
+          switch (keys[_i20]) {
             case 0:
               // styleToken in existing class attr
-              htmlFragment += strings[_i19] + classToken;
+              htmlFragment += strings[_i20] + classToken;
               break;
             case 1:
               // styleToken for added class attr
-              htmlFragment += strings[_i19] + classAttrToken;
+              htmlFragment += strings[_i20] + classAttrToken;
               break;
             case 2:
               // styleToken as attr
-              htmlFragment += strings[_i19] + attrToken;
+              htmlFragment += strings[_i20] + attrToken;
               break;
             case 3:
               // ${1}${2}
-              htmlFragment += strings[_i19] + classAttrToken + attrToken;
+              htmlFragment += strings[_i20] + classAttrToken + attrToken;
               break;
           }
         }
@@ -4154,8 +4245,8 @@
   function computeHasScopedStyles(template) {
     var stylesheets = template.stylesheets;
     if (!isUndefined$1(stylesheets)) {
-      for (var _i20 = 0; _i20 < stylesheets.length; _i20++) {
-        if (isTrue(stylesheets[_i20][KEY__SCOPED_CSS])) {
+      for (var _i21 = 0; _i21 < stylesheets.length; _i21++) {
+        if (isTrue(stylesheets[_i21][KEY__SCOPED_CSS])) {
           return true;
         }
       }
@@ -4252,8 +4343,8 @@
    */
   function registerComponent(
   // We typically expect a LightningElementConstructor, but technically you can call this with anything
-  Ctor, _ref2) {
-    var tmpl = _ref2.tmpl;
+  Ctor, _ref3) {
+    var tmpl = _ref3.tmpl;
     if (isFunction$1(Ctor)) {
       signedTemplateMap.set(Ctor, tmpl);
     }
@@ -4313,8 +4404,8 @@
    * subject to change or being removed.
    */
   function register(service) {
-    for (var _i21 = 0; _i21 < hooks.length; ++_i21) {
-      var hookName = hooks[_i21];
+    for (var _i22 = 0; _i22 < hooks.length; ++_i22) {
+      var hookName = hooks[_i22];
       if (hookName in service) {
         var l = Services[hookName];
         if (isUndefined$1(l)) {
@@ -4328,8 +4419,8 @@
     var component = vm.component,
       def = vm.def,
       context = vm.context;
-    for (var _i22 = 0, len = cbs.length; _i22 < len; ++_i22) {
-      cbs[_i22].call(undefined, component, {}, def, context);
+    for (var _i23 = 0, len = cbs.length; _i23 < len; ++_i23) {
+      cbs[_i23].call(undefined, component, {}, def, context);
     }
   }
 
@@ -4575,17 +4666,17 @@
       return a.idx - b.idx;
     });
     rehydrateQueue = []; // reset to a new queue
-    for (var _i23 = 0, len = vms.length; _i23 < len; _i23 += 1) {
-      var vm = vms[_i23];
+    for (var _i24 = 0, len = vms.length; _i24 < len; _i24 += 1) {
+      var vm = vms[_i24];
       try {
         rehydrate(vm);
       } catch (error) {
-        if (_i23 + 1 < len) {
+        if (_i24 + 1 < len) {
           // pieces of the queue are still pending to be rehydrated, those should have priority
           if (rehydrateQueue.length === 0) {
             addCallbackToNextTick(flushRehydrationQueue);
           }
-          ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, _i23 + 1));
+          ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, _i24 + 1));
         }
         // we need to end the measure before throwing.
         logGlobalOperationEnd(8 /* OperationId.GlobalRehydrate */);
@@ -4651,8 +4742,8 @@
     var vCustomElementCollection = vm.velements;
     // Reporting disconnection for every child in inverse order since they are
     // inserted in reserved order.
-    for (var _i24 = vCustomElementCollection.length - 1; _i24 >= 0; _i24 -= 1) {
-      var elm = vCustomElementCollection[_i24].elm;
+    for (var _i25 = vCustomElementCollection.length - 1; _i25 >= 0; _i25 -= 1) {
+      var elm = vCustomElementCollection[_i25].elm;
       // There are two cases where the element could be undefined:
       // * when there is an error during the construction phase, and an error
       //   boundary picks it, there is a possibility that the VCustomElement
@@ -4683,8 +4774,8 @@
    * defined on its shadow.
    */
   function recursivelyDisconnectChildren(vnodes) {
-    for (var _i25 = 0, len = vnodes.length; _i25 < len; _i25 += 1) {
-      var vnode = vnodes[_i25];
+    for (var _i26 = 0, len = vnodes.length; _i26 < len; _i26 += 1) {
+      var vnode = vnodes[_i26];
       if (!isNull(vnode) && !isUndefined$1(vnode.elm)) {
         switch (vnode.type) {
           case 2 /* VNodeType.Element */:
@@ -4708,8 +4799,8 @@
     var children = vm.children,
       renderRoot = vm.renderRoot,
       remove = vm.renderer.remove;
-    for (var _i26 = 0, len = children.length; _i26 < len; _i26++) {
-      var child = children[_i26];
+    for (var _i27 = 0, len = children.length; _i27 < len; _i27++) {
+      var child = children[_i27];
       if (!isNull(child) && !isUndefined$1(child.elm)) {
         remove(child.elm, renderRoot);
       }
@@ -4775,10 +4866,10 @@
   var WireContextRegistrationEvent = /*#__PURE__*/function (_CustomEvent) {
     _inherits(WireContextRegistrationEvent, _CustomEvent);
     var _super5 = _createSuper(WireContextRegistrationEvent);
-    function WireContextRegistrationEvent(adapterToken, _ref3) {
+    function WireContextRegistrationEvent(adapterToken, _ref4) {
       var _this4;
-      var setNewContext = _ref3.setNewContext,
-        setDisconnectedCallback = _ref3.setDisconnectedCallback;
+      var setNewContext = _ref4.setNewContext,
+        setDisconnectedCallback = _ref4.setDisconnectedCallback;
       _classCallCheck(this, WireContextRegistrationEvent);
       _this4 = _super5.call(this, adapterToken, {
         bubbles: true,
@@ -5005,16 +5096,16 @@
   }
   function connectWireAdapters(vm) {
     var wiredConnecting = vm.context.wiredConnecting;
-    for (var _i27 = 0, len = wiredConnecting.length; _i27 < len; _i27 += 1) {
-      wiredConnecting[_i27]();
+    for (var _i28 = 0, len = wiredConnecting.length; _i28 < len; _i28 += 1) {
+      wiredConnecting[_i28]();
     }
   }
   function disconnectWireAdapters(vm) {
     var wiredDisconnecting = vm.context.wiredDisconnecting;
     runWithBoundaryProtection(vm, vm, noop, function () {
       // job
-      for (var _i28 = 0, len = wiredDisconnecting.length; _i28 < len; _i28 += 1) {
-        wiredDisconnecting[_i28]();
+      for (var _i29 = 0, len = wiredDisconnecting.length; _i29 < len; _i29 += 1) {
+        wiredDisconnecting[_i29]();
       }
     }, noop);
   }
@@ -5224,8 +5315,8 @@
     var nextNode = node;
     var anchor = null;
     var renderer = owner.renderer;
-    for (var _i29 = 0; _i29 < children.length; _i29++) {
-      var childVnode = children[_i29];
+    for (var _i30 = 0; _i30 < children.length; _i30++) {
+      var childVnode = children[_i30];
       if (!isNull(childVnode)) {
         if (nextNode) {
           nextNode = hydrateNode(nextNode, childVnode, renderer);
@@ -5286,8 +5377,8 @@
     var nodesAreCompatible = true;
     // Validate attributes, though we could always recovery from those by running the update mods.
     // Note: intentionally ONLY matching vnodes.attrs to elm.attrs, in case SSR is adding extra attributes.
-    for (var _i30 = 0, _Object$entries = Object.entries(attrs); _i30 < _Object$entries.length; _i30++) {
-      var _Object$entries$_i = _slicedToArray(_Object$entries[_i30], 2),
+    for (var _i31 = 0, _Object$entries = Object.entries(attrs); _i31 < _Object$entries.length; _i31++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i31], 2),
         attrName = _Object$entries$_i[0],
         attrValue = _Object$entries$_i[1];
       vnode.owner;
@@ -5374,8 +5465,8 @@
       var parsedVnodeStyle = parseStyleText(elmStyle);
       var expectedStyle = [];
       // styleMap is used when style is set to static value.
-      for (var _i31 = 0, n = styleDecls.length; _i31 < n; _i31++) {
-        var _styleDecls$_i2 = _slicedToArray(styleDecls[_i31], 3),
+      for (var _i32 = 0, n = styleDecls.length; _i32 < n; _i32++) {
+        var _styleDecls$_i2 = _slicedToArray(styleDecls[_i32], 3),
           prop = _styleDecls$_i2[0],
           value = _styleDecls$_i2[1],
           important = _styleDecls$_i2[2];
@@ -5660,9 +5751,11 @@
   // 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) {
@@ -5673,32 +5766,34 @@
         // 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
@@ -5758,17 +5853,27 @@
       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
@@ -5847,6 +5952,34 @@
               }
             }
           }
+        }, {
+          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() {
@@ -5870,6 +6003,8 @@
         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;
     }
@@ -6240,9 +6375,9 @@
   // 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() {
@@ -6252,26 +6387,27 @@
         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);
   }
@@ -6366,7 +6502,7 @@
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.30.1 */
+      /** version: 2.30.3 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -6444,7 +6580,7 @@
           doc.body.innerHTML = html;
           var content = doc.body;
           if (!isUndefined(wrapperTags)) {
-            for (var _i32 = 0; _i32 < wrapperTags.length; _i32++) {
+            for (var _i33 = 0; _i33 < wrapperTags.length; _i33++) {
               content = content.firstChild;
             }
           }
@@ -6637,8 +6773,8 @@
       tagName: element.tagName.toLowerCase(),
       hydrated: true
     });
-    for (var _i33 = 0, _Object$entries2 = Object.entries(props); _i33 < _Object$entries2.length; _i33++) {
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i33], 2),
+    for (var _i34 = 0, _Object$entries2 = Object.entries(props); _i34 < _Object$entries2.length; _i34++) {
+      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i34], 2),
         key = _Object$entries2$_i[0],
         value = _Object$entries2$_i[1];
       element[key] = value;
@@ -6844,16 +6980,16 @@
         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;
   }
@@ -6925,7 +7061,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.30.1 */
+  /* version: 2.30.3 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;