lwc 2.45.4 → 2.46.0

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

@@ -335,55 +335,35 @@ const GLOBAL_ATTRIBUTE = /*@__PURE__*/ new Set([
 function isGlobalHtmlAttribute(attrName) {
     return GLOBAL_ATTRIBUTE.has(attrName);
 }
-// Convoluted map generation so that @lwc/shared remains fully tree-shakable (verify-treeshakable)
-const { NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING, NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING } = 
-/*#__PURE__*/ (() => {
-    /**
-     * Map composed of properties to attributes not following the HTML property to attribute mapping
-     * convention.
-     */
-    const NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING = new Map([
-        ['accessKey', 'accesskey'],
-        ['readOnly', 'readonly'],
-        ['tabIndex', 'tabindex'],
-        ['bgColor', 'bgcolor'],
-        ['colSpan', 'colspan'],
-        ['rowSpan', 'rowspan'],
-        ['contentEditable', 'contenteditable'],
-        ['crossOrigin', 'crossorigin'],
-        ['dateTime', 'datetime'],
-        ['formAction', 'formaction'],
-        ['isMap', 'ismap'],
-        ['maxLength', 'maxlength'],
-        ['minLength', 'minlength'],
-        ['noValidate', 'novalidate'],
-        ['useMap', 'usemap'],
-        ['htmlFor', 'for'],
-    ]);
-    /**
-     * Inverted map with attribute name key and property name value.
-     */
-    const NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING = new Map();
-    NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING.forEach((value, key) => NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING.set(value, key));
-    return {
-        NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING,
-        NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING,
-    };
-})();
+// These are HTML standard prop/attribute IDL mappings, but are not predictable based on camel/kebab-case conversion
+const SPECIAL_PROPERTY_ATTRIBUTE_MAPPING = /*@__PURE__@*/ new Map([
+    ['accessKey', 'accesskey'],
+    ['readOnly', 'readonly'],
+    ['tabIndex', 'tabindex'],
+    ['bgColor', 'bgcolor'],
+    ['colSpan', 'colspan'],
+    ['rowSpan', 'rowspan'],
+    ['contentEditable', 'contenteditable'],
+    ['crossOrigin', 'crossorigin'],
+    ['dateTime', 'datetime'],
+    ['formAction', 'formaction'],
+    ['isMap', 'ismap'],
+    ['maxLength', 'maxlength'],
+    ['minLength', 'minlength'],
+    ['noValidate', 'novalidate'],
+    ['useMap', 'usemap'],
+    ['htmlFor', 'for'],
+]);
 /**
  * Map associating previously transformed HTML property into HTML attribute.
  */
 const CACHED_PROPERTY_ATTRIBUTE_MAPPING = /*@__PURE__@*/ new Map();
-/**
- * Map associating previously transformed HTML attribute into HTML property.
- */
-const CACHED_ATTRIBUTE_PROPERTY_MAPPING = /*@__PURE__@*/ new Map();
 function htmlPropertyToAttribute(propName) {
     const ariaAttributeName = AriaPropNameToAttrNameMap[propName];
     if (!isUndefined$1(ariaAttributeName)) {
         return ariaAttributeName;
     }
-    const specialAttributeName = NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING.get(propName);
+    const specialAttributeName = SPECIAL_PROPERTY_ATTRIBUTE_MAPPING.get(propName);
     if (!isUndefined$1(specialAttributeName)) {
         return specialAttributeName;
     }
@@ -406,22 +386,17 @@ function htmlPropertyToAttribute(propName) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
 }
-function htmlAttributeToProperty(attrName) {
-    const ariaPropertyName = AriaAttrNameToPropNameMap[attrName];
-    if (!isUndefined$1(ariaPropertyName)) {
-        return ariaPropertyName;
-    }
-    const specialPropertyName = NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING.get(attrName);
-    if (!isUndefined$1(specialPropertyName)) {
-        return specialPropertyName;
-    }
-    const cachedPropertyName = CACHED_ATTRIBUTE_PROPERTY_MAPPING.get(attrName);
-    if (!isUndefined$1(cachedPropertyName)) {
-        return cachedPropertyName;
+/**
+ * Map associating previously transformed kabab-case attributes into camel-case props.
+ */
+const CACHED_KEBAB_CAMEL_MAPPING = /*@__PURE__@*/ new Map();
+function kebabCaseToCamelCase(attrName) {
+    let result = CACHED_KEBAB_CAMEL_MAPPING.get(attrName);
+    if (isUndefined$1(result)) {
+        result = StringReplace.call(attrName, CAMEL_REGEX, (g) => g[1].toUpperCase());
+        CACHED_KEBAB_CAMEL_MAPPING.set(attrName, result);
     }
-    const propertyName = StringReplace.call(attrName, CAMEL_REGEX, (g) => g[1].toUpperCase());
-    CACHED_ATTRIBUTE_PROPERTY_MAPPING.set(attrName, propertyName);
-    return propertyName;
+    return result;
 }
 
 /*
@@ -449,9 +424,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.45.4";
+const LWC_VERSION = "2.46.0";
 const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-/** version: 2.45.4 */
+/** version: 2.46.0 */
 
 /* proxy-compat-disable */
 /**
@@ -530,7 +505,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.45.4 */
+/** version: 2.46.0 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -627,7 +602,7 @@ function applyAriaReflection(prototype = Element.prototype) {
         }
     }
 }
-/** version: 2.45.4 */
+/** version: 2.46.0 */
 
 /* proxy-compat-disable */
 /**
@@ -3552,27 +3527,35 @@ function isVScopedSlotFragment(vnode) {
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-const ColonCharCode$1 = 58;
+const ColonCharCode = 58;
 function patchAttributes(oldVnode, vnode, renderer) {
-    const { attrs } = vnode.data;
+    const { attrs, external } = vnode.data;
     if (isUndefined$1(attrs)) {
         return;
     }
     const oldAttrs = isNull(oldVnode) ? EmptyObject : oldVnode.data.attrs;
+    // Attrs may be the same due to the static content optimization, so we can skip diffing
     if (oldAttrs === attrs) {
         return;
     }
     const { elm } = vnode;
-    const { setAttribute, removeAttribute } = renderer;
+    const { setAttribute, removeAttribute, setProperty } = renderer;
     for (const key in attrs) {
         const cur = attrs[key];
         const old = oldAttrs[key];
         if (old !== cur) {
-            if (StringCharCodeAt.call(key, 3) === ColonCharCode$1) {
+            let propName;
+            // For external custom elements, sniff to see if the attr should be considered a prop.
+            // Use kebabCaseToCamelCase directly because we don't want to set props like `ariaLabel` or `tabIndex`
+            // on a custom element versus just using the more reliable attribute format.
+            if (external && (propName = kebabCaseToCamelCase(key)) in elm) {
+                setProperty(elm, propName, cur);
+            }
+            else if (StringCharCodeAt.call(key, 3) === ColonCharCode) {
                 // Assume xml namespace
                 setAttribute(elm, key, cur, XML_NAMESPACE);
             }
-            else if (StringCharCodeAt.call(key, 5) === ColonCharCode$1) {
+            else if (StringCharCodeAt.call(key, 5) === ColonCharCode) {
                 // Assume xlink namespace
                 setAttribute(elm, key, cur, XLINK_NAMESPACE);
             }
@@ -3586,46 +3569,6 @@ function patchAttributes(oldVnode, vnode, renderer) {
     }
 }
 
-/*
- * 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
- */
-const ColonCharCode = 58;
-function patchAttrUnlessProp(oldVnode, vnode, renderer) {
-    const { data: { attrs }, elm, } = vnode;
-    if (isUndefined$1(attrs)) {
-        return;
-    }
-    const { removeAttribute, setAttribute, setProperty } = renderer;
-    const oldAttrs = isNull(oldVnode) ? EmptyObject : oldVnode.data.attrs;
-    for (const name in attrs) {
-        const cur = attrs[name];
-        const old = oldAttrs[name];
-        if (old !== cur) {
-            const propName = htmlAttributeToProperty(name);
-            if (propName in elm) {
-                setProperty(elm, name, cur);
-            }
-            else if (StringCharCodeAt.call(name, 3) === ColonCharCode) {
-                // Assume xml namespace
-                setAttribute(elm, name, cur, XML_NAMESPACE);
-            }
-            else if (StringCharCodeAt.call(name, 5) === ColonCharCode) {
-                // Assume xlink namespace
-                setAttribute(elm, name, cur, XLINK_NAMESPACE);
-            }
-            else if (isNull(cur) || isUndefined$1(cur)) {
-                removeAttribute(elm, name);
-            }
-            else {
-                setAttribute(elm, name, cur);
-            }
-        }
-    }
-}
-
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -3647,6 +3590,7 @@ function patchProps(oldVnode, vnode, renderer) {
     if (!isNull(oldVnode)) {
         oldProps = oldVnode.data.props;
         const oldSpread = oldVnode.data.spread;
+        // Props may be the same due to the static content optimization, so we can skip diffing
         if (oldProps === props && oldSpread === spread) {
             return;
         }
@@ -3769,7 +3713,9 @@ function patchStyleAttribute(oldVnode, vnode, renderer) {
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 function applyEventListeners(vnode, renderer) {
-    const { elm, data: { on }, } = vnode;
+    var _a;
+    const { elm } = vnode;
+    const on = (_a = vnode.data) === null || _a === void 0 ? void 0 : _a.on;
     if (isUndefined$1(on)) {
         return;
     }
@@ -3981,6 +3927,8 @@ function mountStatic(vnode, parent, anchor, renderer) {
         }
     }
     insertNode(elm, parent, anchor, renderer);
+    // Event listeners are only applied once when mounting, so they are allowed for static vnodes
+    applyEventListeners(vnode, renderer);
 }
 function mountCustomElement(vnode, parent, anchor, renderer) {
     const { sel, owner } = vnode;
@@ -4203,12 +4151,7 @@ function patchElementPropsAndAttrs$1(oldVnode, vnode, renderer) {
     // value is set before type=radio.
     patchClassAttribute(oldVnode, vnode, renderer);
     patchStyleAttribute(oldVnode, vnode, renderer);
-    if (vnode.data.external) {
-        patchAttrUnlessProp(oldVnode, vnode, renderer);
-    }
-    else {
-        patchAttributes(oldVnode, vnode, renderer);
-    }
+    patchAttributes(oldVnode, vnode, renderer);
     patchProps(oldVnode, vnode, renderer);
 }
 function applyStyleScoping(elm, owner, renderer) {
@@ -4608,7 +4551,7 @@ function ssf(slotName, factory) {
     };
 }
 // [st]atic node
-function st(fragment, key) {
+function st(fragment, key, data) {
     return {
         type: 4 /* VNodeType.Static */,
         sel: undefined,
@@ -4616,6 +4559,7 @@ function st(fragment, key) {
         elm: undefined,
         fragment,
         owner: getVMBeingRendered(),
+        data,
     };
 }
 // [fr]agment node
@@ -4721,7 +4665,12 @@ function s(slotName, data, children, slotset) {
                     // undefined is for root components, but root components cannot accept slotted content
                     setVMBeingRendered(slotset.owner);
                     try {
-                        ArrayPush$1.call(newChildren, vnode.factory(data.slotData, data.key));
+                        // The factory function is a template snippet from the slot set owner's template,
+                        // hence switch over to the slot set owner's template reactive observer
+                        const { tro } = slotset.owner;
+                        tro.observe(() => {
+                            ArrayPush$1.call(newChildren, vnode.factory(data.slotData, data.key));
+                        });
                     }
                     finally {
                         setVMBeingRendered(vmBeingRenderedInception);
@@ -6245,7 +6194,7 @@ function readonly(obj) {
     }
     return getReadOnlyProxy(obj);
 }
-/** version: 2.45.4 */
+/** version: 2.46.0 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -14557,7 +14506,7 @@ seal(LightningElement.prototype);
 function createElement() {
     throw new Error('createElement is not supported in @lwc/engine-server, only @lwc/engine-dom.');
 }
-/** version: 2.45.4 */
+/** version: 2.46.0 */
 
 exports.LightningElement = LightningElement;
 exports.api = api$1;