lwc 2.35.0 → 2.35.2

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

@@ -21,16 +21,16 @@
   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 = 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 _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); }
+  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
   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, _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 _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); }
-  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
   function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
   /* proxy-compat-disable */
   /**
@@ -62,10 +62,10 @@
   }
   var assert = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    fail: fail,
     invariant: invariant,
-    isTrue: isTrue$1,
     isFalse: isFalse$1,
-    fail: fail
+    isTrue: isTrue$1
   });
 
   /*
@@ -215,39 +215,11 @@
    * SPDX-License-Identifier: MIT
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
-  // Inspired from: https://mathiasbynens.be/notes/globalthis
-  var _globalThis = /*@__PURE__*/function () {
-    // On recent browsers, `globalThis` is already defined. In this case return it directly.
-    if ((typeof globalThis === "undefined" ? "undefined" : _typeof(globalThis)) === 'object') {
-      return globalThis;
-    }
-    var _globalThis;
-    try {
-      // eslint-disable-next-line no-extend-native
-      Object.defineProperty(Object.prototype, '__magic__', {
-        get: function get() {
-          return this;
-        },
-        configurable: true
-      });
-      // __magic__ is undefined in Safari 10 and IE10 and older.
-      // @ts-ignore
-      // eslint-disable-next-line no-undef
-      _globalThis = __magic__;
-      // @ts-ignore
-      delete Object.prototype.__magic__;
-    } catch (ex) {
-      // In IE8, Object.defineProperty only works on DOM objects.
-    } finally {
-      // If the magic above fails for some reason we assume that we are in a legacy browser.
-      // Assume `window` exists in this case.
-      if (typeof _globalThis === 'undefined') {
-        // @ts-ignore
-        _globalThis = window;
-      }
-    }
-    return _globalThis;
-  }();
+  // See browser support for globalThis:
+  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis#browser_compatibility
+  /* istanbul ignore next */
+  // @ts-ignore
+  var _globalThis = (typeof globalThis === "undefined" ? "undefined" : _typeof(globalThis)) === 'object' ? globalThis : window;
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -358,9 +330,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.35.0";
+  var LWC_VERSION = "2.35.2";
   var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.35.0 */
+  /** version: 2.35.2 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -414,7 +386,8 @@
       console.warn("Failed to set the value \"".concat(value, "\" for the runtime feature flag \"").concat(name, "\" because it is undefined. Available flags: ").concat(availableFlags, "."));
       return;
     }
-    if (process.env.NODE_ENV !== 'production') {
+    // This may seem redundant, but `process.env.NODE_ENV === 'test-karma-lwc'` is replaced by Karma tests
+    if (process.env.NODE_ENV === 'test-karma-lwc' || process.env.NODE_ENV !== 'production') {
       // Allow the same flag to be set more than once outside of production to enable testing
       lwcRuntimeFlags[name] = value;
     } else {
@@ -435,11 +408,12 @@
    * purposes. It is a no-op when invoked in production mode.
    */
   function setFeatureFlagForTest(name, value) {
-    if (process.env.NODE_ENV !== 'production') {
+    // This may seem redundant, but `process.env.NODE_ENV === 'test-karma-lwc'` is replaced by Karma tests
+    if (process.env.NODE_ENV === 'test-karma-lwc' || process.env.NODE_ENV !== 'production') {
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.35.0 */
+  /** version: 2.35.2 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -503,7 +477,7 @@
       }
     }
   }
-  /** version: 2.35.0 */
+  /** version: 2.35.2 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -524,8 +498,7 @@
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // Only used in LWC's Karma tests
-  // @ts-ignore
-  if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
+  if (process.env.NODE_ENV === 'test-karma-lwc') {
     window.addEventListener('test-dummy-flag', function () {
       var hasFlag = false;
       if (lwcRuntimeFlags.DUMMY_TEST_FLAG) {
@@ -549,8 +522,7 @@
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // Only used in LWC's Karma tests
-  // @ts-ignore
-  if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
+  if (process.env.NODE_ENV === 'test-karma-lwc') {
     window.addEventListener('test-dummy-flag', function () {
       var hasFlag = false;
       if (lwcRuntimeFlags.DUMMY_TEST_FLAG) {
@@ -591,23 +563,15 @@
     attachDispatcher: function attachDispatcher(dispatcher) {
       enabled$1 = true;
       currentDispatcher$1 = dispatcher;
-      var _iterator = _createForOfIteratorHelper(onReportingEnabledCallbacks),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var callback = _step.value;
-          try {
-            callback();
-          } catch (err) {
-            // This should never happen. But if it does, we don't want one callback to cause another to fail
-            // eslint-disable-next-line no-console
-            console.error('Could not invoke callback', err);
-          }
+      for (var _i3 = 0, _onReportingEnabledCa = onReportingEnabledCallbacks; _i3 < _onReportingEnabledCa.length; _i3++) {
+        var callback = _onReportingEnabledCa[_i3];
+        try {
+          callback();
+        } catch (err) {
+          // This should never happen. But if it does, we don't want one callback to cause another to fail
+          // eslint-disable-next-line no-console
+          console.error('Could not invoke callback', err);
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
       onReportingEnabledCallbacks.length = 0; // clear the array
     },
@@ -698,8 +662,8 @@
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   var alreadyLoggedMessages = new Set();
-  // @ts-ignore
-  if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
+  // Only used in LWC's Karma tests
+  if (process.env.NODE_ENV === 'test-karma-lwc') {
     // @ts-ignore
     window.__lwcResetAlreadyLoggedMessages = function () {
       alreadyLoggedMessages.clear();
@@ -761,8 +725,8 @@
     if (!isUndefined$1(reactiveRecord)) {
       var reactiveObservers = reactiveRecord[key];
       if (!isUndefined$1(reactiveObservers)) {
-        for (var _i3 = 0, len = reactiveObservers.length; _i3 < len; _i3 += 1) {
-          var ro = reactiveObservers[_i3];
+        for (var _i4 = 0, len = reactiveObservers.length; _i4 < len; _i4 += 1) {
+          var ro = reactiveObservers[_i4];
           ro.notify();
         }
       }
@@ -821,9 +785,9 @@
         var listeners = this.listeners;
         var len = listeners.length;
         if (len > 0) {
-          for (var _i4 = 0; _i4 < len; _i4 += 1) {
-            var set = listeners[_i4];
-            var pos = ArrayIndexOf.call(listeners[_i4], this);
+          for (var _i5 = 0; _i5 < len; _i5 += 1) {
+            var set = listeners[_i5];
+            var pos = ArrayIndexOf.call(listeners[_i5], this);
             ArraySplice.call(set, pos, 1);
           }
           listeners.length = 0;
@@ -880,8 +844,8 @@
     }
     var callbacks = nextTickCallbackQueue;
     nextTickCallbackQueue = []; // reset to a new queue
-    for (var _i5 = 0, len = callbacks.length; _i5 < len; _i5 += 1) {
-      callbacks[_i5]();
+    for (var _i6 = 0, len = callbacks.length; _i6 < len; _i6 += 1) {
+      callbacks[_i6]();
     }
   }
   function addCallbackToNextTick(callback) {
@@ -908,11 +872,11 @@
   function parseStyleText(cssText) {
     var styleMap = {};
     var declarations = cssText.split(DECLARATION_DELIMITER);
-    var _iterator2 = _createForOfIteratorHelper(declarations),
-      _step2;
+    var _iterator = _createForOfIteratorHelper(declarations),
+      _step;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var declaration = _step2.value;
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var declaration = _step.value;
         if (declaration) {
           var _declaration$split = declaration.split(PROPERTY_DELIMITER),
             _declaration$split2 = _slicedToArray(_declaration$split, 2),
@@ -924,17 +888,17 @@
         }
       }
     } catch (err) {
-      _iterator2.e(err);
+      _iterator.e(err);
     } finally {
-      _iterator2.f();
+      _iterator.f();
     }
     return styleMap;
   }
   // Make a shallow copy of an object but omit the given key
   function cloneAndOmitKey(object, keyToOmit) {
     var result = {};
-    for (var _i6 = 0, _Object$keys = Object.keys(object); _i6 < _Object$keys.length; _i6++) {
-      var key = _Object$keys[_i6];
+    for (var _i7 = 0, _Object$keys = Object.keys(object); _i7 < _Object$keys.length; _i7++) {
+      var key = _Object$keys[_i7];
       if (key !== keyToOmit) {
         result[key] = object[key];
       }
@@ -943,11 +907,11 @@
   }
   function flattenStylesheets(stylesheets) {
     var list = [];
-    var _iterator3 = _createForOfIteratorHelper(stylesheets),
-      _step3;
+    var _iterator2 = _createForOfIteratorHelper(stylesheets),
+      _step2;
     try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var stylesheet = _step3.value;
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var stylesheet = _step2.value;
         if (!Array.isArray(stylesheet)) {
           list.push(stylesheet);
         } else {
@@ -955,9 +919,9 @@
         }
       }
     } catch (err) {
-      _iterator3.e(err);
+      _iterator2.e(err);
     } finally {
-      _iterator3.f();
+      _iterator2.f();
     }
     return list;
   }
@@ -975,6 +939,14 @@
       refVNodes[ref] = vnode;
     }
   }
+  // Throw an error if we're running in prod mode. Ensures code is truly removed from prod mode.
+  function assertNotProd() {
+    /* istanbul ignore if */
+    if (process.env.NODE_ENV === 'production') {
+      // this method should never leak to prod
+      throw new ReferenceError();
+    }
+  }
 
   /*
    * Copyright (c) 2020, salesforce.com, inc.
@@ -1170,27 +1142,18 @@
   }
   var isDomMutationAllowed = false;
   function unlockDomMutation() {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     isDomMutationAllowed = true;
   }
   function lockDomMutation() {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     isDomMutationAllowed = false;
   }
   function logMissingPortalError(name, type) {
     return logError("The `".concat(name, "` ").concat(type, " is available only on elements that use the `lwc:dom=\"manual\"` directive."));
   }
   function patchElementWithRestrictions(elm, options) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     var originalOuterHTMLDescriptor = getPropertyDescriptor(elm, 'outerHTML');
     var descriptors = {
       outerHTML: generateAccessorDescriptor({
@@ -1274,10 +1237,7 @@
     defineProperties(elm, descriptors);
   }
   function getShadowRootRestrictionsDescriptors(sr) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     // Disallowing properties in dev mode only to avoid people doing the wrong
     // thing when using the real shadow root, because if that's the case,
     // the component will not work when running with synthetic shadow.
@@ -1318,10 +1278,7 @@
   // Custom Elements Restrictions:
   // -----------------------------
   function getCustomElementRestrictionsDescriptors(elm) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     var originalAddEventListener = elm.addEventListener;
     var originalInnerHTMLDescriptor = getPropertyDescriptor(elm, 'innerHTML');
     var originalOuterHTMLDescriptor = getPropertyDescriptor(elm, 'outerHTML');
@@ -1366,10 +1323,7 @@
     };
   }
   function getComponentRestrictionsDescriptors() {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     return {
       tagName: generateAccessorDescriptor({
         get: function get() {
@@ -1382,10 +1336,7 @@
   }
 
   function getLightningElementPrototypeRestrictionsDescriptors(proto) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     var originalDispatchEvent = proto.dispatchEvent;
     var descriptors = {
       dispatchEvent: generateDataDescriptor({
@@ -2212,7 +2163,6 @@
       }
     };
   }
-  var EMPTY_REFS = freeze(create(null));
   var refsCache = new WeakMap();
   /**
    * This class is the base class for any LWC element.
@@ -2428,7 +2378,6 @@
         warnIfInvokedDuringConstruction(vm, 'refs');
       }
       var refVNodes = vm.refVNodes,
-        hasRefVNodes = vm.hasRefVNodes,
         cmpTemplate = vm.cmpTemplate;
       // If the `cmpTemplate` is null, that means that the template has not been rendered yet. Most likely this occurs
       // if `this.refs` is called during the `connectedCallback` phase. The DOM elements have not been rendered yet,
@@ -2441,15 +2390,9 @@
       // were introduced, we return undefined if the template has no refs defined
       // anywhere. This fixes components that may want to add an expando called `refs`
       // and are checking if it exists with `if (this.refs)`  before adding it.
-      // Note it is not sufficient to just check if `refVNodes` is null or empty,
-      // because a template may have `lwc:ref` defined within a falsy `if:true` block.
-      if (!hasRefVNodes) {
-        return;
-      }
-      // For templates that are using `lwc:ref`, if there are no refs currently available
-      // (e.g. refs inside of a falsy `if:true` block), we return an empty object.
+      // Note we use a null refVNodes to indicate that the template has no refs defined.
       if (isNull(refVNodes)) {
-        return EMPTY_REFS;
+        return;
       }
       // The refNodes can be cached based on the refVNodes, since the refVNodes
       // are recreated from scratch every time the template is rendered.
@@ -2457,17 +2400,17 @@
       var refs = refsCache.get(refVNodes);
       if (isUndefined$1(refs)) {
         refs = create(null);
-        var _iterator4 = _createForOfIteratorHelper(keys(refVNodes)),
-          _step4;
+        var _iterator3 = _createForOfIteratorHelper(keys(refVNodes)),
+          _step3;
         try {
-          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-            var key = _step4.value;
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var key = _step3.value;
             refs[key] = refVNodes[key].elm;
           }
         } catch (err) {
-          _iterator4.e(err);
+          _iterator3.e(err);
         } finally {
-          _iterator4.f();
+          _iterator3.f();
         }
         freeze(refs);
         refsCache.set(refVNodes, refs);
@@ -2549,7 +2492,7 @@
   var queryMethods = ['getElementsByClassName', 'getElementsByTagName', 'querySelector', 'querySelectorAll'];
   // Generic passthrough for query APIs on HTMLElement to the relevant Renderer APIs
   var _loop = function _loop() {
-    var queryMethod = _queryMethods[_i7];
+    var queryMethod = _queryMethods[_i8];
     queryAndChildGetterDescriptors[queryMethod] = {
       value: function value(arg) {
         var vm = getAssociatedVM(this);
@@ -2565,7 +2508,7 @@
       writable: true
     };
   };
-  for (var _i7 = 0, _queryMethods = queryMethods; _i7 < _queryMethods.length; _i7++) {
+  for (var _i8 = 0, _queryMethods = queryMethods; _i8 < _queryMethods.length; _i8++) {
     _loop();
   }
   defineProperties(LightningElement.prototype, queryAndChildGetterDescriptors);
@@ -2844,49 +2787,50 @@
     }
     var wiredConnecting = context.wiredConnecting = [];
     var wiredDisconnecting = context.wiredDisconnecting = [];
-    for (var fieldNameOrMethod in wire) {
+    var _loop2 = function _loop2() {
       var descriptor = wire[fieldNameOrMethod];
       var wireDef = WireMetaMap.get(descriptor);
       if (process.env.NODE_ENV !== 'production') {
         assert.invariant(wireDef, "Internal Error: invalid wire definition found.");
       }
       if (!isUndefined$1(wireDef)) {
-        (function () {
-          var _createConnector = createConnector(vm, fieldNameOrMethod, wireDef),
-            connector = _createConnector.connector,
-            computeConfigAndUpdate = _createConnector.computeConfigAndUpdate,
-            resetConfigWatcher = _createConnector.resetConfigWatcher;
-          var hasDynamicParams = wireDef.dynamic.length > 0;
-          ArrayPush$1.call(wiredConnecting, function () {
-            connector.connect();
-            if (!lwcRuntimeFlags.ENABLE_WIRE_SYNC_EMIT) {
-              if (hasDynamicParams) {
-                Promise.resolve().then(computeConfigAndUpdate);
-                return;
-              }
+        var _createConnector = createConnector(vm, fieldNameOrMethod, wireDef),
+          connector = _createConnector.connector,
+          computeConfigAndUpdate = _createConnector.computeConfigAndUpdate,
+          resetConfigWatcher = _createConnector.resetConfigWatcher;
+        var hasDynamicParams = wireDef.dynamic.length > 0;
+        ArrayPush$1.call(wiredConnecting, function () {
+          connector.connect();
+          if (!lwcRuntimeFlags.ENABLE_WIRE_SYNC_EMIT) {
+            if (hasDynamicParams) {
+              Promise.resolve().then(computeConfigAndUpdate);
+              return;
             }
-            computeConfigAndUpdate();
-          });
-          ArrayPush$1.call(wiredDisconnecting, function () {
-            connector.disconnect();
-            resetConfigWatcher();
-          });
-        })();
+          }
+          computeConfigAndUpdate();
+        });
+        ArrayPush$1.call(wiredDisconnecting, function () {
+          connector.disconnect();
+          resetConfigWatcher();
+        });
       }
+    };
+    for (var fieldNameOrMethod in wire) {
+      _loop2();
     }
   }
   function connectWireAdapters(vm) {
     var wiredConnecting = vm.context.wiredConnecting;
-    for (var _i8 = 0, len = wiredConnecting.length; _i8 < len; _i8 += 1) {
-      wiredConnecting[_i8]();
+    for (var _i9 = 0, len = wiredConnecting.length; _i9 < len; _i9 += 1) {
+      wiredConnecting[_i9]();
     }
   }
   function disconnectWireAdapters(vm) {
     var wiredDisconnecting = vm.context.wiredDisconnecting;
     runWithBoundaryProtection(vm, vm, noop, function () {
       // job
-      for (var _i9 = 0, len = wiredDisconnecting.length; _i9 < len; _i9 += 1) {
-        wiredDisconnecting[_i9]();
+      for (var _i10 = 0, len = wiredDisconnecting.length; _i10 < len; _i10 += 1) {
+        wiredDisconnecting[_i10]();
       }
     }, noop);
   }
@@ -3220,8 +3164,8 @@
       }
     }
     if (!isUndefined$1(fields)) {
-      for (var _i10 = 0, n = fields.length; _i10 < n; _i10++) {
-        var _fieldName2 = fields[_i10];
+      for (var _i11 = 0, n = fields.length; _i11 < n; _i11++) {
+        var _fieldName2 = fields[_i11];
         descriptor = getOwnPropertyDescriptor$1(proto, _fieldName2);
         if (process.env.NODE_ENV !== 'production') {
           validateObservedField(Ctor, _fieldName2, descriptor);
@@ -3269,8 +3213,8 @@
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   var warned = false;
-  // @ts-ignore
-  if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
+  // Only used in LWC's Karma tests
+  if (process.env.NODE_ENV === 'test-karma-lwc') {
     // @ts-ignore
     window.__lwcResetWarnedOnVersionMismatch = function () {
       warned = false;
@@ -3443,8 +3387,8 @@
       superObservedAttributes = _SuperClass$observedA === void 0 ? [] : _SuperClass$observedA;
     var descriptors = create(null);
     // expose getters and setters for each public props on the new Element Bridge
-    for (var _i11 = 0, len = props.length; _i11 < len; _i11 += 1) {
-      var _propName = props[_i11];
+    for (var _i12 = 0, len = props.length; _i12 < len; _i12 += 1) {
+      var _propName = props[_i12];
       attributeToPropMap[htmlPropertyToAttribute(_propName)] = _propName;
       descriptors[_propName] = {
         get: createGetter(_propName),
@@ -3454,8 +3398,8 @@
       };
     }
     // expose public methods as props on the new Element Bridge
-    for (var _i12 = 0, _len = methods.length; _i12 < _len; _i12 += 1) {
-      var methodName = methods[_i12];
+    for (var _i13 = 0, _len = methods.length; _i13 < _len; _i13 += 1) {
+      var methodName = methods[_i13];
       descriptors[methodName] = {
         value: createMethodCaller(methodName),
         writable: true,
@@ -3569,10 +3513,7 @@
     return canRefreshAllInstances;
   }
   function getTemplateOrSwappedTemplate(tpl) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     var visited = new Set();
     while (swappedTemplateMap.has(tpl) && !visited.has(tpl)) {
       visited.add(tpl);
@@ -3581,10 +3522,7 @@
     return tpl;
   }
   function getComponentOrSwappedComponent(Ctor) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     var visited = new Set();
     while (swappedComponentMap.has(Ctor) && !visited.has(Ctor)) {
       visited.add(Ctor);
@@ -3593,10 +3531,7 @@
     return Ctor;
   }
   function getStyleOrSwappedStyle(style) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     var visited = new Set();
     while (swappedStyleMap.has(style) && !visited.has(style)) {
       visited.add(style);
@@ -3605,10 +3540,7 @@
     return style;
   }
   function setActiveVM(vm) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     // tracking active component
     var Ctor = vm.def.ctor;
     var componentVMs = activeComponents.get(Ctor);
@@ -3651,10 +3583,7 @@
     }
   }
   function removeActiveVM(vm) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     // tracking inactive component
     var Ctor = vm.def.ctor;
     var list = activeComponents.get(Ctor);
@@ -3999,8 +3928,8 @@
   function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
     var content = [];
     var root;
-    for (var _i13 = 0; _i13 < stylesheets.length; _i13++) {
-      var stylesheet = stylesheets[_i13];
+    for (var _i14 = 0; _i14 < stylesheets.length; _i14++) {
+      var stylesheet = stylesheets[_i14];
       if (isArray$1(stylesheet)) {
         ArrayPush$1.apply(content, evaluateStylesheetsContent(stylesheet, stylesheetToken, vm));
       } else {
@@ -4108,8 +4037,8 @@
       shadowMode = vm.shadowMode,
       insertStylesheet = vm.renderer.insertStylesheet;
     if (renderMode === 1 /* RenderMode.Shadow */ && shadowMode === 1 /* ShadowMode.Synthetic */) {
-      for (var _i14 = 0; _i14 < stylesheets.length; _i14++) {
-        insertStylesheet(stylesheets[_i14]);
+      for (var _i15 = 0; _i15 < stylesheets.length; _i15++) {
+        insertStylesheet(stylesheets[_i15]);
       }
     } else if (vm.hydrated) {
       // Note: We need to ensure that during hydration, the stylesheets method is the same as those in ssr.
@@ -4122,8 +4051,8 @@
       var root = getNearestNativeShadowComponent(vm);
       // null root means a global style
       var target = isNull(root) ? undefined : root.shadowRoot;
-      for (var _i15 = 0; _i15 < stylesheets.length; _i15++) {
-        insertStylesheet(stylesheets[_i15], target);
+      for (var _i16 = 0; _i16 < stylesheets.length; _i16++) {
+        insertStylesheet(stylesheets[_i16], target);
       }
     }
     return null;
@@ -4437,8 +4366,8 @@
       return;
     }
     var setCSSStyleProperty = renderer.setCSSStyleProperty;
-    for (var _i16 = 0; _i16 < styleDecls.length; _i16++) {
-      var _styleDecls$_i = _slicedToArray(styleDecls[_i16], 3),
+    for (var _i17 = 0; _i17 < styleDecls.length; _i17++) {
+      var _styleDecls$_i = _slicedToArray(styleDecls[_i17], 3),
         prop = _styleDecls$_i[0],
         value = _styleDecls$_i[1],
         important = _styleDecls$_i[2];
@@ -4920,8 +4849,8 @@
     // If no VFragment is found in children, we don't need to traverse anything or mark the children dynamic and can return early.
     var nodeStack = [];
     var fragmentFound = false;
-    for (var _i17 = children.length - 1; _i17 > -1; _i17 -= 1) {
-      var child = children[_i17];
+    for (var _i18 = children.length - 1; _i18 > -1; _i18 -= 1) {
+      var child = children[_i18];
       ArrayPush$1.call(nodeStack, child);
       fragmentFound = fragmentFound || !!(child && isVFragment(child));
     }
@@ -4933,8 +4862,8 @@
       if (!isNull(currentNode) && isVFragment(currentNode)) {
         var fChildren = currentNode.children;
         // Ignore the start and end text node delimiters
-        for (var _i18 = fChildren.length - 2; _i18 > 0; _i18 -= 1) {
-          ArrayPush$1.call(nodeStack, fChildren[_i18]);
+        for (var _i19 = fChildren.length - 2; _i19 > 0; _i19 -= 1) {
+          ArrayPush$1.call(nodeStack, fChildren[_i19]);
         }
       } else {
         ArrayPush$1.call(flattenedChildren, currentNode);
@@ -4973,8 +4902,8 @@
     var oldSlotsMapping = vm.cmpSlots.slotAssignments;
     var cmpSlotsMapping = create(null);
     // Collect all slots into cmpSlotsMapping
-    for (var _i19 = 0, len = children.length; _i19 < len; _i19 += 1) {
-      var vnode = children[_i19];
+    for (var _i20 = 0, len = children.length; _i20 < len; _i20 += 1) {
+      var vnode = children[_i20];
       if (isNull(vnode)) {
         continue;
       }
@@ -4999,8 +4928,8 @@
         markComponentAsDirty(vm);
         return;
       }
-      for (var _i20 = 0, _len2 = oldKeys.length; _i20 < _len2; _i20 += 1) {
-        var key = oldKeys[_i20];
+      for (var _i21 = 0, _len2 = oldKeys.length; _i21 < _len2; _i21 += 1) {
+        var key = oldKeys[_i21];
         if (isUndefined$1(cmpSlotsMapping[key]) || oldSlotsMapping[key].length !== cmpSlotsMapping[key].length) {
           markComponentAsDirty(vm);
           return;
@@ -5123,11 +5052,11 @@
       if (oldStartIdx > oldEndIdx) {
         // There's some cases in which the sub array of vnodes to be inserted is followed by null(s) and an
         // already processed vnode, in such cases the vnodes to be inserted should be before that processed vnode.
-        var _i21 = newEndIdx;
+        var _i22 = newEndIdx;
         var n;
         do {
-          n = newCh[++_i21];
-        } while (!isVNode(n) && _i21 < newChEnd);
+          n = newCh[++_i22];
+        } while (!isVNode(n) && _i22 < newChEnd);
         before = isVNode(n) ? n.elm : null;
         mountVNodes(newCh, parent, renderer, before, newStartIdx, newEndIdx + 1);
       } else {
@@ -5152,9 +5081,9 @@
     // if the old list is not empty, the new list MUST have the same
     // amount of nodes, that's why we call this static children
     var anchor = null;
-    for (var _i22 = c2Length - 1; _i22 >= 0; _i22 -= 1) {
-      var n1 = c1[_i22];
-      var n2 = c2[_i22];
+    for (var _i23 = c2Length - 1; _i23 >= 0; _i23 -= 1) {
+      var n1 = c1[_i23];
+      var n2 = c2[_i23];
       if (n2 !== n1) {
         if (isVNode(n1)) {
           if (isVNode(n2)) {
@@ -5279,8 +5208,8 @@
     if (!isUndefined$1(slotset) && !isUndefined$1(slotset.slotAssignments) && !isUndefined$1(slotset.slotAssignments[slotName]) && slotset.slotAssignments[slotName].length !== 0) {
       var newChildren = [];
       var slotAssignments = slotset.slotAssignments[slotName];
-      for (var _i23 = 0; _i23 < slotAssignments.length; _i23++) {
-        var vnode = slotAssignments[_i23];
+      for (var _i24 = 0; _i24 < slotAssignments.length; _i24++) {
+        var vnode = slotAssignments[_i24];
         if (!isNull(vnode)) {
           var assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode);
           // The only sniff test for a scoped <slot> element is the presence of `slotData`
@@ -5749,10 +5678,7 @@
     vmBeingRendered = vm;
   }
   function validateSlots(vm, html) {
-    if (process.env.NODE_ENV === 'production') {
-      // this method should never leak to prod
-      throw new ReferenceError();
-    }
+    assertNotProd(); // this method should never leak to prod
     var cmpSlots = vm.cmpSlots;
     var _html$slots = html.slots,
       slots = _html$slots === void 0 ? EmptyArray : _html$slots;
@@ -5805,23 +5731,23 @@
         var classAttrToken = hasScopedStyles && hasStyleToken ? " class=\"".concat(stylesheetToken, "\"") : '';
         var attrToken = hasStyleToken && isSyntheticShadow ? ' ' + stylesheetToken : '';
         var htmlFragment = '';
-        for (var _i24 = 0, n = keys.length; _i24 < n; _i24++) {
-          switch (keys[_i24]) {
+        for (var _i25 = 0, n = keys.length; _i25 < n; _i25++) {
+          switch (keys[_i25]) {
             case 0:
               // styleToken in existing class attr
-              htmlFragment += strings[_i24] + classToken;
+              htmlFragment += strings[_i25] + classToken;
               break;
             case 1:
               // styleToken for added class attr
-              htmlFragment += strings[_i24] + classAttrToken;
+              htmlFragment += strings[_i25] + classAttrToken;
               break;
             case 2:
               // styleToken as attr
-              htmlFragment += strings[_i24] + attrToken;
+              htmlFragment += strings[_i25] + attrToken;
               break;
             case 3:
               // ${1}${2}
-              htmlFragment += strings[_i24] + classAttrToken + attrToken;
+              htmlFragment += strings[_i25] + classAttrToken + attrToken;
               break;
           }
         }
@@ -5901,9 +5827,7 @@
           setActiveVM(vm);
         }
         // reset the refs; they will be set during the tmpl() instantiation
-        var hasRefVNodes = Boolean(html.hasRefs);
-        vm.hasRefVNodes = hasRefVNodes;
-        vm.refVNodes = hasRefVNodes ? create(null) : null;
+        vm.refVNodes = html.hasRefs ? create(null) : null;
         // right before producing the vnodes, we clear up all internal references
         // to custom elements from the template.
         vm.velements = [];
@@ -5928,8 +5852,8 @@
   }
   function computeHasScopedStylesInStylesheets(stylesheets) {
     if (hasStyles(stylesheets)) {
-      for (var _i25 = 0; _i25 < stylesheets.length; _i25++) {
-        if (isTrue(stylesheets[_i25][KEY__SCOPED_CSS])) {
+      for (var _i26 = 0; _i26 < stylesheets.length; _i26++) {
+        if (isTrue(stylesheets[_i26][KEY__SCOPED_CSS])) {
           return true;
         }
       }
@@ -6095,7 +6019,7 @@
   var cmpEventListenerMap = new WeakMap();
   function getWrappedComponentsListener(vm, listener) {
     if (!isFunction$1(listener)) {
-      throw new TypeError(); // avoiding problems with non-valid listeners
+      throw new TypeError('Expected an EventListener but received ' + _typeof(listener)); // avoiding problems with non-valid listeners
     }
 
     var wrappedListener = cmpEventListenerMap.get(listener);
@@ -6125,8 +6049,8 @@
     if (process.env.NODE_ENV !== 'production') {
       assert.isTrue(isObject(service), "Invalid service declaration, ".concat(service, ": service must be an object"));
     }
-    for (var _i26 = 0; _i26 < hooks.length; ++_i26) {
-      var hookName = hooks[_i26];
+    for (var _i27 = 0; _i27 < hooks.length; ++_i27) {
+      var hookName = hooks[_i27];
       if (hookName in service) {
         var l = Services[hookName];
         if (isUndefined$1(l)) {
@@ -6143,8 +6067,8 @@
     var component = vm.component,
       def = vm.def,
       context = vm.context;
-    for (var _i27 = 0, len = cbs.length; _i27 < len; ++_i27) {
-      cbs[_i27].call(undefined, component, {}, def, context);
+    for (var _i28 = 0, len = cbs.length; _i28 < len; ++_i28) {
+      cbs[_i28].call(undefined, component, {}, def, context);
     }
   }
 
@@ -6238,7 +6162,6 @@
       mode: mode,
       owner: owner,
       refVNodes: null,
-      hasRefVNodes: false,
       children: EmptyArray,
       aChildren: EmptyArray,
       velements: EmptyArray,
@@ -6299,8 +6222,8 @@
     var valid = true;
     var validate = function validate(arrayOrStylesheet) {
       if (isArray$1(arrayOrStylesheet)) {
-        for (var _i28 = 0; _i28 < arrayOrStylesheet.length; _i28++) {
-          validate(arrayOrStylesheet[_i28]);
+        for (var _i29 = 0; _i29 < arrayOrStylesheet.length; _i29++) {
+          validate(arrayOrStylesheet[_i29]);
         }
       } else if (!isFunction$1(arrayOrStylesheet)) {
         // function assumed to be a stylesheet factory
@@ -6453,17 +6376,17 @@
       return a.idx - b.idx;
     });
     rehydrateQueue = []; // reset to a new queue
-    for (var _i29 = 0, len = vms.length; _i29 < len; _i29 += 1) {
-      var vm = vms[_i29];
+    for (var _i30 = 0, len = vms.length; _i30 < len; _i30 += 1) {
+      var vm = vms[_i30];
       try {
         rehydrate(vm);
       } catch (error) {
-        if (_i29 + 1 < len) {
+        if (_i30 + 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, _i29 + 1));
+          ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, _i30 + 1));
         }
         // we need to end the measure before throwing.
         logGlobalOperationEnd(8 /* OperationId.GlobalRehydrate */);
@@ -6532,8 +6455,8 @@
     var vCustomElementCollection = vm.velements;
     // Reporting disconnection for every child in inverse order since they are
     // inserted in reserved order.
-    for (var _i30 = vCustomElementCollection.length - 1; _i30 >= 0; _i30 -= 1) {
-      var elm = vCustomElementCollection[_i30].elm;
+    for (var _i31 = vCustomElementCollection.length - 1; _i31 >= 0; _i31 -= 1) {
+      var elm = vCustomElementCollection[_i31].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
@@ -6564,8 +6487,8 @@
    * defined on its shadow.
    */
   function recursivelyDisconnectChildren(vnodes) {
-    for (var _i31 = 0, len = vnodes.length; _i31 < len; _i31 += 1) {
-      var vnode = vnodes[_i31];
+    for (var _i32 = 0, len = vnodes.length; _i32 < len; _i32 += 1) {
+      var vnode = vnodes[_i32];
       if (!isNull(vnode) && !isUndefined$1(vnode.elm)) {
         switch (vnode.type) {
           case 2 /* VNodeType.Element */:
@@ -6589,8 +6512,8 @@
     var children = vm.children,
       renderRoot = vm.renderRoot,
       remove = vm.renderer.remove;
-    for (var _i32 = 0, len = children.length; _i32 < len; _i32++) {
-      var child = children[_i32];
+    for (var _i33 = 0, len = children.length; _i33 < len; _i33++) {
+      var child = children[_i33];
       if (!isNull(child) && !isUndefined$1(child.elm)) {
         remove(child.elm, renderRoot);
       }
@@ -6712,17 +6635,17 @@
         // if our id is null or empty, nobody can reference us
         return;
       }
-      var _iterator5 = _createForOfIteratorHelper(ID_REFERENCING_ATTRIBUTES_SET),
-        _step5;
+      var _iterator4 = _createForOfIteratorHelper(ID_REFERENCING_ATTRIBUTES_SET),
+        _step4;
       try {
-        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-          var idRefAttrName = _step5.value;
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          var idRefAttrName = _step4.value;
           // Query all global elements with this attribute. The attribute selector syntax `~=` is for values
           // that reference multiple IDs, separated by whitespace.
           var query = "[".concat(idRefAttrName, "~=\"").concat(CSS.escape(attrValue), "\"]");
           var sourceElements = querySelectorAll.call(document, query);
-          for (var _i33 = 0; _i33 < sourceElements.length; _i33++) {
-            var sourceElement = sourceElements[_i33];
+          for (var _i34 = 0; _i34 < sourceElements.length; _i34++) {
+            var sourceElement = sourceElements[_i34];
             var sourceRoot = sourceElement.getRootNode();
             if (sourceRoot !== root) {
               reportViolation(sourceElement, elm, idRefAttrName);
@@ -6731,18 +6654,18 @@
           }
         }
       } catch (err) {
-        _iterator5.e(err);
+        _iterator4.e(err);
       } finally {
-        _iterator5.f();
+        _iterator4.f();
       }
     } else {
       // elm is the source, find the target
       var ids = parseIdRefAttributeValue(attrValue);
-      var _iterator6 = _createForOfIteratorHelper(ids),
-        _step6;
+      var _iterator5 = _createForOfIteratorHelper(ids),
+        _step5;
       try {
-        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-          var id = _step6.value;
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+          var id = _step5.value;
           var target = getElementById.call(document, id);
           if (!isNull(target)) {
             var targetRoot = target.getRootNode();
@@ -6753,9 +6676,9 @@
           }
         }
       } catch (err) {
-        _iterator6.e(err);
+        _iterator5.e(err);
       } finally {
-        _iterator6.f();
+        _iterator5.f();
       }
     }
   }
@@ -7057,8 +6980,8 @@
     var nextNode = node;
     var anchor = null;
     var renderer = owner.renderer;
-    for (var _i34 = 0; _i34 < children.length; _i34++) {
-      var childVnode = children[_i34];
+    for (var _i35 = 0; _i35 < children.length; _i35++) {
+      var childVnode = children[_i35];
       if (!isNull(childVnode)) {
         if (nextNode) {
           nextNode = hydrateNode(nextNode, childVnode, renderer);
@@ -7136,8 +7059,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 _i35 = 0, _Object$entries = Object.entries(attrs); _i35 < _Object$entries.length; _i35++) {
-      var _Object$entries$_i = _slicedToArray(_Object$entries[_i35], 2),
+    for (var _i36 = 0, _Object$entries = Object.entries(attrs); _i36 < _Object$entries.length; _i36++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i36], 2),
         attrName = _Object$entries$_i[0],
         attrValue = _Object$entries$_i[1];
       var owner = vnode.owner;
@@ -7238,8 +7161,8 @@
       var parsedVnodeStyle = parseStyleText(elmStyle);
       var expectedStyle = [];
       // styleMap is used when style is set to static value.
-      for (var _i36 = 0, n = styleDecls.length; _i36 < n; _i36++) {
-        var _styleDecls$_i2 = _slicedToArray(styleDecls[_i36], 3),
+      for (var _i37 = 0, n = styleDecls.length; _i37 < n; _i37++) {
+        var _styleDecls$_i2 = _slicedToArray(styleDecls[_i37], 3),
           prop = _styleDecls$_i2[0],
           value = _styleDecls$_i2[1],
           important = _styleDecls$_i2[2];
@@ -7356,11 +7279,11 @@
   function warnOnArrayMutation(stylesheets) {
     // We can't handle users calling Array.prototype.slice.call(tmpl.stylesheets), but
     // we can at least warn when they use the most common mutation methods.
-    var _iterator7 = _createForOfIteratorHelper(ARRAY_MUTATION_METHODS),
-      _step7;
+    var _iterator6 = _createForOfIteratorHelper(ARRAY_MUTATION_METHODS),
+      _step6;
     try {
-      var _loop2 = function _loop2() {
-        var prop = _step7.value;
+      var _loop3 = function _loop3() {
+        var prop = _step6.value;
         var originalArrayMethod = getOriginalArrayMethod(prop);
         stylesheets[prop] = function arrayMutationWarningWrapper() {
           logError("Mutating the \"stylesheets\" array on a template function " + "is deprecated and may be removed in a future version of LWC.");
@@ -7368,24 +7291,24 @@
           return originalArrayMethod.apply(this, arguments);
         };
       };
-      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-        _loop2();
+      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+        _loop3();
       }
     } catch (err) {
-      _iterator7.e(err);
+      _iterator6.e(err);
     } finally {
-      _iterator7.f();
+      _iterator6.f();
     }
   }
   // 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 _iterator8 = _createForOfIteratorHelper(STYLESHEET_FUNCTION_EXPANDOS),
-      _step8;
+    var _iterator7 = _createForOfIteratorHelper(STYLESHEET_FUNCTION_EXPANDOS),
+      _step7;
     try {
-      var _loop3 = function _loop3() {
-        var prop = _step8.value;
+      var _loop4 = function _loop4() {
+        var prop = _step7.value;
         var value = stylesheet[prop];
         defineProperty(stylesheet, prop, {
           enumerable: true,
@@ -7399,13 +7322,13 @@
           }
         });
       };
-      for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-        _loop3();
+      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+        _loop4();
       }
     } catch (err) {
-      _iterator8.e(err);
+      _iterator7.e(err);
     } finally {
-      _iterator8.f();
+      _iterator7.f();
     }
   }
   // Warn on either array or stylesheet (function) mutation, in a deeply-nested array
@@ -7427,8 +7350,8 @@
   // 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 _i37 = 0; _i37 < stylesheets.length; _i37++) {
-      var stylesheet = stylesheets[_i37];
+    for (var _i38 = 0; _i38 < stylesheets.length; _i38++) {
+      var stylesheet = stylesheets[_i38];
       if (isArray$1(stylesheet)) {
         traverseStylesheets(stylesheet, callback);
       } else {
@@ -7474,11 +7397,11 @@
         if (!isUndefined$1(tmpl.stylesheets)) {
           warnOnStylesheetsMutation(tmpl.stylesheets);
         }
-        var _iterator9 = _createForOfIteratorHelper(TEMPLATE_PROPS),
-          _step9;
+        var _iterator8 = _createForOfIteratorHelper(TEMPLATE_PROPS),
+          _step8;
         try {
-          var _loop4 = function _loop4() {
-            var prop = _step9.value;
+          var _loop5 = function _loop5() {
+            var prop = _step8.value;
             var value = tmpl[prop];
             defineProperty(tmpl, prop, {
               enumerable: true,
@@ -7494,13 +7417,13 @@
               }
             });
           };
-          for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-            _loop4();
+          for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+            _loop5();
           }
         } catch (err) {
-          _iterator9.e(err);
+          _iterator8.e(err);
         } finally {
-          _iterator9.f();
+          _iterator8.f();
         }
         var originalDescriptor = getOwnPropertyDescriptor$1(tmpl, 'stylesheetTokens');
         defineProperty(tmpl, 'stylesheetTokens', {
@@ -7541,7 +7464,7 @@
     }
     return ctor;
   }
-  /* version: 2.35.0 */
+  /* version: 2.35.2 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7645,8 +7568,7 @@
   // Test utilities
   //
   // Only used in LWC's Karma tests
-  // @ts-ignore
-  if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
+  if (process.env.NODE_ENV === 'test-karma-lwc') {
     // @ts-ignore
     window.__lwcResetGlobalStylesheets = function () {
       stylesheetCache.clear();
@@ -7818,7 +7740,7 @@
   var cachedConstructors = new Map();
   var elementsUpgradedOutsideLWC = new WeakSet();
   var elementBeingUpgradedByLWC = false;
-  // Creates a constructor that is intended to be used as a vanilla custom element, except that the upgradeCallback is
+  // Creates a constructor that is intended to be used directly as a custom element, except that the upgradeCallback is
   // passed in to the constructor so LWC can reuse the same custom element constructor for multiple components.
   // 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.
@@ -7867,7 +7789,7 @@
     }
     return UpgradableConstructor;
   };
-  var createCustomElementVanilla = function createCustomElementVanilla(tagName, upgradeCallback, connectedCallback, disconnectedCallback) {
+  var createCustomElementUsingUpgradableConstructor = function createCustomElementUsingUpgradableConstructor(tagName, upgradeCallback, connectedCallback, disconnectedCallback) {
     // use global custom elements registry
     var UpgradableConstructor = cachedConstructors.get(tagName);
     if (isUndefined$1(UpgradableConstructor)) {
@@ -7894,7 +7816,7 @@
    */
   /**
    * Create a scoped registry, i.e. a function that can create custom elements whose tag names
-   * do not conflict with vanilla custom elements having the same tag name.
+   * do not conflict with third-party custom elements having the same tag name.
    */
   function createScopedRegistry() {
     if (!hasCustomElements) {
@@ -8225,17 +8147,17 @@
     function flushPendingWhenDefinedCallbacks(tagName, ctor) {
       var resolvers = pendingWhenDefinedCallbacks.get(tagName);
       if (!isUndefined$1(resolvers)) {
-        var _iterator10 = _createForOfIteratorHelper(resolvers),
-          _step10;
+        var _iterator9 = _createForOfIteratorHelper(resolvers),
+          _step9;
         try {
-          for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
-            var resolver = _step10.value;
+          for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+            var resolver = _step9.value;
             resolver(ctor);
           }
         } catch (err) {
-          _iterator10.e(err);
+          _iterator9.e(err);
         } finally {
-          _iterator10.f();
+          _iterator9.f();
         }
       }
       pendingWhenDefinedCallbacks.delete(tagName);
@@ -8285,11 +8207,11 @@
       var awaiting = awaitingUpgrade.get(tagName);
       if (!isUndefined$1(awaiting)) {
         awaitingUpgrade.delete(tagName);
-        var _iterator11 = _createForOfIteratorHelper(awaiting),
-          _step11;
+        var _iterator10 = _createForOfIteratorHelper(awaiting),
+          _step10;
         try {
-          for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-            var element = _step11.value;
+          for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+            var element = _step10.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
@@ -8301,9 +8223,9 @@
             }
           }
         } catch (err) {
-          _iterator11.e(err);
+          _iterator10.e(err);
         } finally {
-          _iterator11.f();
+          _iterator10.f();
         }
       }
       // If anyone called customElements.whenDefined() and is still waiting for a promise resolution, resolve now
@@ -8500,10 +8422,10 @@
    * We have three modes for creating custom elements:
    *
    * 1. Compat (legacy) browser support (e.g. IE11). Totally custom, doesn't rely on native browser APIs.
-   * 2. "Vanilla" custom elements registry. This system actually still allows us to have two LWC components with the
-   *    same tag name, via a simple trick: every custom element constructor we define in the registry is basically
-   *    the same. It's essentially a dummy `class extends HTMLElement` that accepts an `upgradeCallback` in its
-   *    constructor, which allows us to have completely customized functionality for different components.
+   * 2. "Upgradable constructor" custom element. This allows us to have two LWC components with the same tag name,
+   *    via a trick: every custom element constructor we define in the registry is basically the same. It's essentially
+   *    a dummy `class extends HTMLElement` that accepts an `upgradeCallback` in its constructor ("upgradable
+   *    constructor"), which allows us to have completely customized functionality for different components.
    * 3. "Scoped" (or "pivot") custom elements. This relies on a sophisticated system that emulates the "scoped custom
    *    elements registry" proposal, with support for avoiding conflicts in tag names both between LWC components and
    *    between LWC components and third-party elements. This uses a similar trick to #2, but is much more complex
@@ -8514,8 +8436,8 @@
     if (lwcRuntimeFlags.ENABLE_SCOPED_CUSTOM_ELEMENT_REGISTRY) {
       createCustomElement = createCustomElementScoped;
     } else {
-      // use global custom elements registry (vanilla)
-      createCustomElement = createCustomElementVanilla;
+      // use the global registry, with an upgradable constructor for the defined custom element
+      createCustomElement = createCustomElementUsingUpgradableConstructor;
     }
   } else {
     // no registry available here
@@ -8569,10 +8491,10 @@
       }
       var assert = /*#__PURE__*/Object.freeze({
         __proto__: null,
+        fail: fail,
         invariant: invariant,
-        isTrue: isTrue$1,
         isFalse: isFalse$1,
-        fail: fail
+        isTrue: isTrue$1
       });
       function isUndefined(obj) {
         return obj === undefined;
@@ -8580,7 +8502,7 @@
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.35.0 */
+      /** version: 2.35.2 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -8639,17 +8561,17 @@
         exports.createFragment = function (html) {
           var wrapperTags = topLevelWrappingMap[getTagName(html)];
           if (!isUndefined(wrapperTags)) {
-            var _iterator12 = _createForOfIteratorHelper(wrapperTags),
-              _step12;
+            var _iterator11 = _createForOfIteratorHelper(wrapperTags),
+              _step11;
             try {
-              for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-                var wrapperTag = _step12.value;
+              for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+                var wrapperTag = _step11.value;
                 html = "<".concat(wrapperTag, ">").concat(html, "</").concat(wrapperTag, ">");
               }
             } catch (err) {
-              _iterator12.e(err);
+              _iterator11.e(err);
             } finally {
-              _iterator12.f();
+              _iterator11.f();
             }
           }
           // For IE11, the document title must not be undefined, but it can be an empty string
@@ -8658,7 +8580,7 @@
           doc.body.innerHTML = html;
           var content = doc.body;
           if (!isUndefined(wrapperTags)) {
-            for (var _i38 = 0; _i38 < wrapperTags.length; _i38++) {
+            for (var _i39 = 0; _i39 < wrapperTags.length; _i39++) {
               content = content.firstChild;
             }
           }
@@ -8851,8 +8773,8 @@
       tagName: element.tagName.toLowerCase(),
       hydrated: true
     });
-    for (var _i39 = 0, _Object$entries2 = Object.entries(props); _i39 < _Object$entries2.length; _i39++) {
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i39], 2),
+    for (var _i40 = 0, _Object$entries2 = Object.entries(props); _i40 < _Object$entries2.length; _i40++) {
+      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i40], 2),
         key = _Object$entries2$_i[0],
         value = _Object$entries2$_i[1];
       element[key] = value;
@@ -9146,7 +9068,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.35.0 */
+  /* version: 2.35.2 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;