lwc 2.5.1 → 2.5.4

package/dist/engine-dom/esm/es2017/engine-dom.js

@@ -299,7 +299,7 @@ function htmlPropertyToAttribute(propName) {
   CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
   return attributeName;
 }
-/** version: 2.5.1 */
+/** version: 2.5.4 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -409,6 +409,7 @@ const features = {
   ENABLE_HMR: null,
   ENABLE_INNER_OUTER_TEXT_PATCH: null,
   ENABLE_ELEMENT_PATCH: null,
+  ENABLE_FORCE_NATIVE_SHADOW_MODE_FOR_TEST: null,
   ENABLE_NODE_LIST_PATCH: null,
   ENABLE_HTML_COLLECTIONS_PATCH: null,
   ENABLE_NODE_PATCH: null,
@@ -478,7 +479,7 @@ function setFeatureFlagForTest(name, value) {
     setFeatureFlag(name, value);
   }
 }
-/** version: 2.5.1 */
+/** version: 2.5.4 */
 
 /* proxy-compat-disable */
 
@@ -2850,9 +2851,9 @@ function attachShadow(vm) {
   }
 }
 
-function warnIfInvokedDuringConstruction(vm, methodName) {
+function warnIfInvokedDuringConstruction(vm, methodOrPropName) {
   if (isBeingConstructed(vm)) {
-    logError(`this.${methodName}() should not be called during the construction of the custom element for ${getComponentTag(vm)} because the element is not yet in the DOM or has no children yet.`);
+    logError(`this.${methodOrPropName} should not be called during the construction of the custom element for ${getComponentTag(vm)} because the element is not yet in the DOM or has no children yet.`);
   }
 } // @ts-ignore
 
@@ -3012,76 +3013,12 @@ LightningElement.prototype = {
     } = vm;
 
     if (process.env.NODE_ENV !== 'production') {
-      warnIfInvokedDuringConstruction(vm, 'getBoundingClientRect');
+      warnIfInvokedDuringConstruction(vm, 'getBoundingClientRect()');
     }
 
     return getBoundingClientRect(elm);
   },
 
-  querySelector(selectors) {
-    const vm = getAssociatedVM(this);
-    const {
-      elm,
-      renderer: {
-        querySelector
-      }
-    } = vm;
-
-    if (process.env.NODE_ENV !== 'production') {
-      warnIfInvokedDuringConstruction(vm, 'querySelector');
-    }
-
-    return querySelector(elm, selectors);
-  },
-
-  querySelectorAll(selectors) {
-    const vm = getAssociatedVM(this);
-    const {
-      elm,
-      renderer: {
-        querySelectorAll
-      }
-    } = vm;
-
-    if (process.env.NODE_ENV !== 'production') {
-      warnIfInvokedDuringConstruction(vm, 'querySelectorAll');
-    }
-
-    return querySelectorAll(elm, selectors);
-  },
-
-  getElementsByTagName(tagNameOrWildCard) {
-    const vm = getAssociatedVM(this);
-    const {
-      elm,
-      renderer: {
-        getElementsByTagName
-      }
-    } = vm;
-
-    if (process.env.NODE_ENV !== 'production') {
-      warnIfInvokedDuringConstruction(vm, 'getElementsByTagName');
-    }
-
-    return getElementsByTagName(elm, tagNameOrWildCard);
-  },
-
-  getElementsByClassName(names) {
-    const vm = getAssociatedVM(this);
-    const {
-      elm,
-      renderer: {
-        getElementsByClassName
-      }
-    } = vm;
-
-    if (process.env.NODE_ENV !== 'production') {
-      warnIfInvokedDuringConstruction(vm, 'getElementsByClassName');
-    }
-
-    return getElementsByClassName(elm, names);
-  },
-
   get isConnected() {
     const {
       elm,
@@ -3141,6 +3078,50 @@ LightningElement.prototype = {
   }
 
 };
+const queryAndChildGetterDescriptors = create(null);
+const childGetters = [['children', 'getChildren'], ['childNodes', 'getChildNodes'], ['firstChild', 'getFirstChild'], ['firstElementChild', 'getFirstElementChild'], ['lastChild', 'getLastChild'], ['lastElementChild', 'getLastElementChild']]; // Generic passthrough for child getters on HTMLElement to the relevant Renderer APIs
+
+for (const [elementProp, rendererMethod] of childGetters) {
+  queryAndChildGetterDescriptors[elementProp] = {
+    get() {
+      const vm = getAssociatedVM(this);
+      const {
+        elm,
+        renderer
+      } = vm;
+
+      if (process.env.NODE_ENV !== 'production') {
+        warnIfInvokedDuringConstruction(vm, elementProp);
+      }
+
+      return renderer[rendererMethod](elm);
+    }
+
+  };
+}
+
+const queryMethods = ['getElementsByClassName', 'getElementsByTagName', 'querySelector', 'querySelectorAll']; // Generic passthrough for query APIs on HTMLElement to the relevant Renderer APIs
+
+for (const queryMethod of queryMethods) {
+  queryAndChildGetterDescriptors[queryMethod] = {
+    value(arg) {
+      const vm = getAssociatedVM(this);
+      const {
+        elm,
+        renderer
+      } = vm;
+
+      if (process.env.NODE_ENV !== 'production') {
+        warnIfInvokedDuringConstruction(vm, `${queryMethod}()`);
+      }
+
+      return renderer[queryMethod](elm, arg);
+    }
+
+  };
+}
+
+defineProperties(LightningElement.prototype, queryAndChildGetterDescriptors);
 const lightningBasedDescriptors = create(null);
 
 for (const propName in HTMLElementOriginalDescriptors) {
@@ -5885,9 +5866,9 @@ function validateLightDomTemplate(template, vm) {
   if (vm.renderMode === 0
   /* Light */
   ) {
-    assert.isTrue(template.renderMode === 'light', `Light DOM components can't render shadow DOM templates. Add an 'lwc:render-mode="light"' directive on the root template tag.`);
+    assert.isTrue(template.renderMode === 'light', `Light DOM components can't render shadow DOM templates. Add an 'lwc:render-mode="light"' directive to the root template tag of ${getComponentTag(vm)}.`);
   } else {
-    assert.isTrue(isUndefined$1(template.renderMode), `Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive or set it to 'lwc:render-mode="shadow"`);
+    assert.isTrue(isUndefined$1(template.renderMode), `Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive from ${getComponentTag(vm)} or set it to 'lwc:render-mode="shadow"`);
   }
 }
 
@@ -6437,6 +6418,12 @@ function createVM(elm, def, options) {
     vm.toString = () => {
       return `[object:vm ${def.name} (${vm.idx})]`;
     };
+
+    if (runtimeFlags.ENABLE_FORCE_NATIVE_SHADOW_MODE_FOR_TEST) {
+      vm.shadowMode = 0
+      /* Native */
+      ;
+    }
   } // Create component instance associated to the vm and the element.
 
 
@@ -7366,7 +7353,7 @@ function readonly(obj) {
 
   return reactiveMembrane.getReadOnlyProxy(obj);
 }
-/* version: 2.5.1 */
+/* version: 2.5.4 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -7617,6 +7604,30 @@ const renderer = {
     return element.getElementsByClassName(names);
   },
 
+  getChildren(element) {
+    return element.children;
+  },
+
+  getChildNodes(element) {
+    return element.childNodes;
+  },
+
+  getFirstChild(element) {
+    return element.firstChild;
+  },
+
+  getFirstElementChild(element) {
+    return element.firstElementChild;
+  },
+
+  getLastChild(element) {
+    return element.lastChild;
+  },
+
+  getLastElementChild(element) {
+    return element.lastElementChild;
+  },
+
   isConnected(node) {
     return node.isConnected;
   },
@@ -7924,6 +7935,6 @@ defineProperty(LightningElement, 'CustomElementConstructor', {
 });
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.5.1 */
+/* version: 2.5.4 */
 
 export { LightningElement, profilerControl as __unstable__ProfilerControl, api$1 as api, deprecatedBuildCustomElementConstructor as buildCustomElementConstructor, createContextProvider, createElement, getComponentConstructor, getComponentDef, isComponentConstructor, isNodeFromTemplate, readonly, register, registerComponent, registerDecorators, registerTemplate, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };

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

@@ -302,7 +302,7 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.5.1 */
+  /** version: 2.5.4 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -412,6 +412,7 @@ var LWC = (function (exports) {
     ENABLE_HMR: null,
     ENABLE_INNER_OUTER_TEXT_PATCH: null,
     ENABLE_ELEMENT_PATCH: null,
+    ENABLE_FORCE_NATIVE_SHADOW_MODE_FOR_TEST: null,
     ENABLE_NODE_LIST_PATCH: null,
     ENABLE_HTML_COLLECTIONS_PATCH: null,
     ENABLE_NODE_PATCH: null,
@@ -481,7 +482,7 @@ var LWC = (function (exports) {
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.5.1 */
+  /** version: 2.5.4 */
 
   /* proxy-compat-disable */
 
@@ -2853,9 +2854,9 @@ var LWC = (function (exports) {
     }
   }
 
-  function warnIfInvokedDuringConstruction(vm, methodName) {
+  function warnIfInvokedDuringConstruction(vm, methodOrPropName) {
     if (isBeingConstructed(vm)) {
-      logError(`this.${methodName}() should not be called during the construction of the custom element for ${getComponentTag(vm)} because the element is not yet in the DOM or has no children yet.`);
+      logError(`this.${methodOrPropName} should not be called during the construction of the custom element for ${getComponentTag(vm)} because the element is not yet in the DOM or has no children yet.`);
     }
   } // @ts-ignore
 
@@ -3015,76 +3016,12 @@ var LWC = (function (exports) {
       } = vm;
 
       if (process.env.NODE_ENV !== 'production') {
-        warnIfInvokedDuringConstruction(vm, 'getBoundingClientRect');
+        warnIfInvokedDuringConstruction(vm, 'getBoundingClientRect()');
       }
 
       return getBoundingClientRect(elm);
     },
 
-    querySelector(selectors) {
-      const vm = getAssociatedVM(this);
-      const {
-        elm,
-        renderer: {
-          querySelector
-        }
-      } = vm;
-
-      if (process.env.NODE_ENV !== 'production') {
-        warnIfInvokedDuringConstruction(vm, 'querySelector');
-      }
-
-      return querySelector(elm, selectors);
-    },
-
-    querySelectorAll(selectors) {
-      const vm = getAssociatedVM(this);
-      const {
-        elm,
-        renderer: {
-          querySelectorAll
-        }
-      } = vm;
-
-      if (process.env.NODE_ENV !== 'production') {
-        warnIfInvokedDuringConstruction(vm, 'querySelectorAll');
-      }
-
-      return querySelectorAll(elm, selectors);
-    },
-
-    getElementsByTagName(tagNameOrWildCard) {
-      const vm = getAssociatedVM(this);
-      const {
-        elm,
-        renderer: {
-          getElementsByTagName
-        }
-      } = vm;
-
-      if (process.env.NODE_ENV !== 'production') {
-        warnIfInvokedDuringConstruction(vm, 'getElementsByTagName');
-      }
-
-      return getElementsByTagName(elm, tagNameOrWildCard);
-    },
-
-    getElementsByClassName(names) {
-      const vm = getAssociatedVM(this);
-      const {
-        elm,
-        renderer: {
-          getElementsByClassName
-        }
-      } = vm;
-
-      if (process.env.NODE_ENV !== 'production') {
-        warnIfInvokedDuringConstruction(vm, 'getElementsByClassName');
-      }
-
-      return getElementsByClassName(elm, names);
-    },
-
     get isConnected() {
       const {
         elm,
@@ -3144,6 +3081,50 @@ var LWC = (function (exports) {
     }
 
   };
+  const queryAndChildGetterDescriptors = create(null);
+  const childGetters = [['children', 'getChildren'], ['childNodes', 'getChildNodes'], ['firstChild', 'getFirstChild'], ['firstElementChild', 'getFirstElementChild'], ['lastChild', 'getLastChild'], ['lastElementChild', 'getLastElementChild']]; // Generic passthrough for child getters on HTMLElement to the relevant Renderer APIs
+
+  for (const [elementProp, rendererMethod] of childGetters) {
+    queryAndChildGetterDescriptors[elementProp] = {
+      get() {
+        const vm = getAssociatedVM(this);
+        const {
+          elm,
+          renderer
+        } = vm;
+
+        if (process.env.NODE_ENV !== 'production') {
+          warnIfInvokedDuringConstruction(vm, elementProp);
+        }
+
+        return renderer[rendererMethod](elm);
+      }
+
+    };
+  }
+
+  const queryMethods = ['getElementsByClassName', 'getElementsByTagName', 'querySelector', 'querySelectorAll']; // Generic passthrough for query APIs on HTMLElement to the relevant Renderer APIs
+
+  for (const queryMethod of queryMethods) {
+    queryAndChildGetterDescriptors[queryMethod] = {
+      value(arg) {
+        const vm = getAssociatedVM(this);
+        const {
+          elm,
+          renderer
+        } = vm;
+
+        if (process.env.NODE_ENV !== 'production') {
+          warnIfInvokedDuringConstruction(vm, `${queryMethod}()`);
+        }
+
+        return renderer[queryMethod](elm, arg);
+      }
+
+    };
+  }
+
+  defineProperties(LightningElement.prototype, queryAndChildGetterDescriptors);
   const lightningBasedDescriptors = create(null);
 
   for (const propName in HTMLElementOriginalDescriptors) {
@@ -5888,9 +5869,9 @@ var LWC = (function (exports) {
     if (vm.renderMode === 0
     /* Light */
     ) {
-      assert.isTrue(template.renderMode === 'light', `Light DOM components can't render shadow DOM templates. Add an 'lwc:render-mode="light"' directive on the root template tag.`);
+      assert.isTrue(template.renderMode === 'light', `Light DOM components can't render shadow DOM templates. Add an 'lwc:render-mode="light"' directive to the root template tag of ${getComponentTag(vm)}.`);
     } else {
-      assert.isTrue(isUndefined$1(template.renderMode), `Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive or set it to 'lwc:render-mode="shadow"`);
+      assert.isTrue(isUndefined$1(template.renderMode), `Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive from ${getComponentTag(vm)} or set it to 'lwc:render-mode="shadow"`);
     }
   }
 
@@ -6440,6 +6421,12 @@ var LWC = (function (exports) {
       vm.toString = () => {
         return `[object:vm ${def.name} (${vm.idx})]`;
       };
+
+      if (runtimeFlags.ENABLE_FORCE_NATIVE_SHADOW_MODE_FOR_TEST) {
+        vm.shadowMode = 0
+        /* Native */
+        ;
+      }
     } // Create component instance associated to the vm and the element.
 
 
@@ -7369,7 +7356,7 @@ var LWC = (function (exports) {
 
     return reactiveMembrane.getReadOnlyProxy(obj);
   }
-  /* version: 2.5.1 */
+  /* version: 2.5.4 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7620,6 +7607,30 @@ var LWC = (function (exports) {
       return element.getElementsByClassName(names);
     },
 
+    getChildren(element) {
+      return element.children;
+    },
+
+    getChildNodes(element) {
+      return element.childNodes;
+    },
+
+    getFirstChild(element) {
+      return element.firstChild;
+    },
+
+    getFirstElementChild(element) {
+      return element.firstElementChild;
+    },
+
+    getLastChild(element) {
+      return element.lastChild;
+    },
+
+    getLastElementChild(element) {
+      return element.lastElementChild;
+    },
+
     isConnected(node) {
       return node.isConnected;
     },
@@ -7927,7 +7938,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.5.1 */
+  /* version: 2.5.4 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;
@@ -7958,4 +7969,4 @@ var LWC = (function (exports) {
 
   return exports;
 
-}({}));
+})({});