lwc 2.45.1 → 2.45.3

package/dist/engine-dom/umd/es5/engine-dom_debug.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,
@@ -104,6 +108,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,
@@ -203,7 +216,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.
@@ -266,11 +279,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)) {
@@ -318,10 +331,10 @@
       CACHED_ATTRIBUTE_PROPERTY_MAPPING.set(attrName, propertyName);
       return propertyName;
     }
-    /** version: 2.45.1 */
+    /** version: 2.45.3 */
 
     /**
-     * Copyright (C) 2018 salesforce.com, inc.
+     * Copyright (C) 2023 salesforce.com, inc.
      */
 
     /*
@@ -389,10 +402,10 @@
      */
     function setFeatureFlagForTest(name, value) {
     }
-    /** version: 2.45.1 */
+    /** version: 2.45.3 */
 
     /**
-     * Copyright (C) 2018 salesforce.com, inc.
+     * Copyright (C) 2023 salesforce.com, inc.
      */
 
     /*
@@ -453,7 +466,7 @@
         }
       }
     }
-    /** version: 2.45.1 */
+    /** version: 2.45.3 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -467,7 +480,9 @@
       applyAriaReflection();
     }
 
-    /* proxy-compat-disable */
+    /**
+     * Copyright (C) 2023 salesforce.com, inc.
+     */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -614,6 +629,9 @@
     function logError(message, vm) {
       log('error', message, vm, false);
     }
+    function logWarn(message, vm) {
+      log('warn', message, vm, false);
+    }
 
     /*
      * Copyright (c) 2019, salesforce.com, inc.
@@ -888,19 +906,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.
@@ -1516,6 +1521,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
@@ -1646,17 +1659,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);
@@ -1674,17 +1683,13 @@
         var vm = getAssociatedVM(this);
         var elm = vm.elm,
           setAttribute = vm.renderer.setAttribute;
-        unlockAttribute(elm, name);
         setAttribute(elm, name, value);
-        lockAttribute();
       },
       setAttributeNS: function setAttributeNS(namespace, name, value) {
         var vm = getAssociatedVM(this);
         var elm = vm.elm,
           setAttribute = vm.renderer.setAttribute;
-        unlockAttribute(elm, name);
         setAttribute(elm, name, value, namespace);
-        lockAttribute();
       },
       getBoundingClientRect: function getBoundingClientRect() {
         var vm = getAssociatedVM(this);
@@ -2017,7 +2022,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,
@@ -2402,6 +2409,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
@@ -2456,14 +2467,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;
       };
@@ -2682,6 +2685,15 @@
       return ModernWeakMultiMap;
     }();
     var WeakMultiMap = supportsWeakRefs ? ModernWeakMultiMap : LegacyWeakMultiMap;
+
+    /*
+     * Copyright (c) 2020, 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
+     */
+    new WeakMap();
+    new WeakMap();
     var swappedStyleMap = new WeakMap();
     // The important thing here is the weak values – VMs are transient (one per component instance) and should be GC'ed,
     // so we don't want to create strong references to them.
@@ -2752,6 +2764,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);
@@ -2923,9 +2943,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,
@@ -3176,7 +3196,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);
@@ -3188,7 +3207,6 @@
           } else {
             setAttribute(elm, key, cur);
           }
-          lockAttribute();
         }
       }
     }
@@ -4598,8 +4616,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 () {
@@ -5709,6 +5727,35 @@
       return renderer.nextSibling(hydratedNode);
     }
     var NODE_VALUE_PROP = 'nodeValue';
+    // 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)) {
@@ -5772,7 +5819,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,
@@ -5801,18 +5859,16 @@
     }
     function hydrateChildren(node, children, parentNode, owner) {
       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;
-            mount(childVnode, parentNode, renderer, anchor);
-            anchor = childVnode.elm;
+            mount(childVnode, parentNode, renderer, nextNode);
+            nextNode = renderer.nextSibling(childVnode.elm);
           }
         }
       }
@@ -5850,14 +5906,17 @@
       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()) {
         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);
@@ -5872,7 +5931,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;
@@ -5882,6 +5941,9 @@
         var _Object$entries$_i = _slicedToArray(_Object$entries[_i37], 2),
           attrName = _Object$entries$_i[0],
           attrValue = _Object$entries$_i[1];
+        if (!shouldValidateAttr(attrName)) {
+          continue;
+        }
         vnode.owner;
         var getAttribute = renderer.getAttribute;
         var elmAttrValue = getAttribute(elm, attrName);
@@ -6472,6 +6534,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);
@@ -6599,7 +6662,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.
@@ -6638,7 +6701,7 @@
         function isNull(obj) {
           return obj === null;
         }
-        /** version: 2.45.1 */
+        /** version: 2.45.3 */
 
         /*
          * Copyright (c) 2023, salesforce.com, inc.
@@ -7273,7 +7336,7 @@
         });
       });
     }
-    /* version: 2.45.1 */
+    /** version: 2.45.3 */
 
     exports.LightningElement = LightningElement;
     exports.__unstable__ProfilerControl = profilerControl;