lwc 2.5.10 → 2.6.1

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

@@ -299,7 +299,7 @@ function htmlPropertyToAttribute(propName) {
   CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
   return attributeName;
 }
-/** version: 2.5.10 */
+/** version: 2.6.1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -413,7 +413,6 @@ const features = {
   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
 };
@@ -479,7 +478,7 @@ function setFeatureFlagForTest(name, value) {
     setFeatureFlag(name, value);
   }
 }
-/** version: 2.5.10 */
+/** version: 2.6.1 */
 
 /* proxy-compat-disable */
 
@@ -1926,6 +1925,7 @@ const {
   isArray
 } = Array;
 const {
+  prototype: ObjectDotPrototype,
   getPrototypeOf,
   create: ObjectCreate,
   defineProperty: ObjectDefineProperty,
@@ -2575,8 +2575,6 @@ if (process.env.NODE_ENV !== 'production') {
   init();
 }
 
-const ObjectDotPrototype = Object.prototype;
-
 function defaultValueIsObservable(value) {
   // intentionally checking for null
   if (value === null) {
@@ -2604,99 +2602,85 @@ const defaultValueMutated = (obj, key) => {
   /* 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;
+class ObservableMembrane {
+  constructor(options = {}) {
     this.readOnlyObjectGraph = new WeakMap();
     this.reactiveObjectGraph = 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;
-    }
+    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)) {
-      if (this.readOnlyObjectGraph.get(distorted) === value) {
-        // 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 this.getReactiveHandler(unwrappedValue, distorted);
+      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.getReadOnlyHandler(value, distorted);
+    if (this.valueIsObservable(value)) {
+      return this.getReadOnlyHandler(value);
     }
 
-    return distorted;
+    return value;
   }
 
   unwrapProxy(p) {
     return unwrap$1(p);
   }
 
-  getReactiveHandler(value, distortedValue) {
-    let proxy = this.reactiveObjectGraph.get(distortedValue);
+  getReactiveHandler(value) {
+    let proxy = this.reactiveObjectGraph.get(value);
 
     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);
+      const handler = new ReactiveProxyHandler(this, value);
+      proxy = new Proxy(createShadowTarget(value), handler);
       registerProxy(proxy, value);
-      this.reactiveObjectGraph.set(distortedValue, proxy);
+      this.reactiveObjectGraph.set(value, proxy);
     }
 
     return proxy;
   }
 
-  getReadOnlyHandler(value, distortedValue) {
-    let proxy = this.readOnlyObjectGraph.get(distortedValue);
+  getReadOnlyHandler(value) {
+    let proxy = this.readOnlyObjectGraph.get(value);
 
     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);
+      const handler = new ReadOnlyHandler(this, value);
+      proxy = new Proxy(createShadowTarget(value), handler);
       registerProxy(proxy, value);
-      this.readOnlyObjectGraph.set(distortedValue, proxy);
+      this.readOnlyObjectGraph.set(value, proxy);
     }
 
     return proxy;
   }
 
 }
-/** version: 1.1.5 */
+/** version: 2.0.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -2707,15 +2691,9 @@ class ReactiveMembrane {
 
 
 const lockerLivePropertyKey = Symbol.for('@@lockerLiveValue');
-
-function valueDistortion(value) {
-  return value;
-}
-
-const reactiveMembrane = new ReactiveMembrane({
+const reactiveMembrane = new ObservableMembrane({
   valueObserved,
   valueMutated,
-  valueDistortion,
   tagPropertyKey: lockerLivePropertyKey
 });
 /**
@@ -2724,16 +2702,9 @@ const reactiveMembrane = new ReactiveMembrane({
  * 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.
@@ -5962,6 +5933,7 @@ 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];
@@ -5974,23 +5946,46 @@ 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);
-      } // 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));
     }
   }
 
@@ -6014,14 +6009,12 @@ function getStylesheetsContent(vm, template) {
 // 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;
     }
@@ -6032,6 +6025,20 @@ function getNearestNativeShadowComponent(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,
@@ -7772,7 +7779,7 @@ function setHooks(hooks) {
   hooksAreSet = true;
   setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
 }
-/* version: 2.5.10 */
+/* version: 2.6.1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -8428,6 +8435,6 @@ defineProperty(LightningElement, 'CustomElementConstructor', {
 });
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.5.10 */
+/* version: 2.6.1 */
 
 export { LightningElement, profilerControl as __unstable__ProfilerControl, api$1 as api, deprecatedBuildCustomElementConstructor as buildCustomElementConstructor, createContextProvider, createElement, getComponentConstructor, getComponentDef, hydrateComponent, isComponentConstructor, isNodeFromTemplate, readonly, register, registerComponent, registerDecorators, registerTemplate, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };

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

@@ -302,7 +302,7 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.5.10 */
+  /** version: 2.6.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -416,7 +416,6 @@ var LWC = (function (exports) {
     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
   };
@@ -482,7 +481,7 @@ var LWC = (function (exports) {
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.5.10 */
+  /** version: 2.6.1 */
 
   /* proxy-compat-disable */
 
@@ -1929,6 +1928,7 @@ var LWC = (function (exports) {
     isArray
   } = Array;
   const {
+    prototype: ObjectDotPrototype,
     getPrototypeOf,
     create: ObjectCreate,
     defineProperty: ObjectDefineProperty,
@@ -2578,8 +2578,6 @@ var LWC = (function (exports) {
     init();
   }
 
-  const ObjectDotPrototype = Object.prototype;
-
   function defaultValueIsObservable(value) {
     // intentionally checking for null
     if (value === null) {
@@ -2607,99 +2605,85 @@ var LWC = (function (exports) {
     /* 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;
+  class ObservableMembrane {
+    constructor(options = {}) {
       this.readOnlyObjectGraph = new WeakMap();
       this.reactiveObjectGraph = 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;
-      }
+      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)) {
-        if (this.readOnlyObjectGraph.get(distorted) === value) {
-          // 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 this.getReactiveHandler(unwrappedValue, distorted);
+        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.getReadOnlyHandler(value, distorted);
+      if (this.valueIsObservable(value)) {
+        return this.getReadOnlyHandler(value);
       }
 
-      return distorted;
+      return value;
     }
 
     unwrapProxy(p) {
       return unwrap$1(p);
     }
 
-    getReactiveHandler(value, distortedValue) {
-      let proxy = this.reactiveObjectGraph.get(distortedValue);
+    getReactiveHandler(value) {
+      let proxy = this.reactiveObjectGraph.get(value);
 
       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);
+        const handler = new ReactiveProxyHandler(this, value);
+        proxy = new Proxy(createShadowTarget(value), handler);
         registerProxy(proxy, value);
-        this.reactiveObjectGraph.set(distortedValue, proxy);
+        this.reactiveObjectGraph.set(value, proxy);
       }
 
       return proxy;
     }
 
-    getReadOnlyHandler(value, distortedValue) {
-      let proxy = this.readOnlyObjectGraph.get(distortedValue);
+    getReadOnlyHandler(value) {
+      let proxy = this.readOnlyObjectGraph.get(value);
 
       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);
+        const handler = new ReadOnlyHandler(this, value);
+        proxy = new Proxy(createShadowTarget(value), handler);
         registerProxy(proxy, value);
-        this.readOnlyObjectGraph.set(distortedValue, proxy);
+        this.readOnlyObjectGraph.set(value, proxy);
       }
 
       return proxy;
     }
 
   }
-  /** version: 1.1.5 */
+  /** version: 2.0.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -2710,15 +2694,9 @@ var LWC = (function (exports) {
 
 
   const lockerLivePropertyKey = Symbol.for('@@lockerLiveValue');
-
-  function valueDistortion(value) {
-    return value;
-  }
-
-  const reactiveMembrane = new ReactiveMembrane({
+  const reactiveMembrane = new ObservableMembrane({
     valueObserved,
     valueMutated,
-    valueDistortion,
     tagPropertyKey: lockerLivePropertyKey
   });
   /**
@@ -2727,16 +2705,9 @@ var LWC = (function (exports) {
    * 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.
@@ -5965,6 +5936,7 @@ 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];
@@ -5977,23 +5949,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`.
+        }
 
+        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));
       }
     }
 
@@ -6017,14 +6012,12 @@ var LWC = (function (exports) {
   // 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;
       }
@@ -6035,6 +6028,20 @@ 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,
@@ -7775,7 +7782,7 @@ var LWC = (function (exports) {
     hooksAreSet = true;
     setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
   }
-  /* version: 2.5.10 */
+  /* version: 2.6.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8431,7 +8438,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.5.10 */
+  /* version: 2.6.1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;