lwc 2.23.4 → 2.23.6

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

@@ -294,7 +294,7 @@
       CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
       return attributeName;
   }
-  /** version: 2.23.4 */
+  /** version: 2.23.6 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -376,7 +376,7 @@
           patch$1(propName);
       }
   }
-  /** version: 2.23.4 */
+  /** version: 2.23.6 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -401,6 +401,7 @@
       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) });
@@ -2807,6 +2808,12 @@
         n2.elm = n1.elm;
         break;
 
+      case 5
+      /* VNodeType.Fragment */
+      :
+        patchFragment(n1, n2, parent, renderer);
+        break;
+
       case 2
       /* VNodeType.Element */
       :
@@ -2846,6 +2853,12 @@
         mountStatic(node, parent, anchor, renderer);
         break;
 
+      case 5
+      /* VNodeType.Fragment */
+      :
+        mountFragment(node, parent, anchor, renderer);
+        break;
+
       case 2
       /* VNodeType.Element */
       :
@@ -2903,6 +2916,31 @@
     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,
@@ -3057,9 +3095,15 @@
     // 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) {
@@ -3521,6 +3565,18 @@
           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();
@@ -3647,13 +3703,13 @@
   }
   // [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(),
       };
   }
@@ -3778,6 +3834,7 @@
       k,
       co,
       dc,
+      fr,
       ti,
       st,
       gid,
@@ -5123,6 +5180,10 @@
               // VStatic are cacheable and cannot have custom renderer associated to them
               hydratedNode = hydrateStaticElement(node, vnode, renderer);
               break;
+          case 5 /* VNodeType.Fragment */:
+              // a fragment does not represent any element, therefore there is no need to use a custom renderer.
+              hydratedNode = hydrateFragment(node, vnode, renderer);
+              break;
           case 2 /* VNodeType.Element */:
               hydratedNode = hydrateElement(node, vnode, (_a = vnode.data.renderer) !== null && _a !== void 0 ? _a : renderer);
               break;
@@ -5160,6 +5221,11 @@
       vnode.elm = elm;
       return elm;
   }
+  function hydrateFragment(elm, vnode, renderer) {
+      const { children, owner } = vnode;
+      hydrateChildren(elm, children, renderer.getProperty(elm, 'parentNode'), owner);
+      return (vnode.elm = children[children.length - 1].elm);
+  }
   function hydrateElement(elm, vnode, renderer) {
       if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) ||
           !isMatchingElement(vnode, elm, renderer)) {
@@ -5434,7 +5500,7 @@
       }
       return ctor;
   }
-  /* version: 2.23.4 */
+  /* version: 2.23.6 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5586,20 +5652,59 @@
    * @param baseRenderer Either null or the base renderer imported from 'lwc'.
    */
   function rendererFactory(baseRenderer) {
-      // Util functions
-      function assertInvariant(value, msg) {
+      const renderer = (function (exports) {
+
+      /**
+       * Copyright (C) 2018 salesforce.com, inc.
+       */
+      /*
+       * Copyright (c) 2018, salesforce.com, inc.
+       * All rights reserved.
+       * SPDX-License-Identifier: MIT
+       * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+       */
+      function invariant(value, msg) {
           if (!value) {
               throw new Error(`Invariant Violation: ${msg}`);
           }
       }
-      function isNull(obj) {
-          return obj === null;
+      function isTrue$1(value, msg) {
+          if (!value) {
+              throw new Error(`Assert Violation: ${msg}`);
+          }
       }
+      function isFalse$1(value, msg) {
+          if (value) {
+              throw new Error(`Assert Violation: ${msg}`);
+          }
+      }
+      function fail(msg) {
+          throw new Error(msg);
+      }
+
+      var assert = /*#__PURE__*/Object.freeze({
+          __proto__: null,
+          invariant: invariant,
+          isTrue: isTrue$1,
+          isFalse: isFalse$1,
+          fail: fail
+      });
       function isUndefined(obj) {
           return obj === undefined;
       }
-      let getCustomElement;
-      let defineCustomElement;
+      function isNull(obj) {
+          return obj === null;
+      }
+      /** version: 2.23.6 */
+
+      /*
+       * 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
+       */
+      exports.getCustomElement = void 0;
+      exports.defineCustomElement = void 0;
       let HTMLElementConstructor;
       function isCustomElementRegistryAvailable() {
           if (typeof customElements === 'undefined') {
@@ -5625,21 +5730,21 @@
           }
       }
       if (isCustomElementRegistryAvailable()) {
-          getCustomElement = customElements.get.bind(customElements);
-          defineCustomElement = customElements.define.bind(customElements);
+          exports.getCustomElement = customElements.get.bind(customElements);
+          exports.defineCustomElement = customElements.define.bind(customElements);
           HTMLElementConstructor = HTMLElement;
       }
       else {
           const registry = Object.create(null);
           const reverseRegistry = new WeakMap();
-          defineCustomElement = function define(name, ctor) {
+          exports.defineCustomElement = function define(name, ctor) {
               if (name !== String.prototype.toLowerCase.call(name) || registry[name]) {
                   throw new TypeError(`Invalid Registration`);
               }
               registry[name] = ctor;
               reverseRegistry.set(ctor, name);
           };
-          getCustomElement = function get(name) {
+          exports.getCustomElement = function get(name) {
               return registry[name];
           };
           HTMLElementConstructor = function HTMLElement() {
@@ -5671,12 +5776,12 @@
       function createComment(content) {
           return document.createComment(content);
       }
-      let createFragment;
+      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
-          createFragment = function (html) {
+          exports.createFragment = function (html) {
               const template = document.createElement('template');
               template.innerHTML = html;
               return template.content.firstChild;
@@ -5708,7 +5813,7 @@
               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) {
+          exports.createFragment = function (html) {
               const wrapperTags = topLevelWrappingMap[getTagName(html)];
               if (!isUndefined(wrapperTags)) {
                   for (const wrapperTag of wrapperTags) {
@@ -5828,47 +5933,47 @@
           return node.isConnected;
       }
       function assertInstanceOfHTMLElement(elm, msg) {
-          assertInvariant(elm instanceof HTMLElement, msg);
+          assert.invariant(elm instanceof HTMLElement, msg);
       }
       const HTMLElementExported = HTMLElementConstructor;
-      const renderer = {
-          HTMLElementExported,
-          insert,
-          remove,
-          cloneNode,
-          createFragment,
-          createElement,
-          createText,
-          createComment,
-          nextSibling,
-          attachShadow,
-          getProperty,
-          setProperty,
-          setText,
-          getAttribute,
-          setAttribute,
-          removeAttribute,
-          addEventListener,
-          removeEventListener,
-          dispatchEvent,
-          getClassList,
-          setCSSStyleProperty,
-          getBoundingClientRect,
-          querySelector,
-          querySelectorAll,
-          getElementsByTagName,
-          getElementsByClassName,
-          getChildren,
-          getChildNodes,
-          getFirstChild,
-          getFirstElementChild,
-          getLastChild,
-          getLastElementChild,
-          isConnected,
-          assertInstanceOfHTMLElement,
-          defineCustomElement,
-          getCustomElement,
-      };
+
+      exports.HTMLElementExported = HTMLElementExported;
+      exports.addEventListener = addEventListener;
+      exports.assertInstanceOfHTMLElement = assertInstanceOfHTMLElement;
+      exports.attachShadow = attachShadow;
+      exports.cloneNode = cloneNode;
+      exports.createComment = createComment;
+      exports.createElement = createElement;
+      exports.createText = createText;
+      exports.dispatchEvent = dispatchEvent;
+      exports.getAttribute = getAttribute;
+      exports.getBoundingClientRect = getBoundingClientRect;
+      exports.getChildNodes = getChildNodes;
+      exports.getChildren = getChildren;
+      exports.getClassList = getClassList;
+      exports.getElementsByClassName = getElementsByClassName;
+      exports.getElementsByTagName = getElementsByTagName;
+      exports.getFirstChild = getFirstChild;
+      exports.getFirstElementChild = getFirstElementChild;
+      exports.getLastChild = getLastChild;
+      exports.getLastElementChild = getLastElementChild;
+      exports.getProperty = getProperty;
+      exports.insert = insert;
+      exports.isConnected = isConnected;
+      exports.nextSibling = nextSibling;
+      exports.querySelector = querySelector;
+      exports.querySelectorAll = querySelectorAll;
+      exports.remove = remove;
+      exports.removeAttribute = removeAttribute;
+      exports.removeEventListener = removeEventListener;
+      exports.setAttribute = setAttribute;
+      exports.setCSSStyleProperty = setCSSStyleProperty;
+      exports.setProperty = setProperty;
+      exports.setText = setText;
+
+      return exports;
+
+  })({});
       // Meant to inherit any properties passed via the base renderer as the argument to the factory.
       Object.setPrototypeOf(renderer, baseRenderer);
       return renderer;
@@ -6201,7 +6306,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.23.4 */
+  /* version: 2.23.6 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;