lwc 2.32.1 → 2.34.0

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

@@ -4,7 +4,7 @@ var LWC = (function (exports) {
   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 _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); }; }
@@ -13,15 +13,17 @@ var LWC = (function (exports) {
   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); }
@@ -176,6 +178,9 @@ var LWC = (function (exports) {
    * 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 () {
@@ -344,90 +349,9 @@ var LWC = (function (exports) {
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // Increment whenever the LWC template compiler changes
-  var LWC_VERSION = "2.32.1";
+  var LWC_VERSION = "2.34.0";
   var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.32.1 */
-
-  /**
-   * 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.1 */
+  /** version: 2.34.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -448,7 +372,9 @@ var LWC = (function (exports) {
     ENABLE_LIGHT_GET_ROOT_NODE_PATCH: null,
     DISABLE_LIGHT_DOM_UNSCOPED_CSS: null,
     ENABLE_SCOPED_CUSTOM_ELEMENT_REGISTRY: null,
-    ENABLE_FROZEN_TEMPLATE: null
+    ENABLE_FROZEN_TEMPLATE: null,
+    DISABLE_ARIA_REFLECTION_POLYFILL: null,
+    ENABLE_PROGRAMMATIC_STYLESHEETS: null
   };
   if (!_globalThis.lwcRuntimeFlags) {
     Object.defineProperty(_globalThis, 'lwcRuntimeFlags', {
@@ -504,7 +430,83 @@ var LWC = (function (exports) {
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.32.1 */
+  /** version: 2.34.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.34.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.
@@ -572,7 +574,7 @@ var LWC = (function (exports) {
     }
     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]();
     }
   }
@@ -690,7 +692,7 @@ var LWC = (function (exports) {
     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();
         }
@@ -849,6 +851,7 @@ var LWC = (function (exports) {
     if (!isUndefined$1(vm)) {
       msg = "".concat(msg, "\n").concat(getComponentStack(vm));
     }
+    // In Jest tests, reduce the warning and error verbosity by not printing the callstack
     if (process.env.NODE_ENV === 'test') {
       /* eslint-disable-next-line no-console */
       console[method](msg);
@@ -907,6 +910,9 @@ var LWC = (function (exports) {
   // Global HTML Attributes & Properties
   // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
   // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
+  //
+  // If you update this list, check for test files that recapitulate the same list. Searching the codebase
+  // for e.g. "dropzone" should suffice.
   var globalHTMLProperties = assign(create(null), {
     accessKey: {
       attribute: 'accesskey'
@@ -2463,6 +2469,17 @@ var LWC = (function (exports) {
     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.
@@ -3052,7 +3069,7 @@ var LWC = (function (exports) {
       };
     }
     // 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),
@@ -3078,6 +3095,20 @@ var LWC = (function (exports) {
     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);
 
@@ -3539,6 +3570,7 @@ var LWC = (function (exports) {
       setAttribute = _vm$renderer.setAttribute;
     var newStylesheets = template.stylesheets,
       newStylesheetToken = template.stylesheetToken;
+    var newVmStylesheets = vm.stylesheets;
     var isSyntheticShadow = renderMode === 1 /* RenderMode.Shadow */ && shadowMode === 1 /* ShadowMode.Synthetic */;
     var hasScopedStyles = context.hasScopedStyles;
     var newToken;
@@ -3558,7 +3590,9 @@ var LWC = (function (exports) {
     }
     // Apply the new template styling token to the host element, if the new template has any
     // associated stylesheets. In the case of light DOM, also ensure there is at least one scoped stylesheet.
-    if (!isUndefined$1(newStylesheets) && newStylesheets.length !== 0) {
+    var hasNewStylesheets = hasStyles(newStylesheets);
+    var hasNewVmStylesheets = hasStyles(newVmStylesheets);
+    if (hasNewStylesheets || hasNewVmStylesheets) {
       newToken = newStylesheetToken;
     }
     // Set the new styling token on the host element
@@ -3628,10 +3662,15 @@ var LWC = (function (exports) {
   function getStylesheetsContent(vm, template) {
     var stylesheets = template.stylesheets,
       stylesheetToken = template.stylesheetToken;
+    var vmStylesheets = vm.stylesheets;
     var content = [];
-    if (!isUndefined$1(stylesheets) && stylesheets.length !== 0) {
+    if (hasStyles(stylesheets)) {
       content = evaluateStylesheetsContent(stylesheets, stylesheetToken, vm);
     }
+    // VM (component) stylesheets apply after template stylesheets
+    if (hasStyles(vmStylesheets)) {
+      ArrayPush$1.apply(content, evaluateStylesheetsContent(vmStylesheets, stylesheetToken, vm));
+    }
     return content;
   }
   // It might be worth caching this to avoid doing the lookup repeatedly, but
@@ -3666,8 +3705,9 @@ var LWC = (function (exports) {
   function getStylesheetTokenHost(vnode) {
     var _getComponentInternal = getComponentInternalDef(vnode.ctor),
       template = _getComponentInternal.template;
+    var vm = vnode.vm;
     var stylesheetToken = template.stylesheetToken;
-    return !isUndefined$1(stylesheetToken) && computeHasScopedStyles(template) ? makeHostToken(stylesheetToken) : null;
+    return !isUndefined$1(stylesheetToken) && computeHasScopedStyles(template, vm) ? makeHostToken(stylesheetToken) : null;
   }
   function getNearestNativeShadowComponent(vm) {
     var owner = getNearestShadowComponent(vm);
@@ -4256,6 +4296,26 @@ var LWC = (function (exports) {
         // in fallback mode, the allocation will always set children to
         // empty and delegate the real allocation to the slot elements
         allocateChildren(n2, vm);
+        // Solves an edge case with slotted VFragments in native shadow mode.
+        //
+        // During allocation, in native shadow, slotted VFragment nodes are flattened and their text delimiters are removed
+        // to avoid interfering with native slot behavior. When this happens, if any of the fragments
+        // were not stable, the children must go through the dynamic diffing algo.
+        //
+        // If the new children (n2.children) contain no VFragments, but the previous children (n1.children) were dynamic,
+        // the new nodes must be marked dynamic so that all nodes are properly updated. The only indicator that the new
+        // nodes need to be dynamic comes from the previous children, so we check that to determine whether we need to
+        // mark the new children dynamic.
+        //
+        // Example:
+        // n1.children: [div, VFragment('', div, null, ''), div] => [div, div, null, div]; // marked dynamic
+        // n2.children: [div, null, div] => [div, null, div] // marked ???
+        var shadowMode = vm.shadowMode,
+          renderMode = vm.renderMode;
+        if (shadowMode == 0 /* ShadowMode.Native */ && renderMode !== 0 /* RenderMode.Light */ && hasDynamicChildren(n1.children)) {
+          // No-op if children has already been marked dynamic by 'allocateChildren()'.
+          markAsDynamicChildren(n2.children);
+        }
       }
       // in fallback mode, the children will be always empty, so, nothing
       // will happen, but in native, it does allocate the light dom
@@ -4434,7 +4494,6 @@ var LWC = (function (exports) {
     //
     // In case #2, we will always get a fresh VCustomElement.
     var children = vnode.aChildren || vnode.children;
-    vm.aChildren = children;
     var renderMode = vm.renderMode,
       shadowMode = vm.shadowMode;
     if (process.env.NODE_ENV !== 'production') {
@@ -4447,15 +4506,61 @@ var LWC = (function (exports) {
         logError("Invalid usage of 'lwc:slot-data' on ".concat(getComponentTag(vm), " tag. Scoped slot content can only be passed to a light dom child."));
       }
     }
+    // If any of the children being allocated are VFragments, we remove the text delimiters and flatten all immediate
+    // children VFragments to avoid them interfering with default slot behavior.
+    var allocatedChildren = flattenFragmentsInChildren(children);
+    vnode.children = allocatedChildren;
+    vm.aChildren = allocatedChildren;
     if (shadowMode === 1 /* ShadowMode.Synthetic */ || renderMode === 0 /* RenderMode.Light */) {
       // slow path
-      allocateInSlot(vm, children, vnode.owner);
+      allocateInSlot(vm, allocatedChildren, vnode.owner);
       // save the allocated children in case this vnode is reused.
-      vnode.aChildren = children;
+      vnode.aChildren = allocatedChildren;
       // every child vnode is now allocated, and the host should receive none directly, it receives them via the shadow!
       vnode.children = EmptyArray;
     }
   }
+  /**
+   * Flattens the contents of all VFragments in an array of VNodes, removes the text delimiters on those VFragments, and
+   * marks the resulting children array as dynamic. Uses a stack (array) to iteratively traverse the nested VFragments
+   * and avoid the perf overhead of creating/destroying throwaway arrays/objects in a recursive approach.
+   *
+   * With the delimiters removed, the contents are marked dynamic so they are diffed correctly.
+   *
+   * This function is used for slotted VFragments to avoid the text delimiters interfering with slotting functionality.
+   */
+  function flattenFragmentsInChildren(children) {
+    var flattenedChildren = [];
+    // Initialize our stack with the direct children of the custom component and check whether we have a VFragment.
+    // 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 _i15 = children.length - 1; _i15 > -1; _i15 -= 1) {
+      var child = children[_i15];
+      ArrayPush$1.call(nodeStack, child);
+      fragmentFound = fragmentFound || !!(child && isVFragment(child));
+    }
+    if (!fragmentFound) {
+      return children;
+    }
+    var currentNode;
+    while (!isUndefined$1(currentNode = ArrayPop.call(nodeStack))) {
+      if (!isNull(currentNode) && isVFragment(currentNode)) {
+        var fChildren = currentNode.children;
+        // Ignore the start and end text node delimiters
+        for (var _i16 = fChildren.length - 2; _i16 > 0; _i16 -= 1) {
+          ArrayPush$1.call(nodeStack, fChildren[_i16]);
+        }
+      } else {
+        ArrayPush$1.call(flattenedChildren, currentNode);
+      }
+    }
+    // We always mark the children as dynamic because nothing generates stable VFragments yet.
+    // If/when stable VFragments are generated by the compiler, this code should be updated to
+    // not mark dynamic if all flattened VFragments were stable.
+    markAsDynamicChildren(flattenedChildren);
+    return flattenedChildren;
+  }
   function createViewModelHook(elm, vnode, renderer) {
     var vm = getAssociatedVMIfPresent(elm);
     // There is a possibility that a custom element is registered under tagName, in which case, the
@@ -4478,22 +4583,16 @@ var LWC = (function (exports) {
     }
     return vm;
   }
-  /**
-   * Collects all slots into a SlotSet, traversing through VFragment Nodes
-   */
-  function collectSlots(vm, children, cmpSlotsMapping) {
+  function allocateInSlot(vm, children, owner) {
     var _a, _b;
-    for (var _i15 = 0, len = children.length; _i15 < len; _i15 += 1) {
-      var vnode = children[_i15];
+    var oldSlotsMapping = vm.cmpSlots.slotAssignments;
+    var cmpSlotsMapping = create(null);
+    // Collect all slots into cmpSlotsMapping
+    for (var _i17 = 0, len = children.length; _i17 < len; _i17 += 1) {
+      var vnode = children[_i17];
       if (isNull(vnode)) {
         continue;
       }
-      // Dive further iff the content is wrapped in a VFragment
-      if (isVFragment(vnode)) {
-        // Remove the text delimiter nodes to avoid overriding default slot content
-        collectSlots(vm, vnode.children.slice(1, -1), cmpSlotsMapping);
-        continue;
-      }
       var slotName = '';
       if (isVBaseElement(vnode)) {
         slotName = (_b = (_a = vnode.data.attrs) === null || _a === void 0 ? void 0 : _a.slot) !== null && _b !== void 0 ? _b : '';
@@ -4503,11 +4602,6 @@ var LWC = (function (exports) {
       var vnodes = cmpSlotsMapping[slotName] = cmpSlotsMapping[slotName] || [];
       ArrayPush$1.call(vnodes, vnode);
     }
-  }
-  function allocateInSlot(vm, children, owner) {
-    var oldSlotsMapping = vm.cmpSlots.slotAssignments;
-    var cmpSlotsMapping = create(null);
-    collectSlots(vm, children, cmpSlotsMapping);
     vm.cmpSlots = {
       owner: owner,
       slotAssignments: cmpSlotsMapping
@@ -4520,16 +4614,16 @@ var LWC = (function (exports) {
         markComponentAsDirty(vm);
         return;
       }
-      for (var _i16 = 0, len = oldKeys.length; _i16 < len; _i16 += 1) {
-        var key = oldKeys[_i16];
+      for (var _i18 = 0, _len2 = oldKeys.length; _i18 < _len2; _i18 += 1) {
+        var key = oldKeys[_i18];
         if (isUndefined$1(cmpSlotsMapping[key]) || oldSlotsMapping[key].length !== cmpSlotsMapping[key].length) {
           markComponentAsDirty(vm);
           return;
         }
         var oldVNodes = oldSlotsMapping[key];
-        var vnodes = cmpSlotsMapping[key];
+        var _vnodes = cmpSlotsMapping[key];
         for (var j = 0, a = cmpSlotsMapping[key].length; j < a; j += 1) {
-          if (oldVNodes[j] !== vnodes[j]) {
+          if (oldVNodes[j] !== _vnodes[j]) {
             markComponentAsDirty(vm);
             return;
           }
@@ -4538,14 +4632,14 @@ var LWC = (function (exports) {
     }
   }
   // Using a WeakMap instead of a WeakSet because this one works in IE11 :(
-  var FromIteration = new WeakMap();
-  // dynamic children means it was generated by an iteration
-  // in a template, and will require a more complex diffing algo.
+  var DynamicChildren = new WeakMap();
+  // dynamic children means it was either generated by an iteration in a template
+  // or part of an unstable fragment, and will require a more complex diffing algo.
   function markAsDynamicChildren(children) {
-    FromIteration.set(children, 1);
+    DynamicChildren.set(children, 1);
   }
   function hasDynamicChildren(children) {
-    return FromIteration.has(children);
+    return DynamicChildren.has(children);
   }
   function createKeyToOldIdx(children, beginIdx, endIdx) {
     var map = {};
@@ -4644,11 +4738,11 @@ var LWC = (function (exports) {
       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 _i17 = newEndIdx;
+        var _i19 = newEndIdx;
         var n;
         do {
-          n = newCh[++_i17];
-        } while (!isVNode(n) && _i17 < newChEnd);
+          n = newCh[++_i19];
+        } while (!isVNode(n) && _i19 < newChEnd);
         before = isVNode(n) ? n.elm : null;
         mountVNodes(newCh, parent, renderer, before, newStartIdx, newEndIdx + 1);
       } else {
@@ -4673,9 +4767,9 @@ var LWC = (function (exports) {
     // 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 _i18 = c2Length - 1; _i18 >= 0; _i18 -= 1) {
-      var n1 = c1[_i18];
-      var n2 = c2[_i18];
+    for (var _i20 = c2Length - 1; _i20 >= 0; _i20 -= 1) {
+      var n1 = c1[_i20];
+      var n2 = c2[_i20];
       if (n2 !== n1) {
         if (isVNode(n1)) {
           if (isVNode(n2)) {
@@ -4800,8 +4894,8 @@ var LWC = (function (exports) {
     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 _i19 = 0; _i19 < slotAssignments.length; _i19++) {
-        var vnode = slotAssignments[_i19];
+      for (var _i21 = 0; _i21 < slotAssignments.length; _i21++) {
+        var vnode = slotAssignments[_i21];
         if (!isNull(vnode)) {
           var assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode);
           // The only sniff test for a scoped <slot> element is the presence of `slotData`
@@ -5297,7 +5391,7 @@ var LWC = (function (exports) {
   }
   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 _len3 = arguments.length, keys = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
         keys[_key3 - 1] = arguments[_key3];
       }
       var cache = create(null);
@@ -5326,23 +5420,23 @@ var LWC = (function (exports) {
         var classAttrToken = hasScopedStyles && hasStyleToken ? " class=\"".concat(stylesheetToken, "\"") : '';
         var attrToken = hasStyleToken && isSyntheticShadow ? ' ' + stylesheetToken : '';
         var htmlFragment = '';
-        for (var _i20 = 0, n = keys.length; _i20 < n; _i20++) {
-          switch (keys[_i20]) {
+        for (var _i22 = 0, n = keys.length; _i22 < n; _i22++) {
+          switch (keys[_i22]) {
             case 0:
               // styleToken in existing class attr
-              htmlFragment += strings[_i20] + classToken;
+              htmlFragment += strings[_i22] + classToken;
               break;
             case 1:
               // styleToken for added class attr
-              htmlFragment += strings[_i20] + classAttrToken;
+              htmlFragment += strings[_i22] + classAttrToken;
               break;
             case 2:
               // styleToken as attr
-              htmlFragment += strings[_i20] + attrToken;
+              htmlFragment += strings[_i22] + attrToken;
               break;
             case 3:
               // ${1}${2}
-              htmlFragment += strings[_i20] + classAttrToken + attrToken;
+              htmlFragment += strings[_i22] + classAttrToken + attrToken;
               break;
           }
         }
@@ -5407,7 +5501,7 @@ var LWC = (function (exports) {
           // Create a brand new template cache for the swapped templated.
           context.tplCache = create(null);
           // Set the computeHasScopedStyles property in the context, to avoid recomputing it repeatedly.
-          context.hasScopedStyles = computeHasScopedStyles(html);
+          context.hasScopedStyles = computeHasScopedStyles(html, vm);
           // Update the scoping token on the host element.
           updateStylesheetToken(vm, html);
           // Evaluate, create stylesheet and cache the produced VNode for future
@@ -5447,17 +5541,24 @@ var LWC = (function (exports) {
     }
     return vnodes;
   }
-  function computeHasScopedStyles(template) {
-    var stylesheets = template.stylesheets;
-    if (!isUndefined$1(stylesheets)) {
-      for (var _i21 = 0; _i21 < stylesheets.length; _i21++) {
-        if (isTrue(stylesheets[_i21][KEY__SCOPED_CSS])) {
+  function computeHasScopedStylesInStylesheets(stylesheets) {
+    if (hasStyles(stylesheets)) {
+      for (var _i23 = 0; _i23 < stylesheets.length; _i23++) {
+        if (isTrue(stylesheets[_i23][KEY__SCOPED_CSS])) {
           return true;
         }
       }
     }
     return false;
   }
+  function computeHasScopedStyles(template, vm) {
+    var stylesheets = template.stylesheets;
+    var vmStylesheets = !isUndefined$1(vm) ? vm.stylesheets : null;
+    return computeHasScopedStylesInStylesheets(stylesheets) || computeHasScopedStylesInStylesheets(vmStylesheets);
+  }
+  function hasStyles(stylesheets) {
+    return !isUndefined$1(stylesheets) && !isNull(stylesheets) && stylesheets.length > 0;
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5639,8 +5740,8 @@ var LWC = (function (exports) {
     if (process.env.NODE_ENV !== 'production') {
       assert.isTrue(isObject(service), "Invalid service declaration, ".concat(service, ": service must be an object"));
     }
-    for (var _i22 = 0; _i22 < hooks.length; ++_i22) {
-      var hookName = hooks[_i22];
+    for (var _i24 = 0; _i24 < hooks.length; ++_i24) {
+      var hookName = hooks[_i24];
       if (hookName in service) {
         var l = Services[hookName];
         if (isUndefined$1(l)) {
@@ -5657,8 +5758,8 @@ var LWC = (function (exports) {
     var component = vm.component,
       def = vm.def,
       context = vm.context;
-    for (var _i23 = 0, len = cbs.length; _i23 < len; ++_i23) {
-      cbs[_i23].call(undefined, component, {}, def, context);
+    for (var _i25 = 0, len = cbs.length; _i25 < len; ++_i25) {
+      cbs[_i25].call(undefined, component, {}, def, context);
     }
   }
 
@@ -5777,6 +5878,7 @@ var LWC = (function (exports) {
       // Properties set right after VM creation.
       tro: null,
       shadowMode: null,
+      stylesheets: null,
       // Properties set by the LightningElement constructor.
       component: null,
       shadowRoot: null,
@@ -5789,6 +5891,7 @@ var LWC = (function (exports) {
     if (process.env.NODE_ENV !== 'production') {
       vm.debugInfo = create(null);
     }
+    vm.stylesheets = computeStylesheets(vm, def.ctor);
     vm.shadowMode = computeShadowMode(vm, renderer);
     vm.tro = getTemplateReactiveObserver(vm);
     if (process.env.NODE_ENV !== 'production') {
@@ -5807,6 +5910,40 @@ var LWC = (function (exports) {
     }
     return vm;
   }
+  function validateComponentStylesheets(vm, stylesheets) {
+    var valid = true;
+    var validate = function validate(arrayOrStylesheet) {
+      if (isArray$1(arrayOrStylesheet)) {
+        for (var _i26 = 0; _i26 < arrayOrStylesheet.length; _i26++) {
+          validate(arrayOrStylesheet[_i26]);
+        }
+      } else if (!isFunction$1(arrayOrStylesheet)) {
+        // function assumed to be a stylesheet factory
+        valid = false;
+      }
+    };
+    if (!isArray$1(stylesheets)) {
+      valid = false;
+    } else {
+      validate(stylesheets);
+    }
+    return valid;
+  }
+  // Validate and flatten any stylesheets defined as `static stylesheets`
+  function computeStylesheets(vm, ctor) {
+    if (lwcRuntimeFlags.ENABLE_PROGRAMMATIC_STYLESHEETS) {
+      var stylesheets = ctor.stylesheets;
+      if (!isUndefined$1(stylesheets)) {
+        var valid = validateComponentStylesheets(vm, stylesheets);
+        if (valid) {
+          return flattenStylesheets(stylesheets);
+        } else if (process.env.NODE_ENV !== 'production') {
+          logError("static stylesheets must be an array of CSS stylesheets. Found invalid stylesheets on <".concat(vm.tagName, ">"), vm);
+        }
+      }
+    }
+    return null;
+  }
   function computeShadowMode(vm, renderer) {
     var def = vm.def;
     var isSyntheticShadowDefined = renderer.isSyntheticShadowDefined,
@@ -5931,17 +6068,17 @@ var LWC = (function (exports) {
       return a.idx - b.idx;
     });
     rehydrateQueue = []; // reset to a new queue
-    for (var _i24 = 0, len = vms.length; _i24 < len; _i24 += 1) {
-      var vm = vms[_i24];
+    for (var _i27 = 0, len = vms.length; _i27 < len; _i27 += 1) {
+      var vm = vms[_i27];
       try {
         rehydrate(vm);
       } catch (error) {
-        if (_i24 + 1 < len) {
+        if (_i27 + 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, _i24 + 1));
+          ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, _i27 + 1));
         }
         // we need to end the measure before throwing.
         logGlobalOperationEnd(8 /* OperationId.GlobalRehydrate */);
@@ -6010,8 +6147,8 @@ var LWC = (function (exports) {
     var vCustomElementCollection = vm.velements;
     // Reporting disconnection for every child in inverse order since they are
     // inserted in reserved order.
-    for (var _i25 = vCustomElementCollection.length - 1; _i25 >= 0; _i25 -= 1) {
-      var elm = vCustomElementCollection[_i25].elm;
+    for (var _i28 = vCustomElementCollection.length - 1; _i28 >= 0; _i28 -= 1) {
+      var elm = vCustomElementCollection[_i28].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
@@ -6042,8 +6179,8 @@ var LWC = (function (exports) {
    * defined on its shadow.
    */
   function recursivelyDisconnectChildren(vnodes) {
-    for (var _i26 = 0, len = vnodes.length; _i26 < len; _i26 += 1) {
-      var vnode = vnodes[_i26];
+    for (var _i29 = 0, len = vnodes.length; _i29 < len; _i29 += 1) {
+      var vnode = vnodes[_i29];
       if (!isNull(vnode) && !isUndefined$1(vnode.elm)) {
         switch (vnode.type) {
           case 2 /* VNodeType.Element */:
@@ -6067,8 +6204,8 @@ var LWC = (function (exports) {
     var children = vm.children,
       renderRoot = vm.renderRoot,
       remove = vm.renderer.remove;
-    for (var _i27 = 0, len = children.length; _i27 < len; _i27++) {
-      var child = children[_i27];
+    for (var _i30 = 0, len = children.length; _i30 < len; _i30++) {
+      var child = children[_i30];
       if (!isNull(child) && !isUndefined$1(child.elm)) {
         remove(child.elm, renderRoot);
       }
@@ -6406,16 +6543,16 @@ var LWC = (function (exports) {
   }
   function connectWireAdapters(vm) {
     var wiredConnecting = vm.context.wiredConnecting;
-    for (var _i28 = 0, len = wiredConnecting.length; _i28 < len; _i28 += 1) {
-      wiredConnecting[_i28]();
+    for (var _i31 = 0, len = wiredConnecting.length; _i31 < len; _i31 += 1) {
+      wiredConnecting[_i31]();
     }
   }
   function disconnectWireAdapters(vm) {
     var wiredDisconnecting = vm.context.wiredDisconnecting;
     runWithBoundaryProtection(vm, vm, noop, function () {
       // job
-      for (var _i29 = 0, len = wiredDisconnecting.length; _i29 < len; _i29 += 1) {
-        wiredDisconnecting[_i29]();
+      for (var _i32 = 0, len = wiredDisconnecting.length; _i32 < len; _i32 += 1) {
+        wiredDisconnecting[_i32]();
       }
     }, noop);
   }
@@ -6654,8 +6791,8 @@ var LWC = (function (exports) {
     var nextNode = node;
     var anchor = null;
     var renderer = owner.renderer;
-    for (var _i30 = 0; _i30 < children.length; _i30++) {
-      var childVnode = children[_i30];
+    for (var _i33 = 0; _i33 < children.length; _i33++) {
+      var childVnode = children[_i33];
       if (!isNull(childVnode)) {
         if (nextNode) {
           nextNode = hydrateNode(nextNode, childVnode, renderer);
@@ -6733,8 +6870,8 @@ var LWC = (function (exports) {
     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 _i31 = 0, _Object$entries = Object.entries(attrs); _i31 < _Object$entries.length; _i31++) {
-      var _Object$entries$_i = _slicedToArray(_Object$entries[_i31], 2),
+    for (var _i34 = 0, _Object$entries = Object.entries(attrs); _i34 < _Object$entries.length; _i34++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i34], 2),
         attrName = _Object$entries$_i[0],
         attrValue = _Object$entries$_i[1];
       var owner = vnode.owner;
@@ -6835,8 +6972,8 @@ var LWC = (function (exports) {
       var parsedVnodeStyle = parseStyleText(elmStyle);
       var expectedStyle = [];
       // styleMap is used when style is set to static value.
-      for (var _i32 = 0, n = styleDecls.length; _i32 < n; _i32++) {
-        var _styleDecls$_i2 = _slicedToArray(styleDecls[_i32], 3),
+      for (var _i35 = 0, n = styleDecls.length; _i35 < n; _i35++) {
+        var _styleDecls$_i2 = _slicedToArray(styleDecls[_i35], 3),
           prop = _styleDecls$_i2[0],
           value = _styleDecls$_i2[1],
           important = _styleDecls$_i2[2];
@@ -7024,8 +7161,8 @@ var LWC = (function (exports) {
   // 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];
+    for (var _i36 = 0; _i36 < stylesheets.length; _i36++) {
+      var stylesheet = stylesheets[_i36];
       if (isArray$1(stylesheet)) {
         traverseStylesheets(stylesheet, callback);
       } else {
@@ -7138,7 +7275,7 @@ var LWC = (function (exports) {
     }
     return ctor;
   }
-  /* version: 2.32.1 */
+  /* version: 2.34.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7241,7 +7378,9 @@ var LWC = (function (exports) {
   //
   // Test utilities
   //
-  if (process.env.NODE_ENV === 'development') {
+  // Only used in LWC's Karma tests
+  // @ts-ignore
+  if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
     // @ts-ignore
     window.__lwcResetGlobalStylesheets = function () {
       stylesheetCache.clear();
@@ -8175,7 +8314,7 @@ var LWC = (function (exports) {
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.32.1 */
+      /** version: 2.34.0 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -8253,7 +8392,7 @@ var LWC = (function (exports) {
           doc.body.innerHTML = html;
           var content = doc.body;
           if (!isUndefined(wrapperTags)) {
-            for (var _i34 = 0; _i34 < wrapperTags.length; _i34++) {
+            for (var _i37 = 0; _i37 < wrapperTags.length; _i37++) {
               content = content.firstChild;
             }
           }
@@ -8446,8 +8585,8 @@ var LWC = (function (exports) {
       tagName: element.tagName.toLowerCase(),
       hydrated: true
     });
-    for (var _i35 = 0, _Object$entries2 = Object.entries(props); _i35 < _Object$entries2.length; _i35++) {
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i35], 2),
+    for (var _i38 = 0, _Object$entries2 = Object.entries(props); _i38 < _Object$entries2.length; _i38++) {
+      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i38], 2),
         key = _Object$entries2$_i[0],
         value = _Object$entries2$_i[1];
       element[key] = value;
@@ -8741,7 +8880,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.32.1 */
+  /* version: 2.34.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;