lwc 2.5.1 → 2.5.4

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

@@ -341,7 +341,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.
@@ -449,6 +449,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,
@@ -512,7 +513,7 @@ var LWC = (function (exports) {
 
   function setFeatureFlagForTest(name, value) {
   }
-  /** version: 2.5.1 */
+  /** version: 2.5.4 */
 
   /* proxy-compat-disable */
 
@@ -2337,34 +2338,6 @@ var LWC = (function (exports) {
 
       return getBoundingClientRect(elm);
     },
-    querySelector: function querySelector(selectors) {
-      var vm = getAssociatedVM(this);
-      var elm = vm.elm,
-          querySelector = vm.renderer.querySelector;
-
-      return querySelector(elm, selectors);
-    },
-    querySelectorAll: function querySelectorAll(selectors) {
-      var vm = getAssociatedVM(this);
-      var elm = vm.elm,
-          querySelectorAll = vm.renderer.querySelectorAll;
-
-      return querySelectorAll(elm, selectors);
-    },
-    getElementsByTagName: function getElementsByTagName(tagNameOrWildCard) {
-      var vm = getAssociatedVM(this);
-      var elm = vm.elm,
-          getElementsByTagName = vm.renderer.getElementsByTagName;
-
-      return getElementsByTagName(elm, tagNameOrWildCard);
-    },
-    getElementsByClassName: function getElementsByClassName(names) {
-      var vm = getAssociatedVM(this);
-      var elm = vm.elm,
-          getElementsByClassName = vm.renderer.getElementsByClassName;
-
-      return getElementsByClassName(elm, names);
-    },
 
     get isConnected() {
       var _getAssociatedVM8 = getAssociatedVM(this),
@@ -2403,6 +2376,49 @@ var LWC = (function (exports) {
       return "[object ".concat(vm.def.name, "]");
     }
   };
+  var queryAndChildGetterDescriptors = create(null);
+  var 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
+
+  var _loop = function _loop() {
+    var _childGetters$_i = _slicedToArray(_childGetters[_i9], 2),
+        elementProp = _childGetters$_i[0],
+        rendererMethod = _childGetters$_i[1];
+
+    queryAndChildGetterDescriptors[elementProp] = {
+      get: function get() {
+        var vm = getAssociatedVM(this);
+        var elm = vm.elm,
+            renderer = vm.renderer;
+
+        return renderer[rendererMethod](elm);
+      }
+    };
+  };
+
+  for (var _i9 = 0, _childGetters = childGetters; _i9 < _childGetters.length; _i9++) {
+    _loop();
+  }
+
+  var queryMethods = ['getElementsByClassName', 'getElementsByTagName', 'querySelector', 'querySelectorAll']; // Generic passthrough for query APIs on HTMLElement to the relevant Renderer APIs
+
+  var _loop2 = function _loop2() {
+    var queryMethod = _queryMethods[_i10];
+    queryAndChildGetterDescriptors[queryMethod] = {
+      value: function value(arg) {
+        var vm = getAssociatedVM(this);
+        var elm = vm.elm,
+            renderer = vm.renderer;
+
+        return renderer[queryMethod](elm, arg);
+      }
+    };
+  };
+
+  for (var _i10 = 0, _queryMethods = queryMethods; _i10 < _queryMethods.length; _i10++) {
+    _loop2();
+  }
+
+  defineProperties(LightningElement.prototype, queryAndChildGetterDescriptors);
   var lightningBasedDescriptors = create(null);
 
   for (var _propName in HTMLElementOriginalDescriptors) {
@@ -2759,8 +2775,8 @@ var LWC = (function (exports) {
     }
 
     if (!isUndefined$1(fields)) {
-      for (var _i9 = 0, n = fields.length; _i9 < n; _i9++) {
-        var _fieldName2 = fields[_i9];
+      for (var _i11 = 0, n = fields.length; _i11 < n; _i11++) {
+        var _fieldName2 = fields[_i11];
         descriptor = getOwnPropertyDescriptor$1(proto, _fieldName2);
         // tracked property. This is only here for backward compatibility purposes.
 
@@ -2978,8 +2994,8 @@ var LWC = (function (exports) {
         superObservedAttributes = _SuperClass$observedA === void 0 ? [] : _SuperClass$observedA;
     var descriptors = create(null); // expose getters and setters for each public props on the new Element Bridge
 
-    for (var _i10 = 0, _len3 = props.length; _i10 < _len3; _i10 += 1) {
-      var _propName2 = props[_i10];
+    for (var _i12 = 0, _len3 = props.length; _i12 < _len3; _i12 += 1) {
+      var _propName2 = props[_i12];
       attributeToPropMap[htmlPropertyToAttribute(_propName2)] = _propName2;
       descriptors[_propName2] = {
         get: createGetter(_propName2),
@@ -2990,8 +3006,8 @@ var LWC = (function (exports) {
     } // expose public methods as props on the new Element Bridge
 
 
-    for (var _i11 = 0, _len4 = methods.length; _i11 < _len4; _i11 += 1) {
-      var methodName = methods[_i11];
+    for (var _i13 = 0, _len4 = methods.length; _i13 < _len4; _i13 += 1) {
+      var methodName = methods[_i13];
       descriptors[methodName] = {
         value: createMethodCaller(methodName),
         writable: true,
@@ -4162,8 +4178,8 @@ var LWC = (function (exports) {
   function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
     var content = [];
 
-    for (var _i12 = 0; _i12 < stylesheets.length; _i12++) {
-      var stylesheet = stylesheets[_i12];
+    for (var _i14 = 0; _i14 < stylesheets.length; _i14++) {
+      var stylesheet = stylesheets[_i14];
 
       if (isArray$1(stylesheet)) {
         ArrayPush$1.apply(content, evaluateStylesheetsContent(stylesheet, stylesheetToken, vm));
@@ -4233,8 +4249,8 @@ var LWC = (function (exports) {
     && shadowMode === 1
     /* Synthetic */
     ) {
-      for (var _i13 = 0; _i13 < stylesheets.length; _i13++) {
-        renderer.insertGlobalStylesheet(stylesheets[_i13]);
+      for (var _i15 = 0; _i15 < stylesheets.length; _i15++) {
+        renderer.insertGlobalStylesheet(stylesheets[_i15]);
       }
     } else if (renderer.ssr) {
       // native shadow or light DOM, SSR
@@ -4245,12 +4261,12 @@ var LWC = (function (exports) {
       var root = getNearestNativeShadowComponent(vm);
       var isGlobal = isNull(root);
 
-      for (var _i14 = 0; _i14 < stylesheets.length; _i14++) {
+      for (var _i16 = 0; _i16 < stylesheets.length; _i16++) {
         if (isGlobal) {
-          renderer.insertGlobalStylesheet(stylesheets[_i14]);
+          renderer.insertGlobalStylesheet(stylesheets[_i16]);
         } else {
           // local level
-          renderer.insertStylesheet(stylesheets[_i14], root.cmpRoot);
+          renderer.insertStylesheet(stylesheets[_i16], root.cmpRoot);
         }
       }
     }
@@ -4349,9 +4365,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 ".concat(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 ".concat(getComponentTag(vm), " or set it to 'lwc:render-mode=\"shadow\""));
     }
   }
 
@@ -4435,8 +4451,8 @@ var LWC = (function (exports) {
     var stylesheets = template.stylesheets;
 
     if (!isUndefined$1(stylesheets)) {
-      for (var _i15 = 0; _i15 < stylesheets.length; _i15++) {
-        if (isTrue(stylesheets[_i15][KEY__SCOPED_CSS])) {
+      for (var _i17 = 0; _i17 < stylesheets.length; _i17++) {
+        if (isTrue(stylesheets[_i17][KEY__SCOPED_CSS])) {
           return true;
         }
       }
@@ -4637,8 +4653,8 @@ var LWC = (function (exports) {
 
   function register(service) {
 
-    for (var _i16 = 0; _i16 < hooks.length; ++_i16) {
-      var hookName = hooks[_i16];
+    for (var _i18 = 0; _i18 < hooks.length; ++_i18) {
+      var hookName = hooks[_i18];
 
       if (hookName in service) {
         var l = Services[hookName];
@@ -4658,8 +4674,8 @@ var LWC = (function (exports) {
         def = vm.def,
         context = vm.context;
 
-    for (var _i17 = 0, _len6 = cbs.length; _i17 < _len6; ++_i17) {
-      cbs[_i17].call(undefined, component, {}, def, context);
+    for (var _i19 = 0, _len6 = cbs.length; _i19 < _len6; ++_i19) {
+      cbs[_i19].call(undefined, component, {}, def, context);
     }
   }
   /*
@@ -4979,19 +4995,19 @@ var LWC = (function (exports) {
     });
     rehydrateQueue = []; // reset to a new queue
 
-    for (var _i18 = 0, _len7 = vms.length; _i18 < _len7; _i18 += 1) {
-      var vm = vms[_i18];
+    for (var _i20 = 0, _len7 = vms.length; _i20 < _len7; _i20 += 1) {
+      var vm = vms[_i20];
 
       try {
         rehydrate(vm);
       } catch (error) {
-        if (_i18 + 1 < _len7) {
+        if (_i20 + 1 < _len7) {
           // 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, _i18 + 1));
+          ArrayUnshift.apply(rehydrateQueue, ArraySlice.call(vms, _i20 + 1));
         } // we need to end the measure before throwing.
 
 
@@ -5090,8 +5106,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 _i19 = vCustomElementCollection.length - 1; _i19 >= 0; _i19 -= 1) {
-      var elm = vCustomElementCollection[_i19].elm; // There are two cases where the element could be undefined:
+    for (var _i21 = vCustomElementCollection.length - 1; _i21 >= 0; _i21 -= 1) {
+      var elm = vCustomElementCollection[_i21].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
       //   is not properly initialized, and therefore is should be ignored.
@@ -5125,8 +5141,8 @@ var LWC = (function (exports) {
 
 
   function recursivelyDisconnectChildren(vnodes) {
-    for (var _i20 = 0, _len8 = vnodes.length; _i20 < _len8; _i20 += 1) {
-      var vnode = vnodes[_i20];
+    for (var _i22 = 0, _len8 = vnodes.length; _i22 < _len8; _i22 += 1) {
+      var vnode = vnodes[_i22];
 
       if (!isNull(vnode) && isArray$1(vnode.children) && !isUndefined$1(vnode.elm)) {
         // vnode is a VElement with children
@@ -5150,8 +5166,8 @@ var LWC = (function (exports) {
         renderer = vm.renderer;
     var rootNode = getRenderRoot(vm);
 
-    for (var _i21 = 0, _len9 = children.length; _i21 < _len9; _i21++) {
-      var child = children[_i21];
+    for (var _i23 = 0, _len9 = children.length; _i23 < _len9; _i23++) {
+      var child = children[_i23];
 
       if (!isNull(child) && !isUndefined$1(child.elm)) {
         renderer.remove(child.elm, rootNode);
@@ -5196,8 +5212,8 @@ var LWC = (function (exports) {
     var oldSlots = vm.cmpSlots;
     var cmpSlots = vm.cmpSlots = create(null);
 
-    for (var _i22 = 0, _len10 = children.length; _i22 < _len10; _i22 += 1) {
-      var vnode = children[_i22];
+    for (var _i24 = 0, _len10 = children.length; _i24 < _len10; _i24 += 1) {
+      var vnode = children[_i24];
 
       if (isNull(vnode)) {
         continue;
@@ -5227,8 +5243,8 @@ var LWC = (function (exports) {
         return;
       }
 
-      for (var _i23 = 0, _len11 = oldKeys.length; _i23 < _len11; _i23 += 1) {
-        var key = oldKeys[_i23];
+      for (var _i25 = 0, _len11 = oldKeys.length; _i25 < _len11; _i25 += 1) {
+        var key = oldKeys[_i25];
 
         if (isUndefined$1(cmpSlots[key]) || oldSlots[key].length !== cmpSlots[key].length) {
           markComponentAsDirty(vm);
@@ -5567,8 +5583,8 @@ var LWC = (function (exports) {
   function connectWireAdapters(vm) {
     var wiredConnecting = vm.context.wiredConnecting;
 
-    for (var _i24 = 0, _len12 = wiredConnecting.length; _i24 < _len12; _i24 += 1) {
-      wiredConnecting[_i24]();
+    for (var _i26 = 0, _len12 = wiredConnecting.length; _i26 < _len12; _i26 += 1) {
+      wiredConnecting[_i26]();
     }
   }
 
@@ -5576,8 +5592,8 @@ var LWC = (function (exports) {
     var wiredDisconnecting = vm.context.wiredDisconnecting;
     runWithBoundaryProtection(vm, vm, noop, function () {
       // job
-      for (var _i25 = 0, _len13 = wiredDisconnecting.length; _i25 < _len13; _i25 += 1) {
-        wiredDisconnecting[_i25]();
+      for (var _i27 = 0, _len13 = wiredDisconnecting.length; _i27 < _len13; _i27 += 1) {
+        wiredDisconnecting[_i27]();
       }
     }, noop);
   }
@@ -5646,7 +5662,7 @@ var LWC = (function (exports) {
 
     return reactiveMembrane.getReadOnlyProxy(obj);
   }
-  /* version: 2.5.1 */
+  /* version: 2.5.4 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5868,6 +5884,24 @@ var LWC = (function (exports) {
     getElementsByClassName: function getElementsByClassName(element, names) {
       return element.getElementsByClassName(names);
     },
+    getChildren: function getChildren(element) {
+      return element.children;
+    },
+    getChildNodes: function getChildNodes(element) {
+      return element.childNodes;
+    },
+    getFirstChild: function getFirstChild(element) {
+      return element.firstChild;
+    },
+    getFirstElementChild: function getFirstElementChild(element) {
+      return element.firstElementChild;
+    },
+    getLastChild: function getLastChild(element) {
+      return element.lastChild;
+    },
+    getLastElementChild: function getLastElementChild(element) {
+      return element.lastElementChild;
+    },
     isConnected: function isConnected(node) {
       return node.isConnected;
     },
@@ -6176,7 +6210,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;
@@ -6207,4 +6241,4 @@ var LWC = (function (exports) {
 
   return exports;
 
-}({}));
+})({});

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

@@ -2,7 +2,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.LWC = {}));
-}(this, (function (exports) { 'use strict';
+})(this, (function (exports) { 'use strict';
 
   /* proxy-compat-disable */
 
@@ -305,7 +305,7 @@
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.5.1 */
+  /** version: 2.5.4 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -415,6 +415,7 @@
     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,
@@ -484,7 +485,7 @@
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.5.1 */
+  /** version: 2.5.4 */
 
   /* proxy-compat-disable */
 
@@ -2856,9 +2857,9 @@
     }
   }
 
-  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
 
@@ -3018,76 +3019,12 @@
       } = 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,
@@ -3147,6 +3084,50 @@
     }
 
   };
+  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) {
@@ -5891,9 +5872,9 @@
     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"`);
     }
   }
 
@@ -6443,6 +6424,12 @@
       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.
 
 
@@ -7372,7 +7359,7 @@
 
     return reactiveMembrane.getReadOnlyProxy(obj);
   }
-  /* version: 2.5.1 */
+  /* version: 2.5.4 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7623,6 +7610,30 @@
       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;
     },
@@ -7930,7 +7941,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.5.1 */
+  /* version: 2.5.4 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;
@@ -7959,4 +7970,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));