lwc 2.45.5 → 2.46.0

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

@@ -252,55 +252,35 @@
      * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
      */
     const CAMEL_REGEX = /-([a-z])/g;
-    // 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;
         }
@@ -323,22 +303,17 @@
         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;
     }
 
     /*
@@ -348,9 +323,9 @@
      * 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.5";
+    const LWC_VERSION = "2.46.0";
     const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-    /** version: 2.45.5 */
+    /** version: 2.46.0 */
 
     /* proxy-compat-disable */
     /**
@@ -429,7 +404,7 @@
             setFeatureFlag(name, value);
         }
     }
-    /** version: 2.45.5 */
+    /** version: 2.46.0 */
 
     /* proxy-compat-disable */
     /**
@@ -494,7 +469,7 @@
             }
         }
     }
-    /** version: 2.45.5 */
+    /** version: 2.46.0 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -3799,27 +3774,35 @@
      * 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);
                 }
@@ -3833,46 +3816,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
-     */
-    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.
@@ -3894,6 +3837,7 @@
         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;
             }
@@ -4024,7 +3968,9 @@
      * 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;
         }
@@ -4236,6 +4182,8 @@
             }
         }
         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;
@@ -4463,12 +4411,7 @@
         // 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) {
@@ -4868,7 +4811,7 @@
         };
     }
     // [st]atic node
-    function st(fragment, key) {
+    function st(fragment, key, data) {
         return {
             type: 4 /* VNodeType.Static */,
             sel: undefined,
@@ -4876,6 +4819,7 @@
             elm: undefined,
             fragment,
             owner: getVMBeingRendered(),
+            data,
         };
     }
     // [fr]agment node
@@ -6779,6 +6723,7 @@
             return handleMismatch(elm, vnode, renderer);
         }
         vnode.elm = elm;
+        applyEventListeners(vnode, renderer);
         return elm;
     }
     function hydrateFragment(elm, vnode, renderer) {
@@ -7386,7 +7331,7 @@
         }
         return getReadOnlyProxy(obj);
     }
-    /** version: 2.45.5 */
+    /** version: 2.46.0 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -7816,7 +7761,7 @@
         function isNull(obj) {
             return obj === null;
         }
-        /** version: 2.45.5 */
+        /** version: 2.46.0 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -8435,7 +8380,7 @@
             });
         }));
     }
-    /** version: 2.45.5 */
+    /** version: 2.46.0 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;