lwc 2.5.10-alpha1 → 2.7.0

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 */
 
@@ -75,7 +75,7 @@
     find: ArrayFind,
     indexOf: ArrayIndexOf,
     join: ArrayJoin,
-    map: ArrayMap$1,
+    map: ArrayMap,
     push: ArrayPush$1,
     reduce: ArrayReduce,
     reverse: ArrayReverse,
@@ -142,7 +142,7 @@
       // Array.prototype.toString directly will cause an error Iterate through
       // all the items and handle individually.
       if (isArray$1(obj)) {
-        return ArrayJoin.call(ArrayMap$1.call(obj, toString$1), ',');
+        return ArrayJoin.call(ArrayMap.call(obj, toString$1), ',');
       }
 
       return obj.toString();
@@ -305,7 +305,7 @@
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.5.10-alpha1 */
+  /** version: 2.7.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -419,7 +419,6 @@
     ENABLE_NODE_LIST_PATCH: null,
     ENABLE_HTML_COLLECTIONS_PATCH: null,
     ENABLE_NODE_PATCH: null,
-    ENABLE_NON_COMPOSED_EVENTS_LEAKAGE: null,
     ENABLE_MIXED_SHADOW_MODE: null,
     ENABLE_WIRE_SYNC_EMIT: null
   };
@@ -485,7 +484,7 @@
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.5.10-alpha1 */
+  /** version: 2.7.0 */
 
   /* proxy-compat-disable */
 
@@ -1932,10 +1931,10 @@
     isArray
   } = Array;
   const {
+    prototype: ObjectDotPrototype,
     getPrototypeOf,
     create: ObjectCreate,
     defineProperty: ObjectDefineProperty,
-    defineProperties: ObjectDefineProperties,
     isExtensible,
     getOwnPropertyDescriptor,
     getOwnPropertyNames,
@@ -1945,8 +1944,7 @@
   } = Object;
   const {
     push: ArrayPush,
-    concat: ArrayConcat,
-    map: ArrayMap
+    concat: ArrayConcat
   } = Array.prototype;
   const OtS = {}.toString;
 
@@ -2011,7 +2009,9 @@
       //       but it will always be compatible with the previous descriptor
       //       to preserve the object invariants, which makes these lines safe.
 
-      const originalDescriptor = getOwnPropertyDescriptor(originalTarget, key);
+      const originalDescriptor = getOwnPropertyDescriptor(originalTarget, key); // TODO: it should be impossible for the originalDescriptor to ever be undefined, this `if` can be removed
+
+      /* istanbul ignore else */
 
       if (!isUndefined(originalDescriptor)) {
         const wrappedDesc = this.wrapDescriptor(originalDescriptor);
@@ -2039,11 +2039,17 @@
 
       preventExtensions(shadowTarget);
     } // Shared Traps
+    // TODO: apply() is never called
+
+    /* istanbul ignore next */
 
 
     apply(shadowTarget, thisArg, argArray) {
       /* No op */
-    }
+    } // TODO: construct() is never called
+
+    /* istanbul ignore next */
+
 
     construct(shadowTarget, argArray, newTarget) {
       /* No op */
@@ -2156,8 +2162,8 @@
 
   }
 
-  const getterMap = new WeakMap();
-  const setterMap = new WeakMap();
+  const getterMap$1 = new WeakMap();
+  const setterMap$1 = new WeakMap();
   const reverseGetterMap = new WeakMap();
   const reverseSetterMap = new WeakMap();
 
@@ -2167,7 +2173,7 @@
     }
 
     wrapGetter(originalGet) {
-      const wrappedGetter = getterMap.get(originalGet);
+      const wrappedGetter = getterMap$1.get(originalGet);
 
       if (!isUndefined(wrappedGetter)) {
         return wrappedGetter;
@@ -2180,13 +2186,13 @@
         return handler.wrapValue(originalGet.call(unwrap$1(this)));
       };
 
-      getterMap.set(originalGet, get);
+      getterMap$1.set(originalGet, get);
       reverseGetterMap.set(get, originalGet);
       return get;
     }
 
     wrapSetter(originalSet) {
-      const wrappedSetter = setterMap.get(originalSet);
+      const wrappedSetter = setterMap$1.get(originalSet);
 
       if (!isUndefined(wrappedSetter)) {
         return wrappedSetter;
@@ -2197,7 +2203,7 @@
         originalSet.call(unwrap$1(this), unwrap$1(v));
       };
 
-      setterMap.set(originalSet, set);
+      setterMap$1.set(originalSet, set);
       reverseSetterMap.set(set, originalSet);
       return set;
     }
@@ -2238,7 +2244,7 @@
         return unwrap$1(redGet.call(handler.wrapValue(this)));
       };
 
-      getterMap.set(get, redGet);
+      getterMap$1.set(get, redGet);
       reverseGetterMap.set(redGet, get);
       return get;
     }
@@ -2257,7 +2263,7 @@
         redSet.call(handler.wrapValue(this), handler.wrapValue(v));
       };
 
-      setterMap.set(set, redSet);
+      setterMap$1.set(set, redSet);
       reverseSetterMap.set(redSet, set);
       return set;
     }
@@ -2298,6 +2304,7 @@
     }
 
     setPrototypeOf(shadowTarget, prototype) {
+      /* istanbul ignore else */
       if (process.env.NODE_ENV !== 'production') {
         throw new Error(`Invalid setPrototypeOf invocation for reactive proxy ${toString(this.originalTarget)}. Prototype of reactive objects cannot be changed.`);
       }
@@ -2311,6 +2318,11 @@
         preventExtensions(originalTarget); // if the originalTarget is a proxy itself, it might reject
         // the preventExtension call, in which case we should not attempt to lock down
         // the shadow target.
+        // TODO: It should not actually be possible to reach this `if` statement.
+        // If a proxy rejects extensions, then calling preventExtensions will throw an error:
+        // https://codepen.io/nolanlawson-the-selector/pen/QWMOjbY
+
+        /* istanbul ignore if */
 
         if (isExtensible(originalTarget)) {
           return false;
@@ -2352,8 +2364,8 @@
 
   }
 
-  const getterMap$1 = new WeakMap();
-  const setterMap$1 = new WeakMap();
+  const getterMap = new WeakMap();
+  const setterMap = new WeakMap();
 
   class ReadOnlyHandler extends BaseProxyHandler {
     wrapValue(value) {
@@ -2361,7 +2373,7 @@
     }
 
     wrapGetter(originalGet) {
-      const wrappedGetter = getterMap$1.get(originalGet);
+      const wrappedGetter = getterMap.get(originalGet);
 
       if (!isUndefined(wrappedGetter)) {
         return wrappedGetter;
@@ -2374,12 +2386,12 @@
         return handler.wrapValue(originalGet.call(unwrap$1(this)));
       };
 
-      getterMap$1.set(originalGet, get);
+      getterMap.set(originalGet, get);
       return get;
     }
 
     wrapSetter(originalSet) {
-      const wrappedSetter = setterMap$1.get(originalSet);
+      const wrappedSetter = setterMap.get(originalSet);
 
       if (!isUndefined(wrappedSetter)) {
         return wrappedSetter;
@@ -2388,6 +2400,7 @@
       const handler = this;
 
       const set = function (v) {
+        /* istanbul ignore else */
         if (process.env.NODE_ENV !== 'production') {
           const {
             originalTarget
@@ -2396,33 +2409,41 @@
         }
       };
 
-      setterMap$1.set(originalSet, set);
+      setterMap.set(originalSet, set);
       return set;
     }
 
     set(shadowTarget, key, value) {
+      /* istanbul ignore else */
       if (process.env.NODE_ENV !== 'production') {
         const {
           originalTarget
         } = this;
-        throw new Error(`Invalid mutation: Cannot set "${key.toString()}" on "${originalTarget}". "${originalTarget}" is read-only.`);
+        const msg = isArray(originalTarget) ? `Invalid mutation: Cannot mutate array at index ${key.toString()}. Array is read-only.` : `Invalid mutation: Cannot set "${key.toString()}" on "${originalTarget}". "${originalTarget}" is read-only.`;
+        throw new Error(msg);
       }
+      /* istanbul ignore next */
+
 
       return false;
     }
 
     deleteProperty(shadowTarget, key) {
+      /* istanbul ignore else */
       if (process.env.NODE_ENV !== 'production') {
         const {
           originalTarget
         } = this;
         throw new Error(`Invalid mutation: Cannot delete "${key.toString()}" on "${originalTarget}". "${originalTarget}" is read-only.`);
       }
+      /* istanbul ignore next */
+
 
       return false;
     }
 
     setPrototypeOf(shadowTarget, prototype) {
+      /* istanbul ignore else */
       if (process.env.NODE_ENV !== 'production') {
         const {
           originalTarget
@@ -2432,23 +2453,29 @@
     }
 
     preventExtensions(shadowTarget) {
+      /* istanbul ignore else */
       if (process.env.NODE_ENV !== 'production') {
         const {
           originalTarget
         } = this;
         throw new Error(`Invalid mutation: Cannot preventExtensions on ${originalTarget}". "${originalTarget} is read-only.`);
       }
+      /* istanbul ignore next */
+
 
       return false;
     }
 
     defineProperty(shadowTarget, key, descriptor) {
+      /* istanbul ignore else */
       if (process.env.NODE_ENV !== 'production') {
         const {
           originalTarget
         } = this;
         throw new Error(`Invalid mutation: Cannot defineProperty "${key.toString()}" on "${originalTarget}". "${originalTarget}" is read-only.`);
       }
+      /* istanbul ignore next */
+
 
       return false;
     }
@@ -2506,6 +2533,8 @@
   }; // Inspired from paulmillr/es6-shim
   // https://github.com/paulmillr/es6-shim/blob/master/es6-shim.js#L176-L185
 
+  /* istanbul ignore next */
+
   function getGlobal() {
     // the only reliable means to get the global object is `Function('return this')()`
     // However, this causes CSP violations in Chrome apps.
@@ -2530,6 +2559,7 @@
   }
 
   function init() {
+    /* istanbul ignore if */
     if (process.env.NODE_ENV === 'production') {
       // this method should never leak to prod
       throw new ReferenceError();
@@ -2544,13 +2574,13 @@
     ArrayPush.call(devtoolsFormatters, formatter);
     global.devtoolsFormatters = devtoolsFormatters;
   }
+  /* istanbul ignore else */
+
 
   if (process.env.NODE_ENV !== 'production') {
     init();
   }
 
-  const ObjectDotPrototype = Object.prototype;
-
   function defaultValueIsObservable(value) {
     // intentionally checking for null
     if (value === null) {
@@ -2578,106 +2608,85 @@
     /* do nothing */
   };
 
-  const defaultValueDistortion = value => value;
-
   function createShadowTarget(value) {
     return isArray(value) ? [] : {};
   }
 
-  class ReactiveMembrane {
-    constructor(options) {
-      this.valueDistortion = defaultValueDistortion;
-      this.valueMutated = defaultValueMutated;
-      this.valueObserved = defaultValueObserved;
-      this.valueIsObservable = defaultValueIsObservable;
-      this.objectGraph = new WeakMap();
-
-      if (!isUndefined(options)) {
-        const {
-          valueDistortion,
-          valueMutated,
-          valueObserved,
-          valueIsObservable,
-          tagPropertyKey
-        } = options;
-        this.valueDistortion = isFunction(valueDistortion) ? valueDistortion : defaultValueDistortion;
-        this.valueMutated = isFunction(valueMutated) ? valueMutated : defaultValueMutated;
-        this.valueObserved = isFunction(valueObserved) ? valueObserved : defaultValueObserved;
-        this.valueIsObservable = isFunction(valueIsObservable) ? valueIsObservable : defaultValueIsObservable;
-        this.tagPropertyKey = tagPropertyKey;
-      }
+  class ObservableMembrane {
+    constructor(options = {}) {
+      this.readOnlyObjectGraph = new WeakMap();
+      this.reactiveObjectGraph = new WeakMap();
+      const {
+        valueMutated,
+        valueObserved,
+        valueIsObservable,
+        tagPropertyKey
+      } = options;
+      this.valueMutated = isFunction(valueMutated) ? valueMutated : defaultValueMutated;
+      this.valueObserved = isFunction(valueObserved) ? valueObserved : defaultValueObserved;
+      this.valueIsObservable = isFunction(valueIsObservable) ? valueIsObservable : defaultValueIsObservable;
+      this.tagPropertyKey = tagPropertyKey;
     }
 
     getProxy(value) {
       const unwrappedValue = unwrap$1(value);
-      const distorted = this.valueDistortion(unwrappedValue);
 
-      if (this.valueIsObservable(distorted)) {
-        const o = this.getReactiveState(unwrappedValue, distorted); // when trying to extract the writable version of a readonly
-        // we return the readonly.
+      if (this.valueIsObservable(unwrappedValue)) {
+        // When trying to extract the writable version of a readonly we return the readonly.
+        if (this.readOnlyObjectGraph.get(unwrappedValue) === value) {
+          return value;
+        }
 
-        return o.readOnly === value ? value : o.reactive;
+        return this.getReactiveHandler(unwrappedValue);
       }
 
-      return distorted;
+      return unwrappedValue;
     }
 
     getReadOnlyProxy(value) {
       value = unwrap$1(value);
-      const distorted = this.valueDistortion(value);
 
-      if (this.valueIsObservable(distorted)) {
-        return this.getReactiveState(value, distorted).readOnly;
+      if (this.valueIsObservable(value)) {
+        return this.getReadOnlyHandler(value);
       }
 
-      return distorted;
+      return value;
     }
 
     unwrapProxy(p) {
       return unwrap$1(p);
     }
 
-    getReactiveState(value, distortedValue) {
-      const {
-        objectGraph
-      } = this;
-      let reactiveState = objectGraph.get(distortedValue);
+    getReactiveHandler(value) {
+      let proxy = this.reactiveObjectGraph.get(value);
 
-      if (reactiveState) {
-        return reactiveState;
+      if (isUndefined(proxy)) {
+        // caching the proxy after the first time it is accessed
+        const handler = new ReactiveProxyHandler(this, value);
+        proxy = new Proxy(createShadowTarget(value), handler);
+        registerProxy(proxy, value);
+        this.reactiveObjectGraph.set(value, proxy);
       }
 
-      const membrane = this;
-      reactiveState = {
-        get reactive() {
-          const reactiveHandler = new ReactiveProxyHandler(membrane, distortedValue); // caching the reactive proxy after the first time it is accessed
-
-          const proxy = new Proxy(createShadowTarget(distortedValue), reactiveHandler);
-          registerProxy(proxy, value);
-          ObjectDefineProperty(this, 'reactive', {
-            value: proxy
-          });
-          return proxy;
-        },
+      return proxy;
+    }
 
-        get readOnly() {
-          const readOnlyHandler = new ReadOnlyHandler(membrane, distortedValue); // caching the readOnly proxy after the first time it is accessed
+    getReadOnlyHandler(value) {
+      let proxy = this.readOnlyObjectGraph.get(value);
 
-          const proxy = new Proxy(createShadowTarget(distortedValue), readOnlyHandler);
-          registerProxy(proxy, value);
-          ObjectDefineProperty(this, 'readOnly', {
-            value: proxy
-          });
-          return proxy;
-        }
+      if (isUndefined(proxy)) {
+        // caching the proxy after the first time it is accessed
+        const handler = new ReadOnlyHandler(this, value);
+        proxy = new Proxy(createShadowTarget(value), handler);
+        registerProxy(proxy, value);
+        this.readOnlyObjectGraph.set(value, proxy);
+      }
 
-      };
-      objectGraph.set(distortedValue, reactiveState);
-      return reactiveState;
+      return proxy;
     }
 
   }
-  /** version: 1.0.0 */
+  /** version: 2.0.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -2688,15 +2697,9 @@
 
 
   const lockerLivePropertyKey = Symbol.for('@@lockerLiveValue');
-
-  function valueDistortion(value) {
-    return value;
-  }
-
-  const reactiveMembrane = new ReactiveMembrane({
+  const reactiveMembrane = new ObservableMembrane({
     valueObserved,
     valueMutated,
-    valueDistortion,
     tagPropertyKey: lockerLivePropertyKey
   });
   /**
@@ -2705,16 +2708,9 @@
    * change or being removed.
    */
 
-  const unwrap = function (value) {
-    const unwrapped = reactiveMembrane.unwrapProxy(value);
-
-    if (unwrapped !== value) {
-      // if value is a proxy, unwrap to access original value and apply distortion
-      return valueDistortion(unwrapped);
-    }
-
-    return value;
-  };
+  function unwrap(value) {
+    return reactiveMembrane.unwrapProxy(value);
+  }
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -4699,13 +4695,15 @@
 
   function updateChildrenHook(oldVnode, vnode) {
     const {
-      children,
-      owner
+      elm,
+      children
     } = vnode;
-    const fn = hasDynamicChildren(children) ? updateDynamicChildren : updateStaticChildren;
-    runWithBoundaryProtection(owner, owner.owner, noop, () => {
-      fn(vnode.elm, oldVnode.children, children);
-    }, noop);
+
+    if (hasDynamicChildren(children)) {
+      updateDynamicChildren(elm, oldVnode.children, children);
+    } else {
+      updateStaticChildren(elm, oldVnode.children, children);
+    }
   }
 
   function allocateChildrenHook(vnode, vm) {
@@ -5943,6 +5941,7 @@
 
   function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
     const content = [];
+    let root;
 
     for (let i = 0; i < stylesheets.length; i++) {
       let stylesheet = stylesheets[i];
@@ -5955,23 +5954,46 @@
           // the component instance might be attempting to use an old version of
           // the stylesheet, while internally, we have a replacement for it.
           stylesheet = getStyleOrSwappedStyle(stylesheet);
-        } // Use the actual `:host` selector if we're rendering global CSS for light DOM, or if we're rendering
-        // native shadow DOM. Synthetic shadow DOM never uses `:host`.
+        }
 
+        const isScopedCss = stylesheet[KEY__SCOPED_CSS]; // Apply the scope token only if the stylesheet itself is scoped, or if we're rendering synthetic shadow.
+
+        const scopeToken = isScopedCss || vm.shadowMode === 1
+        /* Synthetic */
+        && vm.renderMode === 1
+        /* Shadow */
+        ? stylesheetToken : undefined; // Use the actual `:host` selector if we're rendering global CSS for light DOM, or if we're rendering
+        // native shadow DOM. Synthetic shadow DOM never uses `:host`.
 
-        const isScopedCss = stylesheet[KEY__SCOPED_CSS];
         const useActualHostSelector = vm.renderMode === 0
         /* Light */
         ? !isScopedCss : vm.shadowMode === 0
         /* Native */
-        ; // Apply the scope token only if the stylesheet itself is scoped, or if we're rendering synthetic shadow.
+        ; // Use the native :dir() pseudoclass only in native shadow DOM. Otherwise, in synthetic shadow,
+        // we use an attribute selector on the host to simulate :dir().
 
-        const scopeToken = isScopedCss || vm.shadowMode === 1
-        /* Synthetic */
-        && vm.renderMode === 1
+        let useNativeDirPseudoclass;
+
+        if (vm.renderMode === 1
         /* Shadow */
-        ? stylesheetToken : undefined;
-        ArrayPush$1.call(content, stylesheet(useActualHostSelector, scopeToken));
+        ) {
+          useNativeDirPseudoclass = vm.shadowMode === 0
+          /* Native */
+          ;
+        } else {
+          // Light DOM components should only render `[dir]` if they're inside of a synthetic shadow root.
+          // At the top level (root is null) or inside of a native shadow root, they should use `:dir()`.
+          if (isUndefined$1(root)) {
+            // Only calculate the root once as necessary
+            root = getNearestShadowComponent(vm);
+          }
+
+          useNativeDirPseudoclass = isNull(root) || root.shadowMode === 0
+          /* Native */
+          ;
+        }
+
+        ArrayPush$1.call(content, stylesheet(scopeToken, useActualHostSelector, useNativeDirPseudoclass));
       }
     }
 
@@ -5995,14 +6017,12 @@
   // https://github.com/salesforce/lwc/pull/2460#discussion_r691208892
 
 
-  function getNearestNativeShadowComponent(vm) {
+  function getNearestShadowComponent(vm) {
     let owner = vm;
 
     while (!isNull(owner)) {
       if (owner.renderMode === 1
       /* Shadow */
-      && owner.shadowMode === 0
-      /* Native */
       ) {
         return owner;
       }
@@ -6013,6 +6033,20 @@
     return owner;
   }
 
+  function getNearestNativeShadowComponent(vm) {
+    const owner = getNearestShadowComponent(vm);
+
+    if (!isNull(owner) && owner.shadowMode === 1
+    /* Synthetic */
+    ) {
+      // Synthetic-within-native is impossible. So if the nearest shadow component is
+      // synthetic, we know we won't find a native component if we go any further.
+      return null;
+    }
+
+    return owner;
+  }
+
   function createStylesheet(vm, stylesheets) {
     const {
       renderer,
@@ -6130,7 +6164,7 @@
     if (isProfilerEnabled) {
       currentDispatcher(opId, 0
       /* Start */
-      , vm.tagName, vm.idx);
+      , vm.tagName, vm.idx, vm.renderMode, vm.shadowMode);
     }
   }
 
@@ -6144,7 +6178,7 @@
     if (isProfilerEnabled) {
       currentDispatcher(opId, 1
       /* Stop */
-      , vm.tagName, vm.idx);
+      , vm.tagName, vm.idx, vm.renderMode, vm.shadowMode);
     }
   }
 
@@ -6158,7 +6192,7 @@
     if (isProfilerEnabled) {
       currentDispatcher(opId, 0
       /* Start */
-      , vm === null || vm === void 0 ? void 0 : vm.tagName, vm === null || vm === void 0 ? void 0 : vm.idx);
+      , vm === null || vm === void 0 ? void 0 : vm.tagName, vm === null || vm === void 0 ? void 0 : vm.idx, vm === null || vm === void 0 ? void 0 : vm.renderMode, vm === null || vm === void 0 ? void 0 : vm.shadowMode);
     }
   }
 
@@ -6172,7 +6206,7 @@
     if (isProfilerEnabled) {
       currentDispatcher(opId, 1
       /* Stop */
-      , vm === null || vm === void 0 ? void 0 : vm.tagName, vm === null || vm === void 0 ? void 0 : vm.idx);
+      , vm === null || vm === void 0 ? void 0 : vm.tagName, vm === null || vm === void 0 ? void 0 : vm.idx, vm === null || vm === void 0 ? void 0 : vm.renderMode, vm === null || vm === void 0 ? void 0 : vm.shadowMode);
     }
   }
   /*
@@ -7753,7 +7787,7 @@
     hooksAreSet = true;
     setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
   }
-  /* version: 2.5.10-alpha1 */
+  /* version: 2.7.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8409,7 +8443,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.5.10-alpha1 */
+  /* version: 2.7.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;
@@ -8440,4 +8474,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));