lwc 2.5.9 → 2.5.10-alpha1

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

@@ -72,7 +72,7 @@ var LWC = (function (exports) {
     find: ArrayFind,
     indexOf: ArrayIndexOf,
     join: ArrayJoin,
-    map: ArrayMap,
+    map: ArrayMap$1,
     push: ArrayPush$1,
     reduce: ArrayReduce,
     reverse: ArrayReverse,
@@ -135,7 +135,7 @@ var LWC = (function (exports) {
       // Array.prototype.toString directly will cause an error Iterate through
       // all the items and handle individually.
       if (isArray$1(obj)) {
-        return ArrayJoin.call(ArrayMap.call(obj, toString$1), ',');
+        return ArrayJoin.call(ArrayMap$1.call(obj, toString$1), ',');
       }
 
       return obj.toString();
@@ -298,7 +298,7 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.5.9 */
+  /** version: 2.5.10-alpha1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -470,7 +470,7 @@ var LWC = (function (exports) {
 
   function setFeatureFlagForTest(name, value) {
   }
-  /** version: 2.5.9 */
+  /** version: 2.5.10-alpha1 */
 
   /* proxy-compat-disable */
 
@@ -1496,6 +1496,7 @@ var LWC = (function (exports) {
     getPrototypeOf,
     create: ObjectCreate,
     defineProperty: ObjectDefineProperty,
+    defineProperties: ObjectDefineProperties,
     isExtensible,
     getOwnPropertyDescriptor,
     getOwnPropertyNames,
@@ -1505,7 +1506,8 @@ var LWC = (function (exports) {
   } = Object;
   const {
     push: ArrayPush,
-    concat: ArrayConcat
+    concat: ArrayConcat,
+    map: ArrayMap
   } = Array.prototype;
 
   function isUndefined(obj) {
@@ -1559,9 +1561,7 @@ var LWC = (function (exports) {
       //       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); // TODO: it should be impossible for the originalDescriptor to ever be undefined, this `if` can be removed
-
-      /* istanbul ignore else */
+      const originalDescriptor = getOwnPropertyDescriptor(originalTarget, key);
 
       if (!isUndefined(originalDescriptor)) {
         const wrappedDesc = this.wrapDescriptor(originalDescriptor);
@@ -1589,17 +1589,11 @@ var LWC = (function (exports) {
 
       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 */
@@ -1712,8 +1706,8 @@ var LWC = (function (exports) {
 
   }
 
-  const getterMap$1 = new WeakMap();
-  const setterMap$1 = new WeakMap();
+  const getterMap = new WeakMap();
+  const setterMap = new WeakMap();
   const reverseGetterMap = new WeakMap();
   const reverseSetterMap = new WeakMap();
 
@@ -1723,7 +1717,7 @@ var LWC = (function (exports) {
     }
 
     wrapGetter(originalGet) {
-      const wrappedGetter = getterMap$1.get(originalGet);
+      const wrappedGetter = getterMap.get(originalGet);
 
       if (!isUndefined(wrappedGetter)) {
         return wrappedGetter;
@@ -1736,13 +1730,13 @@ var LWC = (function (exports) {
         return handler.wrapValue(originalGet.call(unwrap$1(this)));
       };
 
-      getterMap$1.set(originalGet, get);
+      getterMap.set(originalGet, get);
       reverseGetterMap.set(get, originalGet);
       return get;
     }
 
     wrapSetter(originalSet) {
-      const wrappedSetter = setterMap$1.get(originalSet);
+      const wrappedSetter = setterMap.get(originalSet);
 
       if (!isUndefined(wrappedSetter)) {
         return wrappedSetter;
@@ -1753,7 +1747,7 @@ var LWC = (function (exports) {
         originalSet.call(unwrap$1(this), unwrap$1(v));
       };
 
-      setterMap$1.set(originalSet, set);
+      setterMap.set(originalSet, set);
       reverseSetterMap.set(set, originalSet);
       return set;
     }
@@ -1794,7 +1788,7 @@ var LWC = (function (exports) {
         return unwrap$1(redGet.call(handler.wrapValue(this)));
       };
 
-      getterMap$1.set(get, redGet);
+      getterMap.set(get, redGet);
       reverseGetterMap.set(redGet, get);
       return get;
     }
@@ -1813,7 +1807,7 @@ var LWC = (function (exports) {
         redSet.call(handler.wrapValue(this), handler.wrapValue(v));
       };
 
-      setterMap$1.set(set, redSet);
+      setterMap.set(set, redSet);
       reverseSetterMap.set(redSet, set);
       return set;
     }
@@ -1864,11 +1858,6 @@ var LWC = (function (exports) {
         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;
@@ -1910,8 +1899,8 @@ var LWC = (function (exports) {
 
   }
 
-  const getterMap = new WeakMap();
-  const setterMap = new WeakMap();
+  const getterMap$1 = new WeakMap();
+  const setterMap$1 = new WeakMap();
 
   class ReadOnlyHandler extends BaseProxyHandler {
     wrapValue(value) {
@@ -1919,7 +1908,7 @@ var LWC = (function (exports) {
     }
 
     wrapGetter(originalGet) {
-      const wrappedGetter = getterMap.get(originalGet);
+      const wrappedGetter = getterMap$1.get(originalGet);
 
       if (!isUndefined(wrappedGetter)) {
         return wrappedGetter;
@@ -1932,12 +1921,12 @@ var LWC = (function (exports) {
         return handler.wrapValue(originalGet.call(unwrap$1(this)));
       };
 
-      getterMap.set(originalGet, get);
+      getterMap$1.set(originalGet, get);
       return get;
     }
 
     wrapSetter(originalSet) {
-      const wrappedSetter = setterMap.get(originalSet);
+      const wrappedSetter = setterMap$1.get(originalSet);
 
       if (!isUndefined(wrappedSetter)) {
         return wrappedSetter;
@@ -1946,20 +1935,16 @@ var LWC = (function (exports) {
       const set = function (v) {
       };
 
-      setterMap.set(originalSet, set);
+      setterMap$1.set(originalSet, set);
       return set;
     }
 
     set(shadowTarget, key, value) {
-      /* istanbul ignore next */
-
 
       return false;
     }
 
     deleteProperty(shadowTarget, key) {
-      /* istanbul ignore next */
-
 
       return false;
     }
@@ -1968,15 +1953,11 @@ var LWC = (function (exports) {
     }
 
     preventExtensions(shadowTarget) {
-      /* istanbul ignore next */
-
 
       return false;
     }
 
     defineProperty(shadowTarget, key, descriptor) {
-      /* istanbul ignore next */
-
 
       return false;
     }
@@ -2024,8 +2005,7 @@ var LWC = (function (exports) {
       this.valueMutated = defaultValueMutated;
       this.valueObserved = defaultValueObserved;
       this.valueIsObservable = defaultValueIsObservable;
-      this.readOnlyObjectGraph = new WeakMap();
-      this.reactiveObjectGraph = new WeakMap();
+      this.objectGraph = new WeakMap();
 
       if (!isUndefined(options)) {
         const {
@@ -2048,13 +2028,10 @@ var LWC = (function (exports) {
       const distorted = this.valueDistortion(unwrappedValue);
 
       if (this.valueIsObservable(distorted)) {
-        if (this.readOnlyObjectGraph.get(distorted) === value) {
-          // when trying to extract the writable version of a readonly
-          // we return the readonly.
-          return value;
-        }
+        const o = this.getReactiveState(unwrappedValue, distorted); // when trying to extract the writable version of a readonly
+        // we return the readonly.
 
-        return this.getReactiveHandler(unwrappedValue, distorted);
+        return o.readOnly === value ? value : o.reactive;
       }
 
       return distorted;
@@ -2065,7 +2042,7 @@ var LWC = (function (exports) {
       const distorted = this.valueDistortion(value);
 
       if (this.valueIsObservable(distorted)) {
-        return this.getReadOnlyHandler(value, distorted);
+        return this.getReactiveState(value, distorted).readOnly;
       }
 
       return distorted;
@@ -2075,36 +2052,47 @@ var LWC = (function (exports) {
       return unwrap$1(p);
     }
 
-    getReactiveHandler(value, distortedValue) {
-      let proxy = this.reactiveObjectGraph.get(distortedValue);
+    getReactiveState(value, distortedValue) {
+      const {
+        objectGraph
+      } = this;
+      let reactiveState = objectGraph.get(distortedValue);
 
-      if (isUndefined(proxy)) {
-        // caching the proxy after the first time it is accessed
-        const handler = new ReactiveProxyHandler(this, distortedValue);
-        proxy = new Proxy(createShadowTarget(distortedValue), handler);
-        registerProxy(proxy, value);
-        this.reactiveObjectGraph.set(distortedValue, proxy);
+      if (reactiveState) {
+        return reactiveState;
       }
 
-      return 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;
+        },
 
-    getReadOnlyHandler(value, distortedValue) {
-      let proxy = this.readOnlyObjectGraph.get(distortedValue);
+        get readOnly() {
+          const readOnlyHandler = new ReadOnlyHandler(membrane, distortedValue); // caching the readOnly proxy after the first time it is accessed
 
-      if (isUndefined(proxy)) {
-        // caching the proxy after the first time it is accessed
-        const handler = new ReadOnlyHandler(this, distortedValue);
-        proxy = new Proxy(createShadowTarget(distortedValue), handler);
-        registerProxy(proxy, value);
-        this.readOnlyObjectGraph.set(distortedValue, proxy);
-      }
+          const proxy = new Proxy(createShadowTarget(distortedValue), readOnlyHandler);
+          registerProxy(proxy, value);
+          ObjectDefineProperty(this, 'readOnly', {
+            value: proxy
+          });
+          return proxy;
+        }
 
-      return proxy;
+      };
+      objectGraph.set(distortedValue, reactiveState);
+      return reactiveState;
     }
 
   }
-  /** version: 1.1.5 */
+  /** version: 1.0.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4458,7 +4446,6 @@ var LWC = (function (exports) {
 
   function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
     const content = [];
-    let root;
 
     for (let i = 0; i < stylesheets.length; i++) {
       let stylesheet = stylesheets[i];
@@ -4466,45 +4453,22 @@ var LWC = (function (exports) {
       if (isArray$1(stylesheet)) {
         ArrayPush$1.apply(content, evaluateStylesheetsContent(stylesheet, stylesheetToken, vm));
       } else {
-
-        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 */
-        ; // 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().
+        ; // Apply the scope token only if the stylesheet itself is scoped, or if we're rendering synthetic shadow.
 
-        let useNativeDirPseudoclass;
-
-        if (vm.renderMode === 1
+        const scopeToken = isScopedCss || vm.shadowMode === 1
+        /* Synthetic */
+        && vm.renderMode === 1
         /* Shadow */
-        ) {
-          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));
+        ? stylesheetToken : undefined;
+        ArrayPush$1.call(content, stylesheet(useActualHostSelector, scopeToken));
       }
     }
 
@@ -4528,12 +4492,14 @@ var LWC = (function (exports) {
   // https://github.com/salesforce/lwc/pull/2460#discussion_r691208892
 
 
-  function getNearestShadowComponent(vm) {
+  function getNearestNativeShadowComponent(vm) {
     let owner = vm;
 
     while (!isNull(owner)) {
       if (owner.renderMode === 1
       /* Shadow */
+      && owner.shadowMode === 0
+      /* Native */
       ) {
         return owner;
       }
@@ -4544,20 +4510,6 @@ var LWC = (function (exports) {
     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,
@@ -6096,7 +6048,7 @@ var LWC = (function (exports) {
     hooksAreSet = true;
     setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
   }
-  /* version: 2.5.9 */
+  /* version: 2.5.10-alpha1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -6730,7 +6682,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.5.9 */
+  /* version: 2.5.10-alpha1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;
@@ -6763,4 +6715,4 @@ var LWC = (function (exports) {
 
   return exports;
 
-})({});
+}({}));