lwc 2.20.3 → 2.21.1

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

@@ -299,9 +299,9 @@ function htmlPropertyToAttribute(propName) {
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 // Increment whenever the LWC template compiler changes
-const LWC_VERSION = "2.20.3";
+const LWC_VERSION = "2.21.1";
 const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-/** version: 2.20.3 */
+/** version: 2.21.1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -455,7 +455,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.20.3 */
+/** version: 2.21.1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -3897,10 +3897,11 @@ function mountElement(vnode, parent, anchor, renderer) {
     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);
+    applyElementRestrictions(elm, vnode);
     patchElementPropsAndAttrs$1(null, vnode, renderer);
     insertNode(elm, parent, anchor, renderer);
     mountVNodes(vnode.children, elm, renderer, null);
@@ -3915,6 +3916,7 @@ function mountStatic(vnode, parent, anchor, renderer) {
     const { cloneNode, isSyntheticShadowDefined } = renderer;
     const elm = (vnode.elm = cloneNode(vnode.fragment, true));
     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
     const { renderMode, shadowMode } = owner;
     if (isSyntheticShadowDefined) {
@@ -3922,10 +3924,6 @@ function mountStatic(vnode, parent, anchor, renderer) {
             elm[KEY__SHADOW_STATIC] = true;
         }
     }
-    if (process.env.NODE_ENV !== 'production') {
-        const isLight = renderMode === 0 /* RenderMode.Light */;
-        patchElementWithRestrictions(elm, { isPortal: false, isLight });
-    }
     insertNode(elm, parent, anchor, renderer);
 }
 function mountCustomElement(vnode, parent, anchor, renderer) {
@@ -3942,9 +3940,10 @@ function mountCustomElement(vnode, parent, anchor, renderer) {
         // 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);
     }
@@ -4028,22 +4027,6 @@ function unmountVNodes(vnodes, parent, renderer, doRemove = false, start = 0, en
 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;
@@ -4096,31 +4079,37 @@ function patchElementPropsAndAttrs$1(oldVnode, vnode, renderer) {
     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 applyElementRestrictions(elm, vnode) {
+    var _a, _b;
     if (process.env.NODE_ENV !== 'production') {
-        const { data: { context }, } = vnode;
-        const isPortal = !isUndefined$1(context) &&
-            !isUndefined$1(context.lwc) &&
-            context.lwc.dom === "manual" /* LwcDomMode.Manual */;
-        const isLight = owner.renderMode === 0 /* RenderMode.Light */;
-        patchElementWithRestrictions(elm, { isPortal, isLight });
+        const 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 */;
+        const isLight = vnode.owner.renderMode === 0 /* RenderMode.Light */;
+        patchElementWithRestrictions(elm, {
+            isPortal,
+            isLight,
+        });
     }
 }
 function allocateChildren(vnode, vm) {
@@ -4155,15 +4144,6 @@ function createViewModelHook(elm, vnode, renderer) {
         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,
@@ -6835,7 +6815,7 @@ function getComponentConstructor(elm) {
     }
     return ctor;
 }
-/* version: 2.20.3 */
+/* version: 2.21.1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -7523,6 +7503,6 @@ defineProperty(LightningElement, 'CustomElementConstructor', {
 });
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.20.3 */
+/* version: 2.21.1 */
 
 export { LightningElement, profilerControl as __unstable__ProfilerControl, api$1 as api, deprecatedBuildCustomElementConstructor as buildCustomElementConstructor, createContextProvider, createElement, freezeTemplate, getComponentConstructor, getComponentDef, hydrateComponent, isComponentConstructor, isNodeShadowed as isNodeFromTemplate, parseFragment, parseSVGFragment, readonly, register, registerComponent, registerDecorators, registerTemplate, renderer, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };

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

@@ -302,9 +302,9 @@ var LWC = (function (exports) {
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // Increment whenever the LWC template compiler changes
-  const LWC_VERSION = "2.20.3";
+  const LWC_VERSION = "2.21.1";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.20.3 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -458,7 +458,7 @@ var LWC = (function (exports) {
           setFeatureFlag(name, value);
       }
   }
-  /** version: 2.20.3 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -3900,10 +3900,11 @@ 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);
+      applyElementRestrictions(elm, vnode);
       patchElementPropsAndAttrs$1(null, vnode, renderer);
       insertNode(elm, parent, anchor, renderer);
       mountVNodes(vnode.children, elm, renderer, null);
@@ -3918,6 +3919,7 @@ var LWC = (function (exports) {
       const { cloneNode, isSyntheticShadowDefined } = renderer;
       const elm = (vnode.elm = cloneNode(vnode.fragment, true));
       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
       const { renderMode, shadowMode } = owner;
       if (isSyntheticShadowDefined) {
@@ -3925,10 +3927,6 @@ var LWC = (function (exports) {
               elm[KEY__SHADOW_STATIC] = true;
           }
       }
-      if (process.env.NODE_ENV !== 'production') {
-          const isLight = renderMode === 0 /* RenderMode.Light */;
-          patchElementWithRestrictions(elm, { isPortal: false, isLight });
-      }
       insertNode(elm, parent, anchor, renderer);
   }
   function mountCustomElement(vnode, parent, anchor, renderer) {
@@ -3945,9 +3943,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);
       }
@@ -4031,22 +4030,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;
@@ -4099,31 +4082,37 @@ 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 applyElementRestrictions(elm, vnode) {
+      var _a, _b;
       if (process.env.NODE_ENV !== 'production') {
-          const { data: { context }, } = vnode;
-          const isPortal = !isUndefined$1(context) &&
-              !isUndefined$1(context.lwc) &&
-              context.lwc.dom === "manual" /* LwcDomMode.Manual */;
-          const isLight = owner.renderMode === 0 /* RenderMode.Light */;
-          patchElementWithRestrictions(elm, { isPortal, isLight });
+          const 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 */;
+          const isLight = vnode.owner.renderMode === 0 /* RenderMode.Light */;
+          patchElementWithRestrictions(elm, {
+              isPortal,
+              isLight,
+          });
       }
   }
   function allocateChildren(vnode, vm) {
@@ -4158,15 +4147,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,
@@ -6838,7 +6818,7 @@ var LWC = (function (exports) {
       }
       return ctor;
   }
-  /* version: 2.20.3 */
+  /* version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7526,7 +7506,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.20.3 */
+  /* version: 2.21.1 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;