lwc 2.45.4 → 2.46.0

package/dist/engine-dom/iife/es5/engine-dom.js

@@ -215,7 +215,6 @@ var LWC = (function (exports) {
           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
@@ -258,41 +257,18 @@ var LWC = (function (exports) {
      * 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;
       }
@@ -315,24 +291,19 @@ var LWC = (function (exports) {
       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;
     }
 
     /*
@@ -342,9 +313,9 @@ var LWC = (function (exports) {
      * 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
-    var LWC_VERSION = "2.45.4";
+    var LWC_VERSION = "2.46.0";
     var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-    /** version: 2.45.4 */
+    /** version: 2.46.0 */
 
     /* proxy-compat-disable */
     /**
@@ -425,7 +396,7 @@ var LWC = (function (exports) {
         setFeatureFlag(name, value);
       }
     }
-    /** version: 2.45.4 */
+    /** version: 2.46.0 */
 
     /* proxy-compat-disable */
     /**
@@ -490,7 +461,7 @@ var LWC = (function (exports) {
         }
       }
     }
-    /** version: 2.45.4 */
+    /** version: 2.46.0 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -4082,27 +4053,37 @@ var LWC = (function (exports) {
      * 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)) {
@@ -4114,45 +4095,6 @@ var LWC = (function (exports) {
       }
     }
 
-    /*
-     * 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.
@@ -4174,6 +4116,7 @@ var LWC = (function (exports) {
       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;
         }
@@ -4306,8 +4249,9 @@ var LWC = (function (exports) {
      * 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;
       }
@@ -4530,6 +4474,8 @@ var LWC = (function (exports) {
         }
       }
       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,
@@ -4767,11 +4713,7 @@ var LWC = (function (exports) {
       // 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) {
@@ -5161,14 +5103,15 @@ var LWC = (function (exports) {
       };
     }
     // [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
@@ -5248,7 +5191,7 @@ var LWC = (function (exports) {
       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);
@@ -5260,7 +5203,7 @@ var LWC = (function (exports) {
                 logError("Mismatched slot types for ".concat(slotName === '' ? '(default)' : slotName, " slot. Both parent and child component must use standard type or scoped type for a given slot."), slotset.owner);
               }
               // Ignore slot content from parent
-              continue;
+              return "continue";
             }
             // If the passed slot content is factory, evaluate it and add the produced vnodes
             if (assignedNodeIsScopedSlot) {
@@ -5270,7 +5213,12 @@ var LWC = (function (exports) {
               // 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);
               }
@@ -5280,6 +5228,10 @@ var LWC = (function (exports) {
               ArrayPush$1.call(newChildren, vnode);
             }
           }
+        };
+        for (var _i25 = 0; _i25 < slotAssignments.length; _i25++) {
+          var _ret = _loop3();
+          if (_ret === "continue") continue;
         }
         children = newChildren;
       }
@@ -6918,7 +6870,7 @@ var LWC = (function (exports) {
       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.
@@ -6947,7 +6899,7 @@ var LWC = (function (exports) {
           });
         };
         for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-          _loop3();
+          _loop4();
         }
       } catch (err) {
         _iterator12.e(err);
@@ -7101,6 +7053,7 @@ var LWC = (function (exports) {
         return handleMismatch(elm, vnode, renderer);
       }
       vnode.elm = elm;
+      applyEventListeners(vnode, renderer);
       return elm;
     }
     function hydrateFragment(elm, vnode, renderer) {
@@ -7377,9 +7330,9 @@ var LWC = (function (exports) {
       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 vnodeStyle;
@@ -7526,7 +7479,7 @@ var LWC = (function (exports) {
       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() {
@@ -7536,7 +7489,7 @@ var LWC = (function (exports) {
           };
         };
         for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-          _loop4();
+          _loop5();
         }
       } catch (err) {
         _iterator13.e(err);
@@ -7550,7 +7503,7 @@ var LWC = (function (exports) {
       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, {
@@ -7566,7 +7519,7 @@ var LWC = (function (exports) {
           });
         };
         for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
-          _loop5();
+          _loop6();
         }
       } catch (err) {
         _iterator14.e(err);
@@ -7609,7 +7562,7 @@ var LWC = (function (exports) {
       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, {
@@ -7627,7 +7580,7 @@ var LWC = (function (exports) {
           });
         };
         for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
-          _loop6();
+          _loop7();
         }
       } catch (err) {
         _iterator15.e(err);
@@ -7741,7 +7694,7 @@ var LWC = (function (exports) {
       }
       return getReadOnlyProxy(obj);
     }
-    /** version: 2.45.4 */
+    /** version: 2.46.0 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -8169,7 +8122,7 @@ var LWC = (function (exports) {
         function isNull(obj) {
           return obj === null;
         }
-        /** version: 2.45.4 */
+        /** version: 2.46.0 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -8180,10 +8133,10 @@ var LWC = (function (exports) {
         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,
@@ -8811,7 +8764,7 @@ var LWC = (function (exports) {
         });
       });
     }
-    /** version: 2.45.4 */
+    /** version: 2.46.0 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;