lwc 2.21.0 → 2.21.1

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

@@ -415,9 +415,9 @@ function htmlEscape(str, attrMode = false) {
  * 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.21.0";
+const LWC_VERSION = "2.21.1";
 const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-/** version: 2.21.0 */
+/** version: 2.21.1 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -526,7 +526,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.21.0 */
+/** version: 2.21.1 */
 
 /* proxy-compat-disable */
 
@@ -3792,10 +3792,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);
@@ -3810,6 +3811,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) {
@@ -3817,10 +3819,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) {
@@ -3837,9 +3835,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);
     }
@@ -3923,22 +3922,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;
@@ -3991,31 +3974,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) {
@@ -4050,15 +4039,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,
@@ -6277,7 +6257,7 @@ function freezeTemplate(tmpl) {
         });
     }
 }
-/* version: 2.21.0 */
+/* version: 2.21.1 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -6753,6 +6733,6 @@ function renderComponent(tagName, Ctor, props = {}) {
  */
 freeze(LightningElement);
 seal(LightningElement.prototype);
-/* version: 2.21.0 */
+/* version: 2.21.1 */
 
 export { LightningElement, api$1 as api, createContextProvider, freezeTemplate, getComponentDef, isComponentConstructor, parseFragment, parseFragment as parseSVGFragment, readonly, register, registerComponent, registerDecorators, registerTemplate, renderComponent, renderer, sanitizeAttribute, setFeatureFlag, setFeatureFlagForTest, setHooks, track, unwrap, wire };

package/dist/synthetic-shadow/esm/es2017/synthetic-shadow.js

@@ -148,7 +148,7 @@ const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
 // We use this to detect symbol support in order to avoid the expensive symbol polyfill. Note that
 // we can't use typeof since it will fail when transpiling.
 const hasNativeSymbolSupport = /*@__PURE__*/ (() => Symbol('x').toString() === 'Symbol(x)')();
-/** version: 2.21.0 */
+/** version: 2.21.1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -1124,7 +1124,7 @@ if (!_globalThis.lwcRuntimeFlags) {
     Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
 }
 const runtimeFlags = _globalThis.lwcRuntimeFlags;
-/** version: 2.21.0 */
+/** version: 2.21.1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -5111,4 +5111,4 @@ if (process.env.NODE_ENV !== 'production' && typeof __karma__ !== 'undefined') {
     }));
   });
 }
-/** version: 2.21.0 */
+/** version: 2.21.1 */

package/dist/synthetic-shadow/iife/es2017/synthetic-shadow.js

@@ -151,7 +151,7 @@
   // We use this to detect symbol support in order to avoid the expensive symbol polyfill. Note that
   // we can't use typeof since it will fail when transpiling.
   const hasNativeSymbolSupport = /*@__PURE__*/ (() => Symbol('x').toString() === 'Symbol(x)')();
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1127,7 +1127,7 @@
       Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
   }
   const runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5114,6 +5114,6 @@
       }));
     });
   }
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
 })();

package/dist/synthetic-shadow/iife/es2017/synthetic-shadow_debug.js

@@ -87,7 +87,7 @@
   const KEY__SHADOW_TOKEN = '$shadowToken$';
   const KEY__SHADOW_TOKEN_PRIVATE = '$$ShadowTokenKey$$';
   const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1049,7 +1049,7 @@
       Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
   }
   const runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4911,6 +4911,6 @@
       },
       configurable: true,
   });
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
 })();

package/dist/synthetic-shadow/iife/es5/synthetic-shadow.js

@@ -199,7 +199,7 @@
   var hasNativeSymbolSupport = /*@__PURE__*/function () {
     return Symbol('x').toString() === 'Symbol(x)';
   }();
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1300,7 +1300,7 @@
   }
 
   var runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5661,6 +5661,6 @@
       }));
     });
   }
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
 })();

package/dist/synthetic-shadow/iife/es5/synthetic-shadow_debug.js

@@ -123,7 +123,7 @@
   var KEY__SHADOW_TOKEN = '$shadowToken$';
   var KEY__SHADOW_TOKEN_PRIVATE = '$$ShadowTokenKey$$';
   var KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1209,7 +1209,7 @@
   }
 
   var runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5441,6 +5441,6 @@
     },
     configurable: true
   });
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
 })();

package/dist/synthetic-shadow/umd/es2017/synthetic-shadow.js

@@ -153,7 +153,7 @@
   // We use this to detect symbol support in order to avoid the expensive symbol polyfill. Note that
   // we can't use typeof since it will fail when transpiling.
   const hasNativeSymbolSupport = /*@__PURE__*/ (() => Symbol('x').toString() === 'Symbol(x)')();
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1129,7 +1129,7 @@
       Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
   }
   const runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5116,6 +5116,6 @@
       }));
     });
   }
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
 }));

package/dist/synthetic-shadow/umd/es2017/synthetic-shadow_debug.js

@@ -89,7 +89,7 @@
   const KEY__SHADOW_TOKEN = '$shadowToken$';
   const KEY__SHADOW_TOKEN_PRIVATE = '$$ShadowTokenKey$$';
   const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1051,7 +1051,7 @@
       Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
   }
   const runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -4913,6 +4913,6 @@
       },
       configurable: true,
   });
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
 }));

package/dist/synthetic-shadow/umd/es5/synthetic-shadow.js

@@ -201,7 +201,7 @@
   var hasNativeSymbolSupport = /*@__PURE__*/function () {
     return Symbol('x').toString() === 'Symbol(x)';
   }();
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1302,7 +1302,7 @@
   }
 
   var runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5663,6 +5663,6 @@
       }));
     });
   }
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
 }));

package/dist/synthetic-shadow/umd/es5/synthetic-shadow_debug.js

@@ -125,7 +125,7 @@
   var KEY__SHADOW_TOKEN = '$shadowToken$';
   var KEY__SHADOW_TOKEN_PRIVATE = '$$ShadowTokenKey$$';
   var KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1211,7 +1211,7 @@
   }
 
   var runtimeFlags = _globalThis.lwcRuntimeFlags;
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -5443,6 +5443,6 @@
     },
     configurable: true
   });
-  /** version: 2.21.0 */
+  /** version: 2.21.1 */
 
 }));

package/dist/wire-service/esm/es2017/wire-service.js

@@ -7,7 +7,7 @@
 function isUndefined(obj) {
     return obj === undefined;
 }
-/** version: 2.21.0 */
+/** version: 2.21.1 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -181,6 +181,6 @@ class LegacyWireAdapterBridge {
         forEach.call(this.disconnecting, (listener) => listener.call(undefined));
     }
 }
-/** version: 2.21.0 */
+/** version: 2.21.1 */
 
 export { ValueChangedEvent, register, registerWireService };

package/dist/wire-service/iife/es2017/wire-service.js

@@ -10,7 +10,7 @@ var WireService = (function (exports) {
     function isUndefined(obj) {
         return obj === undefined;
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -184,7 +184,7 @@ var WireService = (function (exports) {
             forEach.call(this.disconnecting, (listener) => listener.call(undefined));
         }
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     exports.ValueChangedEvent = ValueChangedEvent;
     exports.register = register;

package/dist/wire-service/iife/es2017/wire-service_debug.js

@@ -10,7 +10,7 @@ var WireService = (function (exports) {
     function isUndefined(obj) {
         return obj === undefined;
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -184,7 +184,7 @@ var WireService = (function (exports) {
             forEach.call(this.disconnecting, (listener) => listener.call(undefined));
         }
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     exports.ValueChangedEvent = ValueChangedEvent;
     exports.register = register;

package/dist/wire-service/iife/es5/wire-service.js

@@ -33,7 +33,7 @@ var WireService = (function (exports) {
     function isUndefined(obj) {
       return obj === undefined;
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -280,7 +280,7 @@ var WireService = (function (exports) {
 
       return LegacyWireAdapterBridge;
     }();
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     exports.ValueChangedEvent = ValueChangedEvent;
     exports.register = register;

package/dist/wire-service/iife/es5/wire-service_debug.js

@@ -33,7 +33,7 @@ var WireService = (function (exports) {
     function isUndefined(obj) {
       return obj === undefined;
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -280,7 +280,7 @@ var WireService = (function (exports) {
 
       return LegacyWireAdapterBridge;
     }();
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     exports.ValueChangedEvent = ValueChangedEvent;
     exports.register = register;

package/dist/wire-service/umd/es2017/wire-service.js

@@ -13,7 +13,7 @@
     function isUndefined(obj) {
         return obj === undefined;
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -187,7 +187,7 @@
             forEach.call(this.disconnecting, (listener) => listener.call(undefined));
         }
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     exports.ValueChangedEvent = ValueChangedEvent;
     exports.register = register;

package/dist/wire-service/umd/es2017/wire-service_debug.js

@@ -13,7 +13,7 @@
     function isUndefined(obj) {
         return obj === undefined;
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -187,7 +187,7 @@
             forEach.call(this.disconnecting, (listener) => listener.call(undefined));
         }
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     exports.ValueChangedEvent = ValueChangedEvent;
     exports.register = register;

package/dist/wire-service/umd/es5/wire-service.js

@@ -36,7 +36,7 @@
     function isUndefined(obj) {
       return obj === undefined;
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -283,7 +283,7 @@
 
       return LegacyWireAdapterBridge;
     }();
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     exports.ValueChangedEvent = ValueChangedEvent;
     exports.register = register;

package/dist/wire-service/umd/es5/wire-service_debug.js

@@ -36,7 +36,7 @@
     function isUndefined(obj) {
       return obj === undefined;
     }
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     /*
      * Copyright (c) 2018, salesforce.com, inc.
@@ -283,7 +283,7 @@
 
       return LegacyWireAdapterBridge;
     }();
-    /** version: 2.21.0 */
+    /** version: 2.21.1 */
 
     exports.ValueChangedEvent = ValueChangedEvent;
     exports.register = register;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lwc",
-    "version": "2.21.0",
+    "version": "2.21.1",
     "description": "Lightning Web Components (LWC)",
     "homepage": "https://lwc.dev/",
     "repository": {
@@ -42,11 +42,11 @@
         ]
     },
     "dependencies": {
-        "@lwc/compiler": "2.21.0",
-        "@lwc/engine-dom": "2.21.0",
-        "@lwc/engine-server": "2.21.0",
-        "@lwc/features": "2.21.0",
-        "@lwc/synthetic-shadow": "2.21.0",
-        "@lwc/wire-service": "2.21.0"
+        "@lwc/compiler": "2.21.1",
+        "@lwc/engine-dom": "2.21.1",
+        "@lwc/engine-server": "2.21.1",
+        "@lwc/features": "2.21.1",
+        "@lwc/synthetic-shadow": "2.21.1",
+        "@lwc/wire-service": "2.21.1"
     }
 }