lwc 2.5.2 → 2.5.6

package/dist/engine-server/commonjs/es2017/engine-server.js

@@ -339,7 +339,7 @@ function htmlPropertyToAttribute(propName) {
   CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
   return attributeName;
 }
-/** version: 2.5.2 */
+/** version: 2.5.6 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -390,6 +390,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,
@@ -459,7 +460,7 @@ function setFeatureFlagForTest(name, value) {
     setFeatureFlag(name, value);
   }
 }
-/** version: 2.5.2 */
+/** version: 2.5.6 */
 
 /* proxy-compat-disable */
 
@@ -2831,9 +2832,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
 
@@ -2993,76 +2994,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,
@@ -3122,6 +3059,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) {
@@ -3712,15 +3693,14 @@ function registerTemplate(tpl) {
   return tpl;
 }
 /**
- * EXPERIMENTAL: This function acts like a hook for Lightning Locker
- * Service and other similar libraries to sanitize vulnerable attributes.
- * This API is subject to change or being removed.
+ * EXPERIMENTAL: This function acts like a hook for Lightning Locker Service and other similar
+ * libraries to sanitize vulnerable attributes.
  */
 
 
 function sanitizeAttribute(tagName, namespaceUri, attrName, attrValue) {
-  // locker-service patches this function during runtime to sanitize vulnerable attributes.
-  // when ran off-core this function becomes a noop and returns the user authored value.
+  // locker-service patches this function during runtime to sanitize vulnerable attributes. When
+  // ran off-core this function becomes a noop and returns the user authored value.
   return attrValue;
 }
 /*
@@ -4721,6 +4701,38 @@ function getUpgradableConstructor(tagName, renderer) {
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 
+/**
+ * EXPERIMENTAL: This function acts like a hook for Lightning Locker Service and other similar
+ * libraries to sanitize HTML content. This hook process the content passed via the template to
+ * lwc:inner-html directive.
+ * It is meant to be overridden with setSanitizeHtmlContentHook
+ */
+
+
+let sanitizeHtmlContentHook = () => {
+  // locker-service patches this function during runtime to sanitize HTML content.
+  throw new Error('sanitizeHtmlContent hook must be implemented.');
+};
+/**
+ * Sets the sanitizeHtmlContentHook.
+ *
+ * @param newHookImpl
+ * @returns oldHookImplementation.
+ */
+
+
+function setSanitizeHtmlContentHook(newHookImpl) {
+  const currentHook = sanitizeHtmlContentHook;
+  sanitizeHtmlContentHook = newHookImpl;
+  return currentHook;
+}
+/*
+ * 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 SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
 const SymbolIterator = Symbol.iterator;
@@ -5096,7 +5108,7 @@ function i(iterable, factory) {
     next = iterator.next();
     last = next.done; // template factory logic based on the previous collected value
 
-    const vnode = factory(value, j, j === 0, last);
+    const vnode = factory(value, j, j === 0, last === true);
 
     if (isArray$1(vnode)) {
       ArrayPush$1.apply(list, vnode);
@@ -5362,25 +5374,29 @@ function sc(vnodes) {
 
   markAsDynamicChildren(vnodes);
   return vnodes;
-}
-
-var api = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  h: h,
-  ti: ti,
-  s: s,
-  c: c,
-  i: i,
-  f: f,
-  t: t,
-  co: co,
-  d: d,
-  b: b,
-  k: k,
-  gid: gid,
-  fid: fid,
-  dc: dc,
-  sc: sc
+} // [s]anitize [h]tml [c]ontent
+
+
+function shc(content) {
+  return sanitizeHtmlContentHook(content);
+}
+
+const api = freeze({
+  s,
+  h,
+  c,
+  i,
+  f,
+  t,
+  d,
+  b,
+  k,
+  co,
+  dc,
+  ti,
+  gid,
+  fid,
+  shc
 });
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -5394,12 +5410,12 @@ function makeHostToken(token) {
 }
 
 function createInlineStyleVNode(content) {
-  return h('style', {
+  return api.h('style', {
     key: 'style',
     attrs: {
       type: 'text/css'
     }
-  }, [t(content)]);
+  }, [api.t(content)]);
 }
 
 function updateStylesheetToken(vm, template) {
@@ -6246,6 +6262,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.
 
 
@@ -7157,7 +7179,38 @@ function readonly(obj) {
 
   return reactiveMembrane.getReadOnlyProxy(obj);
 }
-/* version: 2.5.2 */
+/*
+ * 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
+ */
+
+
+let hooksAreSet = false;
+
+function overrideHooks(hooks) {
+  const oldHooks = {};
+
+  if (!isUndefined$1(hooks.sanitizeHtmlContent)) {
+    oldHooks.sanitizeHtmlContent = setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
+  }
+
+  return oldHooks;
+}
+
+function setHooks(hooks) {
+  assert.isFalse(hooksAreSet, 'Hooks are already overridden, only one definition is allowed.');
+  overrideHooks(hooks);
+  hooksAreSet = true;
+}
+
+function setHooksForTest(hooks) {
+  if (process.env.NODE_ENV !== 'production') {
+    return overrideHooks(hooks);
+  }
+}
+/* version: 2.5.6 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -7172,6 +7225,7 @@ var HostNodeType;
 (function (HostNodeType) {
   HostNodeType["Text"] = "text";
   HostNodeType["Comment"] = "comment";
+  HostNodeType["Raw"] = "raw";
   HostNodeType["Element"] = "element";
   HostNodeType["ShadowRoot"] = "shadow-root";
 })(HostNodeType || (HostNodeType = {}));
@@ -7351,7 +7405,17 @@ const renderer = {
     }
 
     if (node.type === HostNodeType.Element) {
-      const attrName = htmlPropertyToAttribute(key); // Handle all the boolean properties.
+      const attrName = htmlPropertyToAttribute(key);
+
+      if (key === 'innerHTML') {
+        node.children = [{
+          type: HostNodeType.Raw,
+          parent: node,
+          value
+        }];
+        return;
+      } // Handle all the boolean properties.
+
 
       if (isBooleanAttribute(attrName, node.name)) {
         return value === true ? this.setAttribute(node, attrName, '') : this.removeAttribute(node, attrName);
@@ -7483,6 +7547,12 @@ const renderer = {
   querySelectorAll: unsupportedMethod('querySelectorAll'),
   getElementsByTagName: unsupportedMethod('getElementsByTagName'),
   getElementsByClassName: unsupportedMethod('getElementsByClassName'),
+  getChildren: unsupportedMethod('getChildren'),
+  getChildNodes: unsupportedMethod('getChildNodes'),
+  getFirstChild: unsupportedMethod('getFirstChild'),
+  getFirstElementChild: unsupportedMethod('getFirstElementChild'),
+  getLastChild: unsupportedMethod('getLastChild'),
+  getLastElementChild: unsupportedMethod('getLastElementChild'),
 
   defineCustomElement(name, constructor, _options) {
     registerCustomElement(name, constructor);
@@ -7533,6 +7603,9 @@ function serializeChildNodes(children) {
       case HostNodeType.Comment:
         return `<!--${htmlEscape(child.value)}-->`;
 
+      case HostNodeType.Raw:
+        return child.value;
+
       case HostNodeType.Element:
         return serializeElement(child);
     }
@@ -7628,7 +7701,7 @@ function renderComponent(tagName, Ctor, props = {}) {
 
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.5.2 */
+/* version: 2.5.6 */
 
 exports.LightningElement = LightningElement;
 exports.api = api$1;
@@ -7644,6 +7717,8 @@ exports.renderComponent = renderComponent;
 exports.sanitizeAttribute = sanitizeAttribute;
 exports.setFeatureFlag = setFeatureFlag;
 exports.setFeatureFlagForTest = setFeatureFlagForTest;
+exports.setHooks = setHooks;
+exports.setHooksForTest = setHooksForTest;
 exports.track = track;
 exports.unwrap = unwrap;
 exports.wire = wire;