lwc 2.32.0 → 2.33.0

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

@@ -7,9 +7,7 @@
   function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf2(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
   function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
   function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
-  function _get2() { if (typeof Reflect !== "undefined" && Reflect.get) { _get2 = Reflect.get.bind(); } else { _get2 = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get2.apply(this, arguments); }
-  function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf2(object); if (object === null) break; } return object; }
-  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
   function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
   function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -18,15 +16,17 @@
   function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
   function _getPrototypeOf2(o) { _getPrototypeOf2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf2(o); }
   function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
   function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
   function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
   function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
   function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
   function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
   function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
   function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-  function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
   function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -181,6 +181,9 @@
    * The above list of 46 aria attributes is consistent with the following resources:
    * https://github.com/w3c/aria/pull/708/files#diff-eacf331f0ffc35d4b482f1d15a887d3bR11060
    * https://wicg.github.io/aom/spec/aria-reflection.html
+   *
+   * NOTE: If you update this list, please update test files that implicitly reference this list!
+   * Searching the codebase for `aria-flowto` and `ariaFlowTo` should be good enough to find all usages.
    */
   var AriaPropertyNames = ['ariaActiveDescendant', 'ariaAtomic', 'ariaAutoComplete', 'ariaBusy', 'ariaChecked', 'ariaColCount', 'ariaColIndex', 'ariaColSpan', 'ariaControls', 'ariaCurrent', 'ariaDescribedBy', 'ariaDetails', 'ariaDisabled', 'ariaErrorMessage', 'ariaExpanded', 'ariaFlowTo', 'ariaHasPopup', 'ariaHidden', 'ariaInvalid', 'ariaKeyShortcuts', 'ariaLabel', 'ariaLabelledBy', 'ariaLevel', 'ariaLive', 'ariaModal', 'ariaMultiLine', 'ariaMultiSelectable', 'ariaOrientation', 'ariaOwns', 'ariaPlaceholder', 'ariaPosInSet', 'ariaPressed', 'ariaReadOnly', 'ariaRelevant', 'ariaRequired', 'ariaRoleDescription', 'ariaRowCount', 'ariaRowIndex', 'ariaRowSpan', 'ariaSelected', 'ariaSetSize', 'ariaSort', 'ariaValueMax', 'ariaValueMin', 'ariaValueNow', 'ariaValueText', 'role'];
   var _ref = /*@__PURE__*/function () {
@@ -349,90 +352,9 @@
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // Increment whenever the LWC template compiler changes
-  var LWC_VERSION = "2.32.0";
+  var LWC_VERSION = "2.33.0";
   var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.32.0 */
-
-  /**
-   * Copyright (C) 2018 salesforce.com, inc.
-   */
-
-  /*
-   * 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
-   */
-  function detect(propName) {
-    return getOwnPropertyDescriptor$1(Element.prototype, propName) === undefined;
-  }
-
-  /*
-   * 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 nodeToAriaPropertyValuesMap = new WeakMap();
-  function getAriaPropertyMap(elm) {
-    var map = nodeToAriaPropertyValuesMap.get(elm);
-    if (map === undefined) {
-      map = {};
-      nodeToAriaPropertyValuesMap.set(elm, map);
-    }
-    return map;
-  }
-  function getNormalizedAriaPropertyValue(value) {
-    return value == null ? null : String(value);
-  }
-  function createAriaPropertyPropertyDescriptor(propName, attrName) {
-    return {
-      get: function get() {
-        var map = getAriaPropertyMap(this);
-        if (hasOwnProperty$1.call(map, propName)) {
-          return map[propName];
-        }
-        // otherwise just reflect what's in the attribute
-        return this.hasAttribute(attrName) ? this.getAttribute(attrName) : null;
-      },
-      set: function set(newValue) {
-        var normalizedValue = getNormalizedAriaPropertyValue(newValue);
-        var map = getAriaPropertyMap(this);
-        map[propName] = normalizedValue;
-        // reflect into the corresponding attribute
-        if (newValue === null) {
-          this.removeAttribute(attrName);
-        } else {
-          this.setAttribute(attrName, newValue);
-        }
-      },
-      configurable: true,
-      enumerable: true
-    };
-  }
-  function patch$1(propName) {
-    // Typescript is inferring the wrong function type for this particular
-    // overloaded method: https://github.com/Microsoft/TypeScript/issues/27972
-    // @ts-ignore type-mismatch
-    var attrName = AriaPropNameToAttrNameMap[propName];
-    var descriptor = createAriaPropertyPropertyDescriptor(propName, attrName);
-    Object.defineProperty(Element.prototype, propName, descriptor);
-  }
-
-  /*
-   * 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 ElementPrototypeAriaPropertyNames = keys(AriaPropNameToAttrNameMap);
-  for (var _i2 = 0, len = ElementPrototypeAriaPropertyNames.length; _i2 < len; _i2 += 1) {
-    var propName = ElementPrototypeAriaPropertyNames[_i2];
-    if (detect(propName)) {
-      patch$1(propName);
-    }
-  }
-  /** version: 2.32.0 */
+  /** version: 2.33.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -446,19 +368,15 @@
    */
   var features = {
     DUMMY_TEST_FLAG: null,
-    ENABLE_ELEMENT_PATCH: null,
     ENABLE_FORCE_NATIVE_SHADOW_MODE_FOR_TEST: null,
-    ENABLE_HTML_COLLECTIONS_PATCH: null,
-    ENABLE_INNER_OUTER_TEXT_PATCH: null,
     ENABLE_MIXED_SHADOW_MODE: null,
     ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE: null,
-    ENABLE_NODE_LIST_PATCH: null,
-    ENABLE_NODE_PATCH: null,
-    ENABLE_REACTIVE_SETTER: null,
     ENABLE_WIRE_SYNC_EMIT: null,
     ENABLE_LIGHT_GET_ROOT_NODE_PATCH: null,
     DISABLE_LIGHT_DOM_UNSCOPED_CSS: null,
-    ENABLE_SCOPED_CUSTOM_ELEMENT_REGISTRY: null
+    ENABLE_SCOPED_CUSTOM_ELEMENT_REGISTRY: null,
+    ENABLE_FROZEN_TEMPLATE: null,
+    DISABLE_ARIA_REFLECTION_POLYFILL: null
   };
   if (!_globalThis.lwcRuntimeFlags) {
     Object.defineProperty(_globalThis, 'lwcRuntimeFlags', {
@@ -514,7 +432,83 @@
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.32.0 */
+  /** version: 2.33.0 */
+
+  /**
+   * Copyright (C) 2018 salesforce.com, inc.
+   */
+
+  /*
+   * 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
+   */
+  function detect(propName, prototype) {
+    return isUndefined$1(getOwnPropertyDescriptor$1(prototype, propName));
+  }
+
+  /*
+   * 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
+   */
+  function createAriaPropertyPropertyDescriptor(attrName) {
+    // Note that we need to call this.{get,set,has,remove}Attribute rather than dereferencing
+    // from Element.prototype, because these methods are overridden in LightningElement.
+    return {
+      get: function get() {
+        // reflect what's in the attribute
+        return this.hasAttribute(attrName) ? this.getAttribute(attrName) : null;
+      },
+      set: function set(newValue) {
+        // reflect into the corresponding attribute
+        if (isNull(newValue)) {
+          this.removeAttribute(attrName);
+        } else {
+          this.setAttribute(attrName, newValue);
+        }
+      },
+      configurable: true,
+      enumerable: true
+    };
+  }
+  function patch$1(propName, prototype) {
+    var attrName = AriaPropNameToAttrNameMap[propName];
+    var descriptor = createAriaPropertyPropertyDescriptor(attrName);
+    defineProperty(prototype, propName, descriptor);
+  }
+
+  /*
+   * 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
+   */
+  function applyAriaReflection() {
+    var prototype = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Element.prototype;
+    var ElementPrototypeAriaPropertyNames = keys(AriaPropNameToAttrNameMap);
+    for (var _i2 = 0, len = ElementPrototypeAriaPropertyNames.length; _i2 < len; _i2 += 1) {
+      var propName = ElementPrototypeAriaPropertyNames[_i2];
+      if (detect(propName, prototype)) {
+        patch$1(propName, prototype);
+      }
+    }
+  }
+  /** version: 2.33.0 */
+
+  /*
+   * 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
+   */
+  if (!lwcRuntimeFlags.DISABLE_ARIA_REFLECTION_POLYFILL) {
+    // If DISABLE_ARIA_REFLECTION_POLYFILL is false, then we need to apply the ARIA reflection polyfill globally,
+    // i.e. to the global Element.prototype
+    applyAriaReflection();
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -582,7 +576,7 @@
     }
     var callbacks = nextTickCallbackQueue;
     nextTickCallbackQueue = []; // reset to a new queue
-    for (var _i3 = 0, _len = callbacks.length; _i3 < _len; _i3 += 1) {
+    for (var _i3 = 0, len = callbacks.length; _i3 < len; _i3 += 1) {
       callbacks[_i3]();
     }
   }
@@ -700,7 +694,7 @@
     if (!isUndefined$1(reactiveRecord)) {
       var reactiveObservers = reactiveRecord[key];
       if (!isUndefined$1(reactiveObservers)) {
-        for (var _i5 = 0, _len2 = reactiveObservers.length; _i5 < _len2; _i5 += 1) {
+        for (var _i5 = 0, len = reactiveObservers.length; _i5 < len; _i5 += 1) {
           var ro = reactiveObservers[_i5];
           ro.notify();
         }
@@ -1102,7 +1096,7 @@
       })
     };
     // Apply extra restriction related to DOM manipulation if the element is not a portal.
-    if (!options.isLight && !options.isPortal) {
+    if (!options.isLight && options.isSynthetic && !options.isPortal) {
       var appendChild = elm.appendChild,
         insertBefore = elm.insertBefore,
         removeChild = elm.removeChild,
@@ -2473,6 +2467,17 @@
     lightningBasedDescriptors[propName] = createBridgeToElementDescriptor(propName, HTMLElementOriginalDescriptors[propName]);
   }
   defineProperties(LightningElement.prototype, lightningBasedDescriptors);
+  function applyAriaReflectionToLightningElement() {
+    // If ARIA reflection is not applied globally to Element.prototype, or if we are running server-side,
+    // apply it to LightningElement.prototype.
+    // This allows `this.aria*` property accessors to work from inside a component, and to reflect `aria-*` attrs.
+    applyAriaReflection(LightningElement.prototype);
+  }
+  // The reason for this odd if/else branching is limitations in @lwc/features:
+  // https://github.com/salesforce/lwc/blob/master/packages/%40lwc/features/README.md#only-works-with-if-statements
+  if (lwcRuntimeFlags.DISABLE_ARIA_REFLECTION_POLYFILL) {
+    applyAriaReflectionToLightningElement();
+  }
   defineProperty(LightningElement, 'CustomElementConstructor', {
     get: function get() {
       // If required, a runtime-specific implementation must be defined.
@@ -2498,56 +2503,6 @@
       configurable: true
     };
   }
-  var AccessorReactiveObserver = /*#__PURE__*/function (_ReactiveObserver) {
-    _inherits(AccessorReactiveObserver, _ReactiveObserver);
-    var _super3 = _createSuper(AccessorReactiveObserver);
-    function AccessorReactiveObserver(vm, set) {
-      var _this2;
-      _classCallCheck(this, AccessorReactiveObserver);
-      _this2 = _super3.call(this, function () {
-        if (isFalse(_this2.debouncing)) {
-          _this2.debouncing = true;
-          addCallbackToNextTick(function () {
-            if (isTrue(_this2.debouncing)) {
-              var _assertThisInitialize = _assertThisInitialized(_this2),
-                value = _assertThisInitialize.value;
-              var dirtyStateBeforeSetterCall = vm.isDirty,
-                component = vm.component,
-                _idx = vm.idx;
-              set.call(component, value);
-              // de-bouncing after the call to the original setter to prevent
-              // infinity loop if the setter itself is mutating things that
-              // were accessed during the previous invocation.
-              _this2.debouncing = false;
-              if (isTrue(vm.isDirty) && isFalse(dirtyStateBeforeSetterCall) && _idx > 0) {
-                // immediate rehydration due to a setter driven mutation, otherwise
-                // the component will get rendered on the second tick, which it is not
-                // desirable.
-                rerenderVM(vm);
-              }
-            }
-          });
-        }
-      });
-      _this2.debouncing = false;
-      return _this2;
-    }
-    _createClass(AccessorReactiveObserver, [{
-      key: "reset",
-      value: function reset(value) {
-        _get2(_getPrototypeOf2(AccessorReactiveObserver.prototype), "reset", this).call(this);
-        this.debouncing = false;
-        if (arguments.length > 0) {
-          this.value = value;
-        }
-      }
-    }]);
-    return AccessorReactiveObserver;
-  }(ReactiveObserver);
-  function createAccessorReactiveObserver(vm, set) {
-    // On the server side, we don't need mutation tracking. Skipping it improves performance.
-    return new AccessorReactiveObserver(vm, set);
-  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -2589,13 +2544,13 @@
     };
   }
   function createPublicAccessorDescriptor(key, descriptor) {
-    var _get3 = descriptor.get,
+    var _get2 = descriptor.get,
       _set2 = descriptor.set,
       enumerable = descriptor.enumerable,
       configurable = descriptor.configurable;
-    if (!isFunction$1(_get3)) {
+    if (!isFunction$1(_get2)) {
       if (process.env.NODE_ENV !== 'production') {
-        assert.invariant(isFunction$1(_get3), "Invalid compiler output for public accessor ".concat(toString$1(key), " decorated with @api"));
+        assert.invariant(isFunction$1(_get2), "Invalid compiler output for public accessor ".concat(toString$1(key), " decorated with @api"));
       }
       throw new Error();
     }
@@ -2605,10 +2560,9 @@
           // Assert that the this value is an actual Component with an associated VM.
           getAssociatedVM(this);
         }
-        return _get3.call(this);
+        return _get2.call(this);
       },
       set: function set(newValue) {
-        var _this3 = this;
         var vm = getAssociatedVM(this);
         if (process.env.NODE_ENV !== 'production') {
           var _vmBeingRendered4 = getVMBeingRendered();
@@ -2616,22 +2570,7 @@
           assert.invariant(!isUpdatingTemplate, "Updating the template of ".concat(_vmBeingRendered4, " has side effects on the state of ").concat(vm, ".").concat(toString$1(key)));
         }
         if (_set2) {
-          if (lwcRuntimeFlags.ENABLE_REACTIVE_SETTER) {
-            var ro = vm.oar[key];
-            if (isUndefined$1(ro)) {
-              ro = vm.oar[key] = createAccessorReactiveObserver(vm, _set2);
-            }
-            // every time we invoke this setter from outside (through this wrapper setter)
-            // we should reset the value and then debounce just in case there is a pending
-            // invocation the next tick that is not longer relevant since the value is changing
-            // from outside.
-            ro.reset(newValue);
-            ro.observe(function () {
-              _set2.call(_this3, newValue);
-            });
-          } else {
-            _set2.call(this, newValue);
-          }
+          _set2.call(this, newValue);
         } else if (process.env.NODE_ENV !== 'production') {
           assert.fail("Invalid attempt to set a new value for property ".concat(toString$1(key), " of ").concat(vm, " that does not has a setter decorated with @api."));
         }
@@ -2970,13 +2909,6 @@
       }
     }
   }
-
-  /*
-   * 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 signedTemplateSet = new Set();
   function defaultEmptyTemplate() {
     return [];
@@ -2994,32 +2926,6 @@
       checkVersionMismatch(tpl, 'template');
     }
     signedTemplateSet.add(tpl);
-    // FIXME[@W-10950976]: the template object should be frozen, and it should not be possible to set
-    // the stylesheets or stylesheetToken(s). For backwards compat, though, we shim stylesheetTokens
-    // on top of stylesheetToken for anyone who is accessing the old internal API.
-    // Details: https://salesforce.quip.com/v1rmAFu2cKAr
-    defineProperty(tpl, 'stylesheetTokens', {
-      enumerable: true,
-      configurable: true,
-      get: function get() {
-        var stylesheetToken = this.stylesheetToken;
-        if (isUndefined$1(stylesheetToken)) {
-          return stylesheetToken;
-        }
-        // Shim for the old `stylesheetTokens` property
-        // See https://github.com/salesforce/lwc/pull/2332/files#diff-7901555acef29969adaa6583185b3e9bce475cdc6f23e799a54e0018cb18abaa
-        return {
-          hostAttribute: "".concat(stylesheetToken, "-host"),
-          shadowAttribute: stylesheetToken
-        };
-      },
-      set: function set(value) {
-        // If the value is null or some other exotic object, you would be broken anyway in the past
-        // because the engine would try to access hostAttribute/shadowAttribute, which would throw an error.
-        // However it may be undefined in newer versions of LWC, so we need to guard against that case.
-        this.stylesheetToken = isUndefined$1(value) ? undefined : value.shadowAttribute;
-      }
-    });
     // chaining this method as a way to wrap existing
     // assignment of templates easily, without too much transformation
     return tpl;
@@ -3120,10 +3026,10 @@
     if (isFunction$1(SuperClass)) {
       HTMLBridgeElement = /*#__PURE__*/function (_SuperClass) {
         _inherits(HTMLBridgeElement, _SuperClass);
-        var _super4 = _createSuper(HTMLBridgeElement);
+        var _super3 = _createSuper(HTMLBridgeElement);
         function HTMLBridgeElement() {
           _classCallCheck(this, HTMLBridgeElement);
-          return _super4.apply(this, arguments);
+          return _super3.apply(this, arguments);
         }
         return _createClass(HTMLBridgeElement);
       }(SuperClass);
@@ -3161,7 +3067,7 @@
       };
     }
     // expose public methods as props on the new Element Bridge
-    for (var _i10 = 0, _len3 = methods.length; _i10 < _len3; _i10 += 1) {
+    for (var _i10 = 0, _len = methods.length; _i10 < _len; _i10 += 1) {
       var methodName = methods[_i10];
       descriptors[methodName] = {
         value: createMethodCaller(methodName),
@@ -3187,6 +3093,20 @@
     return HTMLBridgeElement;
   }
   var BaseBridgeElement = HTMLBridgeElementFactory(HTMLElementConstructor, getOwnPropertyNames$1(HTMLElementOriginalDescriptors), []);
+  {
+    // This ARIA reflection only really makes sense in the browser. On the server, there is no `renderedCallback()`,
+    // so you cannot do e.g. `this.template.querySelector('x-child').ariaBusy = 'true'`. So we don't need to expose
+    // ARIA props outside the LightningElement
+    if (lwcRuntimeFlags.DISABLE_ARIA_REFLECTION_POLYFILL) {
+      // If ARIA reflection is not applied globally to Element.prototype, apply it to HTMLBridgeElement.prototype.
+      // This allows `elm.aria*` property accessors to work from outside a component, and to reflect `aria-*` attrs.
+      // This is especially important because the template compiler compiles aria-* attrs on components to aria* props
+      //
+      // Also note that we apply this to BaseBridgeElement.prototype to avoid excessively redefining property
+      // accessors inside the HTMLBridgeElementFactory.
+      applyAriaReflection(BaseBridgeElement.prototype);
+    }
+  }
   freeze(BaseBridgeElement);
   seal(BaseBridgeElement.prototype);
 
@@ -4521,11 +4441,13 @@
   function applyElementRestrictions(elm, vnode) {
     var _a, _b;
     if (process.env.NODE_ENV !== 'production') {
+      var isSynthetic = vnode.owner.shadowMode === 1 /* ShadowMode.Synthetic */;
       var isPortal = vnode.type === 2 /* VNodeType.Element */ && ((_b = (_a = vnode.data.context) === null || _a === void 0 ? void 0 : _a.lwc) === null || _b === void 0 ? void 0 : _b.dom) === "manual" /* LwcDomMode.Manual */;
       var isLight = vnode.owner.renderMode === 0 /* RenderMode.Light */;
       patchElementWithRestrictions(elm, {
         isPortal: isPortal,
-        isLight: isLight
+        isLight: isLight,
+        isSynthetic: isSynthetic
       });
     }
   }
@@ -4929,7 +4851,7 @@
             // undefined is for root components, but root components cannot accept slotted content
             setVMBeingRendered(slotset.owner);
             try {
-              ArrayPush$1.apply(newChildren, vnode.factory(data.slotData));
+              ArrayPush$1.call(newChildren, vnode.factory(data.slotData, data.key));
             } finally {
               setVMBeingRendered(vmBeingRenderedInception);
             }
@@ -5404,7 +5326,7 @@
   }
   function buildParseFragmentFn(createFragmentFn) {
     return function (strings) {
-      for (var _len4 = arguments.length, keys = new Array(_len4 > 1 ? _len4 - 1 : 0), _key3 = 1; _key3 < _len4; _key3++) {
+      for (var _len2 = arguments.length, keys = new Array(_len2 > 1 ? _len2 - 1 : 0), _key3 = 1; _key3 < _len2; _key3++) {
         keys[_key3 - 1] = arguments[_key3];
       }
       var cache = create(null);
@@ -5815,14 +5737,9 @@
   function resetComponentStateWhenRemoved(vm) {
     var state = vm.state;
     if (state !== 2 /* VMState.disconnected */) {
-      var oar = vm.oar,
-        tro = vm.tro;
+      var tro = vm.tro;
       // Making sure that any observing record will not trigger the rehydrated on this vm
       tro.reset();
-      // Making sure that any observing accessor record will not trigger the setter to be reinvoked
-      for (var key in oar) {
-        oar[key].reset();
-      }
       runDisconnectedCallback(vm);
       // Spec: https://dom.spec.whatwg.org/#concept-node-remove (step 14-15)
       runChildNodesDisconnectedCallback(vm);
@@ -5873,7 +5790,6 @@
       cmpSlots: {
         slotAssignments: create(null)
       },
-      oar: create(null),
       cmpTemplate: null,
       hydrated: Boolean(hydrated),
       renderMode: def.renderMode,
@@ -6265,17 +6181,17 @@
   var WireMetaMap = new Map();
   var WireContextRegistrationEvent = /*#__PURE__*/function (_CustomEvent) {
     _inherits(WireContextRegistrationEvent, _CustomEvent);
-    var _super5 = _createSuper(WireContextRegistrationEvent);
+    var _super4 = _createSuper(WireContextRegistrationEvent);
     function WireContextRegistrationEvent(adapterToken, _ref4) {
-      var _this4;
+      var _this2;
       var setNewContext = _ref4.setNewContext,
         setDisconnectedCallback = _ref4.setDisconnectedCallback;
       _classCallCheck(this, WireContextRegistrationEvent);
-      _this4 = _super5.call(this, adapterToken, {
+      _this2 = _super4.call(this, adapterToken, {
         bubbles: true,
         composed: true
       });
-      defineProperties(_assertThisInitialized(_this4), {
+      defineProperties(_assertThisInitialized(_this2), {
         setNewContext: {
           value: setNewContext
         },
@@ -6283,7 +6199,7 @@
           value: setDisconnectedCallback
         }
       });
-      return _this4;
+      return _this2;
     }
     return _createClass(WireContextRegistrationEvent);
   }( /*#__PURE__*/_wrapNativeSuper(CustomEvent));
@@ -7034,6 +6950,10 @@
   var TEMPLATE_PROPS = ['slots', 'stylesheetToken', 'stylesheets', 'renderMode'];
   // Via https://www.npmjs.com/package/object-observer
   var ARRAY_MUTATION_METHODS = ['pop', 'push', 'shift', 'unshift', 'reverse', 'sort', 'fill', 'splice', 'copyWithin'];
+  // Expandos that may be placed on a stylesheet factory function, and which are meaningful to LWC at runtime
+  var STYLESHEET_FUNCTION_EXPANDOS = [
+  // SEE `KEY__SCOPED_CSS` in @lwc/style-compiler
+  '$scoped$'];
   function getOriginalArrayMethod(prop) {
     switch (prop) {
       case 'pop':
@@ -7057,7 +6977,7 @@
     }
   }
   var mutationWarningsSilenced = false;
-  // Warn if the user tries to mutate tmpl.stylesheets, e.g.:
+  // Warn if the user tries to mutate a stylesheets array, e.g.:
   // `tmpl.stylesheets.push(someStylesheetFunction)`
   function warnOnArrayMutation(stylesheets) {
     // We can't handle users calling Array.prototype.slice.call(tmpl.stylesheets), but
@@ -7083,54 +7003,145 @@
       _iterator4.f();
     }
   }
-  // TODO [#2782]: eventually freezeTemplate() will _actually_ freeze the tmpl object. Today it
-  // just warns on mutation.
+  // Warn if the user tries to mutate a stylesheet factory function, e.g.:
+  // `stylesheet.$scoped$ = true`
+  function warnOnStylesheetFunctionMutation(stylesheet) {
+    // We could warn on other properties, but in practice only certain expandos are meaningful to LWC at runtime
+    var _iterator5 = _createForOfIteratorHelper(STYLESHEET_FUNCTION_EXPANDOS),
+      _step5;
+    try {
+      var _loop3 = function _loop3() {
+        var prop = _step5.value;
+        var value = stylesheet[prop];
+        defineProperty(stylesheet, prop, {
+          enumerable: true,
+          configurable: true,
+          get: function get() {
+            return value;
+          },
+          set: function set(newValue) {
+            logError("Dynamically setting the \"".concat(prop, "\" property on a stylesheet function ") + "is deprecated and may be removed in a future version of LWC.");
+            value = newValue;
+          }
+        });
+      };
+      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+        _loop3();
+      }
+    } catch (err) {
+      _iterator5.e(err);
+    } finally {
+      _iterator5.f();
+    }
+  }
+  // Warn on either array or stylesheet (function) mutation, in a deeply-nested array
+  function warnOnStylesheetsMutation(stylesheets) {
+    traverseStylesheets(stylesheets, function (subStylesheets) {
+      if (isArray$1(subStylesheets)) {
+        warnOnArrayMutation(subStylesheets);
+      } else {
+        warnOnStylesheetFunctionMutation(subStylesheets);
+      }
+    });
+  }
+  // Deeply freeze the entire array (of arrays) of stylesheet factory functions
+  function deepFreeze(stylesheets) {
+    traverseStylesheets(stylesheets, function (subStylesheets) {
+      freeze(subStylesheets);
+    });
+  }
+  // Deep-traverse an array (of arrays) of stylesheet factory functions, and call the callback for every array/function
+  function traverseStylesheets(stylesheets, callback) {
+    callback(stylesheets);
+    for (var _i33 = 0; _i33 < stylesheets.length; _i33++) {
+      var stylesheet = stylesheets[_i33];
+      if (isArray$1(stylesheet)) {
+        traverseStylesheets(stylesheet, callback);
+      } else {
+        callback(stylesheet);
+      }
+    }
+  }
   function freezeTemplate(tmpl) {
-    if (process.env.NODE_ENV !== 'production') {
+    if (lwcRuntimeFlags.ENABLE_FROZEN_TEMPLATE) {
+      // Deep freeze the template
+      freeze(tmpl);
       if (!isUndefined$1(tmpl.stylesheets)) {
-        warnOnArrayMutation(tmpl.stylesheets);
-      }
-      var _iterator5 = _createForOfIteratorHelper(TEMPLATE_PROPS),
-        _step5;
-      try {
-        var _loop3 = function _loop3() {
-          var prop = _step5.value;
-          var value = tmpl[prop];
-          defineProperty(tmpl, prop, {
-            enumerable: true,
-            configurable: true,
-            get: function get() {
-              return value;
-            },
-            set: function set(newValue) {
-              if (!mutationWarningsSilenced) {
-                logError("Dynamically setting the \"".concat(prop, "\" property on a template function ") + "is deprecated and may be removed in a future version of LWC.");
-              }
-              value = newValue;
-            }
-          });
-        };
-        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-          _loop3();
-        }
-      } catch (err) {
-        _iterator5.e(err);
-      } finally {
-        _iterator5.f();
+        deepFreeze(tmpl.stylesheets);
       }
-      var originalDescriptor = getOwnPropertyDescriptor$1(tmpl, 'stylesheetTokens');
+    } else {
+      // TODO [#2782]: remove this flag and delete the legacy behavior
+      // When ENABLE_FROZEN_TEMPLATE is false, then we shim stylesheetTokens on top of stylesheetToken for anyone who
+      // is accessing the old internal API (backwards compat). Details: https://salesforce.quip.com/v1rmAFu2cKAr
       defineProperty(tmpl, 'stylesheetTokens', {
         enumerable: true,
         configurable: true,
-        get: originalDescriptor.get,
+        get: function get() {
+          var stylesheetToken = this.stylesheetToken;
+          if (isUndefined$1(stylesheetToken)) {
+            return stylesheetToken;
+          }
+          // Shim for the old `stylesheetTokens` property
+          // See https://github.com/salesforce/lwc/pull/2332/files#diff-7901555acef29969adaa6583185b3e9bce475cdc6f23e799a54e0018cb18abaa
+          return {
+            hostAttribute: "".concat(stylesheetToken, "-host"),
+            shadowAttribute: stylesheetToken
+          };
+        },
         set: function set(value) {
-          logError("Dynamically setting the \"stylesheetTokens\" property on a template function " + "is deprecated and may be removed in a future version of LWC.");
-          // Avoid logging twice (for both stylesheetToken and stylesheetTokens)
-          mutationWarningsSilenced = true;
-          originalDescriptor.set.call(this, value);
-          mutationWarningsSilenced = false;
+          // If the value is null or some other exotic object, you would be broken anyway in the past
+          // because the engine would try to access hostAttribute/shadowAttribute, which would throw an error.
+          // However it may be undefined in newer versions of LWC, so we need to guard against that case.
+          this.stylesheetToken = isUndefined$1(value) ? undefined : value.shadowAttribute;
         }
       });
+      // When ENABLE_FROZEN_TEMPLATE is false, warn in dev mode whenever someone is mutating the template
+      if (process.env.NODE_ENV !== 'production') {
+        if (!isUndefined$1(tmpl.stylesheets)) {
+          warnOnStylesheetsMutation(tmpl.stylesheets);
+        }
+        var _iterator6 = _createForOfIteratorHelper(TEMPLATE_PROPS),
+          _step6;
+        try {
+          var _loop4 = function _loop4() {
+            var prop = _step6.value;
+            var value = tmpl[prop];
+            defineProperty(tmpl, prop, {
+              enumerable: true,
+              configurable: true,
+              get: function get() {
+                return value;
+              },
+              set: function set(newValue) {
+                if (!mutationWarningsSilenced) {
+                  logError("Dynamically setting the \"".concat(prop, "\" property on a template function ") + "is deprecated and may be removed in a future version of LWC.");
+                }
+                value = newValue;
+              }
+            });
+          };
+          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+            _loop4();
+          }
+        } catch (err) {
+          _iterator6.e(err);
+        } finally {
+          _iterator6.f();
+        }
+        var originalDescriptor = getOwnPropertyDescriptor$1(tmpl, 'stylesheetTokens');
+        defineProperty(tmpl, 'stylesheetTokens', {
+          enumerable: true,
+          configurable: true,
+          get: originalDescriptor.get,
+          set: function set(value) {
+            logError("Dynamically setting the \"stylesheetTokens\" property on a template function " + "is deprecated and may be removed in a future version of LWC.");
+            // Avoid logging twice (for both stylesheetToken and stylesheetTokens)
+            mutationWarningsSilenced = true;
+            originalDescriptor.set.call(this, value);
+            mutationWarningsSilenced = false;
+          }
+        });
+      }
     }
   }
 
@@ -7156,7 +7167,7 @@
     }
     return ctor;
   }
-  /* version: 2.32.0 */
+  /* version: 2.33.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7393,10 +7404,10 @@
       // which are not equipped to be initialized that way.
       var clazz = /*#__PURE__*/function (_HTMLElementAlias) {
         _inherits(clazz, _HTMLElementAlias);
-        var _super6 = _createSuper(clazz);
+        var _super5 = _createSuper(clazz);
         function clazz() {
           _classCallCheck(this, clazz);
-          return _super6.apply(this, arguments);
+          return _super5.apply(this, arguments);
         }
         return _createClass(clazz);
       }(HTMLElementAlias);
@@ -7442,24 +7453,24 @@
     // TODO [#2972]: this class should expose observedAttributes as necessary
     var UpgradableConstructor = /*#__PURE__*/function (_HTMLElement) {
       _inherits(UpgradableConstructor, _HTMLElement);
-      var _super7 = _createSuper(UpgradableConstructor);
+      var _super6 = _createSuper(UpgradableConstructor);
       function UpgradableConstructor(upgradeCallback) {
-        var _this5;
+        var _this3;
         _classCallCheck(this, UpgradableConstructor);
-        _this5 = _super7.call(this);
+        _this3 = _super6.call(this);
         // If the element is not created using lwc.createElement(), e.g. `document.createElement('x-foo')`,
         // then elementBeingUpgraded will be false
         if (elementBeingUpgradedByLWC) {
-          upgradeCallback(_assertThisInitialized(_this5));
+          upgradeCallback(_assertThisInitialized(_this3));
         } 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));
+          elementsUpgradedOutsideLWC.add(_assertThisInitialized(_this3));
           // 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;
+        return _this3;
       }
       return _createClass(UpgradableConstructor);
     }( /*#__PURE__*/_wrapNativeSuper(HTMLElement)); // Do not unnecessarily add a connectedCallback/disconnectedCallback, as it introduces perf overhead
@@ -7568,9 +7579,9 @@
     function createPivotingClass(tagName, registeredDefinition) {
       var PivotCtor = /*#__PURE__*/function (_NativeHTMLElement) {
         _inherits(PivotCtor, _NativeHTMLElement);
-        var _super8 = _createSuper(PivotCtor);
+        var _super7 = _createSuper(PivotCtor);
         function PivotCtor(UserCtor) {
-          var _this6;
+          var _this4;
           _classCallCheck(this, PivotCtor);
           // This constructor can only be invoked by:
           // a) the browser instantiating  an element from parsing or via document.createElement.
@@ -7580,7 +7591,7 @@
           // If the caller signals via UserCtor that this is in fact a controlled
           // definition, we use that one, otherwise fallback to the global
           // internal registry.
-          _this6 = _super8.call(this);
+          _this4 = _super7.call(this);
           var userCtorIsDefined = !isUndefined$1(UserCtor);
           if (userCtorIsDefined) {
             if (!isConstructor(UserCtor)) {
@@ -7592,15 +7603,15 @@
           }
           var definition = userCtorIsDefined ? getOrCreateDefinitionForConstructor(UserCtor) : globalDefinitionsByTag.get(tagName);
           if (!isUndefined$1(definition)) {
-            internalUpgrade(_assertThisInitialized(_this6), registeredDefinition, definition);
+            internalUpgrade(_assertThisInitialized(_this4), registeredDefinition, definition);
           } else {
             // This is the case in which there is no global definition, and
             // it is not handled by LWC (otherwise it will have a valid UserCtor)
             // so we need to add it to the pending queue just in case it eventually
             // gets defined in the global registry.
-            pendingRegistryForElement.set(_assertThisInitialized(_this6), registeredDefinition);
+            pendingRegistryForElement.set(_assertThisInitialized(_this4), registeredDefinition);
           }
-          return _this6;
+          return _this4;
         }
         _createClass(PivotCtor, [{
           key: "connectedCallback",
@@ -7838,17 +7849,17 @@
     function flushPendingWhenDefinedCallbacks(tagName, ctor) {
       var resolvers = pendingWhenDefinedCallbacks.get(tagName);
       if (!isUndefined$1(resolvers)) {
-        var _iterator6 = _createForOfIteratorHelper(resolvers),
-          _step6;
+        var _iterator7 = _createForOfIteratorHelper(resolvers),
+          _step7;
         try {
-          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-            var resolver = _step6.value;
+          for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+            var resolver = _step7.value;
             resolver(ctor);
           }
         } catch (err) {
-          _iterator6.e(err);
+          _iterator7.e(err);
         } finally {
-          _iterator6.f();
+          _iterator7.f();
         }
       }
       pendingWhenDefinedCallbacks.delete(tagName);
@@ -7898,11 +7909,11 @@
       var awaiting = awaitingUpgrade.get(tagName);
       if (!isUndefined$1(awaiting)) {
         awaitingUpgrade.delete(tagName);
-        var _iterator7 = _createForOfIteratorHelper(awaiting),
-          _step7;
+        var _iterator8 = _createForOfIteratorHelper(awaiting),
+          _step8;
         try {
-          for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-            var element = _step7.value;
+          for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+            var element = _step8.value;
             var registeredDefinition = pendingRegistryForElement.get(element);
             // At this point, registeredDefinition should never be undefined because awaitingUpgrade
             // is only populated when we haven't run internalUpgrade yet, and we only populate
@@ -7914,9 +7925,9 @@
             }
           }
         } catch (err) {
-          _iterator7.e(err);
+          _iterator8.e(err);
         } finally {
-          _iterator7.f();
+          _iterator8.f();
         }
       }
       // If anyone called customElements.whenDefined() and is still waiting for a promise resolution, resolve now
@@ -8064,13 +8075,13 @@
     // TODO [#2972]: this class should expose observedAttributes as necessary
     return /*#__PURE__*/function (_HTMLElementToExtend) {
       _inherits(UserConstructor, _HTMLElementToExtend);
-      var _super9 = _createSuper(UserConstructor);
+      var _super8 = _createSuper(UserConstructor);
       function UserConstructor() {
-        var _this7;
+        var _this5;
         _classCallCheck(this, UserConstructor);
-        _this7 = _super9.call(this);
-        upgradeCallback(_assertThisInitialized(_this7));
-        return _this7;
+        _this5 = _super8.call(this);
+        upgradeCallback(_assertThisInitialized(_this5));
+        return _this5;
       }
       // Note that there is no need to do the "avoid defining connectedCallback/disconnectedCallback" optimization
       // here, because in create-scoped-registry.ts, the registered class will always have these callbacks anyway.
@@ -8193,7 +8204,7 @@
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.32.0 */
+      /** version: 2.33.0 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -8252,17 +8263,17 @@
         exports.createFragment = function (html) {
           var wrapperTags = topLevelWrappingMap[getTagName(html)];
           if (!isUndefined(wrapperTags)) {
-            var _iterator8 = _createForOfIteratorHelper(wrapperTags),
-              _step8;
+            var _iterator9 = _createForOfIteratorHelper(wrapperTags),
+              _step9;
             try {
-              for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-                var wrapperTag = _step8.value;
+              for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+                var wrapperTag = _step9.value;
                 html = "<".concat(wrapperTag, ">").concat(html, "</").concat(wrapperTag, ">");
               }
             } catch (err) {
-              _iterator8.e(err);
+              _iterator9.e(err);
             } finally {
-              _iterator8.f();
+              _iterator9.f();
             }
           }
           // For IE11, the document title must not be undefined, but it can be an empty string
@@ -8271,7 +8282,7 @@
           doc.body.innerHTML = html;
           var content = doc.body;
           if (!isUndefined(wrapperTags)) {
-            for (var _i33 = 0; _i33 < wrapperTags.length; _i33++) {
+            for (var _i34 = 0; _i34 < wrapperTags.length; _i34++) {
               content = content.firstChild;
             }
           }
@@ -8464,8 +8475,8 @@
       tagName: element.tagName.toLowerCase(),
       hydrated: true
     });
-    for (var _i34 = 0, _Object$entries2 = Object.entries(props); _i34 < _Object$entries2.length; _i34++) {
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i34], 2),
+    for (var _i35 = 0, _Object$entries2 = Object.entries(props); _i35 < _Object$entries2.length; _i35++) {
+      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i35], 2),
         key = _Object$entries2$_i[0],
         value = _Object$entries2$_i[1];
       element[key] = value;
@@ -8542,23 +8553,23 @@
     var _attributeChangedCallback = HtmlPrototype.prototype.attributeChangedCallback;
     return _a = /*#__PURE__*/function (_HTMLElement2) {
       _inherits(_a, _HTMLElement2);
-      var _super10 = _createSuper(_a);
+      var _super9 = _createSuper(_a);
       function _a() {
-        var _this8;
+        var _this6;
         _classCallCheck(this, _a);
-        _this8 = _super10.call(this);
-        if (_this8.isConnected) {
+        _this6 = _super9.call(this);
+        if (_this6.isConnected) {
           // this if block is hit when there's already an un-upgraded element in the DOM with the same tag name.
-          hydrateComponent(_assertThisInitialized(_this8), Ctor, {});
-          hydratedCustomElements.add(_assertThisInitialized(_this8));
+          hydrateComponent(_assertThisInitialized(_this6), Ctor, {});
+          hydratedCustomElements.add(_assertThisInitialized(_this6));
         } else {
-          createVM(_assertThisInitialized(_this8), Ctor, renderer, {
+          createVM(_assertThisInitialized(_this6), Ctor, renderer, {
             mode: 'open',
             owner: null,
-            tagName: _this8.tagName
+            tagName: _this6.tagName
           });
         }
-        return _this8;
+        return _this6;
       }
       _createClass(_a, [{
         key: "connectedCallback",
@@ -8759,7 +8770,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.32.0 */
+  /* version: 2.33.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;