lwc 2.5.10 → 2.6.1

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

@@ -18,7 +18,7 @@
 
   function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-  function _get2(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get2 = Reflect.get; } else { _get2 = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get2(target, property, receiver || target); }
+  function _get2() { if (typeof Reflect !== "undefined" && Reflect.get) { _get2 = Reflect.get; } else { _get2 = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get2.apply(this, arguments); }
 
   function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf2(object); if (object === null) break; } return object; }
 
@@ -351,7 +351,7 @@
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.5.10 */
+  /** version: 2.6.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -463,7 +463,6 @@
     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
   };
@@ -531,7 +530,7 @@
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.5.10 */
+  /** version: 2.6.1 */
 
   /* proxy-compat-disable */
 
@@ -1915,7 +1914,8 @@
    */
 
   var isArray = Array.isArray;
-  var _getPrototypeOf = Object.getPrototypeOf,
+  var ObjectDotPrototype = Object.prototype,
+      _getPrototypeOf = Object.getPrototypeOf,
       ObjectCreate = Object.create,
       ObjectDefineProperty = Object.defineProperty,
       _isExtensible = Object.isExtensible,
@@ -2576,8 +2576,6 @@
     init();
   }
 
-  var ObjectDotPrototype = Object.prototype;
-
   function defaultValueIsObservable(value) {
     // intentionally checking for null
     if (value === null) {
@@ -2606,68 +2604,54 @@
     /* do nothing */
   };
 
-  var defaultValueDistortion = function defaultValueDistortion(value) {
-    return value;
-  };
-
   function createShadowTarget(value) {
     return isArray(value) ? [] : {};
   }
 
-  var ReactiveMembrane = /*#__PURE__*/function () {
-    function ReactiveMembrane(options) {
-      _classCallCheck(this, ReactiveMembrane);
+  var ObservableMembrane = /*#__PURE__*/function () {
+    function ObservableMembrane() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      _classCallCheck(this, ObservableMembrane);
 
-      this.valueDistortion = defaultValueDistortion;
-      this.valueMutated = defaultValueMutated;
-      this.valueObserved = defaultValueObserved;
-      this.valueIsObservable = defaultValueIsObservable;
       this.readOnlyObjectGraph = new WeakMap();
       this.reactiveObjectGraph = new WeakMap();
-
-      if (!isUndefined(options)) {
-        var _valueDistortion = options.valueDistortion,
-            _valueMutated = options.valueMutated,
-            _valueObserved = options.valueObserved,
-            valueIsObservable = options.valueIsObservable,
-            tagPropertyKey = options.tagPropertyKey;
-        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;
-      }
+      var valueMutated = options.valueMutated,
+          valueObserved = options.valueObserved,
+          valueIsObservable = options.valueIsObservable,
+          tagPropertyKey = options.tagPropertyKey;
+      this.valueMutated = isFunction(valueMutated) ? valueMutated : defaultValueMutated;
+      this.valueObserved = isFunction(valueObserved) ? valueObserved : defaultValueObserved;
+      this.valueIsObservable = isFunction(valueIsObservable) ? valueIsObservable : defaultValueIsObservable;
+      this.tagPropertyKey = tagPropertyKey;
     }
 
-    _createClass(ReactiveMembrane, [{
+    _createClass(ObservableMembrane, [{
       key: "getProxy",
       value: function getProxy(value) {
         var unwrappedValue = unwrap$1(value);
-        var 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;
       }
     }, {
       key: "getReadOnlyProxy",
       value: function getReadOnlyProxy(value) {
         value = unwrap$1(value);
-        var 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;
       }
     }, {
       key: "unwrapProxy",
@@ -2676,39 +2660,39 @@
       }
     }, {
       key: "getReactiveHandler",
-      value: function getReactiveHandler(value, distortedValue) {
-        var proxy = this.reactiveObjectGraph.get(distortedValue);
+      value: function getReactiveHandler(value) {
+        var proxy = this.reactiveObjectGraph.get(value);
 
         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);
+          var 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;
       }
     }, {
       key: "getReadOnlyHandler",
-      value: function getReadOnlyHandler(value, distortedValue) {
-        var proxy = this.readOnlyObjectGraph.get(distortedValue);
+      value: function getReadOnlyHandler(value) {
+        var proxy = this.readOnlyObjectGraph.get(value);
 
         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);
+          var 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;
       }
     }]);
 
-    return ReactiveMembrane;
+    return ObservableMembrane;
   }();
-  /** version: 1.1.5 */
+  /** version: 2.0.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -2719,15 +2703,9 @@
 
 
   var lockerLivePropertyKey = Symbol.for('@@lockerLiveValue');
-
-  function valueDistortion(value) {
-    return value;
-  }
-
-  var reactiveMembrane = new ReactiveMembrane({
+  var reactiveMembrane = new ObservableMembrane({
     valueObserved: valueObserved,
     valueMutated: valueMutated,
-    valueDistortion: valueDistortion,
     tagPropertyKey: lockerLivePropertyKey
   });
   /**
@@ -2736,16 +2714,9 @@
    * change or being removed.
    */
 
-  var unwrap = function unwrap(value) {
-    var 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.
@@ -5845,6 +5816,7 @@
 
   function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
     var content = [];
+    var root;
 
     for (var _i16 = 0; _i16 < stylesheets.length; _i16++) {
       var stylesheet = stylesheets[_i16];
@@ -5857,23 +5829,46 @@
           // 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));
       }
     }
 
@@ -5895,14 +5890,12 @@
   // 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;
       }
@@ -5913,6 +5906,20 @@
     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,
@@ -7582,7 +7589,7 @@
     hooksAreSet = true;
     setSanitizeHtmlContentHook(hooks.sanitizeHtmlContent);
   }
-  /* version: 2.5.10 */
+  /* version: 2.6.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8235,7 +8242,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.5.10 */
+  /* version: 2.6.1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;