lwc 2.23.4 → 2.23.5

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

@@ -432,9 +432,9 @@ function htmlEscape(str, attrMode = false) {
  * 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.23.4";
+const LWC_VERSION = "2.23.5";
 const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-/** version: 2.23.4 */
+/** version: 2.23.5 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -491,6 +491,7 @@ const features = {
     ENABLE_NODE_PATCH: null,
     ENABLE_REACTIVE_SETTER: null,
     ENABLE_WIRE_SYNC_EMIT: null,
+    ENABLE_LIGHT_GET_ROOT_NODE_PATCH: null,
 };
 if (!_globalThis.lwcRuntimeFlags) {
     Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
@@ -544,7 +545,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.23.4 */
+/** version: 2.23.5 */
 
 /* proxy-compat-disable */
 
@@ -3651,6 +3652,12 @@ function patch(n1, n2, parent, renderer) {
       n2.elm = n1.elm;
       break;
 
+    case 5
+    /* VNodeType.Fragment */
+    :
+      patchFragment(n1, n2, parent, renderer);
+      break;
+
     case 2
     /* VNodeType.Element */
     :
@@ -3690,6 +3697,12 @@ function mount(node, parent, renderer, anchor) {
       mountStatic(node, parent, anchor, renderer);
       break;
 
+    case 5
+    /* VNodeType.Fragment */
+    :
+      mountFragment(node, parent, anchor, renderer);
+      break;
+
     case 2
     /* VNodeType.Element */
     :
@@ -3747,6 +3760,31 @@ function mountComment(vnode, parent, anchor, renderer) {
   insertNode(commentNode, parent, anchor, renderer);
 }
 
+function mountFragment(vnode, parent, anchor, renderer) {
+  const {
+    children
+  } = vnode;
+  mountVNodes(children, parent, renderer, anchor); // children of a fragment will always have at least the two delimiters.
+
+  vnode.elm = children[children.length - 1].elm;
+}
+
+function patchFragment(n1, n2, parent, renderer) {
+  const {
+    children,
+    stable
+  } = n2;
+
+  if (stable) {
+    updateStaticChildren(n1.children, children, parent, renderer);
+  } else {
+    updateDynamicChildren(n1.children, children, parent, renderer);
+  } // Note: not reusing n1.elm, because during patching, it may be patched with another text node.
+
+
+  n2.elm = children[children.length - 1].elm;
+}
+
 function mountElement(vnode, parent, anchor, renderer) {
   const {
     sel,
@@ -3902,9 +3940,15 @@ function unmount(vnode, parent, renderer, doRemove = false) {
   // subtree root, is the only element worth unmounting from the subtree.
 
   if (doRemove) {
-    // The vnode might or might not have a data.renderer associated to it
-    // but the removal used here is from the owner instead.
-    removeNode(elm, parent, renderer);
+    if (type === 5
+    /* VNodeType.Fragment */
+    ) {
+      unmountVNodes(vnode.children, parent, renderer, doRemove);
+    } else {
+      // The vnode might or might not have a data.renderer associated to it
+      // but the removal used here is from the owner instead.
+      removeNode(elm, parent, renderer);
+    }
   }
 
   switch (type) {
@@ -4411,6 +4455,18 @@ function st(fragment, key) {
         owner: getVMBeingRendered(),
     };
 }
+// [fr]agment node
+function fr(key, children, stable) {
+    return {
+        type: 5 /* VNodeType.Fragment */,
+        sel: undefined,
+        key,
+        elm: undefined,
+        children: [t(''), ...children, t('')],
+        stable,
+        owner: getVMBeingRendered(),
+    };
+}
 // [h]tml node
 function h(sel, data, children = EmptyArray) {
     const vmBeingRendered = getVMBeingRendered();
@@ -4630,13 +4686,13 @@ function t(text) {
 }
 // [co]mment node
 function co(text) {
-    let sel, key, elm;
+    let sel, elm;
     return {
         type: 1 /* VNodeType.Comment */,
         sel,
         text,
         elm,
-        key,
+        key: 'c',
         owner: getVMBeingRendered(),
     };
 }
@@ -4781,6 +4837,7 @@ const api = freeze({
     k,
     co,
     dc,
+    fr,
     ti,
     st,
     gid,
@@ -6242,7 +6299,7 @@ function freezeTemplate(tmpl) {
         });
     }
 }
-/* version: 2.23.4 */
+/* version: 2.23.5 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -6712,6 +6769,6 @@ function renderComponent(tagName, Ctor, props = {}) {
  */
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.23.4 */
+/* version: 2.23.5 */
 
 export { LightningElement, api$1 as api, createContextProvider, freezeTemplate, getComponentDef, isComponentConstructor, parseFragment, parseFragment as parseSVGFragment, readonly, register, registerComponent, registerDecorators, registerTemplate, renderComponent, renderer, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, track, unwrap, wire };

package/dist/synthetic-shadow/esm/es2017/synthetic-shadow.js

@@ -148,7 +148,7 @@ const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
 // We use this to detect symbol support in order to avoid the expensive symbol polyfill. Note that
 // we can't use typeof since it will fail when transpiling.
 const hasNativeSymbolSupport = /*@__PURE__*/ (() => Symbol('x').toString() === 'Symbol(x)')();
-/** version: 2.23.4 */
+/** version: 2.23.5 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -455,58 +455,86 @@ function arrayFromCollection(collection) {
 const eventTargetPrototype = typeof EventTarget !== 'undefined' ? EventTarget.prototype : _Node.prototype;
 const { addEventListener, dispatchEvent, removeEventListener } = eventTargetPrototype;
 
+/**
+ * Copyright (C) 2018 salesforce.com, inc.
+ */
+if (!_globalThis.lwcRuntimeFlags) {
+    Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
+}
+const lwcRuntimeFlags = _globalThis.lwcRuntimeFlags;
+/** version: 2.23.5 */
+
 /*
  * 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
  */
-// Used as a back reference to identify the host element
+
 const HostElementKey = '$$HostElementKey$$';
 const ShadowedNodeKey = '$$ShadowedNodeKey$$';
+
 function fastDefineProperty(node, propName, config) {
-    const shadowedNode = node;
-    if (process.env.NODE_ENV !== 'production') {
-        // in dev, we are more restrictive
-        defineProperty(shadowedNode, propName, config);
-    }
-    else {
-        const { value } = config;
-        // in prod, we prioritize performance
-        shadowedNode[propName] = value;
-    }
+  const shadowedNode = node;
+
+  if (process.env.NODE_ENV !== 'production') {
+    // in dev, we are more restrictive
+    defineProperty(shadowedNode, propName, config);
+  } else {
+    const {
+      value
+    } = config; // in prod, we prioritize performance
+
+    shadowedNode[propName] = value;
+  }
 }
+
 function setNodeOwnerKey(node, value) {
-    fastDefineProperty(node, HostElementKey, { value, configurable: true });
+  fastDefineProperty(node, HostElementKey, {
+    value,
+    configurable: true
+  });
 }
 function setNodeKey(node, value) {
-    fastDefineProperty(node, ShadowedNodeKey, { value });
+  fastDefineProperty(node, ShadowedNodeKey, {
+    value
+  });
 }
 function getNodeOwnerKey(node) {
-    return node[HostElementKey];
+  return node[HostElementKey];
 }
 function getNodeNearestOwnerKey(node) {
-    let host = node;
-    let hostKey;
-    // search for the first element with owner identity (just in case of manually inserted elements)
-    while (!isNull(host)) {
-        hostKey = getNodeOwnerKey(host);
-        if (!isUndefined(hostKey)) {
-            return hostKey;
-        }
-        host = parentNodeGetter.call(host);
+  let host = node;
+  let hostKey; // search for the first element with owner identity
+  // in case of manually inserted elements and elements slotted from Light DOM
+
+  while (!isNull(host)) {
+    hostKey = getNodeOwnerKey(host);
+
+    if (!isUndefined(hostKey)) {
+      return hostKey;
     }
+
+    host = parentNodeGetter.call(host);
+
+    if (lwcRuntimeFlags.ENABLE_LIGHT_GET_ROOT_NODE_PATCH) {
+      if (!isNull(host) && isSyntheticSlotElement(host)) {
+        return undefined;
+      }
+    }
+  }
 }
 function getNodeKey(node) {
-    return node[ShadowedNodeKey];
+  return node[ShadowedNodeKey];
 }
 /**
  * This function does not traverse up for performance reasons, but is sufficient for most use
  * cases. If we need to traverse up and verify those nodes that don't have owner key, use
  * isNodeDeepShadowed instead.
  */
+
 function isNodeShadowed(node) {
-    return !isUndefined(getNodeOwnerKey(node));
+  return !isUndefined(getNodeOwnerKey(node));
 }
 
 /*
@@ -1117,15 +1145,6 @@ function createStaticHTMLCollection(items) {
     return collection;
 }
 
-/**
- * Copyright (C) 2018 salesforce.com, inc.
- */
-if (!_globalThis.lwcRuntimeFlags) {
-    Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
-}
-const lwcRuntimeFlags = _globalThis.lwcRuntimeFlags;
-/** version: 2.23.4 */
-
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -5114,4 +5133,4 @@ if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
     }));
   });
 }
-/** version: 2.23.4 */
+/** version: 2.23.5 */

package/dist/synthetic-shadow/iife/es2017/synthetic-shadow.js

@@ -151,7 +151,7 @@
   // We use this to detect symbol support in order to avoid the expensive symbol polyfill. Note that
   // we can't use typeof since it will fail when transpiling.
   const hasNativeSymbolSupport = /*@__PURE__*/ (() => Symbol('x').toString() === 'Symbol(x)')();
-  /** version: 2.23.4 */
+  /** version: 2.23.5 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -458,58 +458,86 @@
   const eventTargetPrototype = typeof EventTarget !== 'undefined' ? EventTarget.prototype : _Node.prototype;
   const { addEventListener, dispatchEvent, removeEventListener } = eventTargetPrototype;
 
+  /**
+   * Copyright (C) 2018 salesforce.com, inc.
+   */
+  if (!_globalThis.lwcRuntimeFlags) {
+      Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
+  }
+  const lwcRuntimeFlags = _globalThis.lwcRuntimeFlags;
+  /** version: 2.23.5 */
+
   /*
    * 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
    */
-  // Used as a back reference to identify the host element
+
   const HostElementKey = '$$HostElementKey$$';
   const ShadowedNodeKey = '$$ShadowedNodeKey$$';
+
   function fastDefineProperty(node, propName, config) {
-      const shadowedNode = node;
-      if (process.env.NODE_ENV !== 'production') {
-          // in dev, we are more restrictive
-          defineProperty(shadowedNode, propName, config);
-      }
-      else {
-          const { value } = config;
-          // in prod, we prioritize performance
-          shadowedNode[propName] = value;
-      }
+    const shadowedNode = node;
+
+    if (process.env.NODE_ENV !== 'production') {
+      // in dev, we are more restrictive
+      defineProperty(shadowedNode, propName, config);
+    } else {
+      const {
+        value
+      } = config; // in prod, we prioritize performance
+
+      shadowedNode[propName] = value;
+    }
   }
+
   function setNodeOwnerKey(node, value) {
-      fastDefineProperty(node, HostElementKey, { value, configurable: true });
+    fastDefineProperty(node, HostElementKey, {
+      value,
+      configurable: true
+    });
   }
   function setNodeKey(node, value) {
-      fastDefineProperty(node, ShadowedNodeKey, { value });
+    fastDefineProperty(node, ShadowedNodeKey, {
+      value
+    });
   }
   function getNodeOwnerKey(node) {
-      return node[HostElementKey];
+    return node[HostElementKey];
   }
   function getNodeNearestOwnerKey(node) {
-      let host = node;
-      let hostKey;
-      // search for the first element with owner identity (just in case of manually inserted elements)
-      while (!isNull(host)) {
-          hostKey = getNodeOwnerKey(host);
-          if (!isUndefined(hostKey)) {
-              return hostKey;
-          }
-          host = parentNodeGetter.call(host);
+    let host = node;
+    let hostKey; // search for the first element with owner identity
+    // in case of manually inserted elements and elements slotted from Light DOM
+
+    while (!isNull(host)) {
+      hostKey = getNodeOwnerKey(host);
+
+      if (!isUndefined(hostKey)) {
+        return hostKey;
       }
+
+      host = parentNodeGetter.call(host);
+
+      if (lwcRuntimeFlags.ENABLE_LIGHT_GET_ROOT_NODE_PATCH) {
+        if (!isNull(host) && isSyntheticSlotElement(host)) {
+          return undefined;
+        }
+      }
+    }
   }
   function getNodeKey(node) {
-      return node[ShadowedNodeKey];
+    return node[ShadowedNodeKey];
   }
   /**
    * This function does not traverse up for performance reasons, but is sufficient for most use
    * cases. If we need to traverse up and verify those nodes that don't have owner key, use
    * isNodeDeepShadowed instead.
    */
+
   function isNodeShadowed(node) {
-      return !isUndefined(getNodeOwnerKey(node));
+    return !isUndefined(getNodeOwnerKey(node));
   }
 
   /*
@@ -1120,15 +1148,6 @@
       return collection;
   }
 
-  /**
-   * Copyright (C) 2018 salesforce.com, inc.
-   */
-  if (!_globalThis.lwcRuntimeFlags) {
-      Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
-  }
-  const lwcRuntimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.23.4 */
-
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -5117,6 +5136,6 @@
       }));
     });
   }
-  /** version: 2.23.4 */
+  /** version: 2.23.5 */
 
 })();