lwc 2.19.0 → 2.20.1

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

@@ -234,6 +234,9 @@ var LWC = (function (exports) {
   const KEY__SHADOW_TOKEN = '$shadowToken$';
   const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
   const KEY__SCOPED_CSS = '$scoped$';
+  const XML_NAMESPACE = 'http://www.w3.org/XML/1998/namespace';
+  const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+  const XLINK_NAMESPACE = 'http://www.w3.org/1999/xlink';
   /**
    * Map composed of properties to attributes not following the HTML property to attribute mapping
    * convention.
@@ -288,10 +291,7 @@ var LWC = (function (exports) {
       CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
       return attributeName;
   }
-  const XML_NAMESPACE = 'http://www.w3.org/XML/1998/namespace';
-  const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
-  const XLINK_NAMESPACE = 'http://www.w3.org/1999/xlink';
-  /** version: 2.19.0 */
+  /** version: 2.20.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5210,7 +5210,7 @@ var LWC = (function (exports) {
       }
       return ctor;
   }
-  /* version: 2.19.0 */
+  /* version: 2.20.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5234,9 +5234,6 @@ var LWC = (function (exports) {
   // Detect IE, via https://stackoverflow.com/a/9851769
   const isIE11 = !isUndefined$1(document.documentMode);
   const stylesheetCache = new Map();
-  function isDocument(target) {
-      return !isUndefined$1(target.head);
-  }
   function createFreshStyleElement(content) {
       const elm = document.createElement('style');
       elm.type = 'text/css';
@@ -5244,10 +5241,10 @@ var LWC = (function (exports) {
       return elm;
   }
   function createStyleElement(content, cacheData) {
-      const { stylesheet, used } = cacheData;
+      const { element, usedElement } = cacheData;
       // If the <style> was already used, then we should clone it. We cannot insert
       // the same <style> in two places in the DOM.
-      if (used) {
+      if (usedElement) {
           // For a mysterious reason, IE11 doesn't like the way we clone <style> nodes
           // and will render the incorrect styles if we do things that way. It's just
           // a perf optimization, so we can skip it for IE11.
@@ -5256,11 +5253,11 @@ var LWC = (function (exports) {
           }
           // This `<style>` may be repeated multiple times in the DOM, so cache it. It's a bit
           // faster to call `cloneNode()` on an existing node than to recreate it every time.
-          return stylesheet.cloneNode(true);
+          return element.cloneNode(true);
       }
       // We don't clone every time, because that would be a perf tax on the first time
-      cacheData.used = true;
-      return stylesheet;
+      cacheData.usedElement = true;
+      return element;
   }
   function createConstructableStylesheet(content) {
       const stylesheet = new CSSStyleSheet();
@@ -5281,47 +5278,42 @@ var LWC = (function (exports) {
   }
   function insertStyleElement(content, target, cacheData) {
       const elm = createStyleElement(content, cacheData);
-      const targetAnchorPoint = isDocument(target) ? target.head : target;
-      targetAnchorPoint.appendChild(elm);
-  }
-  function doInsertStylesheet(content, target, cacheData) {
-      // Constructable stylesheets are only supported in certain browsers:
-      // https://caniuse.com/mdn-api_document_adoptedstylesheets
-      // The reason we use it is for perf: https://github.com/salesforce/lwc/pull/2460
-      if (supportsConstructableStylesheets) {
-          insertConstructableStylesheet(content, target, cacheData);
-      }
-      else {
-          // Fall back to <style> element
-          insertStyleElement(content, target, cacheData);
-      }
+      target.appendChild(elm);
   }
-  function getCacheData(content) {
+  function getCacheData(content, useConstructableStylesheet) {
       let cacheData = stylesheetCache.get(content);
       if (isUndefined$1(cacheData)) {
           cacheData = {
-              stylesheet: supportsConstructableStylesheets
-                  ? createConstructableStylesheet(content)
-                  : createFreshStyleElement(content),
+              stylesheet: undefined,
+              element: undefined,
               roots: undefined,
               global: false,
-              used: false,
+              usedElement: false,
           };
           stylesheetCache.set(content, cacheData);
       }
+      // Create <style> elements or CSSStyleSheets on-demand, as needed
+      if (useConstructableStylesheet && isUndefined$1(cacheData.stylesheet)) {
+          cacheData.stylesheet = createConstructableStylesheet(content);
+      }
+      else if (!useConstructableStylesheet && isUndefined$1(cacheData.element)) {
+          cacheData.element = createFreshStyleElement(content);
+      }
       return cacheData;
   }
   function insertGlobalStylesheet(content) {
-      const cacheData = getCacheData(content);
+      // Force a <style> element for global stylesheets. See comment below.
+      const cacheData = getCacheData(content, false);
       if (cacheData.global) {
           // already inserted
           return;
       }
       cacheData.global = true; // mark inserted
-      doInsertStylesheet(content, document, cacheData);
+      // TODO [#2922]: use document.adoptedStyleSheets in supported browsers. Currently we can't, due to backwards compat.
+      insertStyleElement(content, document.head, cacheData);
   }
   function insertLocalStylesheet(content, target) {
-      const cacheData = getCacheData(content);
+      const cacheData = getCacheData(content, supportsConstructableStylesheets);
       let { roots } = cacheData;
       if (isUndefined$1(roots)) {
           roots = cacheData.roots = new WeakSet(); // lazily initialize (not needed for global styles)
@@ -5331,7 +5323,16 @@ var LWC = (function (exports) {
           return;
       }
       roots.add(target); // mark inserted
-      doInsertStylesheet(content, target, cacheData);
+      // Constructable stylesheets are only supported in certain browsers:
+      // https://caniuse.com/mdn-api_document_adoptedstylesheets
+      // The reason we use it is for perf: https://github.com/salesforce/lwc/pull/2460
+      if (supportsConstructableStylesheets) {
+          insertConstructableStylesheet(content, target, cacheData);
+      }
+      else {
+          // Fall back to <style> element
+          insertStyleElement(content, target, cacheData);
+      }
   }
   function insertStylesheet(content, target) {
       if (isUndefined$1(target)) {
@@ -5866,7 +5867,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.19.0 */
+  /* version: 2.20.1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;

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

@@ -305,6 +305,9 @@ var LWC = (function (exports) {
   var KEY__SHADOW_TOKEN = '$shadowToken$';
   var KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
   var KEY__SCOPED_CSS = '$scoped$';
+  var XML_NAMESPACE = 'http://www.w3.org/XML/1998/namespace';
+  var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+  var XLINK_NAMESPACE = 'http://www.w3.org/1999/xlink';
   /**
    * Map composed of properties to attributes not following the HTML property to attribute mapping
    * convention.
@@ -353,10 +356,6 @@ var LWC = (function (exports) {
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-
-  var XML_NAMESPACE = 'http://www.w3.org/XML/1998/namespace';
-  var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
-  var XLINK_NAMESPACE = 'http://www.w3.org/1999/xlink';
   /*
    * Copyright (c) 2018, salesforce.com, inc.
    * All rights reserved.
@@ -365,9 +364,10 @@ var LWC = (function (exports) {
    */
   // Increment whenever the LWC template compiler changes
 
-  var LWC_VERSION = "2.19.0";
+
+  var LWC_VERSION = "2.20.1";
   var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.19.0 */
+  /** version: 2.20.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -546,7 +546,7 @@ var LWC = (function (exports) {
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.19.0 */
+  /** version: 2.20.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8268,7 +8268,7 @@ var LWC = (function (exports) {
 
     return ctor;
   }
-  /* version: 2.19.0 */
+  /* version: 2.20.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -8303,10 +8303,6 @@ var LWC = (function (exports) {
     };
   }
 
-  function isDocument(target) {
-    return !isUndefined$1(target.head);
-  }
-
   function createFreshStyleElement(content) {
     var elm = document.createElement('style');
     elm.type = 'text/css';
@@ -8315,11 +8311,11 @@ var LWC = (function (exports) {
   }
 
   function createStyleElement(content, cacheData) {
-    var stylesheet = cacheData.stylesheet,
-        used = cacheData.used; // If the <style> was already used, then we should clone it. We cannot insert
+    var element = cacheData.element,
+        usedElement = cacheData.usedElement; // If the <style> was already used, then we should clone it. We cannot insert
     // the same <style> in two places in the DOM.
 
-    if (used) {
+    if (usedElement) {
       // For a mysterious reason, IE11 doesn't like the way we clone <style> nodes
       // and will render the incorrect styles if we do things that way. It's just
       // a perf optimization, so we can skip it for IE11.
@@ -8329,12 +8325,12 @@ var LWC = (function (exports) {
       // faster to call `cloneNode()` on an existing node than to recreate it every time.
 
 
-      return stylesheet.cloneNode(true);
+      return element.cloneNode(true);
     } // We don't clone every time, because that would be a perf tax on the first time
 
 
-    cacheData.used = true;
-    return stylesheet;
+    cacheData.usedElement = true;
+    return element;
   }
 
   function createConstructableStylesheet(content) {
@@ -8357,40 +8353,36 @@ var LWC = (function (exports) {
 
   function insertStyleElement(content, target, cacheData) {
     var elm = createStyleElement(content, cacheData);
-    var targetAnchorPoint = isDocument(target) ? target.head : target;
-    targetAnchorPoint.appendChild(elm);
-  }
-
-  function doInsertStylesheet(content, target, cacheData) {
-    // Constructable stylesheets are only supported in certain browsers:
-    // https://caniuse.com/mdn-api_document_adoptedstylesheets
-    // The reason we use it is for perf: https://github.com/salesforce/lwc/pull/2460
-    if (supportsConstructableStylesheets) {
-      insertConstructableStylesheet(content, target, cacheData);
-    } else {
-      // Fall back to <style> element
-      insertStyleElement(content, target, cacheData);
-    }
+    target.appendChild(elm);
   }
 
-  function getCacheData(content) {
+  function getCacheData(content, useConstructableStylesheet) {
     var cacheData = stylesheetCache.get(content);
 
     if (isUndefined$1(cacheData)) {
       cacheData = {
-        stylesheet: supportsConstructableStylesheets ? createConstructableStylesheet(content) : createFreshStyleElement(content),
+        stylesheet: undefined,
+        element: undefined,
         roots: undefined,
         global: false,
-        used: false
+        usedElement: false
       };
       stylesheetCache.set(content, cacheData);
+    } // Create <style> elements or CSSStyleSheets on-demand, as needed
+
+
+    if (useConstructableStylesheet && isUndefined$1(cacheData.stylesheet)) {
+      cacheData.stylesheet = createConstructableStylesheet(content);
+    } else if (!useConstructableStylesheet && isUndefined$1(cacheData.element)) {
+      cacheData.element = createFreshStyleElement(content);
     }
 
     return cacheData;
   }
 
   function insertGlobalStylesheet(content) {
-    var cacheData = getCacheData(content);
+    // Force a <style> element for global stylesheets. See comment below.
+    var cacheData = getCacheData(content, false);
 
     if (cacheData.global) {
       // already inserted
@@ -8398,12 +8390,13 @@ var LWC = (function (exports) {
     }
 
     cacheData.global = true; // mark inserted
+    // TODO [#2922]: use document.adoptedStyleSheets in supported browsers. Currently we can't, due to backwards compat.
 
-    doInsertStylesheet(content, document, cacheData);
+    insertStyleElement(content, document.head, cacheData);
   }
 
   function insertLocalStylesheet(content, target) {
-    var cacheData = getCacheData(content);
+    var cacheData = getCacheData(content, supportsConstructableStylesheets);
     var roots = cacheData.roots;
 
     if (isUndefined$1(roots)) {
@@ -8414,8 +8407,16 @@ var LWC = (function (exports) {
     }
 
     roots.add(target); // mark inserted
+    // Constructable stylesheets are only supported in certain browsers:
+    // https://caniuse.com/mdn-api_document_adoptedstylesheets
+    // The reason we use it is for perf: https://github.com/salesforce/lwc/pull/2460
 
-    doInsertStylesheet(content, target, cacheData);
+    if (supportsConstructableStylesheets) {
+      insertConstructableStylesheet(content, target, cacheData);
+    } else {
+      // Fall back to <style> element
+      insertStyleElement(content, target, cacheData);
+    }
   }
 
   function insertStylesheet(content, target) {
@@ -9088,7 +9089,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.19.0 */
+  /* version: 2.20.1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;