@lwrjs/everywhere 0.11.0-alpha.0 → 0.11.0-alpha.2

package/build/__generated_site_amd_modules__/1/module/amd/1/l/en-US/mi/lwc/v/{2_50_0/s/b40440e2e29d782101f05d6085a324e9 → 3_1_3/s/5ecae4481a6009197f93d4b83392ccba}/lwc.js

@@ -1,10 +1,8 @@
-LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
+LWR.define('lwc/v/3_1_3', ['exports'], (function (exports) { 'use strict';
 
-  /* proxy-compat-disable */
   /**
    * Copyright (C) 2023 salesforce.com, inc.
    */
-  /* proxy-compat-disable */
   /**
    * Copyright (C) 2023 salesforce.com, inc.
    */
@@ -216,12 +214,11 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
   const _globalThis = typeof globalThis === 'object' ? globalThis : window;
 
   /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * Copyright (c) 2023, 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 KEY__IS_NATIVE_SHADOW_ROOT_DEFINED = '$isNativeShadowRootDefined$';
   const KEY__SHADOW_RESOLVER = '$shadowResolver$';
   const KEY__SHADOW_STATIC = '$shadowStaticNode$';
   const KEY__SHADOW_TOKEN = '$shadowToken$';
@@ -294,11 +291,10 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
    * 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.50.0";
+  const LWC_VERSION = "3.1.3";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.50.0 */
+  /** version: 3.1.3 */
 
-  /* proxy-compat-disable */
   /**
    * Copyright (C) 2023 salesforce.com, inc.
    */
@@ -309,6 +305,8 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
    * SPDX-License-Identifier: MIT
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
+  // When deprecating a feature flag, ensure that it is also no longer set in the application. For
+  // example, in core, the flag should be removed from LwcPermAndPrefUtilImpl.java
   const features = {
     DUMMY_TEST_FLAG: null,
     ENABLE_FORCE_NATIVE_SHADOW_MODE_FOR_TEST: null,
@@ -343,9 +341,8 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       }
     }
     if (isUndefined$1(features[name])) {
-      const availableFlags = keys(features).map(name => `"${name}"`).join(', ');
       // eslint-disable-next-line no-console
-      console.warn(`Failed to set the value "${value}" for the runtime feature flag "${name}" because it is undefined. Available flags: ${availableFlags}.`);
+      console.info(`Attempt to set a value on an unknown feature flag "${name}" resulted in a NOOP.`);
       return;
     }
     // This may seem redundant, but `process.env.NODE_ENV === 'test-karma-lwc'` is replaced by Karma tests
@@ -375,9 +372,8 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.50.0 */
+  /** version: 3.1.3 */
 
-  /* proxy-compat-disable */
   /**
    * Copyright (C) 2023 salesforce.com, inc.
    */
@@ -439,7 +435,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       }
     }
   }
-  /** version: 2.50.0 */
+  /** version: 3.1.3 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -453,7 +449,6 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
     applyAriaReflection();
   }
 
-  /* proxy-compat-disable */
   /**
    * Copyright (C) 2023 salesforce.com, inc.
    */
@@ -702,10 +697,17 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       } = this;
       const len = listeners.length;
       if (len > 0) {
-        for (let i = 0; i < len; i += 1) {
+        for (let i = 0; i < len; i++) {
           const set = listeners[i];
-          const pos = ArrayIndexOf.call(listeners[i], this);
-          ArraySplice.call(set, pos, 1);
+          if (set.length === 1) {
+            // Perf optimization for the common case - the length is usually 1, so avoid the indexOf+splice.
+            // If the length is 1, we can also be sure that `this` is the first item in the array.
+            set.length = 0;
+          } else {
+            // Slow case
+            const pos = ArrayIndexOf.call(set, this);
+            ArraySplice.call(set, pos, 1);
+          }
         }
         listeners.length = 0;
       }
@@ -850,6 +852,9 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
   function isCircularModuleDependency(obj) {
     return isFunction$1(obj) && hasOwnProperty$1.call(obj, '__circular__');
   }
+  var _a, _b;
+  const instrumentDef = (_a = _globalThis.__lwc_instrument_cmp_def) !== null && _a !== void 0 ? _a : noop;
+  const instrumentInstance = (_b = _globalThis.__lwc_instrument_cmp_instance) !== null && _b !== void 0 ? _b : noop;
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1522,7 +1527,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       valueMutated(originalTarget, key);
       return true;
     }
-    /*LWC compiler v2.50.0*/
+    /*LWC compiler v3.1.3*/
   }
   const getterMap = new WeakMap();
   const setterMap = new WeakMap();
@@ -1615,7 +1620,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       /* istanbul ignore next */
       return false;
     }
-    /*LWC compiler v2.50.0*/
+    /*LWC compiler v3.1.3*/
   }
   function extract(objectOrArray) {
     if (isArray(objectOrArray)) {
@@ -1905,6 +1910,8 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       // `class Foo extends LightningElement {}; new Foo()`
       throw new TypeError('Illegal constructor');
     }
+    // This is a no-op unless Lightning DevTools are enabled.
+    instrumentInstance(this, vmBeingConstructed);
     const vm = vmBeingConstructed;
     const {
       def,
@@ -2281,6 +2288,13 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       }
       return renderer.ownerDocument(vm.elm);
     },
+    get tagName() {
+      const {
+        elm,
+        renderer
+      } = getAssociatedVM(this);
+      return renderer.getTagName(elm);
+    },
     render() {
       const vm = getAssociatedVM(this);
       return vm.def.template;
@@ -3192,35 +3206,9 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
     };
   }
   function HTMLBridgeElementFactory(SuperClass, props, methods) {
-    let HTMLBridgeElement;
-    /**
-     * Modern browsers will have all Native Constructors as regular Classes
-     * and must be instantiated with the new keyword. In older browsers,
-     * specifically IE11, those are objects with a prototype property defined,
-     * since they are not supposed to be extended or instantiated with the
-     * new keyword. This forking logic supports both cases, specifically because
-     * wc.ts relies on the construction path of the bridges to create new
-     * fully qualifying web components.
-     */
-    if (isFunction$1(SuperClass)) {
-      HTMLBridgeElement = class extends SuperClass {
-        /*LWC compiler v2.50.0*/
-      };
-    } else {
-      HTMLBridgeElement = function () {
-        // Bridge classes are not supposed to be instantiated directly in
-        // browsers that do not support web components.
-        throw new TypeError('Illegal constructor');
-      };
-      // prototype inheritance dance
-      setPrototypeOf(HTMLBridgeElement, SuperClass);
-      setPrototypeOf(HTMLBridgeElement.prototype, SuperClass.prototype);
-      defineProperty(HTMLBridgeElement.prototype, 'constructor', {
-        writable: true,
-        configurable: true,
-        value: HTMLBridgeElement
-      });
-    }
+    const HTMLBridgeElement = class extends SuperClass {
+      /*LWC compiler v3.1.3*/
+    };
     // generating the hash table for attributes to avoid duplicate fields and facilitate validation
     // and false positives in case of inheritance.
     const attributeToPropMap = create(null);
@@ -3645,6 +3633,8 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       errorCallback,
       render
     };
+    // This is a no-op unless Lightning DevTools are enabled.
+    instrumentDef(def);
     if (process.env.NODE_ENV !== 'production') {
       freeze(Ctor.prototype);
     }
@@ -3860,7 +3850,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
         }
         const isScopedCss = stylesheet[KEY__SCOPED_CSS];
         if (lwcRuntimeFlags.DISABLE_LIGHT_DOM_UNSCOPED_CSS && !isScopedCss && vm.renderMode === 0 /* RenderMode.Light */) {
-          logError('Unscoped CSS is not supported in Light DOM. Please use scoped CSS (*.scoped.css) instead of unscoped CSS (*.css).');
+          logError('Unscoped CSS is not supported in Light DOM in this environment. Please use scoped CSS ' + '(*.scoped.css) instead of unscoped CSS (*.css). See also: https://sfdc.co/scoped-styles-light-dom');
           continue;
         }
         // Apply the scope token only if the stylesheet itself is scoped, or if we're rendering synthetic shadow.
@@ -4963,12 +4953,11 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       }
     }
   }
-  // Using a WeakMap instead of a WeakSet because this one works in IE11 :(
-  const DynamicChildren = new WeakMap();
+  const DynamicChildren = new WeakSet();
   // 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) {
-    DynamicChildren.set(children, 1);
+    DynamicChildren.add(children);
   }
   function hasDynamicChildren(children) {
     return DynamicChildren.has(children);
@@ -6195,7 +6184,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
   }
 
   /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * Copyright (c) 2023, 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
@@ -6400,8 +6389,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       def
     } = vm;
     const {
-      isSyntheticShadowDefined,
-      isNativeShadowDefined
+      isSyntheticShadowDefined
     } = renderer;
     let shadowMode;
     if (isSyntheticShadowDefined) {
@@ -6409,29 +6397,22 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
         // ShadowMode.Native implies "not synthetic shadow" which is consistent with how
         // everything defaults to native when the synthetic shadow polyfill is unavailable.
         shadowMode = 0 /* ShadowMode.Native */;
-      } else if (isNativeShadowDefined) {
-        // Not combined with above condition because @lwc/features only supports identifiers in
-        // the if-condition.
-        if (lwcRuntimeFlags.ENABLE_MIXED_SHADOW_MODE) {
-          if (def.shadowSupportMode === "any" /* ShadowSupportMode.Any */) {
+      } else if (lwcRuntimeFlags.ENABLE_MIXED_SHADOW_MODE) {
+        if (def.shadowSupportMode === "any" /* ShadowSupportMode.Any */) {
+          shadowMode = 0 /* ShadowMode.Native */;
+        } else {
+          const shadowAncestor = getNearestShadowAncestor(vm);
+          if (!isNull(shadowAncestor) && shadowAncestor.shadowMode === 0 /* ShadowMode.Native */) {
+            // Transitive support for native Shadow DOM. A component in native mode
+            // transitively opts all of its descendants into native.
             shadowMode = 0 /* ShadowMode.Native */;
           } else {
-            const shadowAncestor = getNearestShadowAncestor(vm);
-            if (!isNull(shadowAncestor) && shadowAncestor.shadowMode === 0 /* ShadowMode.Native */) {
-              // Transitive support for native Shadow DOM. A component in native mode
-              // transitively opts all of its descendants into native.
-              shadowMode = 0 /* ShadowMode.Native */;
-            } else {
-              // Synthetic if neither this component nor any of its ancestors are configured
-              // to be native.
-              shadowMode = 1 /* ShadowMode.Synthetic */;
-            }
+            // Synthetic if neither this component nor any of its ancestors are configured
+            // to be native.
+            shadowMode = 1 /* ShadowMode.Synthetic */;
           }
-        } else {
-          shadowMode = 1 /* ShadowMode.Synthetic */;
         }
       } else {
-        // Synthetic if there is no native Shadow DOM support.
         shadowMode = 1 /* ShadowMode.Synthetic */;
       }
     } else {
@@ -7821,7 +7802,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
     }
     return getReadOnlyProxy(obj);
   }
-  /** version: 2.50.0 */
+  /** version: 3.1.3 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7912,14 +7893,12 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
   // This check for constructable style sheets is similar to Fast's:
   // https://github.com/microsoft/fast/blob/d49d1ec/packages/web-components/fast-element/src/dom.ts#L51-L53
   // See also: https://github.com/whatwg/webidl/issues/1027#issuecomment-934510070
-  const supportsConstructableStylesheets = isFunction$1(CSSStyleSheet.prototype.replaceSync) && isArray$1(document.adoptedStyleSheets);
+  const supportsConstructableStylesheets = isFunction$1(CSSStyleSheet.prototype.replaceSync) && isArray$1(document.adoptedStyleSheets) &&
   // The original adoptedStylesheet proposal used a frozen array. A follow-up proposal made the array mutable.
   // Chromium 99+ and Firefox 101+ support mutable arrays. We check if the array is mutable, to ensure backward compat.
   // (If the length is writable, then the array is mutable.) See: https://chromestatus.com/feature/5638996492288000
   // TODO [#2828]: Re-evaluate this in the future once we drop support for older browser versions.
-  const supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets && getOwnPropertyDescriptor$1(document.adoptedStyleSheets, 'length').writable;
-  // Detect IE, via https://stackoverflow.com/a/9851769
-  const isIE11 = !isUndefined$1(document.documentMode);
+  isTrue(getOwnPropertyDescriptor$1(document.adoptedStyleSheets, 'length').writable);
   const stylesheetCache = new Map();
   //
   // Test utilities
@@ -7945,12 +7924,6 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
     // If the <style> was already used, then we should clone it. We cannot insert
     // the same <style> in two places in the DOM.
     if (usedElement) {
-      // For a mysterious reason, IE11 doesn't like the way we clone <style> nodes
-      // and will render the incorrect styles if we do things that way. It's just
-      // a perf optimization, so we can skip it for IE11.
-      if (isIE11) {
-        return createFreshStyleElement(content);
-      }
       // This `<style>` may be repeated multiple times in the DOM, so cache it. It's a bit
       // faster to call `cloneNode()` on an existing node than to recreate it every time.
       return element.cloneNode(true);
@@ -7971,13 +7944,8 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
     const {
       stylesheet
     } = cacheData;
-    // Mutable adopted stylesheets are only supported in certain browsers.
-    // The reason we use it is for perf: https://github.com/salesforce/lwc/pull/2683
-    if (supportsMutableAdoptedStyleSheets) {
-      adoptedStyleSheets.push(stylesheet);
-    } else {
-      target.adoptedStyleSheets = [...adoptedStyleSheets, stylesheet];
-    }
+    // The reason we prefer .push() rather than reassignment is for perf: https://github.com/salesforce/lwc/pull/2683
+    adoptedStyleSheets.push(stylesheet);
   }
   function insertStyleElement(content, target, cacheData) {
     const elm = createStyleElement(content, cacheData);
@@ -8047,51 +8015,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
   }
 
   /*
-   * Copyright (c) 2020, salesforce.com, inc.
-   * All rights reserved.
-   * SPDX-License-Identifier: MIT
-   * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
-   */
-  function isCustomElementRegistryAvailable() {
-    if (typeof customElements === 'undefined') {
-      return false;
-    }
-    try {
-      // dereference HTMLElement global because babel wraps globals in compat mode with a
-      // _wrapNativeSuper()
-      // This is a problem because LWCUpgradableElement extends renderer.HTMLElement which does not
-      // get wrapped by babel.
-      const HTMLElementAlias = HTMLElement;
-      // In case we use compat mode with a modern browser, the compat mode transformation
-      // invokes the DOM api with an .apply() or .call() to initialize any DOM api sub-classing,
-      // which are not equipped to be initialized that way.
-      class clazz extends HTMLElementAlias {
-        /*LWC compiler v2.50.0*/
-      }
-      customElements.define('lwc-test-' + Math.floor(Math.random() * 1000000), clazz);
-      new clazz();
-      return true;
-    } catch (_a) {
-      return false;
-    }
-  }
-  const hasCustomElements = isCustomElementRegistryAvailable();
-
-  /*
-   * 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
-   */
-  // Creates a custom element for compat (legacy) browser environments
-  const createCustomElementCompat = (tagName, upgradeCallback) => {
-    const elm = document.createElement(tagName);
-    upgradeCallback(elm); // nothing to do with the result for now
-    return elm;
-  };
-
-  /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * Copyright (c) 2023, 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
@@ -8124,7 +8048,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
           // Do we want to support this? Throw an error? Currently for backwards compat it's a no-op.
         }
       }
-      /*LWC compiler v2.50.0*/
+      /*LWC compiler v3.1.3*/
     }
     // Do not unnecessarily add a connectedCallback/disconnectedCallback, as it introduces perf overhead
     // See: https://github.com/salesforce/lwc/pull/3162#issuecomment-1311851174
@@ -8144,7 +8068,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
     }
     return UpgradableConstructor;
   };
-  const createCustomElementUsingUpgradableConstructor = (tagName, upgradeCallback, connectedCallback, disconnectedCallback) => {
+  const createCustomElement = (tagName, upgradeCallback, connectedCallback, disconnectedCallback) => {
     // use global custom elements registry
     let UpgradableConstructor = cachedConstructors.get(tagName);
     if (isUndefined$1(UpgradableConstructor)) {
@@ -8164,31 +8088,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
   };
 
   /*
-   * 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
-   */
-  /**
-   * We have two modes for creating custom elements:
-   *
-   * 1. Compat (legacy) browser support (e.g. IE11). Totally custom, doesn't rely on native browser APIs.
-   * 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.
-   */
-  let createCustomElement;
-  if (hasCustomElements) {
-    // use the global registry, with an upgradable constructor for the defined custom element
-    createCustomElement = createCustomElementUsingUpgradableConstructor;
-  } else {
-    // no registry available here
-    createCustomElement = createCustomElementCompat;
-  }
-
-  /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * Copyright (c) 2023, 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
@@ -8205,7 +8105,6 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
    */
   function rendererFactory(baseRenderer) {
     const renderer = function (exports) {
-      /* proxy-compat-disable */
       /**
        * Copyright (C) 2023 salesforce.com, inc.
        */
@@ -8246,7 +8145,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.50.0 */
+      /** version: 3.1.3 */
 
       /*
        * Copyright (c) 2023, salesforce.com, inc.
@@ -8266,7 +8165,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
           this.setNewContext = setNewContext;
           this.setDisconnectedCallback = setDisconnectedCallback;
         }
-        /*LWC compiler v2.50.0*/
+        /*LWC compiler v3.1.3*/
       }
       function registerContextConsumer(elm, adapterContextToken, subscriptionPayload) {
         dispatchEvent(elm, new WireContextSubscriptionEvent(adapterContextToken, subscriptionPayload));
@@ -8303,61 +8202,11 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       function createComment(content) {
         return document.createComment(content);
       }
-      exports.createFragment = void 0;
-      // IE11 lacks support for this feature
-      const SUPPORTS_TEMPLATE = typeof HTMLTemplateElement === 'function';
-      if (SUPPORTS_TEMPLATE) {
-        // Parse the fragment HTML string into DOM
-        exports.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
-        exports.createFragment = function (html) {
-          const wrapperTags = topLevelWrappingMap[getTagName(html)];
-          if (!isUndefined(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(wrapperTags)) {
-            for (let i = 0; i < wrapperTags.length; i++) {
-              content = content.firstChild;
-            }
-          }
-          return content.firstChild;
-        };
+      // Parse the fragment HTML string into DOM
+      function createFragment(html) {
+        const template = document.createElement('template');
+        template.innerHTML = html;
+        return template.content.firstChild;
       }
       function insert(node, parent, anchor) {
         parent.insertBefore(node, anchor);
@@ -8459,12 +8308,16 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       function ownerDocument(element) {
         return element.ownerDocument;
       }
+      function getTagName(elm) {
+        return elm.tagName;
+      }
       exports.addEventListener = addEventListener;
       exports.assertInstanceOfHTMLElement = assertInstanceOfHTMLElement;
       exports.attachShadow = attachShadow;
       exports.cloneNode = cloneNode;
       exports.createComment = createComment;
       exports.createElement = createElement;
+      exports.createFragment = createFragment;
       exports.createText = createText;
       exports.dispatchEvent = dispatchEvent;
       exports.getAttribute = getAttribute;
@@ -8479,6 +8332,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       exports.getLastChild = getLastChild;
       exports.getLastElementChild = getLastElementChild;
       exports.getProperty = getProperty;
+      exports.getTagName = getTagName;
       exports.insert = insert;
       exports.isConnected = isConnected;
       exports.nextSibling = nextSibling;
@@ -8502,7 +8356,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
   }
 
   /*
-   * Copyright (c) 2018, salesforce.com, inc.
+   * Copyright (c) 2023, 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
@@ -8521,7 +8375,6 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
     insertStylesheet,
     // relies on a shared global cache
     createCustomElement,
-    isNativeShadowDefined: _globalThis[KEY__IS_NATIVE_SHADOW_ROOT_DEFINED],
     isSyntheticShadowDefined: hasOwnProperty$1.call(Element.prototype, KEY__SHADOW_TOKEN)
   });
 
@@ -8615,9 +8468,12 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
     }
     return Ctor.CustomElementConstructor;
   }
-  // Note: WeakSet is not supported in IE11, and the polyfill is not performant enough.
-  //       This WeakSet usage is valid because this functionality is not meant to run in IE11.
-  const hydratedCustomElements = new WeakSet();
+  function clearNode(node) {
+    const childNodes = renderer.getChildNodes(node);
+    for (let i = childNodes.length - 1; i >= 0; i--) {
+      renderer.remove(childNodes[i], node);
+    }
+  }
   function buildCustomElementConstructor(Ctor) {
     var _a;
     const HtmlPrototype = getComponentHtmlPrototype(Ctor);
@@ -8630,25 +8486,28 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
     return _a = class extends HTMLElement {
       constructor() {
         super();
-        if (this.isConnected) {
-          // this if block is hit when there's already an un-upgraded element in the DOM with the same tag name.
-          hydrateComponent(this, Ctor, {});
-          hydratedCustomElements.add(this);
-        } else {
-          createVM(this, Ctor, renderer, {
-            mode: 'open',
-            owner: null,
-            tagName: this.tagName
-          });
+        if (!isNull(this.shadowRoot)) {
+          if (process.env.NODE_ENV !== 'production') {
+            // eslint-disable-next-line no-console
+            console.warn(`Found an existing shadow root for the custom element "${Ctor.name}". Call \`hydrateComponent\` instead.`);
+          }
+          clearNode(this.shadowRoot);
+        }
+        if (this.childNodes.length > 0) {
+          if (process.env.NODE_ENV !== 'production') {
+            // eslint-disable-next-line no-console
+            console.warn(`Custom elements cannot have child nodes. Ensure the element is empty, including whitespace.`);
+          }
+          clearNode(this);
         }
+        createVM(this, Ctor, renderer, {
+          mode: 'open',
+          owner: null,
+          tagName: this.tagName
+        });
       }
       connectedCallback() {
-        if (hydratedCustomElements.has(this)) {
-          // This is an un-upgraded element that was hydrated in the constructor.
-          hydratedCustomElements.delete(this);
-        } else {
-          connectRootElement(this);
-        }
+        connectRootElement(this);
       }
       disconnectedCallback() {
         disconnectRootElement(this);
@@ -8656,7 +8515,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       attributeChangedCallback(name, oldValue, newValue) {
         attributeChangedCallback.call(this, name, oldValue, newValue);
       }
-      /*LWC compiler v2.50.0*/
+      /*LWC compiler v3.1.3*/
     }, _a.observedAttributes = observedAttributes, _a;
   }
 
@@ -8870,7 +8729,7 @@ LWR.define('lwc/v/2_50_0', ['exports'], (function (exports) { 'use strict';
       });
     });
   }
-  /** version: 2.50.0 */
+  /** version: 3.1.3 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;