lwc 2.21.0 → 2.21.1

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

@@ -291,7 +291,7 @@ var LWC = (function (exports) {
       CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
       return attributeName;
   }
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -2811,10 +2811,10 @@ var LWC = (function (exports) {
       const { sel, owner, data: { svg }, } = vnode;
       const { createElement } = renderer;
       const namespace = isTrue(svg) ? SVG_NAMESPACE : undefined;
-      const elm = createElement(sel, namespace);
+      const elm = (vnode.elm = createElement(sel, namespace));
       linkNodeToShadow(elm, owner, renderer);
-      fallbackElmHook(elm, vnode, renderer);
-      vnode.elm = elm;
+      applyStyleScoping(elm, owner, renderer);
+      applyDomManual(elm, vnode);
       patchElementPropsAndAttrs$1(null, vnode, renderer);
       insertNode(elm, parent, anchor, renderer);
       mountVNodes(vnode.children, elm, renderer, null);
@@ -2852,9 +2852,10 @@ var LWC = (function (exports) {
           // the custom element from the registry is expecting an upgrade callback
           vm = createViewModelHook(elm, vnode, renderer);
       });
-      linkNodeToShadow(elm, owner, renderer);
       vnode.elm = elm;
       vnode.vm = vm;
+      linkNodeToShadow(elm, owner, renderer);
+      applyStyleScoping(elm, owner, renderer);
       if (vm) {
           allocateChildren(vnode, vm);
       }
@@ -2935,22 +2936,6 @@ var LWC = (function (exports) {
   function isVNode(vnode) {
       return vnode != null;
   }
-  function observeElementChildNodes(elm) {
-      elm.$domManual$ = true;
-  }
-  function setElementShadowToken(elm, token) {
-      elm.$shadowToken$ = token;
-  }
-  // Set the scope token class for *.scoped.css styles
-  function setScopeTokenClassIfNecessary(elm, owner, renderer) {
-      const token = getScopeTokenClass(owner);
-      if (!isNull(token)) {
-          const { getClassList } = renderer;
-          // TODO [#2762]: this dot notation with add is probably problematic
-          // probably we should have a renderer api for just the add operation
-          getClassList(elm).add(token);
-      }
-  }
   function linkNodeToShadow(elm, owner, renderer) {
       const { renderRoot, renderMode, shadowMode } = owner;
       const { isSyntheticShadowDefined } = renderer;
@@ -2985,23 +2970,26 @@ var LWC = (function (exports) {
       patchAttributes(oldVnode, vnode, renderer);
       patchProps(oldVnode, vnode, renderer);
   }
-  function fallbackElmHook(elm, vnode, renderer) {
-      const { owner } = vnode;
-      setScopeTokenClassIfNecessary(elm, owner, renderer);
-      if (owner.shadowMode === 1 /* ShadowMode.Synthetic */) {
-          const { data: { context }, } = vnode;
-          const { stylesheetToken } = owner.context;
-          if (!isUndefined$1(context) &&
-              !isUndefined$1(context.lwc) &&
-              context.lwc.dom === "manual" /* LwcDomMode.Manual */) {
-              // this element will now accept any manual content inserted into it
-              observeElementChildNodes(elm);
-          }
-          if (!isUndefined$1(stylesheetToken)) {
-              // when running in synthetic shadow mode, we need to set the shadowToken value
-              // into each element from the template, so they can be styled accordingly.
-              setElementShadowToken(elm, stylesheetToken);
-          }
+  function applyStyleScoping(elm, owner, renderer) {
+      // Set the class name for `*.scoped.css` style scoping.
+      const scopeToken = getScopeTokenClass(owner);
+      if (!isNull(scopeToken)) {
+          const { getClassList } = renderer;
+          // TODO [#2762]: this dot notation with add is probably problematic
+          // probably we should have a renderer api for just the add operation
+          getClassList(elm).add(scopeToken);
+      }
+      // Set property element for synthetic shadow DOM style scoping.
+      const { stylesheetToken: syntheticToken } = owner.context;
+      if (owner.shadowMode === 1 /* ShadowMode.Synthetic */ && !isUndefined$1(syntheticToken)) {
+          elm.$shadowToken$ = syntheticToken;
+      }
+  }
+  function applyDomManual(elm, vnode) {
+      var _a;
+      const { owner, data: { context }, } = vnode;
+      if (owner.shadowMode === 1 /* ShadowMode.Synthetic */ && ((_a = context === null || context === void 0 ? void 0 : context.lwc) === null || _a === void 0 ? void 0 : _a.dom) === "manual" /* LwcDomMode.Manual */) {
+          elm.$domManual$ = true;
       }
   }
   function allocateChildren(vnode, vm) {
@@ -3036,15 +3024,6 @@ var LWC = (function (exports) {
           return vm;
       }
       const { sel, mode, ctor, owner } = vnode;
-      setScopeTokenClassIfNecessary(elm, owner, renderer);
-      if (owner.shadowMode === 1 /* ShadowMode.Synthetic */) {
-          const { stylesheetToken } = owner.context;
-          // when running in synthetic shadow mode, we need to set the shadowToken value
-          // into each element from the template, so they can be styled accordingly.
-          if (!isUndefined$1(stylesheetToken)) {
-              setElementShadowToken(elm, stylesheetToken);
-          }
-      }
       vm = createVM(elm, ctor, renderer, {
           mode,
           owner,
@@ -5234,7 +5213,7 @@ var LWC = (function (exports) {
       }
       return ctor;
   }
-  /* version: 2.21.0 */
+  /* version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5899,7 +5878,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.21.0 */
+  /* version: 2.21.1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;

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

@@ -365,9 +365,9 @@ var LWC = (function (exports) {
   // Increment whenever the LWC template compiler changes
 
 
-  var LWC_VERSION = "2.21.0";
+  var LWC_VERSION = "2.21.1";
   var LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -546,7 +546,7 @@ var LWC = (function (exports) {
       setFeatureFlag(name, value);
     }
   }
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4852,10 +4852,11 @@ var LWC = (function (exports) {
         svg = vnode.data.svg;
     var createElement = renderer.createElement;
     var namespace = isTrue(svg) ? SVG_NAMESPACE : undefined;
-    var elm = createElement(sel, namespace);
+    var elm = vnode.elm = createElement(sel, namespace);
     linkNodeToShadow(elm, owner, renderer);
-    fallbackElmHook(elm, vnode, renderer);
-    vnode.elm = elm;
+    applyStyleScoping(elm, owner, renderer);
+    applyDomManual(elm, vnode);
+    applyElementRestrictions(elm, vnode);
     patchElementPropsAndAttrs$1(null, vnode, renderer);
     insertNode(elm, parent, anchor, renderer);
     mountVNodes(vnode.children, elm, renderer, null);
@@ -4872,7 +4873,8 @@ var LWC = (function (exports) {
     var cloneNode = renderer.cloneNode,
         isSyntheticShadowDefined = renderer.isSyntheticShadowDefined;
     var elm = vnode.elm = cloneNode(vnode.fragment, true);
-    linkNodeToShadow(elm, owner, renderer); // Marks this node as Static to propagate the shadow resolver. must happen after elm is assigned to the proper shadow
+    linkNodeToShadow(elm, owner, renderer);
+    applyElementRestrictions(elm, vnode); // Marks this node as Static to propagate the shadow resolver. must happen after elm is assigned to the proper shadow
 
     var renderMode = owner.renderMode,
         shadowMode = owner.shadowMode;
@@ -4887,16 +4889,6 @@ var LWC = (function (exports) {
       }
     }
 
-    if (process.env.NODE_ENV !== 'production') {
-      var isLight = renderMode === 0
-      /* RenderMode.Light */
-      ;
-      patchElementWithRestrictions(elm, {
-        isPortal: false,
-        isLight: isLight
-      });
-    }
-
     insertNode(elm, parent, anchor, renderer);
   }
 
@@ -4916,9 +4908,10 @@ var LWC = (function (exports) {
       // the custom element from the registry is expecting an upgrade callback
       vm = createViewModelHook(elm, vnode, renderer);
     });
-    linkNodeToShadow(elm, owner, renderer);
     vnode.elm = elm;
     vnode.vm = vm;
+    linkNodeToShadow(elm, owner, renderer);
+    applyStyleScoping(elm, owner, renderer);
 
     if (vm) {
       allocateChildren(vnode, vm);
@@ -5040,26 +5033,6 @@ var LWC = (function (exports) {
     return vnode != null;
   }
 
-  function observeElementChildNodes(elm) {
-    elm.$domManual$ = true;
-  }
-
-  function setElementShadowToken(elm, token) {
-    elm.$shadowToken$ = token;
-  } // Set the scope token class for *.scoped.css styles
-
-
-  function setScopeTokenClassIfNecessary(elm, owner, renderer) {
-    var token = getScopeTokenClass(owner);
-
-    if (!isNull(token)) {
-      var _getClassList = renderer.getClassList; // TODO [#2762]: this dot notation with add is probably problematic
-      // probably we should have a renderer api for just the add operation
-
-      _getClassList(elm).add(token);
-    }
-  }
-
   function linkNodeToShadow(elm, owner, renderer) {
     var renderRoot = owner.renderRoot,
         renderMode = owner.renderMode,
@@ -5132,36 +5105,52 @@ var LWC = (function (exports) {
     patchProps(oldVnode, vnode, renderer);
   }
 
-  function fallbackElmHook(elm, vnode, renderer) {
-    var owner = vnode.owner;
-    setScopeTokenClassIfNecessary(elm, owner, renderer);
+  function applyStyleScoping(elm, owner, renderer) {
+    // Set the class name for `*.scoped.css` style scoping.
+    var scopeToken = getScopeTokenClass(owner);
+
+    if (!isNull(scopeToken)) {
+      var _getClassList = renderer.getClassList; // TODO [#2762]: this dot notation with add is probably problematic
+      // probably we should have a renderer api for just the add operation
+
+      _getClassList(elm).add(scopeToken);
+    } // Set property element for synthetic shadow DOM style scoping.
+
+
+    var syntheticToken = owner.context.stylesheetToken;
 
     if (owner.shadowMode === 1
     /* ShadowMode.Synthetic */
-    ) {
-      var context = vnode.data.context;
-      var stylesheetToken = owner.context.stylesheetToken;
+    && !isUndefined$1(syntheticToken)) {
+      elm.$shadowToken$ = syntheticToken;
+    }
+  }
 
-      if (!isUndefined$1(context) && !isUndefined$1(context.lwc) && context.lwc.dom === "manual"
-      /* LwcDomMode.Manual */
-      ) {
-        // this element will now accept any manual content inserted into it
-        observeElementChildNodes(elm);
-      }
+  function applyDomManual(elm, vnode) {
+    var _a;
 
-      if (!isUndefined$1(stylesheetToken)) {
-        // when running in synthetic shadow mode, we need to set the shadowToken value
-        // into each element from the template, so they can be styled accordingly.
-        setElementShadowToken(elm, stylesheetToken);
-      }
+    var owner = vnode.owner,
+        context = vnode.data.context;
+
+    if (owner.shadowMode === 1
+    /* ShadowMode.Synthetic */
+    && ((_a = context === null || context === void 0 ? void 0 : context.lwc) === null || _a === void 0 ? void 0 : _a.dom) === "manual"
+    /* LwcDomMode.Manual */
+    ) {
+      elm.$domManual$ = true;
     }
+  }
+
+  function applyElementRestrictions(elm, vnode) {
+    var _a, _b;
 
     if (process.env.NODE_ENV !== 'production') {
-      var _context = vnode.data.context;
-      var isPortal = !isUndefined$1(_context) && !isUndefined$1(_context.lwc) && _context.lwc.dom === "manual"
+      var isPortal = vnode.type === 2
+      /* VNodeType.Element */
+      && ((_b = (_a = vnode.data.context) === null || _a === void 0 ? void 0 : _a.lwc) === null || _b === void 0 ? void 0 : _b.dom) === "manual"
       /* LwcDomMode.Manual */
       ;
-      var isLight = owner.renderMode === 0
+      var isLight = vnode.owner.renderMode === 0
       /* RenderMode.Light */
       ;
       patchElementWithRestrictions(elm, {
@@ -5214,19 +5203,6 @@ var LWC = (function (exports) {
         mode = vnode.mode,
         ctor = vnode.ctor,
         owner = vnode.owner;
-    setScopeTokenClassIfNecessary(elm, owner, renderer);
-
-    if (owner.shadowMode === 1
-    /* ShadowMode.Synthetic */
-    ) {
-      var stylesheetToken = owner.context.stylesheetToken; // when running in synthetic shadow mode, we need to set the shadowToken value
-      // into each element from the template, so they can be styled accordingly.
-
-      if (!isUndefined$1(stylesheetToken)) {
-        setElementShadowToken(elm, stylesheetToken);
-      }
-    }
-
     vm = createVM(elm, ctor, renderer, {
       mode: mode,
       owner: owner,
@@ -8294,7 +8270,7 @@ var LWC = (function (exports) {
 
     return ctor;
   }
-  /* version: 2.21.0 */
+  /* version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -9123,7 +9099,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.21.0 */
+  /* version: 2.21.1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;