lwc 2.23.4 → 2.23.6

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

@@ -299,9 +299,9 @@ function htmlPropertyToAttribute(propName) {
  * 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.6";
 const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-/** version: 2.23.4 */
+/** version: 2.23.6 */
 
 /**
  * Copyright (C) 2018 salesforce.com, inc.
@@ -383,7 +383,7 @@ for (let i = 0, len = ElementPrototypeAriaPropertyNames.length; i < len; i += 1)
         patch$1(propName);
     }
 }
-/** version: 2.23.4 */
+/** version: 2.23.6 */
 
 /**
  * Copyright (C) 2018 salesforce.com, inc.
@@ -408,6 +408,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) });
@@ -461,7 +462,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.23.4 */
+/** version: 2.23.6 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -3908,6 +3909,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 */
     :
@@ -3947,6 +3954,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 */
     :
@@ -4004,6 +4017,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,
@@ -4167,9 +4205,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) {
@@ -4676,6 +4720,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();
@@ -4895,13 +4951,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(),
     };
 }
@@ -5046,6 +5102,7 @@ const api = freeze({
     k,
     co,
     dc,
+    fr,
     ti,
     st,
     gid,
@@ -6598,6 +6655,10 @@ function hydrateNode(node, vnode, renderer) {
             // 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;
@@ -6649,6 +6710,11 @@ function hydrateStaticElement(elm, vnode, renderer) {
     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)) {
@@ -7068,7 +7134,7 @@ function getComponentConstructor(elm) {
     }
     return ctor;
 }
-/* version: 2.23.4 */
+/* version: 2.23.6 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -7229,20 +7295,59 @@ function insertStylesheet(content, target) {
  * @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') {
@@ -7268,21 +7373,21 @@ function rendererFactory(baseRenderer) {
         }
     }
     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() {
@@ -7314,12 +7419,12 @@ function rendererFactory(baseRenderer) {
     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;
@@ -7351,7 +7456,7 @@ function rendererFactory(baseRenderer) {
             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) {
@@ -7471,47 +7576,47 @@ function rendererFactory(baseRenderer) {
         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;
@@ -7852,6 +7957,6 @@ defineProperty(LightningElement, 'CustomElementConstructor', {
 });
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.23.4 */
+/* version: 2.23.6 */
 
 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, rendererFactory, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };