lwc 2.14.2 → 2.17.0

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

@@ -230,6 +230,7 @@ const _globalThis = /*@__PURE__*/ (function () {
  */
 const KEY__IS_NATIVE_SHADOW_ROOT_DEFINED = '$isNativeShadowRootDefined$';
 const KEY__SHADOW_RESOLVER = '$shadowResolver$';
+const KEY__SHADOW_STATIC = '$shadowStaticNode$';
 const KEY__SHADOW_TOKEN = '$shadowToken$';
 const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
 const KEY__SCOPED_CSS = '$scoped$';
@@ -298,9 +299,9 @@ const XLINK_NAMESPACE = 'http://www.w3.org/1999/xlink';
  * 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.14.2";
+const LWC_VERSION = "2.17.0";
 const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-/** version: 2.14.2 */
+/** version: 2.17.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -454,7 +455,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.14.2 */
+/** version: 2.17.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -3659,6 +3660,9 @@ function patch(n1, n2, renderer) {
             // VComment has no special capability, fallback to the owner's renderer
             patchComment(n1, n2, renderer);
             break;
+        case 4 /* Static */:
+            n2.elm = n1.elm;
+            break;
         case 2 /* Element */:
             patchElement(n1, n2, (_a = n2.data.renderer) !== null && _a !== void 0 ? _a : renderer);
             break;
@@ -3678,6 +3682,10 @@ function mount(node, parent, renderer, anchor) {
             // VComment has no special capability, fallback to the owner's renderer
             mountComment(node, parent, anchor, renderer);
             break;
+        case 4 /* Static */:
+            // VStatic cannot have a custom renderer associated to them, using owner's renderer
+            mountStatic(node, parent, anchor, renderer);
+            break;
         case 2 /* Element */:
             // If the vnode data has a renderer override use it, else fallback to owner's renderer
             mountElement(node, parent, anchor, (_a = node.data.renderer) !== null && _a !== void 0 ? _a : renderer);
@@ -3733,6 +3741,24 @@ function patchElement(n1, n2, renderer) {
     patchElementPropsAndAttrs$1(n1, n2, renderer);
     patchChildren(n1.children, n2.children, elm, renderer);
 }
+function mountStatic(vnode, parent, anchor, renderer) {
+    const { owner } = vnode;
+    const { cloneNode, isSyntheticShadowDefined } = renderer;
+    const elm = (vnode.elm = cloneNode(vnode.fragment, true));
+    linkNodeToShadow(elm, owner, renderer);
+    // Marks this node as Static to propagate the shadow resolver. must happen after elm is assigned to the proper shadow
+    const { renderMode, shadowMode } = owner;
+    if (isSyntheticShadowDefined) {
+        if (shadowMode === 1 /* Synthetic */ || renderMode === 0 /* Light */) {
+            elm[KEY__SHADOW_STATIC] = true;
+        }
+    }
+    if (process.env.NODE_ENV !== 'production') {
+        const isLight = renderMode === 0 /* Light */;
+        patchElementWithRestrictions(elm, { isPortal: false, isLight });
+    }
+    insertNode(elm, parent, anchor, renderer);
+}
 function mountCustomElement(vnode, parent, anchor, renderer) {
     const { sel, owner } = vnode;
     const UpgradableConstructor = getUpgradableConstructor(sel, renderer);
@@ -4201,6 +4227,17 @@ const SymbolIterator = Symbol.iterator;
 function addVNodeToChildLWC(vnode) {
     ArrayPush$1.call(getVMBeingRendered().velements, vnode);
 }
+// [st]atic node
+function st(fragment, key) {
+    return {
+        type: 4 /* Static */,
+        sel: undefined,
+        key,
+        elm: undefined,
+        fragment,
+        owner: getVMBeingRendered(),
+    };
+}
 // [h]tml node
 function h(sel, data, children = EmptyArray) {
     const vmBeingRendered = getVMBeingRendered();
@@ -4590,6 +4627,7 @@ const api = freeze({
     co,
     dc,
     ti,
+    st,
     gid,
     fid,
     shc,
@@ -4741,8 +4779,7 @@ function createStylesheet(vm, stylesheets) {
         //       This works in the client, because the stylesheets are created, and cached in the VM
         //       the first time the VM renders.
         // native shadow or light DOM, SSR
-        const combinedStylesheetContent = ArrayJoin.call(stylesheets, '\n');
-        return createInlineStyleVNode(combinedStylesheetContent);
+        return ArrayMap.call(stylesheets, createInlineStyleVNode);
     }
     else {
         // native shadow or light DOM, DOM renderer
@@ -4910,6 +4947,59 @@ function validateLightDomTemplate(template, vm) {
         assert.isTrue(isUndefined$1(template.renderMode), `Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive from ${getComponentTag(vm)} or set it to 'lwc:render-mode="shadow"`);
     }
 }
+function buildParseFragmentFn(createFragmentFn) {
+    return (strings, ...keys) => {
+        const cache = create(null);
+        return function () {
+            const { context: { hasScopedStyles, stylesheetToken }, shadowMode, renderer, } = getVMBeingRendered();
+            const hasStyleToken = !isUndefined$1(stylesheetToken);
+            const isSyntheticShadow = shadowMode === 1 /* Synthetic */;
+            let cacheKey = 0;
+            if (hasStyleToken && hasScopedStyles) {
+                cacheKey |= 1 /* HAS_SCOPED_STYLE */;
+            }
+            if (hasStyleToken && isSyntheticShadow) {
+                cacheKey |= 2 /* SHADOW_MODE_SYNTHETIC */;
+            }
+            if (!isUndefined$1(cache[cacheKey])) {
+                return cache[cacheKey];
+            }
+            const classToken = hasScopedStyles && hasStyleToken ? ' ' + stylesheetToken : '';
+            const classAttrToken = hasScopedStyles && hasStyleToken ? ` class="${stylesheetToken}"` : '';
+            const attrToken = hasStyleToken && isSyntheticShadow ? ' ' + stylesheetToken : '';
+            let htmlFragment = '';
+            for (let i = 0, n = keys.length; i < n; i++) {
+                switch (keys[i]) {
+                    case 0: // styleToken in existing class attr
+                        htmlFragment += strings[i] + classToken;
+                        break;
+                    case 1: // styleToken for added class attr
+                        htmlFragment += strings[i] + classAttrToken;
+                        break;
+                    case 2: // styleToken as attr
+                        htmlFragment += strings[i] + attrToken;
+                        break;
+                    case 3: // ${1}${2}
+                        htmlFragment += strings[i] + classAttrToken + attrToken;
+                        break;
+                }
+            }
+            htmlFragment += strings[strings.length - 1];
+            cache[cacheKey] = createFragmentFn(htmlFragment, renderer);
+            return cache[cacheKey];
+        };
+    };
+}
+// Note: at the moment this code executes, we don't have a renderer yet.
+const parseFragment = buildParseFragmentFn((html, renderer) => {
+    const { createFragment } = renderer;
+    return createFragment(html);
+});
+const parseSVGFragment = buildParseFragmentFn((html, renderer) => {
+    const { createFragment, getFirstChild } = renderer;
+    const fragment = createFragment('<svg>' + html + '</svg>');
+    return getFirstChild(fragment);
+});
 function evaluateTemplate(vm, html) {
     if (process.env.NODE_ENV !== 'production') {
         assert.isTrue(isFunction$1(html), `evaluateTemplate() second argument must be an imported template instead of ${toString$1(html)}`);
@@ -4956,7 +5046,7 @@ function evaluateTemplate(vm, html) {
                 // Evaluate, create stylesheet and cache the produced VNode for future
                 // re-rendering.
                 const stylesheetsContent = getStylesheetsContent(vm, html);
-                context.styleVNode =
+                context.styleVNodes =
                     stylesheetsContent.length === 0
                         ? null
                         : createStylesheet(vm, stylesheetsContent);
@@ -4973,9 +5063,9 @@ function evaluateTemplate(vm, html) {
             // Set the global flag that template is being updated
             isUpdatingTemplate = true;
             vnodes = html.call(undefined, api, component, cmpSlots, context.tplCache);
-            const { styleVNode } = context;
-            if (!isNull(styleVNode)) {
-                ArrayUnshift.call(vnodes, styleVNode);
+            const { styleVNodes } = context;
+            if (!isNull(styleVNodes)) {
+                ArrayUnshift.apply(vnodes, styleVNodes);
             }
         });
     }, () => {
@@ -5340,7 +5430,7 @@ function createVM(elm, ctor, renderer, options) {
       hasTokenInClass: undefined,
       hasTokenInAttribute: undefined,
       hasScopedStyles: undefined,
-      styleVNode: null,
+      styleVNodes: null,
       tplCache: EmptyObject,
       wiredConnecting: EmptyArray,
       wiredDisconnecting: EmptyArray
@@ -6264,6 +6354,10 @@ function hydrateNode(node, vnode, renderer) {
             // VComment has no special capability, fallback to the owner's renderer
             hydratedNode = hydrateComment(node, vnode, renderer);
             break;
+        case 4 /* Static */:
+            // VStatic are cacheable and cannot have custom renderer associated to them
+            hydratedNode = hydrateStaticElement(node, vnode, renderer);
+            break;
         case 2 /* Element */:
             hydratedNode = hydrateElement(node, vnode, (_a = vnode.data.renderer) !== null && _a !== void 0 ? _a : renderer);
             break;
@@ -6307,6 +6401,13 @@ function hydrateComment(node, vnode, renderer) {
     vnode.elm = node;
     return node;
 }
+function hydrateStaticElement(elm, vnode, renderer) {
+    if (!areCompatibleNodes(vnode.fragment, elm, vnode, renderer)) {
+        return handleMismatch(elm, vnode, renderer);
+    }
+    vnode.elm = elm;
+    return elm;
+}
 function hydrateElement(elm, vnode, renderer) {
     if (!hasCorrectNodeType(vnode, elm, 1 /* ELEMENT */, renderer) ||
         !isMatchingElement(vnode, elm, renderer)) {
@@ -6542,6 +6643,39 @@ function validateStyleAttr(vnode, elm, renderer) {
     }
     return nodesAreCompatible;
 }
+function areCompatibleNodes(client, ssr, vnode, renderer) {
+    const { getProperty, getAttribute } = renderer;
+    if (getProperty(client, 'nodeType') === 3 /* TEXT */) {
+        if (!hasCorrectNodeType(vnode, ssr, 3 /* TEXT */, renderer)) {
+            return false;
+        }
+        return getProperty(client, 'nodeValue') === getProperty(ssr, 'nodeValue');
+    }
+    if (getProperty(client, 'nodeType') === 8 /* COMMENT */) {
+        if (!hasCorrectNodeType(vnode, ssr, 8 /* COMMENT */, renderer)) {
+            return false;
+        }
+        return getProperty(client, 'nodeValue') === getProperty(ssr, 'nodeValue');
+    }
+    if (!hasCorrectNodeType(vnode, ssr, 1 /* ELEMENT */, renderer)) {
+        return false;
+    }
+    let isCompatibleElements = true;
+    if (getProperty(client, 'tagName') !== getProperty(ssr, 'tagName')) {
+        if (process.env.NODE_ENV !== 'production') {
+            logError(`Hydration mismatch: expecting element with tag "${getProperty(client, 'tagName').toLowerCase()}" but found "${getProperty(ssr, 'tagName').toLowerCase()}".`, vnode.owner);
+        }
+        return false;
+    }
+    const clientAttrsNames = getProperty(client, 'getAttributeNames').call(client);
+    clientAttrsNames.forEach((attrName) => {
+        if (getAttribute(client, attrName) !== getAttribute(ssr, attrName)) {
+            logError(`Mismatch hydrating element <${getProperty(client, 'tagName').toLowerCase()}>: attribute "${attrName}" has different values, expected "${getAttribute(client, attrName)}" but found "${getAttribute(ssr, attrName)}"`, vnode.owner);
+            isCompatibleElements = false;
+        }
+    });
+    return isCompatibleElements;
+}
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -6677,7 +6811,7 @@ function getComponentConstructor(elm) {
     }
     return ctor;
 }
-/* version: 2.14.2 */
+/* version: 2.17.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -6895,6 +7029,12 @@ function isHydrating() {
 }
 const isNativeShadowDefined = _globalThis[KEY__IS_NATIVE_SHADOW_ROOT_DEFINED];
 const isSyntheticShadowDefined = hasOwnProperty$1.call(Element.prototype, KEY__SHADOW_TOKEN);
+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)
@@ -7019,6 +7159,8 @@ const renderer = {
     isHydrating,
     insert,
     remove,
+    cloneNode,
+    createFragment,
     createElement: createElement$1,
     createText,
     createComment,
@@ -7348,6 +7490,6 @@ defineProperty(LightningElement, 'CustomElementConstructor', {
 });
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.14.2 */
+/* version: 2.17.0 */
 
-export { LightningElement, profilerControl as __unstable__ProfilerControl, api$1 as api, deprecatedBuildCustomElementConstructor as buildCustomElementConstructor, createContextProvider, createElement, freezeTemplate, getComponentConstructor, getComponentDef, hydrateComponent, isComponentConstructor, isNodeShadowed as isNodeFromTemplate, readonly, register, registerComponent, registerDecorators, registerTemplate, renderer, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };
+export { LightningElement, profilerControl as __unstable__ProfilerControl, api$1 as api, deprecatedBuildCustomElementConstructor as buildCustomElementConstructor, createContextProvider, createElement, freezeTemplate, getComponentConstructor, getComponentDef, hydrateComponent, isComponentConstructor, isNodeShadowed as isNodeFromTemplate, parseFragment, parseSVGFragment, readonly, register, registerComponent, registerDecorators, registerTemplate, renderer, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };

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

@@ -233,6 +233,7 @@ var LWC = (function (exports) {
    */
   const KEY__IS_NATIVE_SHADOW_ROOT_DEFINED = '$isNativeShadowRootDefined$';
   const KEY__SHADOW_RESOLVER = '$shadowResolver$';
+  const KEY__SHADOW_STATIC = '$shadowStaticNode$';
   const KEY__SHADOW_TOKEN = '$shadowToken$';
   const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
   const KEY__SCOPED_CSS = '$scoped$';
@@ -301,9 +302,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
-  const LWC_VERSION = "2.14.2";
+  const LWC_VERSION = "2.17.0";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.14.2 */
+  /** version: 2.17.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -457,7 +458,7 @@ var LWC = (function (exports) {
           setFeatureFlag(name, value);
       }
   }
-  /** version: 2.14.2 */
+  /** version: 2.17.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -3662,6 +3663,9 @@ var LWC = (function (exports) {
               // VComment has no special capability, fallback to the owner's renderer
               patchComment(n1, n2, renderer);
               break;
+          case 4 /* Static */:
+              n2.elm = n1.elm;
+              break;
           case 2 /* Element */:
               patchElement(n1, n2, (_a = n2.data.renderer) !== null && _a !== void 0 ? _a : renderer);
               break;
@@ -3681,6 +3685,10 @@ var LWC = (function (exports) {
               // VComment has no special capability, fallback to the owner's renderer
               mountComment(node, parent, anchor, renderer);
               break;
+          case 4 /* Static */:
+              // VStatic cannot have a custom renderer associated to them, using owner's renderer
+              mountStatic(node, parent, anchor, renderer);
+              break;
           case 2 /* Element */:
               // If the vnode data has a renderer override use it, else fallback to owner's renderer
               mountElement(node, parent, anchor, (_a = node.data.renderer) !== null && _a !== void 0 ? _a : renderer);
@@ -3736,6 +3744,24 @@ var LWC = (function (exports) {
       patchElementPropsAndAttrs$1(n1, n2, renderer);
       patchChildren(n1.children, n2.children, elm, renderer);
   }
+  function mountStatic(vnode, parent, anchor, renderer) {
+      const { owner } = vnode;
+      const { cloneNode, isSyntheticShadowDefined } = renderer;
+      const elm = (vnode.elm = cloneNode(vnode.fragment, true));
+      linkNodeToShadow(elm, owner, renderer);
+      // Marks this node as Static to propagate the shadow resolver. must happen after elm is assigned to the proper shadow
+      const { renderMode, shadowMode } = owner;
+      if (isSyntheticShadowDefined) {
+          if (shadowMode === 1 /* Synthetic */ || renderMode === 0 /* Light */) {
+              elm[KEY__SHADOW_STATIC] = true;
+          }
+      }
+      if (process.env.NODE_ENV !== 'production') {
+          const isLight = renderMode === 0 /* Light */;
+          patchElementWithRestrictions(elm, { isPortal: false, isLight });
+      }
+      insertNode(elm, parent, anchor, renderer);
+  }
   function mountCustomElement(vnode, parent, anchor, renderer) {
       const { sel, owner } = vnode;
       const UpgradableConstructor = getUpgradableConstructor(sel, renderer);
@@ -4204,6 +4230,17 @@ var LWC = (function (exports) {
   function addVNodeToChildLWC(vnode) {
       ArrayPush$1.call(getVMBeingRendered().velements, vnode);
   }
+  // [st]atic node
+  function st(fragment, key) {
+      return {
+          type: 4 /* Static */,
+          sel: undefined,
+          key,
+          elm: undefined,
+          fragment,
+          owner: getVMBeingRendered(),
+      };
+  }
   // [h]tml node
   function h(sel, data, children = EmptyArray) {
       const vmBeingRendered = getVMBeingRendered();
@@ -4593,6 +4630,7 @@ var LWC = (function (exports) {
       co,
       dc,
       ti,
+      st,
       gid,
       fid,
       shc,
@@ -4744,8 +4782,7 @@ var LWC = (function (exports) {
           //       This works in the client, because the stylesheets are created, and cached in the VM
           //       the first time the VM renders.
           // native shadow or light DOM, SSR
-          const combinedStylesheetContent = ArrayJoin.call(stylesheets, '\n');
-          return createInlineStyleVNode(combinedStylesheetContent);
+          return ArrayMap.call(stylesheets, createInlineStyleVNode);
       }
       else {
           // native shadow or light DOM, DOM renderer
@@ -4913,6 +4950,59 @@ var LWC = (function (exports) {
           assert.isTrue(isUndefined$1(template.renderMode), `Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive from ${getComponentTag(vm)} or set it to 'lwc:render-mode="shadow"`);
       }
   }
+  function buildParseFragmentFn(createFragmentFn) {
+      return (strings, ...keys) => {
+          const cache = create(null);
+          return function () {
+              const { context: { hasScopedStyles, stylesheetToken }, shadowMode, renderer, } = getVMBeingRendered();
+              const hasStyleToken = !isUndefined$1(stylesheetToken);
+              const isSyntheticShadow = shadowMode === 1 /* Synthetic */;
+              let cacheKey = 0;
+              if (hasStyleToken && hasScopedStyles) {
+                  cacheKey |= 1 /* HAS_SCOPED_STYLE */;
+              }
+              if (hasStyleToken && isSyntheticShadow) {
+                  cacheKey |= 2 /* SHADOW_MODE_SYNTHETIC */;
+              }
+              if (!isUndefined$1(cache[cacheKey])) {
+                  return cache[cacheKey];
+              }
+              const classToken = hasScopedStyles && hasStyleToken ? ' ' + stylesheetToken : '';
+              const classAttrToken = hasScopedStyles && hasStyleToken ? ` class="${stylesheetToken}"` : '';
+              const attrToken = hasStyleToken && isSyntheticShadow ? ' ' + stylesheetToken : '';
+              let htmlFragment = '';
+              for (let i = 0, n = keys.length; i < n; i++) {
+                  switch (keys[i]) {
+                      case 0: // styleToken in existing class attr
+                          htmlFragment += strings[i] + classToken;
+                          break;
+                      case 1: // styleToken for added class attr
+                          htmlFragment += strings[i] + classAttrToken;
+                          break;
+                      case 2: // styleToken as attr
+                          htmlFragment += strings[i] + attrToken;
+                          break;
+                      case 3: // ${1}${2}
+                          htmlFragment += strings[i] + classAttrToken + attrToken;
+                          break;
+                  }
+              }
+              htmlFragment += strings[strings.length - 1];
+              cache[cacheKey] = createFragmentFn(htmlFragment, renderer);
+              return cache[cacheKey];
+          };
+      };
+  }
+  // Note: at the moment this code executes, we don't have a renderer yet.
+  const parseFragment = buildParseFragmentFn((html, renderer) => {
+      const { createFragment } = renderer;
+      return createFragment(html);
+  });
+  const parseSVGFragment = buildParseFragmentFn((html, renderer) => {
+      const { createFragment, getFirstChild } = renderer;
+      const fragment = createFragment('<svg>' + html + '</svg>');
+      return getFirstChild(fragment);
+  });
   function evaluateTemplate(vm, html) {
       if (process.env.NODE_ENV !== 'production') {
           assert.isTrue(isFunction$1(html), `evaluateTemplate() second argument must be an imported template instead of ${toString$1(html)}`);
@@ -4959,7 +5049,7 @@ var LWC = (function (exports) {
                   // Evaluate, create stylesheet and cache the produced VNode for future
                   // re-rendering.
                   const stylesheetsContent = getStylesheetsContent(vm, html);
-                  context.styleVNode =
+                  context.styleVNodes =
                       stylesheetsContent.length === 0
                           ? null
                           : createStylesheet(vm, stylesheetsContent);
@@ -4976,9 +5066,9 @@ var LWC = (function (exports) {
               // Set the global flag that template is being updated
               isUpdatingTemplate = true;
               vnodes = html.call(undefined, api, component, cmpSlots, context.tplCache);
-              const { styleVNode } = context;
-              if (!isNull(styleVNode)) {
-                  ArrayUnshift.call(vnodes, styleVNode);
+              const { styleVNodes } = context;
+              if (!isNull(styleVNodes)) {
+                  ArrayUnshift.apply(vnodes, styleVNodes);
               }
           });
       }, () => {
@@ -5343,7 +5433,7 @@ var LWC = (function (exports) {
         hasTokenInClass: undefined,
         hasTokenInAttribute: undefined,
         hasScopedStyles: undefined,
-        styleVNode: null,
+        styleVNodes: null,
         tplCache: EmptyObject,
         wiredConnecting: EmptyArray,
         wiredDisconnecting: EmptyArray
@@ -6267,6 +6357,10 @@ var LWC = (function (exports) {
               // VComment has no special capability, fallback to the owner's renderer
               hydratedNode = hydrateComment(node, vnode, renderer);
               break;
+          case 4 /* Static */:
+              // VStatic are cacheable and cannot have custom renderer associated to them
+              hydratedNode = hydrateStaticElement(node, vnode, renderer);
+              break;
           case 2 /* Element */:
               hydratedNode = hydrateElement(node, vnode, (_a = vnode.data.renderer) !== null && _a !== void 0 ? _a : renderer);
               break;
@@ -6310,6 +6404,13 @@ var LWC = (function (exports) {
       vnode.elm = node;
       return node;
   }
+  function hydrateStaticElement(elm, vnode, renderer) {
+      if (!areCompatibleNodes(vnode.fragment, elm, vnode, renderer)) {
+          return handleMismatch(elm, vnode, renderer);
+      }
+      vnode.elm = elm;
+      return elm;
+  }
   function hydrateElement(elm, vnode, renderer) {
       if (!hasCorrectNodeType(vnode, elm, 1 /* ELEMENT */, renderer) ||
           !isMatchingElement(vnode, elm, renderer)) {
@@ -6545,6 +6646,39 @@ var LWC = (function (exports) {
       }
       return nodesAreCompatible;
   }
+  function areCompatibleNodes(client, ssr, vnode, renderer) {
+      const { getProperty, getAttribute } = renderer;
+      if (getProperty(client, 'nodeType') === 3 /* TEXT */) {
+          if (!hasCorrectNodeType(vnode, ssr, 3 /* TEXT */, renderer)) {
+              return false;
+          }
+          return getProperty(client, 'nodeValue') === getProperty(ssr, 'nodeValue');
+      }
+      if (getProperty(client, 'nodeType') === 8 /* COMMENT */) {
+          if (!hasCorrectNodeType(vnode, ssr, 8 /* COMMENT */, renderer)) {
+              return false;
+          }
+          return getProperty(client, 'nodeValue') === getProperty(ssr, 'nodeValue');
+      }
+      if (!hasCorrectNodeType(vnode, ssr, 1 /* ELEMENT */, renderer)) {
+          return false;
+      }
+      let isCompatibleElements = true;
+      if (getProperty(client, 'tagName') !== getProperty(ssr, 'tagName')) {
+          if (process.env.NODE_ENV !== 'production') {
+              logError(`Hydration mismatch: expecting element with tag "${getProperty(client, 'tagName').toLowerCase()}" but found "${getProperty(ssr, 'tagName').toLowerCase()}".`, vnode.owner);
+          }
+          return false;
+      }
+      const clientAttrsNames = getProperty(client, 'getAttributeNames').call(client);
+      clientAttrsNames.forEach((attrName) => {
+          if (getAttribute(client, attrName) !== getAttribute(ssr, attrName)) {
+              logError(`Mismatch hydrating element <${getProperty(client, 'tagName').toLowerCase()}>: attribute "${attrName}" has different values, expected "${getAttribute(client, attrName)}" but found "${getAttribute(ssr, attrName)}"`, vnode.owner);
+              isCompatibleElements = false;
+          }
+      });
+      return isCompatibleElements;
+  }
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -6680,7 +6814,7 @@ var LWC = (function (exports) {
       }
       return ctor;
   }
-  /* version: 2.14.2 */
+  /* version: 2.17.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -6898,6 +7032,12 @@ var LWC = (function (exports) {
   }
   const isNativeShadowDefined = _globalThis[KEY__IS_NATIVE_SHADOW_ROOT_DEFINED];
   const isSyntheticShadowDefined = hasOwnProperty$1.call(Element.prototype, KEY__SHADOW_TOKEN);
+  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)
@@ -7022,6 +7162,8 @@ var LWC = (function (exports) {
       isHydrating,
       insert,
       remove,
+      cloneNode,
+      createFragment,
       createElement: createElement$1,
       createText,
       createComment,
@@ -7351,7 +7493,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.14.2 */
+  /* version: 2.17.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;
@@ -7365,6 +7507,8 @@ var LWC = (function (exports) {
   exports.hydrateComponent = hydrateComponent;
   exports.isComponentConstructor = isComponentConstructor;
   exports.isNodeFromTemplate = isNodeShadowed;
+  exports.parseFragment = parseFragment;
+  exports.parseSVGFragment = parseSVGFragment;
   exports.readonly = readonly;
   exports.register = register;
   exports.registerComponent = registerComponent;