lwc 2.45.4 → 2.46.0

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

@@ -214,7 +214,6 @@
           AriaPropNameToAttrNameMap: AriaPropNameToAttrNameMap
         };
       }(),
-      AriaAttrNameToPropNameMap = _ref.AriaAttrNameToPropNameMap,
       AriaPropNameToAttrNameMap = _ref.AriaPropNameToAttrNameMap;
     // These attributes take either an ID or a list of IDs as values.
     // This includes aria-* attributes as well as the special non-ARIA "for" attribute
@@ -257,41 +256,18 @@
      * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
      */
     var CAMEL_REGEX = /-([a-z])/g;
-    // Convoluted map generation so that @lwc/shared remains fully tree-shakable (verify-treeshakable)
-    var _ref2 = /*#__PURE__*/function () {
-        /**
-         * Map composed of properties to attributes not following the HTML property to attribute mapping
-         * convention.
-         */
-        var 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.
-         */
-        var NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING = new Map();
-        NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING.forEach(function (value, key) {
-          return NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING.set(value, key);
-        });
-        return {
-          NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING: NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING,
-          NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING: NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING
-        };
-      }(),
-      NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING = _ref2.NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING,
-      NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING = _ref2.NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING;
+    // These are HTML standard prop/attribute IDL mappings, but are not predictable based on camel/kebab-case conversion
+    var 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.
      */
     var CACHED_PROPERTY_ATTRIBUTE_MAPPING = /*@__PURE__@*/new Map();
-    /**
-     * Map associating previously transformed HTML attribute into HTML property.
-     */
-    var CACHED_ATTRIBUTE_PROPERTY_MAPPING = /*@__PURE__@*/new Map();
     function htmlPropertyToAttribute(propName) {
       var ariaAttributeName = AriaPropNameToAttrNameMap[propName];
       if (!isUndefined$1(ariaAttributeName)) {
         return ariaAttributeName;
       }
-      var specialAttributeName = NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING.get(propName);
+      var specialAttributeName = SPECIAL_PROPERTY_ATTRIBUTE_MAPPING.get(propName);
       if (!isUndefined$1(specialAttributeName)) {
         return specialAttributeName;
       }
@@ -314,26 +290,21 @@
       CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
       return attributeName;
     }
-    function htmlAttributeToProperty(attrName) {
-      var ariaPropertyName = AriaAttrNameToPropNameMap[attrName];
-      if (!isUndefined$1(ariaPropertyName)) {
-        return ariaPropertyName;
-      }
-      var specialPropertyName = NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING.get(attrName);
-      if (!isUndefined$1(specialPropertyName)) {
-        return specialPropertyName;
-      }
-      var cachedPropertyName = CACHED_ATTRIBUTE_PROPERTY_MAPPING.get(attrName);
-      if (!isUndefined$1(cachedPropertyName)) {
-        return cachedPropertyName;
+    /**
+     * Map associating previously transformed kabab-case attributes into camel-case props.
+     */
+    var CACHED_KEBAB_CAMEL_MAPPING = /*@__PURE__@*/new Map();
+    function kebabCaseToCamelCase(attrName) {
+      var result = CACHED_KEBAB_CAMEL_MAPPING.get(attrName);
+      if (isUndefined$1(result)) {
+        result = StringReplace.call(attrName, CAMEL_REGEX, function (g) {
+          return g[1].toUpperCase();
+        });
+        CACHED_KEBAB_CAMEL_MAPPING.set(attrName, result);
       }
-      var propertyName = StringReplace.call(attrName, CAMEL_REGEX, function (g) {
-        return g[1].toUpperCase();
-      });
-      CACHED_ATTRIBUTE_PROPERTY_MAPPING.set(attrName, propertyName);
-      return propertyName;
+      return result;
     }
-    /** version: 2.45.4 */
+    /** version: 2.46.0 */
 
     /* proxy-compat-disable */
     /**
@@ -405,7 +376,7 @@
      */
     function setFeatureFlagForTest(name, value) {
     }
-    /** version: 2.45.4 */
+    /** version: 2.46.0 */
 
     /* proxy-compat-disable */
     /**
@@ -470,7 +441,7 @@
         }
       }
     }
-    /** version: 2.45.4 */
+    /** version: 2.46.0 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -3184,27 +3155,37 @@
      * SPDX-License-Identifier: MIT
      * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
      */
-    var ColonCharCode$1 = 58;
+    var ColonCharCode = 58;
     function patchAttributes(oldVnode, vnode, renderer) {
-      var attrs = vnode.data.attrs;
+      var _vnode$data = vnode.data,
+        attrs = _vnode$data.attrs,
+        external = _vnode$data.external;
       if (isUndefined$1(attrs)) {
         return;
       }
       var 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;
       }
       var elm = vnode.elm;
       var setAttribute = renderer.setAttribute,
-        removeAttribute = renderer.removeAttribute;
+        removeAttribute = renderer.removeAttribute,
+        setProperty = renderer.setProperty;
       for (var key in attrs) {
         var cur = attrs[key];
         var old = oldAttrs[key];
         if (old !== cur) {
-          if (StringCharCodeAt.call(key, 3) === ColonCharCode$1) {
+          var _propName2 = void 0;
+          // 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 && (_propName2 = kebabCaseToCamelCase(key)) in elm) {
+            setProperty(elm, _propName2, 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);
           } else if (isNull(cur) || isUndefined$1(cur)) {
@@ -3216,45 +3197,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
-     */
-    var ColonCharCode = 58;
-    function patchAttrUnlessProp(oldVnode, vnode, renderer) {
-      var attrs = vnode.data.attrs,
-        elm = vnode.elm;
-      if (isUndefined$1(attrs)) {
-        return;
-      }
-      var removeAttribute = renderer.removeAttribute,
-        setAttribute = renderer.setAttribute,
-        setProperty = renderer.setProperty;
-      var oldAttrs = isNull(oldVnode) ? EmptyObject : oldVnode.data.attrs;
-      for (var name in attrs) {
-        var cur = attrs[name];
-        var old = oldAttrs[name];
-        if (old !== cur) {
-          var _propName2 = htmlAttributeToProperty(name);
-          if (_propName2 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.
@@ -3276,6 +3218,7 @@
       if (!isNull(oldVnode)) {
         oldProps = oldVnode.data.props;
         var 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;
         }
@@ -3396,8 +3339,9 @@
      * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
      */
     function applyEventListeners(vnode, renderer) {
-      var elm = vnode.elm,
-        on = vnode.data.on;
+      var _a;
+      var elm = vnode.elm;
+      var on = (_a = vnode.data) === null || _a === void 0 ? void 0 : _a.on;
       if (isUndefined$1(on)) {
         return;
       }
@@ -3602,6 +3546,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) {
       var sel = vnode.sel,
@@ -3810,11 +3756,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) {
@@ -4178,14 +4120,15 @@
       };
     }
     // [st]atic node
-    function st(fragment, key) {
+    function st(fragment, key, data) {
       return {
         type: 4 /* VNodeType.Static */,
         sel: undefined,
         key: key,
         elm: undefined,
         fragment: fragment,
-        owner: getVMBeingRendered()
+        owner: getVMBeingRendered(),
+        data: data
       };
     }
     // [fr]agment node
@@ -4237,7 +4180,7 @@
       if (!isUndefined$1(slotset) && !isUndefined$1(slotset.slotAssignments) && !isUndefined$1(slotset.slotAssignments[slotName]) && slotset.slotAssignments[slotName].length !== 0) {
         var newChildren = [];
         var slotAssignments = slotset.slotAssignments[slotName];
-        for (var _i25 = 0; _i25 < slotAssignments.length; _i25++) {
+        var _loop3 = function _loop3() {
           var vnode = slotAssignments[_i25];
           if (!isNull(vnode)) {
             var assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode);
@@ -4246,7 +4189,7 @@
             // Check if slot types of parent and child are matching
             if (assignedNodeIsScopedSlot !== isScopedSlotElement) {
               // Ignore slot content from parent
-              continue;
+              return "continue";
             }
             // If the passed slot content is factory, evaluate it and add the produced vnodes
             if (assignedNodeIsScopedSlot) {
@@ -4256,7 +4199,12 @@
               // 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
+                var tro = slotset.owner.tro;
+                tro.observe(function () {
+                  ArrayPush$1.call(newChildren, vnode.factory(data.slotData, data.key));
+                });
               } finally {
                 setVMBeingRendered(vmBeingRenderedInception);
               }
@@ -4266,6 +4214,10 @@
               ArrayPush$1.call(newChildren, vnode);
             }
           }
+        };
+        for (var _i25 = 0; _i25 < slotAssignments.length; _i25++) {
+          var _ret = _loop3();
+          if (_ret === "continue") continue;
         }
         children = newChildren;
       }
@@ -5636,7 +5588,7 @@
       var _iterator12 = _createForOfIteratorHelper(NON_STANDARD_ARIA_PROPS),
         _step12;
       try {
-        var _loop3 = function _loop3() {
+        var _loop4 = function _loop4() {
           var prop = _step12.value;
           var descriptor = getOwnPropertyDescriptor$1(prototype, prop);
           // The descriptor should exist because the @lwc/aria-reflection polyfill has run by now.
@@ -5659,7 +5611,7 @@
           });
         };
         for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-          _loop3();
+          _loop4();
         }
       } catch (err) {
         _iterator12.e(err);
@@ -5786,6 +5738,7 @@
         return handleMismatch(elm, vnode, renderer);
       }
       vnode.elm = elm;
+      applyEventListeners(vnode, renderer);
       return elm;
     }
     function hydrateFragment(elm, vnode, renderer) {
@@ -6025,9 +5978,9 @@
       return nodesAreCompatible;
     }
     function validateStyleAttr(vnode, elm, renderer) {
-      var _vnode$data = vnode.data,
-        style = _vnode$data.style,
-        styleDecls = _vnode$data.styleDecls;
+      var _vnode$data2 = vnode.data,
+        style = _vnode$data2.style,
+        styleDecls = _vnode$data2.styleDecls;
       var getAttribute = renderer.getAttribute;
       var elmStyle = getAttribute(elm, 'style') || '';
       var nodesAreCompatible = true;
@@ -6160,7 +6113,7 @@
       var _iterator13 = _createForOfIteratorHelper(ARRAY_MUTATION_METHODS),
         _step13;
       try {
-        var _loop4 = function _loop4() {
+        var _loop5 = function _loop5() {
           var prop = _step13.value;
           var originalArrayMethod = getOriginalArrayMethod(prop);
           stylesheets[prop] = function arrayMutationWarningWrapper() {
@@ -6170,7 +6123,7 @@
           };
         };
         for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-          _loop4();
+          _loop5();
         }
       } catch (err) {
         _iterator13.e(err);
@@ -6184,7 +6137,7 @@
       var _iterator14 = _createForOfIteratorHelper(STYLESHEET_PROPS),
         _step14;
       try {
-        var _loop5 = function _loop5() {
+        var _loop6 = function _loop6() {
           var prop = _step14.value;
           var value = stylesheet[prop];
           defineProperty(stylesheet, prop, {
@@ -6200,7 +6153,7 @@
           });
         };
         for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
-          _loop5();
+          _loop6();
         }
       } catch (err) {
         _iterator14.e(err);
@@ -6243,7 +6196,7 @@
       var _iterator15 = _createForOfIteratorHelper(TEMPLATE_PROPS),
         _step15;
       try {
-        var _loop6 = function _loop6() {
+        var _loop7 = function _loop7() {
           var prop = _step15.value;
           var value = tmpl[prop];
           defineProperty(tmpl, prop, {
@@ -6261,7 +6214,7 @@
           });
         };
         for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
-          _loop6();
+          _loop7();
         }
       } catch (err) {
         _iterator15.e(err);
@@ -6707,7 +6660,7 @@
         function isNull(obj) {
           return obj === null;
         }
-        /** version: 2.45.4 */
+        /** version: 2.46.0 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -6718,10 +6671,10 @@
         var WireContextSubscriptionEvent = /*#__PURE__*/function (_CustomEvent) {
           _inherits(WireContextSubscriptionEvent, _CustomEvent);
           var _super6 = _createSuper(WireContextSubscriptionEvent);
-          function WireContextSubscriptionEvent(adapterToken, _ref5) {
+          function WireContextSubscriptionEvent(adapterToken, _ref4) {
             var _this3;
-            var setNewContext = _ref5.setNewContext,
-              setDisconnectedCallback = _ref5.setDisconnectedCallback;
+            var setNewContext = _ref4.setNewContext,
+              setDisconnectedCallback = _ref4.setDisconnectedCallback;
             _classCallCheck(this, WireContextSubscriptionEvent);
             _this3 = _super6.call(this, adapterToken, {
               bubbles: true,
@@ -7342,7 +7295,7 @@
         });
       });
     }
-    /** version: 2.45.4 */
+    /** version: 2.46.0 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;