lwc 2.5.8 → 2.5.9

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

@@ -123,7 +123,7 @@ var LWC = (function (exports) {
       ArrayFilter = _Array$prototype.filter,
       ArrayIndexOf = _Array$prototype.indexOf,
       ArrayJoin = _Array$prototype.join,
-      ArrayMap$1 = _Array$prototype.map,
+      ArrayMap = _Array$prototype.map,
       ArrayPush$1 = _Array$prototype.push,
       ArraySlice = _Array$prototype.slice,
       ArraySplice = _Array$prototype.splice,
@@ -184,7 +184,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();
@@ -348,7 +348,7 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.5.8 */
+  /** version: 2.5.9 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -528,7 +528,7 @@ var LWC = (function (exports) {
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.5.8 */
+  /** version: 2.5.9 */
 
   /* proxy-compat-disable */
 
@@ -1990,7 +1990,10 @@ var LWC = (function (exports) {
         //       but it will always be compatible with the previous descriptor
         //       to preserve the object invariants, which makes these lines safe.
 
-        var originalDescriptor = _getOwnPropertyDescriptor(originalTarget, key);
+        var 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)) {
           var wrappedDesc = this.wrapDescriptor(originalDescriptor);
@@ -2015,12 +2018,18 @@ var LWC = (function (exports) {
 
         _preventExtensions(shadowTarget);
       } // Shared Traps
+      // TODO: apply() is never called
+
+      /* istanbul ignore next */
 
     }, {
       key: "apply",
       value: function apply(shadowTarget, thisArg, argArray) {
         /* No op */
-      }
+      } // TODO: construct() is never called
+
+      /* istanbul ignore next */
+
     }, {
       key: "construct",
       value: function construct(shadowTarget, argArray, newTarget) {
@@ -2125,8 +2134,8 @@ var LWC = (function (exports) {
     return BaseProxyHandler;
   }();
 
-  var getterMap = new WeakMap();
-  var setterMap = new WeakMap();
+  var getterMap$1 = new WeakMap();
+  var setterMap$1 = new WeakMap();
   var reverseGetterMap = new WeakMap();
   var reverseSetterMap = new WeakMap();
 
@@ -2149,7 +2158,7 @@ var LWC = (function (exports) {
     }, {
       key: "wrapGetter",
       value: function wrapGetter(originalGet) {
-        var wrappedGetter = getterMap.get(originalGet);
+        var wrappedGetter = getterMap$1.get(originalGet);
 
         if (!isUndefined(wrappedGetter)) {
           return wrappedGetter;
@@ -2162,14 +2171,14 @@ 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;
       }
     }, {
       key: "wrapSetter",
       value: function wrapSetter(originalSet) {
-        var wrappedSetter = setterMap.get(originalSet);
+        var wrappedSetter = setterMap$1.get(originalSet);
 
         if (!isUndefined(wrappedSetter)) {
           return wrappedSetter;
@@ -2180,7 +2189,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;
       }
@@ -2221,7 +2230,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;
       }
@@ -2241,7 +2250,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;
       }
@@ -2277,6 +2286,7 @@ var LWC = (function (exports) {
     }, {
       key: "setPrototypeOf",
       value: function setPrototypeOf(shadowTarget, prototype) {
+        /* istanbul ignore else */
         if (process.env.NODE_ENV !== 'production') {
           throw new Error("Invalid setPrototypeOf invocation for reactive proxy ".concat(toString(this.originalTarget), ". Prototype of reactive objects cannot be changed."));
         }
@@ -2290,6 +2300,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)) {
@@ -2332,8 +2347,8 @@ var LWC = (function (exports) {
     return ReactiveProxyHandler;
   }(BaseProxyHandler);
 
-  var getterMap$1 = new WeakMap();
-  var setterMap$1 = new WeakMap();
+  var getterMap = new WeakMap();
+  var setterMap = new WeakMap();
 
   var ReadOnlyHandler = /*#__PURE__*/function (_BaseProxyHandler2) {
     _inherits(ReadOnlyHandler, _BaseProxyHandler2);
@@ -2354,7 +2369,7 @@ var LWC = (function (exports) {
     }, {
       key: "wrapGetter",
       value: function wrapGetter(originalGet) {
-        var wrappedGetter = getterMap$1.get(originalGet);
+        var wrappedGetter = getterMap.get(originalGet);
 
         if (!isUndefined(wrappedGetter)) {
           return wrappedGetter;
@@ -2367,13 +2382,13 @@ var LWC = (function (exports) {
           return handler.wrapValue(originalGet.call(unwrap$1(this)));
         };
 
-        getterMap$1.set(originalGet, get);
+        getterMap.set(originalGet, get);
         return get;
       }
     }, {
       key: "wrapSetter",
       value: function wrapSetter(originalSet) {
-        var wrappedSetter = setterMap$1.get(originalSet);
+        var wrappedSetter = setterMap.get(originalSet);
 
         if (!isUndefined(wrappedSetter)) {
           return wrappedSetter;
@@ -2382,38 +2397,47 @@ var LWC = (function (exports) {
         var handler = this;
 
         var set = function set(v) {
+          /* istanbul ignore else */
           if (process.env.NODE_ENV !== 'production') {
             var originalTarget = handler.originalTarget;
             throw new Error("Invalid mutation: Cannot invoke a setter on \"".concat(originalTarget, "\". \"").concat(originalTarget, "\" is read-only."));
           }
         };
 
-        setterMap$1.set(originalSet, set);
+        setterMap.set(originalSet, set);
         return set;
       }
     }, {
       key: "set",
       value: function set(shadowTarget, key, value) {
+        /* istanbul ignore else */
         if (process.env.NODE_ENV !== 'production') {
           var originalTarget = this.originalTarget;
-          throw new Error("Invalid mutation: Cannot set \"".concat(key.toString(), "\" on \"").concat(originalTarget, "\". \"").concat(originalTarget, "\" is read-only."));
+          var msg = isArray(originalTarget) ? "Invalid mutation: Cannot mutate array at index ".concat(key.toString(), ". Array is read-only.") : "Invalid mutation: Cannot set \"".concat(key.toString(), "\" on \"").concat(originalTarget, "\". \"").concat(originalTarget, "\" is read-only.");
+          throw new Error(msg);
         }
+        /* istanbul ignore next */
+
 
         return false;
       }
     }, {
       key: "deleteProperty",
       value: function deleteProperty(shadowTarget, key) {
+        /* istanbul ignore else */
         if (process.env.NODE_ENV !== 'production') {
           var originalTarget = this.originalTarget;
           throw new Error("Invalid mutation: Cannot delete \"".concat(key.toString(), "\" on \"").concat(originalTarget, "\". \"").concat(originalTarget, "\" is read-only."));
         }
+        /* istanbul ignore next */
+
 
         return false;
       }
     }, {
       key: "setPrototypeOf",
       value: function setPrototypeOf(shadowTarget, prototype) {
+        /* istanbul ignore else */
         if (process.env.NODE_ENV !== 'production') {
           var originalTarget = this.originalTarget;
           throw new Error("Invalid prototype mutation: Cannot set prototype on \"".concat(originalTarget, "\". \"").concat(originalTarget, "\" prototype is read-only."));
@@ -2422,20 +2446,26 @@ var LWC = (function (exports) {
     }, {
       key: "preventExtensions",
       value: function preventExtensions(shadowTarget) {
+        /* istanbul ignore else */
         if (process.env.NODE_ENV !== 'production') {
           var originalTarget = this.originalTarget;
           throw new Error("Invalid mutation: Cannot preventExtensions on ".concat(originalTarget, "\". \"").concat(originalTarget, " is read-only."));
         }
+        /* istanbul ignore next */
+
 
         return false;
       }
     }, {
       key: "defineProperty",
       value: function defineProperty(shadowTarget, key, descriptor) {
+        /* istanbul ignore else */
         if (process.env.NODE_ENV !== 'production') {
           var originalTarget = this.originalTarget;
           throw new Error("Invalid mutation: Cannot defineProperty \"".concat(key.toString(), "\" on \"").concat(originalTarget, "\". \"").concat(originalTarget, "\" is read-only."));
         }
+        /* istanbul ignore next */
+
 
         return false;
       }
@@ -2495,6 +2525,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.
@@ -2519,6 +2551,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();
@@ -2533,6 +2566,8 @@ var LWC = (function (exports) {
     ArrayPush.call(devtoolsFormatters, formatter);
     global.devtoolsFormatters = devtoolsFormatters;
   }
+  /* istanbul ignore else */
+
 
   if (process.env.NODE_ENV !== 'production') {
     init();
@@ -2584,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)) {
         var _valueDistortion = options.valueDistortion,
@@ -2607,10 +2643,13 @@ var LWC = (function (exports) {
         var distorted = this.valueDistortion(unwrappedValue);
 
         if (this.valueIsObservable(distorted)) {
-          var 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;
@@ -2622,7 +2661,7 @@ var LWC = (function (exports) {
         var distorted = this.valueDistortion(value);
 
         if (this.valueIsObservable(distorted)) {
-          return this.getReactiveState(value, distorted).readOnly;
+          return this.getReadOnlyHandler(value, distorted);
         }
 
         return distorted;
@@ -2633,48 +2672,40 @@ var LWC = (function (exports) {
         return unwrap$1(p);
       }
     }, {
-      key: "getReactiveState",
-      value: function getReactiveState(value, distortedValue) {
-        var objectGraph = this.objectGraph;
-        var reactiveState = objectGraph.get(distortedValue);
-
-        if (reactiveState) {
-          return reactiveState;
+      key: "getReactiveHandler",
+      value: function getReactiveHandler(value, distortedValue) {
+        var proxy = this.reactiveObjectGraph.get(distortedValue);
+
+        if (isUndefined(proxy)) {
+          // caching the proxy after the first time it is accessed
+          var handler = new ReactiveProxyHandler(this, distortedValue);
+          proxy = new Proxy(createShadowTarget(distortedValue), handler);
+          registerProxy(proxy, value);
+          this.reactiveObjectGraph.set(distortedValue, proxy);
         }
 
-        var membrane = this;
-        reactiveState = {
-          get reactive() {
-            var reactiveHandler = new ReactiveProxyHandler(membrane, distortedValue); // caching the reactive proxy after the first time it is accessed
-
-            var proxy = new Proxy(createShadowTarget(distortedValue), reactiveHandler);
-            registerProxy(proxy, value);
-            ObjectDefineProperty(this, 'reactive', {
-              value: proxy
-            });
-            return proxy;
-          },
-
-          get readOnly() {
-            var readOnlyHandler = new ReadOnlyHandler(membrane, distortedValue); // caching the readOnly proxy after the first time it is accessed
-
-            var proxy = new Proxy(createShadowTarget(distortedValue), readOnlyHandler);
-            registerProxy(proxy, value);
-            ObjectDefineProperty(this, 'readOnly', {
-              value: proxy
-            });
-            return proxy;
-          }
+        return proxy;
+      }
+    }, {
+      key: "getReadOnlyHandler",
+      value: function getReadOnlyHandler(value, distortedValue) {
+        var proxy = this.readOnlyObjectGraph.get(distortedValue);
+
+        if (isUndefined(proxy)) {
+          // caching the proxy after the first time it is accessed
+          var 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;
       }
     }]);
 
     return ReactiveMembrane;
   }();
-  /** version: 1.0.0 */
+  /** version: 1.1.5 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4735,7 +4766,7 @@ var LWC = (function (exports) {
 
       var elmAttrValue = renderer.getAttribute(elm, attrName);
 
-      if (attrValue !== elmAttrValue) {
+      if (String(attrValue) !== elmAttrValue) {
         logError("Mismatch hydrating element <".concat(elm.tagName.toLowerCase(), ">: attribute \"").concat(attrName, "\" has different values, expected \"").concat(attrValue, "\" but found \"").concat(elmAttrValue, "\""), vnode.owner);
         nodesAreCompatible = false;
       }
@@ -4752,7 +4783,7 @@ var LWC = (function (exports) {
     var nodesAreCompatible = true;
     var 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;
@@ -5530,7 +5561,7 @@ var LWC = (function (exports) {
 
 
   function d(value) {
-    return value == null ? '' : value;
+    return value == null ? '' : String(value);
   } // [b]ind function
 
 
@@ -5811,6 +5842,7 @@ var LWC = (function (exports) {
 
   function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
     var content = [];
+    var root;
 
     for (var _i16 = 0; _i16 < stylesheets.length; _i16++) {
       var stylesheet = stylesheets[_i16];
@@ -5823,23 +5855,46 @@ var LWC = (function (exports) {
           // 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`.
+        }
 
+        var isScopedCss = stylesheet[KEY__SCOPED_CSS]; // Apply the scope token only if the stylesheet itself is scoped, or if we're rendering synthetic shadow.
+
+        var 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`.
 
-        var isScopedCss = stylesheet[KEY__SCOPED_CSS];
         var 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().
 
-        var scopeToken = isScopedCss || vm.shadowMode === 1
-        /* Synthetic */
-        && vm.renderMode === 1
+        var useNativeDirPseudoclass = void 0;
+
+        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));
       }
     }
 
@@ -5861,14 +5916,12 @@ var LWC = (function (exports) {
   // https://github.com/salesforce/lwc/pull/2460#discussion_r691208892
 
 
-  function getNearestNativeShadowComponent(vm) {
+  function getNearestShadowComponent(vm) {
     var owner = vm;
 
     while (!isNull(owner)) {
       if (owner.renderMode === 1
       /* Shadow */
-      && owner.shadowMode === 0
-      /* Native */
       ) {
         return owner;
       }
@@ -5879,6 +5932,20 @@ var LWC = (function (exports) {
     return owner;
   }
 
+  function getNearestNativeShadowComponent(vm) {
+    var 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) {
     var renderer = vm.renderer,
         renderMode = vm.renderMode,
@@ -5892,7 +5959,7 @@ var LWC = (function (exports) {
       for (var _i17 = 0; _i17 < stylesheets.length; _i17++) {
         renderer.insertGlobalStylesheet(stylesheets[_i17]);
       }
-    } 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.
@@ -7548,7 +7615,7 @@ var LWC = (function (exports) {
     hooksAreSet = true;
     setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
   }
-  /* version: 2.5.8 */
+  /* version: 2.5.9 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7703,19 +7770,17 @@ var LWC = (function (exports) {
     HTMLElementConstructor.prototype = HTMLElement.prototype;
   }
 
-  var isHydrating = false;
+  var _isHydrating = false;
 
   function setIsHydrating(v) {
-    isHydrating = v;
+    _isHydrating = v;
   }
 
   var renderer = {
     ssr: false,
-
-    get isHydrating() {
-      return isHydrating;
+    isHydrating: function isHydrating() {
+      return _isHydrating;
     },
-
     isNativeShadowDefined: _globalThis[KEY__IS_NATIVE_SHADOW_ROOT_DEFINED],
     isSyntheticShadowDefined: hasOwnProperty$1.call(Element.prototype, KEY__SHADOW_TOKEN),
     createElement: function createElement(tagName, namespace) {
@@ -7737,7 +7802,7 @@ var LWC = (function (exports) {
       return node.nextSibling;
     },
     attachShadow: function attachShadow(element, options) {
-      if (isHydrating) {
+      if (_isHydrating) {
         return element.shadowRoot;
       }
 
@@ -8203,7 +8268,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.5.8 */
+  /* version: 2.5.9 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;