lwc 2.5.8 → 2.5.11

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

@@ -72,7 +72,7 @@ var LWC = (function (exports) {
     find: ArrayFind,
     indexOf: ArrayIndexOf,
     join: ArrayJoin,
-    map: ArrayMap$1,
+    map: ArrayMap,
     push: ArrayPush$1,
     reduce: ArrayReduce,
     reverse: ArrayReverse,
@@ -139,7 +139,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$1.call(obj, toString$1), ',');
+        return ArrayJoin.call(ArrayMap.call(obj, toString$1), ',');
       }
 
       return obj.toString();
@@ -302,7 +302,7 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.5.8 */
+  /** version: 2.5.11 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -482,7 +482,7 @@ var LWC = (function (exports) {
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.5.8 */
+  /** version: 2.5.11 */
 
   /* proxy-compat-disable */
 
@@ -1932,7 +1932,6 @@ var LWC = (function (exports) {
     getPrototypeOf,
     create: ObjectCreate,
     defineProperty: ObjectDefineProperty,
-    defineProperties: ObjectDefineProperties,
     isExtensible,
     getOwnPropertyDescriptor,
     getOwnPropertyNames,
@@ -1942,8 +1941,7 @@ var LWC = (function (exports) {
   } = Object;
   const {
     push: ArrayPush,
-    concat: ArrayConcat,
-    map: ArrayMap
+    concat: ArrayConcat
   } = Array.prototype;
   const OtS = {}.toString;
 
@@ -2008,7 +2006,9 @@ 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);
+      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);
@@ -2036,11 +2036,17 @@ 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 */
@@ -2153,8 +2159,8 @@ var LWC = (function (exports) {
 
   }
 
-  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();
 
@@ -2164,7 +2170,7 @@ var LWC = (function (exports) {
     }
 
     wrapGetter(originalGet) {
-      const wrappedGetter = getterMap.get(originalGet);
+      const wrappedGetter = getterMap$1.get(originalGet);
 
       if (!isUndefined(wrappedGetter)) {
         return wrappedGetter;
@@ -2177,13 +2183,13 @@ var LWC = (function (exports) {
         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;
@@ -2194,7 +2200,7 @@ var LWC = (function (exports) {
         originalSet.call(unwrap$1(this), unwrap$1(v));
       };
 
-      setterMap.set(originalSet, set);
+      setterMap$1.set(originalSet, set);
       reverseSetterMap.set(set, originalSet);
       return set;
     }
@@ -2235,7 +2241,7 @@ var LWC = (function (exports) {
         return unwrap$1(redGet.call(handler.wrapValue(this)));
       };
 
-      getterMap.set(get, redGet);
+      getterMap$1.set(get, redGet);
       reverseGetterMap.set(redGet, get);
       return get;
     }
@@ -2254,7 +2260,7 @@ var LWC = (function (exports) {
         redSet.call(handler.wrapValue(this), handler.wrapValue(v));
       };
 
-      setterMap.set(set, redSet);
+      setterMap$1.set(set, redSet);
       reverseSetterMap.set(redSet, set);
       return set;
     }
@@ -2295,6 +2301,7 @@ var LWC = (function (exports) {
     }
 
     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.`);
       }
@@ -2308,6 +2315,11 @@ 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;
@@ -2349,8 +2361,8 @@ var LWC = (function (exports) {
 
   }
 
-  const getterMap$1 = new WeakMap();
-  const setterMap$1 = new WeakMap();
+  const getterMap = new WeakMap();
+  const setterMap = new WeakMap();
 
   class ReadOnlyHandler extends BaseProxyHandler {
     wrapValue(value) {
@@ -2358,7 +2370,7 @@ var LWC = (function (exports) {
     }
 
     wrapGetter(originalGet) {
-      const wrappedGetter = getterMap$1.get(originalGet);
+      const wrappedGetter = getterMap.get(originalGet);
 
       if (!isUndefined(wrappedGetter)) {
         return wrappedGetter;
@@ -2371,12 +2383,12 @@ var LWC = (function (exports) {
         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;
@@ -2385,6 +2397,7 @@ var LWC = (function (exports) {
       const handler = this;
 
       const set = function (v) {
+        /* istanbul ignore else */
         if (process.env.NODE_ENV !== 'production') {
           const {
             originalTarget
@@ -2393,33 +2406,41 @@ var LWC = (function (exports) {
         }
       };
 
-      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
@@ -2429,23 +2450,29 @@ var LWC = (function (exports) {
     }
 
     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;
     }
@@ -2503,6 +2530,8 @@ var LWC = (function (exports) {
   }; // 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.
@@ -2527,6 +2556,7 @@ var LWC = (function (exports) {
   }
 
   function init() {
+    /* istanbul ignore if */
     if (process.env.NODE_ENV === 'production') {
       // this method should never leak to prod
       throw new ReferenceError();
@@ -2541,6 +2571,8 @@ var LWC = (function (exports) {
     ArrayPush.call(devtoolsFormatters, formatter);
     global.devtoolsFormatters = devtoolsFormatters;
   }
+  /* istanbul ignore else */
+
 
   if (process.env.NODE_ENV !== 'production') {
     init();
@@ -2587,7 +2619,8 @@ var LWC = (function (exports) {
       this.valueMutated = defaultValueMutated;
       this.valueObserved = defaultValueObserved;
       this.valueIsObservable = defaultValueIsObservable;
-      this.objectGraph = new WeakMap();
+      this.readOnlyObjectGraph = new WeakMap();
+      this.reactiveObjectGraph = new WeakMap();
 
       if (!isUndefined(options)) {
         const {
@@ -2610,10 +2643,13 @@ var LWC = (function (exports) {
       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.readOnlyObjectGraph.get(distorted) === value) {
+          // when trying to extract the writable version of a readonly
+          // we return the readonly.
+          return value;
+        }
 
-        return o.readOnly === value ? value : o.reactive;
+        return this.getReactiveHandler(unwrappedValue, distorted);
       }
 
       return distorted;
@@ -2624,7 +2660,7 @@ var LWC = (function (exports) {
       const distorted = this.valueDistortion(value);
 
       if (this.valueIsObservable(distorted)) {
-        return this.getReactiveState(value, distorted).readOnly;
+        return this.getReadOnlyHandler(value, distorted);
       }
 
       return distorted;
@@ -2634,47 +2670,36 @@ var LWC = (function (exports) {
       return unwrap$1(p);
     }
 
-    getReactiveState(value, distortedValue) {
-      const {
-        objectGraph
-      } = this;
-      let reactiveState = objectGraph.get(distortedValue);
+    getReactiveHandler(value, distortedValue) {
+      let proxy = this.reactiveObjectGraph.get(distortedValue);
 
-      if (reactiveState) {
-        return reactiveState;
+      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);
       }
 
-      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, distortedValue) {
+      let proxy = this.readOnlyObjectGraph.get(distortedValue);
 
-          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, distortedValue);
+        proxy = new Proxy(createShadowTarget(distortedValue), handler);
+        registerProxy(proxy, value);
+        this.readOnlyObjectGraph.set(distortedValue, proxy);
+      }
 
-      };
-      objectGraph.set(distortedValue, reactiveState);
-      return reactiveState;
+      return proxy;
     }
 
   }
-  /** version: 1.0.0 */
+  /** version: 1.1.5 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4826,7 +4851,7 @@ var LWC = (function (exports) {
     for (const [attrName, attrValue] of Object.entries(attrs)) {
       const elmAttrValue = renderer.getAttribute(elm, attrName);
 
-      if (attrValue !== elmAttrValue) {
+      if (String(attrValue) !== elmAttrValue) {
         logError(`Mismatch hydrating element <${elm.tagName.toLowerCase()}>: attribute "${attrName}" has different values, expected "${attrValue}" but found "${elmAttrValue}"`, vnode.owner);
         nodesAreCompatible = false;
       }
@@ -4848,7 +4873,7 @@ var LWC = (function (exports) {
     let nodesAreCompatible = true;
     let vnodeClassName;
 
-    if (!isUndefined$1(className) && className !== elm.className) {
+    if (!isUndefined$1(className) && String(className) !== elm.className) {
       // className is used when class is bound to an expr.
       nodesAreCompatible = false;
       vnodeClassName = className;
@@ -5649,7 +5674,7 @@ var LWC = (function (exports) {
 
 
   function d(value) {
-    return value == null ? '' : value;
+    return value == null ? '' : String(value);
   } // [b]ind function
 
 
@@ -6025,7 +6050,7 @@ var LWC = (function (exports) {
       for (let i = 0; i < stylesheets.length; i++) {
         renderer.insertGlobalStylesheet(stylesheets[i]);
       }
-    } else if (renderer.ssr || renderer.isHydrating) {
+    } else if (renderer.ssr || renderer.isHydrating()) {
       // Note: We need to ensure that during hydration, the stylesheets method is the same as those in ssr.
       //       This works in the client, because the stylesheets are created, and cached in the VM
       //       the first time the VM renders.
@@ -7750,7 +7775,7 @@ var LWC = (function (exports) {
     hooksAreSet = true;
     setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
   }
-  /* version: 2.5.8 */
+  /* version: 2.5.11 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7903,7 +7928,7 @@ var LWC = (function (exports) {
   const renderer = {
     ssr: false,
 
-    get isHydrating() {
+    isHydrating() {
       return isHydrating;
     },
 
@@ -8406,7 +8431,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.5.8 */
+  /* version: 2.5.11 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;