lwc 2.5.9 → 2.5.10-alpha1

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

@@ -69,7 +69,7 @@ const {
   find: ArrayFind,
   indexOf: ArrayIndexOf,
   join: ArrayJoin,
-  map: ArrayMap,
+  map: ArrayMap$1,
   push: ArrayPush$1,
   reduce: ArrayReduce,
   reverse: ArrayReverse,
@@ -136,7 +136,7 @@ function toString$1(obj) {
     // 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();
@@ -335,7 +335,7 @@ function htmlPropertyToAttribute(propName) {
   CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
   return attributeName;
 }
-/** version: 2.5.9 */
+/** version: 2.5.10-alpha1 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -456,7 +456,7 @@ function setFeatureFlagForTest(name, value) {
     setFeatureFlag(name, value);
   }
 }
-/** version: 2.5.9 */
+/** version: 2.5.10-alpha1 */
 
 /* proxy-compat-disable */
 
@@ -1906,6 +1906,7 @@ const {
   getPrototypeOf,
   create: ObjectCreate,
   defineProperty: ObjectDefineProperty,
+  defineProperties: ObjectDefineProperties,
   isExtensible,
   getOwnPropertyDescriptor,
   getOwnPropertyNames,
@@ -1915,7 +1916,8 @@ const {
 } = Object;
 const {
   push: ArrayPush,
-  concat: ArrayConcat
+  concat: ArrayConcat,
+  map: ArrayMap
 } = Array.prototype;
 const OtS = {}.toString;
 
@@ -1980,9 +1982,7 @@ class BaseProxyHandler {
     //       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);
@@ -2010,17 +2010,11 @@ class BaseProxyHandler {
 
     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 */
@@ -2133,8 +2127,8 @@ class BaseProxyHandler {
 
 }
 
-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();
 
@@ -2144,7 +2138,7 @@ class ReactiveProxyHandler extends BaseProxyHandler {
   }
 
   wrapGetter(originalGet) {
-    const wrappedGetter = getterMap$1.get(originalGet);
+    const wrappedGetter = getterMap.get(originalGet);
 
     if (!isUndefined(wrappedGetter)) {
       return wrappedGetter;
@@ -2157,13 +2151,13 @@ class ReactiveProxyHandler extends BaseProxyHandler {
       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;
@@ -2174,7 +2168,7 @@ class ReactiveProxyHandler extends BaseProxyHandler {
       originalSet.call(unwrap$1(this), unwrap$1(v));
     };
 
-    setterMap$1.set(originalSet, set);
+    setterMap.set(originalSet, set);
     reverseSetterMap.set(set, originalSet);
     return set;
   }
@@ -2215,7 +2209,7 @@ class ReactiveProxyHandler extends BaseProxyHandler {
       return unwrap$1(redGet.call(handler.wrapValue(this)));
     };
 
-    getterMap$1.set(get, redGet);
+    getterMap.set(get, redGet);
     reverseGetterMap.set(redGet, get);
     return get;
   }
@@ -2234,7 +2228,7 @@ class ReactiveProxyHandler extends BaseProxyHandler {
       redSet.call(handler.wrapValue(this), handler.wrapValue(v));
     };
 
-    setterMap$1.set(set, redSet);
+    setterMap.set(set, redSet);
     reverseSetterMap.set(redSet, set);
     return set;
   }
@@ -2275,7 +2269,6 @@ class ReactiveProxyHandler extends BaseProxyHandler {
   }
 
   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.`);
     }
@@ -2289,11 +2282,6 @@ class ReactiveProxyHandler extends BaseProxyHandler {
       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;
@@ -2335,8 +2323,8 @@ class ReactiveProxyHandler extends BaseProxyHandler {
 
 }
 
-const getterMap = new WeakMap();
-const setterMap = new WeakMap();
+const getterMap$1 = new WeakMap();
+const setterMap$1 = new WeakMap();
 
 class ReadOnlyHandler extends BaseProxyHandler {
   wrapValue(value) {
@@ -2344,7 +2332,7 @@ class ReadOnlyHandler extends BaseProxyHandler {
   }
 
   wrapGetter(originalGet) {
-    const wrappedGetter = getterMap.get(originalGet);
+    const wrappedGetter = getterMap$1.get(originalGet);
 
     if (!isUndefined(wrappedGetter)) {
       return wrappedGetter;
@@ -2357,12 +2345,12 @@ class ReadOnlyHandler extends BaseProxyHandler {
       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;
@@ -2371,7 +2359,6 @@ class ReadOnlyHandler extends BaseProxyHandler {
     const handler = this;
 
     const set = function (v) {
-      /* istanbul ignore else */
       if (process.env.NODE_ENV !== 'production') {
         const {
           originalTarget
@@ -2380,41 +2367,33 @@ class ReadOnlyHandler extends BaseProxyHandler {
       }
     };
 
-    setterMap.set(originalSet, set);
+    setterMap$1.set(originalSet, set);
     return set;
   }
 
   set(shadowTarget, key, value) {
-    /* istanbul ignore else */
     if (process.env.NODE_ENV !== 'production') {
       const {
         originalTarget
       } = this;
-      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);
+      throw new Error(`Invalid mutation: Cannot set "${key.toString()}" on "${originalTarget}". "${originalTarget}" is read-only.`);
     }
-    /* 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
@@ -2424,29 +2403,23 @@ class ReadOnlyHandler extends BaseProxyHandler {
   }
 
   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;
   }
@@ -2504,8 +2477,6 @@ const formatter = {
 }; // 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,7 +2501,6 @@ function getGlobal() {
 }
 
 function init() {
-  /* istanbul ignore if */
   if (process.env.NODE_ENV === 'production') {
     // this method should never leak to prod
     throw new ReferenceError();
@@ -2545,8 +2515,6 @@ function init() {
   ArrayPush.call(devtoolsFormatters, formatter);
   global.devtoolsFormatters = devtoolsFormatters;
 }
-/* istanbul ignore else */
-
 
 if (process.env.NODE_ENV !== 'production') {
   init();
@@ -2593,8 +2561,7 @@ class ReactiveMembrane {
     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 {
@@ -2617,13 +2584,10 @@ class ReactiveMembrane {
     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;
@@ -2634,7 +2598,7 @@ class ReactiveMembrane {
     const distorted = this.valueDistortion(value);
 
     if (this.valueIsObservable(distorted)) {
-      return this.getReadOnlyHandler(value, distorted);
+      return this.getReactiveState(value, distorted).readOnly;
     }
 
     return distorted;
@@ -2644,36 +2608,47 @@ class ReactiveMembrane {
     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
 
-  getReadOnlyHandler(value, distortedValue) {
-    let proxy = this.readOnlyObjectGraph.get(distortedValue);
+        const proxy = new Proxy(createShadowTarget(distortedValue), reactiveHandler);
+        registerProxy(proxy, value);
+        ObjectDefineProperty(this, 'reactive', {
+          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);
-    }
+      get readOnly() {
+        const readOnlyHandler = new ReadOnlyHandler(membrane, distortedValue); // caching the readOnly proxy after the first time it is accessed
+
+        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.
@@ -5819,7 +5794,6 @@ function updateStylesheetToken(vm, template) {
 
 function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
   const content = [];
-  let root;
 
   for (let i = 0; i < stylesheets.length; i++) {
     let stylesheet = stylesheets[i];
@@ -5832,46 +5806,23 @@ function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
         // 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);
-      }
-
-      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
+      } // 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().
-
-      let useNativeDirPseudoclass;
+      ; // Apply the scope token only if the stylesheet itself is scoped, or if we're rendering synthetic shadow.
 
-      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));
     }
   }
 
@@ -5895,12 +5846,14 @@ function getStylesheetsContent(vm, template) {
 // 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;
     }
@@ -5911,20 +5864,6 @@ function getNearestShadowComponent(vm) {
   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,
@@ -7589,7 +7528,7 @@ function setHooks(hooks) {
   hooksAreSet = true;
   setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
 }
-/* version: 2.5.9 */
+/* version: 2.5.10-alpha1 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -8085,6 +8024,6 @@ function renderComponent(tagName, Ctor, props = {}) {
 
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.5.9 */
+/* version: 2.5.10-alpha1 */
 
 export { LightningElement, api$1 as api, createContextProvider, getComponentDef, isComponentConstructor, readonly, register, registerComponent, registerDecorators, registerTemplate, renderComponent, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, track, unwrap, wire };

package/dist/synthetic-shadow/esm/es2017/synthetic-shadow.js

@@ -194,7 +194,7 @@ const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
 // we can't use typeof since it will fail when transpiling.
 
 const hasNativeSymbolSupport = /*@__PURE__*/(() => Symbol('x').toString() === 'Symbol(x)')();
-/** version: 2.5.9 */
+/** version: 2.5.10-alpha1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -533,7 +533,7 @@ if (!_globalThis.lwcRuntimeFlags) {
 }
 
 const runtimeFlags = _globalThis.lwcRuntimeFlags;
-/** version: 2.5.9 */
+/** version: 2.5.10-alpha1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -5829,4 +5829,4 @@ defineProperty(Element.prototype, '$domManual$', {
 
   configurable: true
 });
-/** version: 2.5.9 */
+/** version: 2.5.10-alpha1 */

package/dist/synthetic-shadow/iife/es2017/synthetic-shadow.js

@@ -197,7 +197,7 @@
   // we can't use typeof since it will fail when transpiling.
 
   const hasNativeSymbolSupport = /*@__PURE__*/(() => Symbol('x').toString() === 'Symbol(x)')();
-  /** version: 2.5.9 */
+  /** version: 2.5.10-alpha1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -536,7 +536,7 @@
   }
 
   const runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.5.9 */
+  /** version: 2.5.10-alpha1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5832,6 +5832,6 @@
 
     configurable: true
   });
-  /** version: 2.5.9 */
+  /** version: 2.5.10-alpha1 */
 
-})();
+}());