lwc 2.45.1 → 2.45.3

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

@@ -32,9 +32,11 @@
     function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
     function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
     function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-    /* proxy-compat-disable */
     /**
-     * Copyright (C) 2018 salesforce.com, inc.
+     * Copyright (C) 2023 salesforce.com, inc.
+     */
+    /**
+     * Copyright (C) 2023 salesforce.com, inc.
      */
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -90,8 +92,10 @@
     var isArray$1 = Array.isArray;
     var _Array$prototype = Array.prototype,
       ArrayCopyWithin = _Array$prototype.copyWithin,
+      ArrayEvery = _Array$prototype.every,
       ArrayFill = _Array$prototype.fill,
       ArrayFilter = _Array$prototype.filter,
+      ArrayIncludes = _Array$prototype.includes,
       ArrayIndexOf = _Array$prototype.indexOf,
       ArrayJoin = _Array$prototype.join,
       ArrayMap = _Array$prototype.map,
@@ -105,6 +109,15 @@
       ArraySplice = _Array$prototype.splice,
       ArrayUnshift = _Array$prototype.unshift,
       forEach = _Array$prototype.forEach;
+    // The type of the return value of Array.prototype.every is `this is T[]`. However, once this
+    // Array method is pulled out of the prototype, the function is now referencing `this` where
+    // `this` is meaningless, resulting in a TypeScript compilation error.
+    //
+    // Exposing this helper function is the closest we can get to preserving the usage patterns
+    // of Array.prototype methods used elsewhere in the codebase.
+    function arrayEvery(arr, predicate) {
+      return ArrayEvery.call(arr, predicate);
+    }
     var StringFromCharCode = String.fromCharCode;
     var _String$prototype = String.prototype,
       StringCharCodeAt = _String$prototype.charCodeAt,
@@ -207,7 +220,7 @@
       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
-    var ID_REFERENCING_ATTRIBUTES_SET = new Set(['aria-activedescendant', 'aria-controls', 'aria-describedby', 'aria-details', 'aria-errormessage', 'aria-flowto', 'aria-labelledby', 'aria-owns', 'for']);
+    var ID_REFERENCING_ATTRIBUTES_SET = /*@__PURE__*/new Set(['aria-activedescendant', 'aria-controls', 'aria-describedby', 'aria-details', 'aria-errormessage', 'aria-flowto', 'aria-labelledby', 'aria-owns', 'for']);
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -270,11 +283,11 @@
     /**
      * Map associating previously transformed HTML property into HTML attribute.
      */
-    var CACHED_PROPERTY_ATTRIBUTE_MAPPING = new Map();
+    var CACHED_PROPERTY_ATTRIBUTE_MAPPING = /*@__PURE__@*/new Map();
     /**
      * Map associating previously transformed HTML attribute into HTML property.
      */
-    var CACHED_ATTRIBUTE_PROPERTY_MAPPING = new Map();
+    var CACHED_ATTRIBUTE_PROPERTY_MAPPING = /*@__PURE__@*/new Map();
     function htmlPropertyToAttribute(propName) {
       var ariaAttributeName = AriaPropNameToAttrNameMap[propName];
       if (!isUndefined$1(ariaAttributeName)) {
@@ -330,12 +343,12 @@
      * 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.1";
+    var LWC_VERSION = "2.45.3";
     var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-    /** version: 2.45.1 */
+    /** version: 2.45.3 */
 
     /**
-     * Copyright (C) 2018 salesforce.com, inc.
+     * Copyright (C) 2023 salesforce.com, inc.
      */
 
     /*
@@ -412,10 +425,10 @@
         setFeatureFlag(name, value);
       }
     }
-    /** version: 2.45.1 */
+    /** version: 2.45.3 */
 
     /**
-     * Copyright (C) 2018 salesforce.com, inc.
+     * Copyright (C) 2023 salesforce.com, inc.
      */
 
     /*
@@ -476,7 +489,7 @@
         }
       }
     }
-    /** version: 2.45.1 */
+    /** version: 2.45.3 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -490,7 +503,9 @@
       applyAriaReflection();
     }
 
-    /* proxy-compat-disable */
+    /**
+     * Copyright (C) 2023 salesforce.com, inc.
+     */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -943,19 +958,6 @@
      */
     // These properties get added to LWCElement.prototype publicProps automatically
     var defaultDefHTMLPropertyNames = ['accessKey', 'dir', 'draggable', 'hidden', 'id', 'lang', 'spellcheck', 'tabIndex', 'title'];
-    var controlledElement = null;
-    var controlledAttributeName;
-    function isAttributeLocked(elm, attrName) {
-      return elm !== controlledElement || attrName !== controlledAttributeName;
-    }
-    function lockAttribute(_elm, _key) {
-      controlledElement = null;
-      controlledAttributeName = undefined;
-    }
-    function unlockAttribute(elm, key) {
-      controlledElement = elm;
-      controlledAttributeName = key;
-    }
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -994,6 +996,7 @@
      * SPDX-License-Identifier: MIT
      * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
      */
+    /* eslint @lwc/lwc-internal/no-production-assert: "off" */
     function generateDataDescriptor(options) {
       return assign({
         configurable: true,
@@ -1939,6 +1942,14 @@
      * SPDX-License-Identifier: MIT
      * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
      */
+    /**
+     * This module is responsible for producing the ComponentDef object that is always
+     * accessible via `vm.def`. This is lazily created during the creation of the first
+     * instance of a component class, and shared across all instances.
+     *
+     * This structure can be used to synthetically create proxies, and understand the
+     * shape of a component. It is also used internally to apply extra optimizations.
+     */
     /**
      * This operation is called with a descriptor of an standard html property
      * that a Custom Element can support (including AOM properties), which
@@ -2115,17 +2126,13 @@
         var vm = getAssociatedVM(this);
         var elm = vm.elm,
           removeAttribute = vm.renderer.removeAttribute;
-        unlockAttribute(elm, name);
         removeAttribute(elm, name);
-        lockAttribute();
       },
       removeAttributeNS: function removeAttributeNS(namespace, name) {
         var _getAssociatedVM = getAssociatedVM(this),
           elm = _getAssociatedVM.elm,
           removeAttribute = _getAssociatedVM.renderer.removeAttribute;
-        unlockAttribute(elm, name);
         removeAttribute(elm, name, namespace);
-        lockAttribute();
       },
       getAttribute: function getAttribute(name) {
         var vm = getAssociatedVM(this);
@@ -2148,9 +2155,7 @@
             logError("Failed to construct '".concat(getComponentTag(vm), "': The result must not have attributes."));
           }
         }
-        unlockAttribute(elm, name);
         setAttribute(elm, name, value);
-        lockAttribute();
       },
       setAttributeNS: function setAttributeNS(namespace, name, value) {
         var vm = getAssociatedVM(this);
@@ -2161,9 +2166,7 @@
             logError("Failed to construct '".concat(getComponentTag(vm), "': The result must not have attributes."));
           }
         }
-        unlockAttribute(elm, name);
         setAttribute(elm, name, value, namespace);
-        lockAttribute();
       },
       getBoundingClientRect: function getBoundingClientRect() {
         var vm = getAssociatedVM(this);
@@ -2563,7 +2566,9 @@
       });
       runWithBoundaryProtection(vm, vm, noop, function () {
         // job
-        connector = new adapter(dataCallback);
+        connector = new adapter(dataCallback, {
+          tagName: vm.tagName
+        });
       }, noop);
       var updateConnectorConfig = function updateConnectorConfig(config) {
         // every time the config is recomputed due to tracking,
@@ -3153,6 +3158,10 @@
      * SPDX-License-Identifier: MIT
      * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
      */
+    /**
+     * This module is responsible for creating the base bridge class BaseBridgeElement
+     * that represents the HTMLElement extension used for any LWC inserted in the DOM.
+     */
     // A bridge descriptor is a descriptor whose job is just to get the component instance
     // from the element instance, and get the value or set a new value on the component.
     // This means that across different elements, similar names can get the exact same
@@ -3207,14 +3216,6 @@
           }
           return;
         }
-        if (!isAttributeLocked(this, attrName)) {
-          // Ignore changes triggered by the engine itself during:
-          // * diffing when public props are attempting to reflect to the DOM
-          // * component via `this.setAttribute()`, should never update the prop
-          // Both cases, the setAttribute call is always wrapped by the unlocking of the
-          // attribute to be changed
-          return;
-        }
         // Reflect attribute change to the corresponding property when changed from outside.
         this[propName] = newValue;
       };
@@ -3629,6 +3630,14 @@
      * SPDX-License-Identifier: MIT
      * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
      */
+    /**
+     * This module is responsible for producing the ComponentDef object that is always
+     * accessible via `vm.def`. This is lazily created during the creation of the first
+     * instance of a component class, and shared across all instances.
+     *
+     * This structure can be used to synthetically create proxies, and understand the
+     * shape of a component. It is also used internally to apply extra optimizations.
+     */
     var CtorToDefMap = new WeakMap();
     function getCtorProto(Ctor) {
       var proto = getPrototypeOf$1(Ctor);
@@ -3827,9 +3836,9 @@
         };
       }
       var publicMethods = {};
-      for (var _key2 in methods) {
+      for (var _key in methods) {
         // avoid leaking the reference to the public method descriptors
-        publicMethods[_key2] = methods[_key2].value;
+        publicMethods[_key] = methods[_key].value;
       }
       return {
         ctor: ctor,
@@ -4088,7 +4097,6 @@
         var cur = attrs[key];
         var old = oldAttrs[key];
         if (old !== cur) {
-          unlockAttribute(elm, key);
           if (StringCharCodeAt.call(key, 3) === ColonCharCode$1) {
             // Assume xml namespace
             setAttribute(elm, key, cur, XML_NAMESPACE);
@@ -4100,7 +4108,6 @@
           } else {
             setAttribute(elm, key, cur);
           }
-          lockAttribute();
         }
       }
     }
@@ -5761,8 +5768,8 @@
     }
     function buildParseFragmentFn(createFragmentFn) {
       return function (strings) {
-        for (var _len3 = arguments.length, keys = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
-          keys[_key3 - 1] = arguments[_key3];
+        for (var _len3 = arguments.length, keys = new Array(_len3 > 1 ? _len3 - 1 : 0), _key2 = 1; _key2 < _len3; _key2++) {
+          keys[_key2 - 1] = arguments[_key2];
         }
         var cache = create(null);
         return function () {
@@ -7026,6 +7033,35 @@
       }
       return false;
     }
+    // The validationOptOut static property can be an array of attribute names.
+    // Any attribute names specified in that array will not be validated, and the
+    // LWC runtime will assume that VDOM attrs and DOM attrs are in sync.
+    function getValidationPredicate(optOutStaticProp) {
+      if (isUndefined$1(optOutStaticProp)) {
+        return function (_attrName) {
+          return true;
+        };
+      }
+      // If validationOptOut is true, no attributes will be checked for correctness
+      // and the runtime will assume VDOM attrs and DOM attrs are in sync.
+      if (isTrue(optOutStaticProp)) {
+        return function (_attrName) {
+          return false;
+        };
+      }
+      // If validationOptOut is an array of strings, attributes specified in the
+      // array will be "opted out". Attributes not specified in the array will still
+      // be validated.
+      if (isArray$1(optOutStaticProp) && arrayEvery(optOutStaticProp, isString)) {
+        return function (attrName) {
+          return !ArrayIncludes.call(optOutStaticProp, attrName);
+        };
+      }
+      logWarn('Validation opt out must be `true` or an array of attributes that should not be validated.');
+      return function (_attrName) {
+        return true;
+      };
+    }
     function hydrateText(node, vnode, renderer) {
       var _a;
       if (!hasCorrectNodeType(vnode, node, 3 /* EnvNodeTypes.TEXT */, renderer)) {
@@ -7105,7 +7141,18 @@
       return elm;
     }
     function hydrateCustomElement(elm, vnode, renderer) {
-      if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) || !isMatchingElement(vnode, elm, renderer)) {
+      var validationOptOut = vnode.ctor.validationOptOut;
+      var shouldValidateAttr = getValidationPredicate(validationOptOut);
+      // The validationOptOut static property can be an array of attribute names.
+      // Any attribute names specified in that array will not be validated, and the
+      // LWC runtime will assume that VDOM attrs and DOM attrs are in sync.
+      //
+      // If validationOptOut is true, no attributes will be checked for correctness
+      // and the runtime will assume VDOM attrs and DOM attrs are in sync.
+      //
+      // Therefore, if validationOptOut is falsey or an array of strings, we need to
+      // examine some or all of the custom element's attributes.
+      if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) || !isMatchingElement(vnode, elm, renderer, shouldValidateAttr)) {
         return handleMismatch(elm, vnode, renderer);
       }
       var sel = vnode.sel,
@@ -7139,14 +7186,12 @@
     function hydrateChildren(node, children, parentNode, owner) {
       var hasWarned = false;
       var nextNode = node;
-      var anchor = null;
       var renderer = owner.renderer;
       for (var _i36 = 0; _i36 < children.length; _i36++) {
         var childVnode = children[_i36];
         if (!isNull(childVnode)) {
           if (nextNode) {
             nextNode = hydrateNode(nextNode, childVnode, renderer);
-            anchor = childVnode.elm;
           } else {
             hasMismatch = true;
             if (process.env.NODE_ENV !== 'production') {
@@ -7155,8 +7200,8 @@
                 logError("Hydration mismatch: incorrect number of rendered nodes. Client produced more nodes than the server.", owner);
               }
             }
-            mount(childVnode, parentNode, renderer, anchor);
-            anchor = childVnode.elm;
+            mount(childVnode, parentNode, renderer, nextNode);
+            nextNode = renderer.nextSibling(childVnode.elm);
           }
         }
       }
@@ -7202,6 +7247,9 @@
       return true;
     }
     function isMatchingElement(vnode, elm, renderer) {
+      var shouldValidateAttr = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {
+        return true;
+      };
       var getProperty = renderer.getProperty;
       if (vnode.sel.toLowerCase() !== getProperty(elm, 'tagName').toLowerCase()) {
         if (process.env.NODE_ENV !== 'production') {
@@ -7209,10 +7257,10 @@
         }
         return false;
       }
-      var hasIncompatibleAttrs = validateAttrs(vnode, elm, renderer);
-      var hasIncompatibleClass = validateClassAttr(vnode, elm, renderer);
-      var hasIncompatibleStyle = validateStyleAttr(vnode, elm, renderer);
-      return hasIncompatibleAttrs && hasIncompatibleClass && hasIncompatibleStyle;
+      var hasCompatibleAttrs = validateAttrs(vnode, elm, renderer, shouldValidateAttr);
+      var hasCompatibleClass = shouldValidateAttr('class') ? validateClassAttr(vnode, elm, renderer) : true;
+      var hasCompatibleStyle = shouldValidateAttr('style') ? validateStyleAttr(vnode, elm, renderer) : true;
+      return hasCompatibleAttrs && hasCompatibleClass && hasCompatibleStyle;
     }
     function attributeValuesAreEqual(vnodeValue, value) {
       var vnodeValueAsString = String(vnodeValue);
@@ -7227,7 +7275,7 @@
       // In all other cases, the two values are not considered equal
       return false;
     }
-    function validateAttrs(vnode, elm, renderer) {
+    function validateAttrs(vnode, elm, renderer, shouldValidateAttr) {
       var _vnode$data$attrs = vnode.data.attrs,
         attrs = _vnode$data$attrs === void 0 ? {} : _vnode$data$attrs;
       var nodesAreCompatible = true;
@@ -7237,6 +7285,9 @@
         var _Object$entries$_i = _slicedToArray(_Object$entries[_i37], 2),
           attrName = _Object$entries$_i[0],
           attrValue = _Object$entries$_i[1];
+        if (!shouldValidateAttr(attrName)) {
+          continue;
+        }
         var owner = vnode.owner;
         var getAttribute = renderer.getAttribute;
         var elmAttrValue = getAttribute(elm, attrName);
@@ -7688,7 +7739,7 @@
       }
       return getReadOnlyProxy(obj);
     }
-    /* version: 2.45.1 */
+    /** version: 2.45.3 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -7948,6 +7999,7 @@
      * SPDX-License-Identifier: MIT
      * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
      */
+    new WeakMap();
     // Creates a custom element for compat (legacy) browser environments
     var createCustomElementCompat = function createCustomElementCompat(tagName, upgradeCallback) {
       var elm = document.createElement(tagName);
@@ -8075,7 +8127,7 @@
     function rendererFactory(baseRenderer) {
       var renderer = function (exports) {
         /**
-         * Copyright (C) 2018 salesforce.com, inc.
+         * Copyright (C) 2023 salesforce.com, inc.
          */
         /*
          * Copyright (c) 2018, salesforce.com, inc.
@@ -8114,7 +8166,7 @@
         function isNull(obj) {
           return obj === null;
         }
-        /** version: 2.45.1 */
+        /** version: 2.45.3 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -8756,7 +8808,7 @@
         });
       });
     }
-    /* version: 2.45.1 */
+    /** version: 2.45.3 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;