lwc 2.30.2 → 2.31.0

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

@@ -86,7 +86,6 @@ var LWC = (function (exports) {
     setPrototypeOf = Object.setPrototypeOf;
   var isArray$1 = Array.isArray;
   var _Array$prototype = Array.prototype,
-    ArrayConcat$1 = _Array$prototype.concat,
     ArrayFilter = _Array$prototype.filter,
     ArrayIndexOf = _Array$prototype.indexOf,
     ArrayJoin = _Array$prototype.join,
@@ -187,6 +186,7 @@ var LWC = (function (exports) {
         AriaPropNameToAttrNameMap: AriaPropNameToAttrNameMap
       };
     }(),
+    AriaAttrNameToPropNameMap = _ref.AriaAttrNameToPropNameMap,
     AriaPropNameToAttrNameMap = _ref.AriaPropNameToAttrNameMap;
 
   /*
@@ -244,15 +244,43 @@ var LWC = (function (exports) {
   var XML_NAMESPACE = 'http://www.w3.org/XML/1998/namespace';
   var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
   var XLINK_NAMESPACE = 'http://www.w3.org/1999/xlink';
-  /**
-   * Map composed of properties to attributes not following the HTML property to attribute mapping
-   * convention.
+
+  /*
+   * 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
    */
-  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']]);
+  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;
   /**
    * Map associating previously transformed HTML property into HTML attribute.
    */
   var CACHED_PROPERTY_ATTRIBUTE_MAPPING = new Map();
+  /**
+   * Map associating previously transformed HTML attribute into HTML property.
+   */
+  var CACHED_ATTRIBUTE_PROPERTY_MAPPING = new Map();
   function htmlPropertyToAttribute(propName) {
     var ariaAttributeName = AriaPropNameToAttrNameMap[propName];
     if (!isUndefined$1(ariaAttributeName)) {
@@ -281,7 +309,26 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.30.2 */
+  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;
+    }
+    var propertyName = StringReplace.call(attrName, CAMEL_REGEX, function (g) {
+      return g[1].toUpperCase();
+    });
+    CACHED_ATTRIBUTE_PROPERTY_MAPPING.set(attrName, propertyName);
+    return propertyName;
+  }
+  /** version: 2.31.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -362,7 +409,7 @@ var LWC = (function (exports) {
       patch$1(propName);
     }
   }
-  /** version: 2.30.2 */
+  /** version: 2.31.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -2746,7 +2793,7 @@ 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 = 58;
+  var ColonCharCode$1 = 58;
   function patchAttributes(oldVnode, vnode, renderer) {
     var attrs = vnode.data.attrs;
     if (isUndefined$1(attrs)) {
@@ -2764,10 +2811,10 @@ var LWC = (function (exports) {
       var old = oldAttrs[key];
       if (old !== cur) {
         unlockAttribute(elm, key);
-        if (StringCharCodeAt.call(key, 3) === ColonCharCode) {
+        if (StringCharCodeAt.call(key, 3) === ColonCharCode$1) {
           // Assume xml namespace
           setAttribute(elm, key, cur, XML_NAMESPACE);
-        } else if (StringCharCodeAt.call(key, 5) === ColonCharCode) {
+        } else if (StringCharCodeAt.call(key, 5) === ColonCharCode$1) {
           // Assume xlink namespace
           setAttribute(elm, key, cur, XLINK_NAMESPACE);
         } else if (isNull(cur) || isUndefined$1(cur)) {
@@ -2780,6 +2827,45 @@ 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.
@@ -3302,7 +3388,11 @@ var LWC = (function (exports) {
     // value is set before type=radio.
     patchClassAttribute(oldVnode, vnode, renderer);
     patchStyleAttribute(oldVnode, vnode, renderer);
-    patchAttributes(oldVnode, vnode, renderer);
+    if (vnode.data.external) {
+      patchAttrUnlessProp(oldVnode, vnode, renderer);
+    } else {
+      patchAttributes(oldVnode, vnode, renderer);
+    }
     patchProps(oldVnode, vnode, renderer);
   }
   function applyStyleScoping(elm, owner, renderer) {
@@ -3663,38 +3753,39 @@ var LWC = (function (exports) {
   // [s]lot element node
   function s(slotName, data, children, slotset) {
     if (!isUndefined$1(slotset) && !isUndefined$1(slotset.slotAssignments) && !isUndefined$1(slotset.slotAssignments[slotName]) && slotset.slotAssignments[slotName].length !== 0) {
-      children = slotset.slotAssignments[slotName].reduce(function (accumulator, vnode) {
-        if (vnode) {
+      var newChildren = [];
+      var slotAssignments = slotset.slotAssignments[slotName];
+      for (var _i19 = 0; _i19 < slotAssignments.length; _i19++) {
+        var vnode = slotAssignments[_i19];
+        if (!isNull(vnode)) {
           var assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode);
           // The only sniff test for a scoped <slot> element is the presence of `slotData`
           var isScopedSlotElement = !isUndefined$1(data.slotData);
           // Check if slot types of parent and child are matching
           if (assignedNodeIsScopedSlot !== isScopedSlotElement) {
             // Ignore slot content from parent
-            return accumulator;
+            continue;
           }
           // If the passed slot content is factory, evaluate it and add the produced vnodes
           if (assignedNodeIsScopedSlot) {
             var vmBeingRenderedInception = getVMBeingRendered();
-            var scopedSlotChildren = [];
             // Evaluate in the scope of the slot content's owner
             // if a slotset is provided, there will always be an owner. The only case where owner is
             // undefined is for root components, but root components cannot accept slotted content
             setVMBeingRendered(slotset.owner);
             try {
-              scopedSlotChildren = vnode.factory(data.slotData);
+              ArrayPush$1.apply(newChildren, vnode.factory(data.slotData));
             } finally {
               setVMBeingRendered(vmBeingRenderedInception);
             }
-            return ArrayConcat$1.call(accumulator, scopedSlotChildren);
           } else {
             // If the slot content is standard type, the content is static, no additional
             // processing needed on the vnode
-            return ArrayConcat$1.call(accumulator, vnode);
+            ArrayPush$1.call(newChildren, vnode);
           }
         }
-        return accumulator;
-      }, []);
+      }
+      children = newChildren;
     }
     var vmBeingRendered = getVMBeingRendered();
     var renderMode = vmBeingRendered.renderMode,
@@ -4044,23 +4135,23 @@ var LWC = (function (exports) {
         var classAttrToken = hasScopedStyles && hasStyleToken ? " class=\"".concat(stylesheetToken, "\"") : '';
         var attrToken = hasStyleToken && isSyntheticShadow ? ' ' + stylesheetToken : '';
         var htmlFragment = '';
-        for (var _i19 = 0, n = keys.length; _i19 < n; _i19++) {
-          switch (keys[_i19]) {
+        for (var _i20 = 0, n = keys.length; _i20 < n; _i20++) {
+          switch (keys[_i20]) {
             case 0:
               // styleToken in existing class attr
-              htmlFragment += strings[_i19] + classToken;
+              htmlFragment += strings[_i20] + classToken;
               break;
             case 1:
               // styleToken for added class attr
-              htmlFragment += strings[_i19] + classAttrToken;
+              htmlFragment += strings[_i20] + classAttrToken;
               break;
             case 2:
               // styleToken as attr
-              htmlFragment += strings[_i19] + attrToken;
+              htmlFragment += strings[_i20] + attrToken;
               break;
             case 3:
               // ${1}${2}
-              htmlFragment += strings[_i19] + classAttrToken + attrToken;
+              htmlFragment += strings[_i20] + classAttrToken + attrToken;
               break;
           }
         }
@@ -4151,8 +4242,8 @@ var LWC = (function (exports) {
   function computeHasScopedStyles(template) {
     var stylesheets = template.stylesheets;
     if (!isUndefined$1(stylesheets)) {
-      for (var _i20 = 0; _i20 < stylesheets.length; _i20++) {
-        if (isTrue(stylesheets[_i20][KEY__SCOPED_CSS])) {
+      for (var _i21 = 0; _i21 < stylesheets.length; _i21++) {
+        if (isTrue(stylesheets[_i21][KEY__SCOPED_CSS])) {
           return true;
         }
       }
@@ -4249,8 +4340,8 @@ var LWC = (function (exports) {
    */
   function registerComponent(
   // We typically expect a LightningElementConstructor, but technically you can call this with anything
-  Ctor, _ref2) {
-    var tmpl = _ref2.tmpl;
+  Ctor, _ref3) {
+    var tmpl = _ref3.tmpl;
     if (isFunction$1(Ctor)) {
       signedTemplateMap.set(Ctor, tmpl);
     }
@@ -4310,8 +4401,8 @@ var LWC = (function (exports) {
    * subject to change or being removed.
    */
   function register(service) {
-    for (var _i21 = 0; _i21 < hooks.length; ++_i21) {
-      var hookName = hooks[_i21];
+    for (var _i22 = 0; _i22 < hooks.length; ++_i22) {
+      var hookName = hooks[_i22];
       if (hookName in service) {
         var l = Services[hookName];
         if (isUndefined$1(l)) {
@@ -4325,8 +4416,8 @@ var LWC = (function (exports) {
     var component = vm.component,
       def = vm.def,
       context = vm.context;
-    for (var _i22 = 0, len = cbs.length; _i22 < len; ++_i22) {
-      cbs[_i22].call(undefined, component, {}, def, context);
+    for (var _i23 = 0, len = cbs.length; _i23 < len; ++_i23) {
+      cbs[_i23].call(undefined, component, {}, def, context);
     }
   }
 
@@ -4572,17 +4663,17 @@ var LWC = (function (exports) {
       return a.idx - b.idx;
     });
     rehydrateQueue = []; // reset to a new queue
-    for (var _i23 = 0, len = vms.length; _i23 < len; _i23 += 1) {
-      var vm = vms[_i23];
+    for (var _i24 = 0, len = vms.length; _i24 < len; _i24 += 1) {
+      var vm = vms[_i24];
       try {
         rehydrate(vm);
       } catch (error) {
-        if (_i23 + 1 < len) {
+        if (_i24 + 1 < len) {
           // pieces of the queue are still pending to be rehydrated, those should have priority
           if (rehydrateQueue.length === 0) {
             addCallbackToNextTick(flushRehydrationQueue);
           }
-          ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, _i23 + 1));
+          ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, _i24 + 1));
         }
         // we need to end the measure before throwing.
         logGlobalOperationEnd(8 /* OperationId.GlobalRehydrate */);
@@ -4648,8 +4739,8 @@ var LWC = (function (exports) {
     var vCustomElementCollection = vm.velements;
     // Reporting disconnection for every child in inverse order since they are
     // inserted in reserved order.
-    for (var _i24 = vCustomElementCollection.length - 1; _i24 >= 0; _i24 -= 1) {
-      var elm = vCustomElementCollection[_i24].elm;
+    for (var _i25 = vCustomElementCollection.length - 1; _i25 >= 0; _i25 -= 1) {
+      var elm = vCustomElementCollection[_i25].elm;
       // There are two cases where the element could be undefined:
       // * when there is an error during the construction phase, and an error
       //   boundary picks it, there is a possibility that the VCustomElement
@@ -4680,8 +4771,8 @@ var LWC = (function (exports) {
    * defined on its shadow.
    */
   function recursivelyDisconnectChildren(vnodes) {
-    for (var _i25 = 0, len = vnodes.length; _i25 < len; _i25 += 1) {
-      var vnode = vnodes[_i25];
+    for (var _i26 = 0, len = vnodes.length; _i26 < len; _i26 += 1) {
+      var vnode = vnodes[_i26];
       if (!isNull(vnode) && !isUndefined$1(vnode.elm)) {
         switch (vnode.type) {
           case 2 /* VNodeType.Element */:
@@ -4705,8 +4796,8 @@ var LWC = (function (exports) {
     var children = vm.children,
       renderRoot = vm.renderRoot,
       remove = vm.renderer.remove;
-    for (var _i26 = 0, len = children.length; _i26 < len; _i26++) {
-      var child = children[_i26];
+    for (var _i27 = 0, len = children.length; _i27 < len; _i27++) {
+      var child = children[_i27];
       if (!isNull(child) && !isUndefined$1(child.elm)) {
         remove(child.elm, renderRoot);
       }
@@ -4772,10 +4863,10 @@ var LWC = (function (exports) {
   var WireContextRegistrationEvent = /*#__PURE__*/function (_CustomEvent) {
     _inherits(WireContextRegistrationEvent, _CustomEvent);
     var _super5 = _createSuper(WireContextRegistrationEvent);
-    function WireContextRegistrationEvent(adapterToken, _ref3) {
+    function WireContextRegistrationEvent(adapterToken, _ref4) {
       var _this4;
-      var setNewContext = _ref3.setNewContext,
-        setDisconnectedCallback = _ref3.setDisconnectedCallback;
+      var setNewContext = _ref4.setNewContext,
+        setDisconnectedCallback = _ref4.setDisconnectedCallback;
       _classCallCheck(this, WireContextRegistrationEvent);
       _this4 = _super5.call(this, adapterToken, {
         bubbles: true,
@@ -5002,16 +5093,16 @@ var LWC = (function (exports) {
   }
   function connectWireAdapters(vm) {
     var wiredConnecting = vm.context.wiredConnecting;
-    for (var _i27 = 0, len = wiredConnecting.length; _i27 < len; _i27 += 1) {
-      wiredConnecting[_i27]();
+    for (var _i28 = 0, len = wiredConnecting.length; _i28 < len; _i28 += 1) {
+      wiredConnecting[_i28]();
     }
   }
   function disconnectWireAdapters(vm) {
     var wiredDisconnecting = vm.context.wiredDisconnecting;
     runWithBoundaryProtection(vm, vm, noop, function () {
       // job
-      for (var _i28 = 0, len = wiredDisconnecting.length; _i28 < len; _i28 += 1) {
-        wiredDisconnecting[_i28]();
+      for (var _i29 = 0, len = wiredDisconnecting.length; _i29 < len; _i29 += 1) {
+        wiredDisconnecting[_i29]();
       }
     }, noop);
   }
@@ -5221,8 +5312,8 @@ var LWC = (function (exports) {
     var nextNode = node;
     var anchor = null;
     var renderer = owner.renderer;
-    for (var _i29 = 0; _i29 < children.length; _i29++) {
-      var childVnode = children[_i29];
+    for (var _i30 = 0; _i30 < children.length; _i30++) {
+      var childVnode = children[_i30];
       if (!isNull(childVnode)) {
         if (nextNode) {
           nextNode = hydrateNode(nextNode, childVnode, renderer);
@@ -5283,8 +5374,8 @@ var LWC = (function (exports) {
     var nodesAreCompatible = true;
     // Validate attributes, though we could always recovery from those by running the update mods.
     // Note: intentionally ONLY matching vnodes.attrs to elm.attrs, in case SSR is adding extra attributes.
-    for (var _i30 = 0, _Object$entries = Object.entries(attrs); _i30 < _Object$entries.length; _i30++) {
-      var _Object$entries$_i = _slicedToArray(_Object$entries[_i30], 2),
+    for (var _i31 = 0, _Object$entries = Object.entries(attrs); _i31 < _Object$entries.length; _i31++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i31], 2),
         attrName = _Object$entries$_i[0],
         attrValue = _Object$entries$_i[1];
       vnode.owner;
@@ -5371,8 +5462,8 @@ var LWC = (function (exports) {
       var parsedVnodeStyle = parseStyleText(elmStyle);
       var expectedStyle = [];
       // styleMap is used when style is set to static value.
-      for (var _i31 = 0, n = styleDecls.length; _i31 < n; _i31++) {
-        var _styleDecls$_i2 = _slicedToArray(styleDecls[_i31], 3),
+      for (var _i32 = 0, n = styleDecls.length; _i32 < n; _i32++) {
+        var _styleDecls$_i2 = _slicedToArray(styleDecls[_i32], 3),
           prop = _styleDecls$_i2[0],
           value = _styleDecls$_i2[1],
           important = _styleDecls$_i2[2];
@@ -6408,7 +6499,7 @@ var LWC = (function (exports) {
       function isNull(obj) {
         return obj === null;
       }
-      /** version: 2.30.2 */
+      /** version: 2.31.0 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -6486,7 +6577,7 @@ var LWC = (function (exports) {
           doc.body.innerHTML = html;
           var content = doc.body;
           if (!isUndefined(wrapperTags)) {
-            for (var _i32 = 0; _i32 < wrapperTags.length; _i32++) {
+            for (var _i33 = 0; _i33 < wrapperTags.length; _i33++) {
               content = content.firstChild;
             }
           }
@@ -6679,8 +6770,8 @@ var LWC = (function (exports) {
       tagName: element.tagName.toLowerCase(),
       hydrated: true
     });
-    for (var _i33 = 0, _Object$entries2 = Object.entries(props); _i33 < _Object$entries2.length; _i33++) {
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i33], 2),
+    for (var _i34 = 0, _Object$entries2 = Object.entries(props); _i34 < _Object$entries2.length; _i34++) {
+      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i34], 2),
         key = _Object$entries2$_i[0],
         value = _Object$entries2$_i[1];
       element[key] = value;
@@ -6967,7 +7058,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.30.2 */
+  /* version: 2.31.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;