lwc 2.21.1 → 2.22.0

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

@@ -346,7 +346,7 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.21.1 */
+  /** version: 2.22.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -734,20 +734,24 @@ var LWC = (function (exports) {
 
     return ReactiveObserver;
   }();
-  /*
-   * 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 componentValueMutated(vm, key) {
-    valueMutated(vm.component, key);
+    // On the server side, we don't need mutation tracking. Skipping it improves performance.
+    {
+      valueMutated(vm.component, key);
+    }
   }
 
   function componentValueObserved(vm, key) {
-    valueObserved(vm.component, key);
+    // On the server side, we don't need mutation tracking. Skipping it improves performance.
+    {
+      valueObserved(vm.component, key);
+    }
+  }
+
+  function createReactiveObserver(callback) {
+    // On the server side, we don't need mutation tracking. Skipping it improves performance.
+    return new ReactiveObserver(callback);
   }
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1672,8 +1676,28 @@ var LWC = (function (exports) {
    */
 
   function unwrap(value) {
+    // On the server side, we don't need mutation tracking. Skipping it improves performance.
     return reactiveMembrane.unwrapProxy(value);
   }
+
+  function getReadOnlyProxy(value) {
+    // We must return a frozen wrapper around the value, so that child components cannot mutate properties passed to
+    // them from their parents. This applies to both the client and server.
+    return reactiveMembrane.getReadOnlyProxy(value);
+  }
+
+  function getReactiveProxy(value) {
+    // On the server side, we don't need mutation tracking. Skipping it improves performance.
+    return reactiveMembrane.getProxy(value);
+  } // Making the component instance a live value when using Locker to support expandos.
+
+
+  function markLockerLiveObject(obj) {
+    // On the server side, we don't need mutation tracking. Skipping it improves performance.
+    {
+      obj[lockerLivePropertyKey] = undefined;
+    }
+  }
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -1764,10 +1788,9 @@ var LWC = (function (exports) {
       vm.callHook = _callHook;
       vm.setHook = _setHook;
       vm.getHook = _getHook;
-    } // Making the component instance a live value when using Locker to support expandos.
-
+    }
 
-    this[lockerLivePropertyKey] = undefined; // Linking elm, shadow root and component with the VM.
+    markLockerLiveObject(this); // Linking elm, shadow root and component with the VM.
 
     associateVM(component, vm);
     associateVM(elm, vm);
@@ -2025,42 +2048,6 @@ var LWC = (function (exports) {
       configurable: true
     };
   }
-  /*
-   * 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 api$1() {
-
-    throw new Error();
-  }
-
-  function createPublicPropertyDescriptor(key) {
-    return {
-      get: function get() {
-        var vm = getAssociatedVM(this);
-
-        if (isBeingConstructed(vm)) {
-
-          return;
-        }
-
-        componentValueObserved(vm, key);
-        return vm.cmpProps[key];
-      },
-      set: function set(newValue) {
-        var vm = getAssociatedVM(this);
-
-        vm.cmpProps[key] = newValue;
-        componentValueMutated(vm, key);
-      },
-      enumerable: true,
-      configurable: true
-    };
-  }
 
   var AccessorReactiveObserver = /*#__PURE__*/function (_ReactiveObserver) {
     _inherits(AccessorReactiveObserver, _ReactiveObserver);
@@ -2119,6 +2106,47 @@ var LWC = (function (exports) {
     return AccessorReactiveObserver;
   }(ReactiveObserver);
 
+  function createAccessorReactiveObserver(vm, set) {
+    // On the server side, we don't need mutation tracking. Skipping it improves performance.
+    return new AccessorReactiveObserver(vm, set);
+  }
+  /*
+   * Copyright (c) 2018, salesforce.com, inc.
+   * 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 api$1() {
+
+    throw new Error();
+  }
+
+  function createPublicPropertyDescriptor(key) {
+    return {
+      get: function get() {
+        var vm = getAssociatedVM(this);
+
+        if (isBeingConstructed(vm)) {
+
+          return;
+        }
+
+        componentValueObserved(vm, key);
+        return vm.cmpProps[key];
+      },
+      set: function set(newValue) {
+        var vm = getAssociatedVM(this);
+
+        vm.cmpProps[key] = newValue;
+        componentValueMutated(vm, key);
+      },
+      enumerable: true,
+      configurable: true
+    };
+  }
+
   function createPublicAccessorDescriptor(key, descriptor) {
     var _get3 = descriptor.get,
         _set2 = descriptor.set,
@@ -2145,7 +2173,7 @@ var LWC = (function (exports) {
             var ro = vm.oar[key];
 
             if (isUndefined$1(ro)) {
-              ro = vm.oar[key] = new AccessorReactiveObserver(vm, _set2);
+              ro = vm.oar[key] = createAccessorReactiveObserver(vm, _set2);
             } // every time we invoke this setter from outside (through this wrapper setter)
             // we should reset the value and then debounce just in case there is a pending
             // invocation the next tick that is not longer relevant since the value is changing
@@ -2175,7 +2203,7 @@ var LWC = (function (exports) {
 
   function track(target) {
     if (arguments.length === 1) {
-      return reactiveMembrane.getProxy(target);
+      return getReactiveProxy(target);
     }
 
     throw new Error();
@@ -2191,7 +2219,7 @@ var LWC = (function (exports) {
       set: function set(newValue) {
         var vm = getAssociatedVM(this);
 
-        var reactiveOrAnyValue = reactiveMembrane.getProxy(newValue);
+        var reactiveOrAnyValue = getReactiveProxy(newValue);
 
         if (reactiveOrAnyValue !== vm.cmpFields[key]) {
           vm.cmpFields[key] = reactiveOrAnyValue;
@@ -2499,7 +2527,7 @@ var LWC = (function (exports) {
       fn = cachedSetterByKey[key] = function (newValue) {
         var vm = getAssociatedVM(this);
         var setHook = vm.setHook;
-        newValue = reactiveMembrane.getReadOnlyProxy(newValue);
+        newValue = getReadOnlyProxy(newValue);
         setHook(vm.component, key, newValue);
       };
     }
@@ -4953,7 +4981,7 @@ var LWC = (function (exports) {
   }
 
   function getTemplateReactiveObserver(vm) {
-    return new ReactiveObserver(function () {
+    return createReactiveObserver(function () {
       var isDirty = vm.isDirty;
 
       if (isFalse(isDirty)) {
@@ -5688,7 +5716,7 @@ var LWC = (function (exports) {
   function createConfigWatcher(component, configCallback, callbackWhenConfigIsReady) {
     var hasPendingConfig = false; // creating the reactive observer for reactive params when needed
 
-    var ro = new ReactiveObserver(function () {
+    var ro = createReactiveObserver(function () {
       if (hasPendingConfig === false) {
         hasPendingConfig = true; // collect new config in the micro-task
 
@@ -5979,7 +6007,7 @@ var LWC = (function (exports) {
 
   function readonly(obj) {
 
-    return reactiveMembrane.getReadOnlyProxy(obj);
+    return getReadOnlyProxy(obj);
   }
   /*
    * Copyright (c) 2022, salesforce.com, inc.
@@ -6461,7 +6489,7 @@ var LWC = (function (exports) {
 
     return ctor;
   }
-  /* version: 2.21.1 */
+  /* version: 2.22.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -6620,6 +6648,85 @@ var LWC = (function (exports) {
    */
 
 
+  var SUPPORTS_TEMPLATE = typeof HTMLTemplateElement === 'function';
+  var createFragment;
+
+  if (SUPPORTS_TEMPLATE) {
+    // Parse the fragment HTML string into DOM
+    createFragment = function createFragment(html) {
+      var template = document.createElement('template');
+      template.innerHTML = html;
+      return template.content.firstChild;
+    };
+  } else {
+    // In browsers that don't support <template> (e.g. IE11), we need to be careful to wrap elements like
+    // <td> in the proper container elements (e.g. <tbody>), because otherwise they will be parsed as null.
+    // Via https://github.com/webcomponents/polyfills/blob/ee1db33/packages/template/template.js#L273-L280
+    // With other elements added from:
+    // https://github.com/sindresorhus/html-tags/blob/95dcdd5/index.js
+    // Using the test:
+    // document.createRange().createContextualFragment(`<${tag}></${tag}>`).firstChild === null
+    // And omitting <html>, <head>, and <body> as these are not practical in an LWC component.
+    var topLevelWrappingMap = {
+      caption: ['table'],
+      col: ['colgroup', 'table'],
+      colgroup: ['table'],
+      option: ['select'],
+      tbody: ['table'],
+      td: ['tr', 'tbody', 'table'],
+      th: ['tr', 'tbody', 'table'],
+      thead: ['table'],
+      tfoot: ['table'],
+      tr: ['tbody', 'table']
+    }; // Via https://github.com/webcomponents/polyfills/blob/ee1db33/packages/template/template.js#L282-L288
+
+    var getTagName = function getTagName(text) {
+      return (/<([a-z][^/\0>\x20\t\r\n\f]+)/i.exec(text) || ['', ''])[1].toLowerCase();
+    }; // Via https://github.com/webcomponents/polyfills/blob/ee1db33/packages/template/template.js#L295-L320
+
+
+    createFragment = function createFragment(html) {
+      var wrapperTags = topLevelWrappingMap[getTagName(html)];
+
+      if (!isUndefined$1(wrapperTags)) {
+        var _iterator5 = _createForOfIteratorHelper(wrapperTags),
+            _step5;
+
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var wrapperTag = _step5.value;
+            html = "<".concat(wrapperTag, ">").concat(html, "</").concat(wrapperTag, ">");
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+      } // For IE11, the document title must not be undefined, but it can be an empty string
+      // https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/createHTMLDocument#browser_compatibility
+
+
+      var doc = document.implementation.createHTMLDocument('');
+      doc.body.innerHTML = html;
+      var content = doc.body;
+
+      if (!isUndefined$1(wrapperTags)) {
+        for (var _i32 = 0; _i32 < wrapperTags.length; _i32++) {
+          content = content.firstChild;
+        }
+      }
+
+      return content.firstChild;
+    };
+  }
+  /*
+   * 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 getCustomElement;
   var defineCustomElement;
   var HTMLElementConstructor;
@@ -6720,10 +6827,6 @@ var LWC = (function (exports) {
     return node.cloneNode(deep);
   }
 
-  function createFragment(html) {
-    return document.createRange().createContextualFragment(html).firstChild;
-  }
-
   function createElement$1(tagName, namespace) {
     return isUndefined$1(namespace) ? document.createElement(tagName) : document.createElementNS(namespace, tagName);
   }
@@ -6942,8 +7045,8 @@ var LWC = (function (exports) {
       hydrated: true
     });
 
-    for (var _i32 = 0, _Object$entries2 = Object.entries(props); _i32 < _Object$entries2.length; _i32++) {
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i32], 2),
+    for (var _i33 = 0, _Object$entries2 = Object.entries(props); _i33 < _Object$entries2.length; _i33++) {
+      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i33], 2),
           key = _Object$entries2$_i[0],
           value = _Object$entries2$_i[1];
 
@@ -7268,7 +7371,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.21.1 */
+  /* version: 2.22.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;

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

@@ -305,9 +305,9 @@
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // Increment whenever the LWC template compiler changes
-  const LWC_VERSION = "2.21.1";
+  const LWC_VERSION = "2.22.0";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.21.1 */
+  /** version: 2.22.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -461,7 +461,7 @@
           setFeatureFlag(name, value);
       }
   }
-  /** version: 2.21.1 */
+  /** version: 2.22.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -693,18 +693,21 @@
           ArrayPush$1.call(this.listeners, reactiveObservers);
       }
   }
-
-  /*
-   * 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 componentValueMutated(vm, key) {
-      valueMutated(vm.component, key);
+      // On the server side, we don't need mutation tracking. Skipping it improves performance.
+      {
+          valueMutated(vm.component, key);
+      }
   }
   function componentValueObserved(vm, key) {
-      valueObserved(vm.component, key);
+      // On the server side, we don't need mutation tracking. Skipping it improves performance.
+      {
+          valueObserved(vm.component, key);
+      }
+  }
+  function createReactiveObserver(callback) {
+      // On the server side, we don't need mutation tracking. Skipping it improves performance.
+      return new ReactiveObserver(callback) ;
   }
 
   /*
@@ -1826,7 +1829,24 @@
    * change or being removed.
    */
   function unwrap(value) {
-      return reactiveMembrane.unwrapProxy(value);
+      // On the server side, we don't need mutation tracking. Skipping it improves performance.
+      return reactiveMembrane.unwrapProxy(value) ;
+  }
+  function getReadOnlyProxy(value) {
+      // We must return a frozen wrapper around the value, so that child components cannot mutate properties passed to
+      // them from their parents. This applies to both the client and server.
+      return reactiveMembrane.getReadOnlyProxy(value);
+  }
+  function getReactiveProxy(value) {
+      // On the server side, we don't need mutation tracking. Skipping it improves performance.
+      return reactiveMembrane.getProxy(value) ;
+  }
+  // Making the component instance a live value when using Locker to support expandos.
+  function markLockerLiveObject(obj) {
+      // On the server side, we don't need mutation tracking. Skipping it improves performance.
+      {
+          obj[lockerLivePropertyKey] = undefined;
+      }
   }
 
   /*
@@ -1916,8 +1936,7 @@
           vm.setHook = setHook;
           vm.getHook = getHook;
       }
-      // Making the component instance a live value when using Locker to support expandos.
-      this[lockerLivePropertyKey] = undefined;
+      markLockerLiveObject(this);
       // Linking elm, shadow root and component with the VM.
       associateVM(component, vm);
       associateVM(elm, vm);
@@ -2186,6 +2205,45 @@
           configurable: true,
       };
   }
+  class AccessorReactiveObserver extends ReactiveObserver {
+      constructor(vm, set) {
+          super(() => {
+              if (isFalse(this.debouncing)) {
+                  this.debouncing = true;
+                  addCallbackToNextTick(() => {
+                      if (isTrue(this.debouncing)) {
+                          const { value } = this;
+                          const { isDirty: dirtyStateBeforeSetterCall, component, idx } = vm;
+                          set.call(component, value);
+                          // de-bouncing after the call to the original setter to prevent
+                          // infinity loop if the setter itself is mutating things that
+                          // were accessed during the previous invocation.
+                          this.debouncing = false;
+                          if (isTrue(vm.isDirty) && isFalse(dirtyStateBeforeSetterCall) && idx > 0) {
+                              // immediate rehydration due to a setter driven mutation, otherwise
+                              // the component will get rendered on the second tick, which it is not
+                              // desirable.
+                              rerenderVM(vm);
+                          }
+                      }
+                  });
+              }
+          });
+          this.debouncing = false;
+      }
+      reset(value) {
+          super.reset();
+          this.debouncing = false;
+          if (arguments.length > 0) {
+              this.value = value;
+          }
+      }
+  }
+  function createAccessorReactiveObserver(vm, set) {
+      // On the server side, we don't need mutation tracking. Skipping it improves performance.
+      return new AccessorReactiveObserver(vm, set)
+          ;
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -2234,50 +2292,6 @@
       configurable: true
     };
   }
-  class AccessorReactiveObserver extends ReactiveObserver {
-    constructor(vm, set) {
-      super(() => {
-        if (isFalse(this.debouncing)) {
-          this.debouncing = true;
-          addCallbackToNextTick(() => {
-            if (isTrue(this.debouncing)) {
-              const {
-                value
-              } = this;
-              const {
-                isDirty: dirtyStateBeforeSetterCall,
-                component,
-                idx
-              } = vm;
-              set.call(component, value); // de-bouncing after the call to the original setter to prevent
-              // infinity loop if the setter itself is mutating things that
-              // were accessed during the previous invocation.
-
-              this.debouncing = false;
-
-              if (isTrue(vm.isDirty) && isFalse(dirtyStateBeforeSetterCall) && idx > 0) {
-                // immediate rehydration due to a setter driven mutation, otherwise
-                // the component will get rendered on the second tick, which it is not
-                // desirable.
-                rerenderVM(vm);
-              }
-            }
-          });
-        }
-      });
-      this.debouncing = false;
-    }
-
-    reset(value) {
-      super.reset();
-      this.debouncing = false;
-
-      if (arguments.length > 0) {
-        this.value = value;
-      }
-    }
-
-  }
   function createPublicAccessorDescriptor(key, descriptor) {
     const {
       get,
@@ -2318,7 +2332,7 @@
             let ro = vm.oar[key];
 
             if (isUndefined$1(ro)) {
-              ro = vm.oar[key] = new AccessorReactiveObserver(vm, set);
+              ro = vm.oar[key] = createAccessorReactiveObserver(vm, set);
             } // every time we invoke this setter from outside (through this wrapper setter)
             // we should reset the value and then debounce just in case there is a pending
             // invocation the next tick that is not longer relevant since the value is changing
@@ -2350,7 +2364,7 @@
    */
   function track(target) {
       if (arguments.length === 1) {
-          return reactiveMembrane.getProxy(target);
+          return getReactiveProxy(target);
       }
       if (process.env.NODE_ENV !== 'production') {
           assert.fail(`@track decorator can only be used with one argument to return a trackable object, or as a decorator function.`);
@@ -2371,7 +2385,7 @@
                   assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
                   assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
               }
-              const reactiveOrAnyValue = reactiveMembrane.getProxy(newValue);
+              const reactiveOrAnyValue = getReactiveProxy(newValue);
               if (reactiveOrAnyValue !== vm.cmpFields[key]) {
                   vm.cmpFields[key] = reactiveOrAnyValue;
                   componentValueMutated(vm, key);
@@ -2763,7 +2777,7 @@
           fn = cachedSetterByKey[key] = function (newValue) {
               const vm = getAssociatedVM(this);
               const { setHook } = vm;
-              newValue = reactiveMembrane.getReadOnlyProxy(newValue);
+              newValue = getReadOnlyProxy(newValue);
               setHook(vm.component, key, newValue);
           };
       }
@@ -5199,7 +5213,7 @@
       return signedTemplateMap.get(Ctor);
   }
   function getTemplateReactiveObserver(vm) {
-      return new ReactiveObserver(() => {
+      return createReactiveObserver(() => {
           const { isDirty } = vm;
           if (isFalse(isDirty)) {
               markComponentAsDirty(vm);
@@ -6014,7 +6028,7 @@
   function createConfigWatcher(component, configCallback, callbackWhenConfigIsReady) {
     let hasPendingConfig = false; // creating the reactive observer for reactive params when needed
 
-    const ro = new ReactiveObserver(() => {
+    const ro = createReactiveObserver(() => {
       if (hasPendingConfig === false) {
         hasPendingConfig = true; // collect new config in the micro-task
 
@@ -6310,7 +6324,7 @@
               assert.fail('@readonly cannot be used as a decorator just yet, use it as a function with one argument to produce a readonly version of the provided value.');
           }
       }
-      return reactiveMembrane.getReadOnlyProxy(obj);
+      return getReadOnlyProxy(obj);
   }
 
   /*
@@ -6821,7 +6835,7 @@
       }
       return ctor;
   }
-  /* version: 2.21.1 */
+  /* version: 2.22.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -6965,6 +6979,69 @@
       }
   }
 
+  /*
+   * 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
+   */
+  const SUPPORTS_TEMPLATE = typeof HTMLTemplateElement === 'function';
+  let createFragment;
+  if (SUPPORTS_TEMPLATE) {
+      // Parse the fragment HTML string into DOM
+      createFragment = function (html) {
+          const template = document.createElement('template');
+          template.innerHTML = html;
+          return template.content.firstChild;
+      };
+  }
+  else {
+      // In browsers that don't support <template> (e.g. IE11), we need to be careful to wrap elements like
+      // <td> in the proper container elements (e.g. <tbody>), because otherwise they will be parsed as null.
+      // Via https://github.com/webcomponents/polyfills/blob/ee1db33/packages/template/template.js#L273-L280
+      // With other elements added from:
+      // https://github.com/sindresorhus/html-tags/blob/95dcdd5/index.js
+      // Using the test:
+      // document.createRange().createContextualFragment(`<${tag}></${tag}>`).firstChild === null
+      // And omitting <html>, <head>, and <body> as these are not practical in an LWC component.
+      const topLevelWrappingMap = {
+          caption: ['table'],
+          col: ['colgroup', 'table'],
+          colgroup: ['table'],
+          option: ['select'],
+          tbody: ['table'],
+          td: ['tr', 'tbody', 'table'],
+          th: ['tr', 'tbody', 'table'],
+          thead: ['table'],
+          tfoot: ['table'],
+          tr: ['tbody', 'table'],
+      };
+      // Via https://github.com/webcomponents/polyfills/blob/ee1db33/packages/template/template.js#L282-L288
+      const getTagName = function (text) {
+          return (/<([a-z][^/\0>\x20\t\r\n\f]+)/i.exec(text) || ['', ''])[1].toLowerCase();
+      };
+      // Via https://github.com/webcomponents/polyfills/blob/ee1db33/packages/template/template.js#L295-L320
+      createFragment = function (html) {
+          const wrapperTags = topLevelWrappingMap[getTagName(html)];
+          if (!isUndefined$1(wrapperTags)) {
+              for (const wrapperTag of wrapperTags) {
+                  html = `<${wrapperTag}>${html}</${wrapperTag}>`;
+              }
+          }
+          // For IE11, the document title must not be undefined, but it can be an empty string
+          // https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/createHTMLDocument#browser_compatibility
+          const doc = document.implementation.createHTMLDocument('');
+          doc.body.innerHTML = html;
+          let content = doc.body;
+          if (!isUndefined$1(wrapperTags)) {
+              for (let i = 0; i < wrapperTags.length; i++) {
+                  content = content.firstChild;
+              }
+          }
+          return content.firstChild;
+      };
+  }
+
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -7043,9 +7120,6 @@
   function cloneNode(node, deep) {
       return node.cloneNode(deep);
   }
-  function createFragment(html) {
-      return document.createRange().createContextualFragment(html).firstChild;
-  }
   function createElement$1(tagName, namespace) {
       return isUndefined$1(namespace)
           ? document.createElement(tagName)
@@ -7509,7 +7583,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.21.1 */
+  /* version: 2.22.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;