lwc 2.13.0 → 2.13.3

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

@@ -298,9 +298,9 @@ const XLINK_NAMESPACE = 'http://www.w3.org/1999/xlink';
  * 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.
@@ -453,7 +453,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.13.0 */
+/** version: 2.13.3 */
 
 /* proxy-compat-disable */
 
@@ -891,6 +891,20 @@ function logWarn(message, vm) {
     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.
@@ -2256,64 +2270,7 @@ if (process.env.NODE_ENV !== 'production') {
     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);
@@ -2322,14 +2279,8 @@ function internalTrackDecorator(key) {
         },
         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);
             }
         },
@@ -2493,7 +2444,22 @@ function createPublicAccessorDescriptor(key, descriptor) {
   };
 }
 
-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);
@@ -2502,8 +2468,56 @@ function createObservedFieldPropertyDescriptor(key) {
         },
         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);
             }
         },
@@ -2758,6 +2772,12 @@ function checkVersionMismatch(func, type) {
     }
 }
 
+/*
+ * 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 [];
@@ -2775,6 +2795,30 @@ function registerTemplate(tpl) {
         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;
@@ -2937,20 +2981,6 @@ const BaseBridgeElement = HTMLBridgeElementFactory(HTMLElementConstructor$1, get
 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.
@@ -5343,20 +5373,9 @@ function removeVM(vm) {
 
   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,
@@ -5384,6 +5403,8 @@ function createVM(elm, ctor, options) {
     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,
@@ -5396,7 +5417,6 @@ function createVM(elm, ctor, options) {
     },
     // Properties set right after VM creation.
     tro: null,
-    shadowMode: null,
     // Properties set by the LightningElement constructor.
     component: null,
     shadowRoot: null,
@@ -5405,7 +5425,6 @@ function createVM(elm, ctor, options) {
     setHook,
     getHook
   };
-  vm.shadowMode = computeShadowMode(vm);
   vm.tro = getTemplateReactiveObserver(vm);
 
   if (process.env.NODE_ENV !== 'production') {
@@ -5430,10 +5449,9 @@ function createVM(elm, ctor, options) {
   return vm;
 }
 
-function computeShadowMode(vm) {
-  const {
-    def
-  } = vm;
+function computeShadowMode(def, owner) {
+  var _a;
+
   let shadowMode;
 
   if (isSyntheticShadowDefined$1) {
@@ -5456,23 +5474,13 @@ function computeShadowMode(vm) {
           /* 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
@@ -6561,7 +6569,30 @@ function setHooks(hooks) {
     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.
@@ -7112,27 +7143,6 @@ function createElement(sel, options) {
     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.
@@ -7201,6 +7211,6 @@ defineProperty(LightningElement, 'CustomElementConstructor', {
 });
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.13.0 */
+/* version: 2.13.3 */
 
 export { LightningElement, profilerControl as __unstable__ProfilerControl, api$1 as api, deprecatedBuildCustomElementConstructor as buildCustomElementConstructor, createContextProvider, createElement, getComponentConstructor, getComponentDef, hydrateComponent, isComponentConstructor, isNodeShadowed as isNodeFromTemplate, readonly, register, registerComponent, registerDecorators, registerTemplate, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };