lwc 2.13.0 → 2.13.3

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

@@ -304,9 +304,9 @@
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // Increment whenever the LWC template compiler changes
-  const LWC_VERSION = "2.13.0";
+  const LWC_VERSION = "2.13.3";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.13.0 */
+  /** version: 2.13.3 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -459,7 +459,7 @@
           setFeatureFlag(name, value);
       }
   }
-  /** version: 2.13.0 */
+  /** version: 2.13.3 */
 
   /* proxy-compat-disable */
 
@@ -897,6 +897,20 @@
       log('warn', message, vm);
   }
 
+  /*
+   * 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
+   */
+  function resolveCircularModuleDependency(fn) {
+      const module = fn();
+      return (module === null || module === void 0 ? void 0 : module.__esModule) ? module.default : module;
+  }
+  function isCircularModuleDependency(obj) {
+      return isFunction$1(obj) && hasOwnProperty$1.call(obj, '__circular__');
+  }
+
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -2262,64 +2276,7 @@
       patchLightningElementPrototypeWithRestrictions(LightningElement.prototype);
   }
 
-  /*
-   * 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
-   */
-  /**
-   * @wire decorator to wire fields and methods to a wire adapter in
-   * LWC Components. This function implements the internals of this
-   * decorator.
-   */
-  function wire(_adapter, _config) {
-      if (process.env.NODE_ENV !== 'production') {
-          assert.fail('@wire(adapter, config?) may only be used as a decorator.');
-      }
-      throw new Error();
-  }
-  function internalWireFieldDecorator(key) {
-      return {
-          get() {
-              const vm = getAssociatedVM(this);
-              componentValueObserved(vm, key);
-              return vm.cmpFields[key];
-          },
-          set(value) {
-              const vm = getAssociatedVM(this);
-              /**
-               * Reactivity for wired fields is provided in wiring.
-               * We intentionally add reactivity here since this is just
-               * letting the author to do the wrong thing, but it will keep our
-               * system to be backward compatible.
-               */
-              if (value !== vm.cmpFields[key]) {
-                  vm.cmpFields[key] = value;
-                  componentValueMutated(vm, key);
-              }
-          },
-          enumerable: true,
-          configurable: true,
-      };
-  }
-
-  /*
-   * 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
-   */
-  function track(target) {
-      if (arguments.length === 1) {
-          return reactiveMembrane.getProxy(target);
-      }
-      if (process.env.NODE_ENV !== 'production') {
-          assert.fail(`@track decorator can only be used with one argument to return a trackable object, or as a decorator function.`);
-      }
-      throw new Error();
-  }
-  function internalTrackDecorator(key) {
+  function createObservedFieldPropertyDescriptor(key) {
       return {
           get() {
               const vm = getAssociatedVM(this);
@@ -2328,14 +2285,8 @@
           },
           set(newValue) {
               const vm = getAssociatedVM(this);
-              if (process.env.NODE_ENV !== 'production') {
-                  const vmBeingRendered = getVMBeingRendered();
-                  assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
-                  assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
-              }
-              const reactiveOrAnyValue = reactiveMembrane.getProxy(newValue);
-              if (reactiveOrAnyValue !== vm.cmpFields[key]) {
-                  vm.cmpFields[key] = reactiveOrAnyValue;
+              if (newValue !== vm.cmpFields[key]) {
+                  vm.cmpFields[key] = newValue;
                   componentValueMutated(vm, key);
               }
           },
@@ -2499,7 +2450,22 @@
     };
   }
 
-  function createObservedFieldPropertyDescriptor(key) {
+  /*
+   * 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
+   */
+  function track(target) {
+      if (arguments.length === 1) {
+          return reactiveMembrane.getProxy(target);
+      }
+      if (process.env.NODE_ENV !== 'production') {
+          assert.fail(`@track decorator can only be used with one argument to return a trackable object, or as a decorator function.`);
+      }
+      throw new Error();
+  }
+  function internalTrackDecorator(key) {
       return {
           get() {
               const vm = getAssociatedVM(this);
@@ -2508,8 +2474,56 @@
           },
           set(newValue) {
               const vm = getAssociatedVM(this);
-              if (newValue !== vm.cmpFields[key]) {
-                  vm.cmpFields[key] = newValue;
+              if (process.env.NODE_ENV !== 'production') {
+                  const vmBeingRendered = getVMBeingRendered();
+                  assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
+                  assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
+              }
+              const reactiveOrAnyValue = reactiveMembrane.getProxy(newValue);
+              if (reactiveOrAnyValue !== vm.cmpFields[key]) {
+                  vm.cmpFields[key] = reactiveOrAnyValue;
+                  componentValueMutated(vm, key);
+              }
+          },
+          enumerable: true,
+          configurable: true,
+      };
+  }
+
+  /*
+   * 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
+   */
+  /**
+   * @wire decorator to wire fields and methods to a wire adapter in
+   * LWC Components. This function implements the internals of this
+   * decorator.
+   */
+  function wire(_adapter, _config) {
+      if (process.env.NODE_ENV !== 'production') {
+          assert.fail('@wire(adapter, config?) may only be used as a decorator.');
+      }
+      throw new Error();
+  }
+  function internalWireFieldDecorator(key) {
+      return {
+          get() {
+              const vm = getAssociatedVM(this);
+              componentValueObserved(vm, key);
+              return vm.cmpFields[key];
+          },
+          set(value) {
+              const vm = getAssociatedVM(this);
+              /**
+               * Reactivity for wired fields is provided in wiring.
+               * We intentionally add reactivity here since this is just
+               * letting the author to do the wrong thing, but it will keep our
+               * system to be backward compatible.
+               */
+              if (value !== vm.cmpFields[key]) {
+                  vm.cmpFields[key] = value;
                   componentValueMutated(vm, key);
               }
           },
@@ -2764,6 +2778,12 @@
       }
   }
 
+  /*
+   * 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 signedTemplateSet = new Set();
   function defaultEmptyTemplate() {
       return [];
@@ -2781,6 +2801,30 @@
           checkVersionMismatch(tpl, 'template');
       }
       signedTemplateSet.add(tpl);
+      // FIXME[@W-10950976]: the template object should be frozen, and it should not be possible to set
+      // the stylesheets or stylesheetToken(s). For backwards compat, though, we shim stylesheetTokens
+      // on top of stylesheetToken for anyone who is accessing the old internal API.
+      // Details: https://salesforce.quip.com/v1rmAFu2cKAr
+      defineProperty(tpl, 'stylesheetTokens', {
+          get() {
+              const { stylesheetToken } = this;
+              if (isUndefined$1(stylesheetToken)) {
+                  return stylesheetToken;
+              }
+              // Shim for the old `stylesheetTokens` property
+              // See https://github.com/salesforce/lwc/pull/2332/files#diff-7901555acef29969adaa6583185b3e9bce475cdc6f23e799a54e0018cb18abaa
+              return {
+                  hostAttribute: `${stylesheetToken}-host`,
+                  shadowAttribute: stylesheetToken,
+              };
+          },
+          set(value) {
+              // If the value is null or some other exotic object, you would be broken anyway in the past
+              // because the engine would try to access hostAttribute/shadowAttribute, which would throw an error.
+              // However it may be undefined in newer versions of LWC, so we need to guard against that case.
+              this.stylesheetToken = isUndefined$1(value) ? undefined : value.shadowAttribute;
+          },
+      });
       // chaining this method as a way to wrap existing
       // assignment of templates easily, without too much transformation
       return tpl;
@@ -2943,20 +2987,6 @@
   freeze(BaseBridgeElement);
   seal(BaseBridgeElement.prototype);
 
-  /*
-   * 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
-   */
-  function resolveCircularModuleDependency(fn) {
-      const module = fn();
-      return (module === null || module === void 0 ? void 0 : module.__esModule) ? module.default : module;
-  }
-  function isCircularModuleDependency(obj) {
-      return isFunction$1(obj) && hasOwnProperty$1.call(obj, '__circular__');
-  }
-
   /*
    * Copyright (c) 2020, salesforce.com, inc.
    * All rights reserved.
@@ -5349,20 +5379,9 @@
 
     resetComponentStateWhenRemoved(vm);
   }
-
-  function getNearestShadowAncestor(vm) {
-    let ancestor = vm.owner;
-
-    while (!isNull(ancestor) && ancestor.renderMode === 0
-    /* Light */
-    ) {
-      ancestor = ancestor.owner;
-    }
-
-    return ancestor;
-  }
-
   function createVM(elm, ctor, options) {
+    var _a;
+
     const {
       mode,
       owner,
@@ -5390,6 +5409,8 @@
       oar: create(null),
       cmpTemplate: null,
       renderMode: def.renderMode,
+      shadowMode: computeShadowMode(def, owner),
+      nearestShadowMode: (owner === null || owner === void 0 ? void 0 : owner.shadowRoot) ? owner.shadowMode : (_a = owner === null || owner === void 0 ? void 0 : owner.nearestShadowMode) !== null && _a !== void 0 ? _a : null,
       context: {
         stylesheetToken: undefined,
         hasTokenInClass: undefined,
@@ -5402,7 +5423,6 @@
       },
       // Properties set right after VM creation.
       tro: null,
-      shadowMode: null,
       // Properties set by the LightningElement constructor.
       component: null,
       shadowRoot: null,
@@ -5411,7 +5431,6 @@
       setHook,
       getHook
     };
-    vm.shadowMode = computeShadowMode(vm);
     vm.tro = getTemplateReactiveObserver(vm);
 
     if (process.env.NODE_ENV !== 'production') {
@@ -5436,10 +5455,9 @@
     return vm;
   }
 
-  function computeShadowMode(vm) {
-    const {
-      def
-    } = vm;
+  function computeShadowMode(def, owner) {
+    var _a;
+
     let shadowMode;
 
     if (isSyntheticShadowDefined$1) {
@@ -5462,23 +5480,13 @@
             /* Native */
             ;
           } else {
-            const shadowAncestor = getNearestShadowAncestor(vm);
-
-            if (!isNull(shadowAncestor) && shadowAncestor.shadowMode === 0
-            /* Native */
-            ) {
-              // Transitive support for native Shadow DOM. A component in native mode
-              // transitively opts all of its descendants into native.
-              shadowMode = 0
-              /* Native */
-              ;
-            } else {
-              // Synthetic if neither this component nor any of its ancestors are configured
-              // to be native.
-              shadowMode = 1
-              /* Synthetic */
-              ;
-            }
+            // Transitive support for native Shadow DOM. A component in native mode
+            // transitively opts all of its descendants into native.
+            // Synthetic if neither this component nor any of its ancestors are configured
+            // to be native.
+            shadowMode = (_a = owner === null || owner === void 0 ? void 0 : owner.nearestShadowMode) !== null && _a !== void 0 ? _a : 1
+            /* Synthetic */
+            ;
           }
         } else {
           shadowMode = 1
@@ -6567,7 +6575,30 @@
       hooksAreSet = true;
       setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
   }
-  /* version: 2.13.0 */
+
+  /*
+   * 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
+   */
+  /**
+   * EXPERIMENTAL: This function provides access to the component constructor, given an HTMLElement.
+   * This API is subject to change or being removed.
+   */
+  function getComponentConstructor(elm) {
+      let ctor = null;
+      // intentionally checking for undefined due to some funky libraries patching weakmap.get
+      // to throw when undefined.
+      if (!isUndefined$1(elm)) {
+          const vm = getAssociatedVMIfPresent(elm);
+          if (!isUndefined$1(vm)) {
+              ctor = vm.def.ctor;
+          }
+      }
+      return ctor;
+  }
+  /* version: 2.13.3 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7118,27 +7149,6 @@
       return element;
   }
 
-  /*
-   * 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
-   */
-  /**
-   * EXPERIMENTAL: This function provides access to the component constructor, given an HTMLElement.
-   * This API is subject to change or being removed.
-   */
-  function getComponentConstructor(elm) {
-      let ctor = null;
-      if (elm instanceof HTMLElement) {
-          const vm = getAssociatedVMIfPresent(elm);
-          if (!isUndefined$1(vm)) {
-              ctor = vm.def.ctor;
-          }
-      }
-      return ctor;
-  }
-
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -7207,7 +7217,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.13.0 */
+  /* version: 2.13.3 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;