lwc 2.20.3 → 2.21.1

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

@@ -349,7 +349,7 @@
     CACHED_PROPERTY_ATTRIBUTE_MAPPING.set(propName, attributeName);
     return attributeName;
   }
-  /** version: 2.20.3 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -3624,10 +3624,10 @@
         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);
     patchElementPropsAndAttrs$1(null, vnode, renderer);
     insertNode(elm, parent, anchor, renderer);
     mountVNodes(vnode.children, elm, renderer, null);
@@ -3644,7 +3644,7 @@
     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);
 
     var renderMode = owner.renderMode,
         shadowMode = owner.shadowMode;
@@ -3678,9 +3678,10 @@
       // 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);
@@ -3797,26 +3798,6 @@
     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,
@@ -3867,28 +3848,39 @@
     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;
     }
   }
 
@@ -3935,19 +3927,6 @@
         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,
@@ -6485,7 +6464,7 @@
 
     return ctor;
   }
-  /* version: 2.20.3 */
+  /* version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7292,7 +7271,7 @@
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.20.3 */
+  /* version: 2.21.1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;