lwc 2.30.2 → 2.31.0

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

@@ -240,32 +240,57 @@
   const XML_NAMESPACE = 'http://www.w3.org/XML/1998/namespace';
   const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
   const 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
    */
-  const 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'],
-  ]);
+  const CAMEL_REGEX = /-([a-z])/g;
+  // Convoluted map generation so that @lwc/shared remains fully tree-shakable (verify-treeshakable)
+  const { NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING, NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING } = 
+  /*#__PURE__*/ (() => {
+      /**
+       * Map composed of properties to attributes not following the HTML property to attribute mapping
+       * convention.
+       */
+      const 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.
+       */
+      const NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING = new Map();
+      NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING.forEach((value, key) => NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING.set(value, key));
+      return {
+          NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING,
+          NO_STANDARD_PROPERTY_ATTRIBUTE_MAPPING,
+      };
+  })();
   /**
    * Map associating previously transformed HTML property into HTML attribute.
    */
   const CACHED_PROPERTY_ATTRIBUTE_MAPPING = new Map();
+  /**
+   * Map associating previously transformed HTML attribute into HTML property.
+   */
+  const CACHED_ATTRIBUTE_PROPERTY_MAPPING = new Map();
   function htmlPropertyToAttribute(propName) {
       const ariaAttributeName = AriaPropNameToAttrNameMap[propName];
       if (!isUndefined$1(ariaAttributeName)) {
@@ -294,7 +319,24 @@
       CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
       return attributeName;
   }
-  /** version: 2.30.2 */
+  function htmlAttributeToProperty(attrName) {
+      const ariaPropertyName = AriaAttrNameToPropNameMap[attrName];
+      if (!isUndefined$1(ariaPropertyName)) {
+          return ariaPropertyName;
+      }
+      const specialPropertyName = NO_STANDARD_ATTRIBUTE_PROPERTY_MAPPING.get(attrName);
+      if (!isUndefined$1(specialPropertyName)) {
+          return specialPropertyName;
+      }
+      const cachedPropertyName = CACHED_ATTRIBUTE_PROPERTY_MAPPING.get(attrName);
+      if (!isUndefined$1(cachedPropertyName)) {
+          return cachedPropertyName;
+      }
+      const propertyName = StringReplace.call(attrName, CAMEL_REGEX, (g) => g[1].toUpperCase());
+      CACHED_ATTRIBUTE_PROPERTY_MAPPING.set(attrName, propertyName);
+      return propertyName;
+  }
+  /** version: 2.31.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -376,7 +418,7 @@
           patch$1(propName);
       }
   }
-  /** version: 2.30.2 */
+  /** version: 2.31.0 */
 
   /**
    * Copyright (C) 2018 salesforce.com, inc.
@@ -2576,7 +2618,7 @@
    * SPDX-License-Identifier: MIT
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
-  const ColonCharCode = 58;
+  const ColonCharCode$1 = 58;
   function patchAttributes(oldVnode, vnode, renderer) {
       const { attrs } = vnode.data;
       if (isUndefined$1(attrs)) {
@@ -2593,11 +2635,11 @@
           const 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);
               }
@@ -2612,6 +2654,46 @@
       }
   }
 
+  /*
+   * 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
+   */
+  const ColonCharCode = 58;
+  function patchAttrUnlessProp(oldVnode, vnode, renderer) {
+      const { data: { attrs }, elm, } = vnode;
+      if (isUndefined$1(attrs)) {
+          return;
+      }
+      const { removeAttribute, setAttribute, setProperty } = renderer;
+      const oldAttrs = isNull(oldVnode) ? EmptyObject : oldVnode.data.attrs;
+      for (const name in attrs) {
+          const cur = attrs[name];
+          const old = oldAttrs[name];
+          if (old !== cur) {
+              const propName = htmlAttributeToProperty(name);
+              if (propName 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.
@@ -3160,7 +3242,11 @@
     // 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) {
@@ -3540,40 +3626,41 @@
           !isUndefined$1(slotset.slotAssignments) &&
           !isUndefined$1(slotset.slotAssignments[slotName]) &&
           slotset.slotAssignments[slotName].length !== 0) {
-          children = slotset.slotAssignments[slotName].reduce((accumulator, vnode) => {
-              if (vnode) {
+          const newChildren = [];
+          const slotAssignments = slotset.slotAssignments[slotName];
+          for (let i = 0; i < slotAssignments.length; i++) {
+              const vnode = slotAssignments[i];
+              if (!isNull(vnode)) {
                   const assignedNodeIsScopedSlot = isVScopedSlotFragment(vnode);
                   // The only sniff test for a scoped <slot> element is the presence of `slotData`
                   const 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) {
                       const vmBeingRenderedInception = getVMBeingRendered();
-                      let 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;
       }
       const vmBeingRendered = getVMBeingRendered();
       const { renderMode, shadowMode } = vmBeingRendered;
@@ -6221,7 +6308,7 @@
       function isNull(obj) {
           return obj === null;
       }
-      /** version: 2.30.2 */
+      /** version: 2.31.0 */
 
       /*
        * Copyright (c) 2018, salesforce.com, inc.
@@ -6774,7 +6861,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.30.2 */
+  /* version: 2.31.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;