lwc 2.18.0 → 2.20.0

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

@@ -237,6 +237,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.
@@ -291,9 +294,6 @@ 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';
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -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.18.0";
+  const LWC_VERSION = "2.20.0";
   const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-  /** version: 2.18.0 */
+  /** version: 2.20.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -458,7 +458,7 @@ var LWC = (function (exports) {
           setFeatureFlag(name, value);
       }
   }
-  /** version: 2.18.0 */
+  /** version: 2.20.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -1918,7 +1918,7 @@ var LWC = (function (exports) {
       // Linking elm, shadow root and component with the VM.
       associateVM(component, vm);
       associateVM(elm, vm);
-      if (vm.renderMode === 1 /* Shadow */) {
+      if (vm.renderMode === 1 /* RenderMode.Shadow */) {
           vm.renderRoot = doAttachShadow(vm);
       }
       else {
@@ -1934,7 +1934,7 @@ var LWC = (function (exports) {
   function doAttachShadow(vm) {
       const { elm, mode, shadowMode, def: { ctor }, renderer: { attachShadow }, } = vm;
       const shadowRoot = attachShadow(elm, {
-          [KEY__SYNTHETIC_MODE]: shadowMode === 1 /* Synthetic */,
+          [KEY__SYNTHETIC_MODE]: shadowMode === 1 /* ShadowMode.Synthetic */,
           delegatesFocus: Boolean(ctor.delegatesFocus),
           mode,
       });
@@ -2057,7 +2057,7 @@ var LWC = (function (exports) {
       get template() {
           const vm = getAssociatedVM(this);
           if (process.env.NODE_ENV !== 'production') {
-              if (vm.renderMode === 0 /* Light */) {
+              if (vm.renderMode === 0 /* RenderMode.Light */) {
                   logError('`this.template` returns null for light DOM components. Since there is no shadow, the rendered content can be accessed via `this` itself. e.g. instead of `this.template.querySelector`, use `this.querySelector`.');
               }
           }
@@ -2429,13 +2429,13 @@ var LWC = (function (exports) {
    */
   function getClassDescriptorType(descriptor) {
       if (isFunction$1(descriptor.value)) {
-          return "method" /* Method */;
+          return "method" /* DescriptorType.Method */;
       }
       else if (isFunction$1(descriptor.set) || isFunction$1(descriptor.get)) {
-          return "accessor" /* Accessor */;
+          return "accessor" /* DescriptorType.Accessor */;
       }
       else {
-          return "field" /* Field */;
+          return "field" /* DescriptorType.Field */;
       }
   }
   function validateObservedField(Ctor, fieldName, descriptor) {
@@ -2444,7 +2444,7 @@ var LWC = (function (exports) {
           const message = `Invalid observed ${fieldName} field. Found a duplicate ${type} with the same name.`;
           // [W-9927596] Ideally we always throw an error when detecting duplicate observed field.
           // This branch is only here for backward compatibility reasons.
-          if (type === "accessor" /* Accessor */) {
+          if (type === "accessor" /* DescriptorType.Accessor */) {
               logError(message);
           }
           else {
@@ -2475,7 +2475,7 @@ var LWC = (function (exports) {
           const message = `Invalid @api ${fieldName} field. Found a duplicate ${type} with the same name.`;
           // [W-9927596] Ideally we always throw an error when detecting duplicate public properties.
           // This branch is only here for backward compatibility reasons.
-          if (type === "accessor" /* Accessor */) {
+          if (type === "accessor" /* DescriptorType.Accessor */) {
               logError(message);
           }
           else {
@@ -3197,8 +3197,8 @@ var LWC = (function (exports) {
           // assert.isTrue(ctorName && isString(ctorName), `${toString(Ctor)} should have a "name" property with string value, but found ${ctorName}.`);
           assert.isTrue(Ctor.constructor, `Missing ${ctorName}.constructor, ${ctorName} should have a "constructor" property.`);
           if (!isUndefined$1(ctorShadowSupportMode)) {
-              assert.invariant(ctorShadowSupportMode === "any" /* Any */ ||
-                  ctorShadowSupportMode === "reset" /* Default */, `Invalid value for static property shadowSupportMode: '${ctorShadowSupportMode}'`);
+              assert.invariant(ctorShadowSupportMode === "any" /* ShadowSupportMode.Any */ ||
+                  ctorShadowSupportMode === "reset" /* ShadowSupportMode.Default */, `Invalid value for static property shadowSupportMode: '${ctorShadowSupportMode}'`);
           }
           if (!isUndefined$1(ctorRenderMode)) {
               assert.invariant(ctorRenderMode === 'light' || ctorRenderMode === 'shadow', `Invalid value for static property renderMode: '${ctorRenderMode}'. renderMode must be either 'light' or 'shadow'.`);
@@ -3226,7 +3226,7 @@ var LWC = (function (exports) {
       }
       let renderMode = superDef.renderMode;
       if (!isUndefined$1(ctorRenderMode)) {
-          renderMode = ctorRenderMode === 'light' ? 0 /* Light */ : 1 /* Shadow */;
+          renderMode = ctorRenderMode === 'light' ? 0 /* RenderMode.Light */ : 1 /* RenderMode.Shadow */;
       }
       const template = getComponentRegisteredTemplate(Ctor) || superDef.template;
       const name = Ctor.name || superDef.name;
@@ -3319,8 +3319,8 @@ var LWC = (function (exports) {
       props: lightningBasedDescriptors,
       propsConfig: EmptyObject,
       methods: EmptyObject,
-      renderMode: 1 /* Shadow */,
-      shadowSupportMode: "reset" /* Default */,
+      renderMode: 1 /* RenderMode.Shadow */,
+      shadowSupportMode: "reset" /* ShadowSupportMode.Default */,
       wire: EmptyObject,
       bridge: BaseBridgeElement,
       template: defaultEmptyTemplate,
@@ -3342,7 +3342,7 @@ var LWC = (function (exports) {
           // avoid leaking the reference to the public props descriptors
           publicProps[key] = {
               config: propsConfig[key] || 0,
-              type: "any" /* any */,
+              type: "any" /* PropDefType.any */,
               attr: htmlPropertyToAttribute(key),
           };
       }
@@ -3399,7 +3399,7 @@ var LWC = (function (exports) {
    */
   function isVBaseElement(vnode) {
       const { type } = vnode;
-      return type === 2 /* Element */ || type === 3 /* CustomElement */;
+      return type === 2 /* VNodeType.Element */ || type === 3 /* VNodeType.CustomElement */;
   }
   function isSameVnode(vnode1, vnode2) {
       return vnode1.key === vnode2.key && vnode1.sel === vnode2.sel;
@@ -3655,21 +3655,21 @@ var LWC = (function (exports) {
           }
       }
       switch (n2.type) {
-          case 0 /* Text */:
+          case 0 /* VNodeType.Text */:
               // VText has no special capability, fallback to the owner's renderer
               patchText(n1, n2, renderer);
               break;
-          case 1 /* Comment */:
+          case 1 /* VNodeType.Comment */:
               // VComment has no special capability, fallback to the owner's renderer
               patchComment(n1, n2, renderer);
               break;
-          case 4 /* Static */:
+          case 4 /* VNodeType.Static */:
               n2.elm = n1.elm;
               break;
-          case 2 /* Element */:
+          case 2 /* VNodeType.Element */:
               patchElement(n1, n2, (_a = n2.data.renderer) !== null && _a !== void 0 ? _a : renderer);
               break;
-          case 3 /* CustomElement */:
+          case 3 /* VNodeType.CustomElement */:
               patchCustomElement(n1, n2, (_b = n2.data.renderer) !== null && _b !== void 0 ? _b : renderer);
               break;
       }
@@ -3677,23 +3677,23 @@ var LWC = (function (exports) {
   function mount(node, parent, renderer, anchor) {
       var _a, _b;
       switch (node.type) {
-          case 0 /* Text */:
+          case 0 /* VNodeType.Text */:
               // VText has no special capability, fallback to the owner's renderer
               mountText(node, parent, anchor, renderer);
               break;
-          case 1 /* Comment */:
+          case 1 /* VNodeType.Comment */:
               // VComment has no special capability, fallback to the owner's renderer
               mountComment(node, parent, anchor, renderer);
               break;
-          case 4 /* Static */:
+          case 4 /* VNodeType.Static */:
               // VStatic cannot have a custom renderer associated to them, using owner's renderer
               mountStatic(node, parent, anchor, renderer);
               break;
-          case 2 /* Element */:
+          case 2 /* VNodeType.Element */:
               // If the vnode data has a renderer override use it, else fallback to owner's renderer
               mountElement(node, parent, anchor, (_a = node.data.renderer) !== null && _a !== void 0 ? _a : renderer);
               break;
-          case 3 /* CustomElement */:
+          case 3 /* VNodeType.CustomElement */:
               // If the vnode data has a renderer override use it, else fallback to owner's renderer
               mountCustomElement(node, parent, anchor, (_b = node.data.renderer) !== null && _b !== void 0 ? _b : renderer);
               break;
@@ -3752,12 +3752,12 @@ var LWC = (function (exports) {
       // 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) {
-          if (shadowMode === 1 /* Synthetic */ || renderMode === 0 /* Light */) {
+          if (shadowMode === 1 /* ShadowMode.Synthetic */ || renderMode === 0 /* RenderMode.Light */) {
               elm[KEY__SHADOW_STATIC] = true;
           }
       }
       if (process.env.NODE_ENV !== 'production') {
-          const isLight = renderMode === 0 /* Light */;
+          const isLight = renderMode === 0 /* RenderMode.Light */;
           patchElementWithRestrictions(elm, { isPortal: false, isLight });
       }
       insertNode(elm, parent, anchor, renderer);
@@ -3789,7 +3789,7 @@ var LWC = (function (exports) {
       insertNode(elm, parent, anchor, renderer);
       if (vm) {
           if (process.env.NODE_ENV !== 'production') {
-              assert.isTrue(vm.state === 0 /* created */, `${vm} cannot be recycled.`);
+              assert.isTrue(vm.state === 0 /* VMState.created */, `${vm} cannot be recycled.`);
           }
           runConnectedCallback(vm);
       }
@@ -3834,14 +3834,14 @@ var LWC = (function (exports) {
           removeNode(elm, parent, renderer);
       }
       switch (type) {
-          case 2 /* Element */: {
+          case 2 /* VNodeType.Element */: {
               // Slot content is removed to trigger slotchange event when removing slot.
               // Only required for synthetic shadow.
-              const shouldRemoveChildren = sel === 'slot' && vnode.owner.shadowMode === 1 /* Synthetic */;
+              const shouldRemoveChildren = sel === 'slot' && vnode.owner.shadowMode === 1 /* ShadowMode.Synthetic */;
               unmountVNodes(vnode.children, elm, renderer, shouldRemoveChildren);
               break;
           }
-          case 3 /* CustomElement */: {
+          case 3 /* VNodeType.CustomElement */: {
               const { vm } = vnode;
               // No need to unmount the children here, `removeVM` will take care of removing the
               // children.
@@ -3884,7 +3884,7 @@ var LWC = (function (exports) {
       const { isSyntheticShadowDefined } = renderer;
       // TODO [#1164]: this should eventually be done by the polyfill directly
       if (isSyntheticShadowDefined) {
-          if (shadowMode === 1 /* Synthetic */ || renderMode === 0 /* Light */) {
+          if (shadowMode === 1 /* ShadowMode.Synthetic */ || renderMode === 0 /* RenderMode.Light */) {
               elm[KEY__SHADOW_RESOLVER] = renderRoot[KEY__SHADOW_RESOLVER];
           }
       }
@@ -3934,12 +3934,12 @@ var LWC = (function (exports) {
   function fallbackElmHook(elm, vnode, renderer) {
       const { owner } = vnode;
       setScopeTokenClassIfNecessary(elm, owner, renderer);
-      if (owner.shadowMode === 1 /* Synthetic */) {
+      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" /* Manual */) {
+              context.lwc.dom === "manual" /* LwcDomMode.Manual */) {
               // this element will now accept any manual content inserted into it
               observeElementChildNodes(elm);
           }
@@ -3953,8 +3953,8 @@ var LWC = (function (exports) {
           const { data: { context }, } = vnode;
           const isPortal = !isUndefined$1(context) &&
               !isUndefined$1(context.lwc) &&
-              context.lwc.dom === "manual" /* Manual */;
-          const isLight = owner.renderMode === 0 /* Light */;
+              context.lwc.dom === "manual" /* LwcDomMode.Manual */;
+          const isLight = owner.renderMode === 0 /* RenderMode.Light */;
           patchElementWithRestrictions(elm, { isPortal, isLight });
       }
   }
@@ -3972,7 +3972,7 @@ var LWC = (function (exports) {
       const children = vnode.aChildren || vnode.children;
       vm.aChildren = children;
       const { renderMode, shadowMode } = vm;
-      if (shadowMode === 1 /* Synthetic */ || renderMode === 0 /* Light */) {
+      if (shadowMode === 1 /* ShadowMode.Synthetic */ || renderMode === 0 /* RenderMode.Light */) {
           // slow path
           allocateInSlot(vm, children);
           // save the allocated children in case this vnode is reused.
@@ -3991,7 +3991,7 @@ var LWC = (function (exports) {
       }
       const { sel, mode, ctor, owner } = vnode;
       setScopeTokenClassIfNecessary(elm, owner, renderer);
-      if (owner.shadowMode === 1 /* Synthetic */) {
+      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.
@@ -4233,7 +4233,7 @@ var LWC = (function (exports) {
   // [st]atic node
   function st(fragment, key) {
       return {
-          type: 4 /* Static */,
+          type: 4 /* VNodeType.Static */,
           sel: undefined,
           key,
           elm: undefined,
@@ -4267,7 +4267,7 @@ var LWC = (function (exports) {
       let elm;
       const { key } = data;
       return {
-          type: 2 /* Element */,
+          type: 2 /* VNodeType.Element */,
           sel,
           data,
           children,
@@ -4304,11 +4304,11 @@ var LWC = (function (exports) {
       }
       const vmBeingRendered = getVMBeingRendered();
       const { renderMode, shadowMode } = vmBeingRendered;
-      if (renderMode === 0 /* Light */) {
+      if (renderMode === 0 /* RenderMode.Light */) {
           sc(children);
           return children;
       }
-      if (shadowMode === 1 /* Synthetic */) {
+      if (shadowMode === 1 /* ShadowMode.Synthetic */) {
           // TODO [#1276]: compiler should give us some sort of indicator when a vnodes collection is dynamic
           sc(children);
       }
@@ -4342,7 +4342,7 @@ var LWC = (function (exports) {
       const { key } = data;
       let elm, aChildren, vm;
       const vnode = {
-          type: 3 /* CustomElement */,
+          type: 3 /* VNodeType.CustomElement */,
           sel,
           data,
           children,
@@ -4450,7 +4450,7 @@ var LWC = (function (exports) {
   function t(text) {
       let sel, key, elm;
       return {
-          type: 0 /* Text */,
+          type: 0 /* VNodeType.Text */,
           sel,
           text,
           elm,
@@ -4462,7 +4462,7 @@ var LWC = (function (exports) {
   function co(text) {
       let sel, key, elm;
       return {
-          type: 1 /* Comment */,
+          type: 1 /* VNodeType.Comment */,
           sel,
           text,
           elm,
@@ -4511,7 +4511,7 @@ var LWC = (function (exports) {
           return null;
       }
       const { idx, shadowMode } = vmBeingRendered;
-      if (shadowMode === 1 /* Synthetic */) {
+      if (shadowMode === 1 /* ShadowMode.Synthetic */) {
           return StringReplace.call(id, /\S+/g, (id) => `${id}-${idx}`);
       }
       return id;
@@ -4533,7 +4533,7 @@ var LWC = (function (exports) {
       }
       const { idx, shadowMode } = vmBeingRendered;
       // Apply transformation only for fragment-only-urls, and only in shadow DOM
-      if (shadowMode === 1 /* Synthetic */ && /^#/.test(url)) {
+      if (shadowMode === 1 /* ShadowMode.Synthetic */ && /^#/.test(url)) {
           return `${url}-${idx}`;
       }
       return url;
@@ -4656,7 +4656,7 @@ var LWC = (function (exports) {
   function updateStylesheetToken(vm, template) {
       const { elm, context, renderMode, shadowMode, renderer: { getClassList, removeAttribute, setAttribute }, } = vm;
       const { stylesheets: newStylesheets, stylesheetToken: newStylesheetToken } = template;
-      const isSyntheticShadow = renderMode === 1 /* Shadow */ && shadowMode === 1 /* Synthetic */;
+      const isSyntheticShadow = renderMode === 1 /* RenderMode.Shadow */ && shadowMode === 1 /* ShadowMode.Synthetic */;
       const { hasScopedStyles } = context;
       let newToken;
       let newHasTokenInClass;
@@ -4712,19 +4712,19 @@ var LWC = (function (exports) {
               const isScopedCss = stylesheet[KEY__SCOPED_CSS];
               // Apply the scope token only if the stylesheet itself is scoped, or if we're rendering synthetic shadow.
               const scopeToken = isScopedCss ||
-                  (vm.shadowMode === 1 /* Synthetic */ && vm.renderMode === 1 /* Shadow */)
+                  (vm.shadowMode === 1 /* ShadowMode.Synthetic */ && vm.renderMode === 1 /* RenderMode.Shadow */)
                   ? stylesheetToken
                   : undefined;
               // Use the actual `:host` selector if we're rendering global CSS for light DOM, or if we're rendering
               // native shadow DOM. Synthetic shadow DOM never uses `:host`.
-              const useActualHostSelector = vm.renderMode === 0 /* Light */
+              const useActualHostSelector = vm.renderMode === 0 /* RenderMode.Light */
                   ? !isScopedCss
-                  : vm.shadowMode === 0 /* Native */;
+                  : vm.shadowMode === 0 /* ShadowMode.Native */;
               // Use the native :dir() pseudoclass only in native shadow DOM. Otherwise, in synthetic shadow,
               // we use an attribute selector on the host to simulate :dir().
               let useNativeDirPseudoclass;
-              if (vm.renderMode === 1 /* Shadow */) {
-                  useNativeDirPseudoclass = vm.shadowMode === 0 /* Native */;
+              if (vm.renderMode === 1 /* RenderMode.Shadow */) {
+                  useNativeDirPseudoclass = vm.shadowMode === 0 /* ShadowMode.Native */;
               }
               else {
                   // Light DOM components should only render `[dir]` if they're inside of a synthetic shadow root.
@@ -4733,7 +4733,7 @@ var LWC = (function (exports) {
                       // Only calculate the root once as necessary
                       root = getNearestShadowComponent(vm);
                   }
-                  useNativeDirPseudoclass = isNull(root) || root.shadowMode === 0 /* Native */;
+                  useNativeDirPseudoclass = isNull(root) || root.shadowMode === 0 /* ShadowMode.Native */;
               }
               ArrayPush$1.call(content, stylesheet(scopeToken, useActualHostSelector, useNativeDirPseudoclass));
           }
@@ -4754,7 +4754,7 @@ var LWC = (function (exports) {
   function getNearestShadowComponent(vm) {
       let owner = vm;
       while (!isNull(owner)) {
-          if (owner.renderMode === 1 /* Shadow */) {
+          if (owner.renderMode === 1 /* RenderMode.Shadow */) {
               return owner;
           }
           owner = owner.owner;
@@ -4763,7 +4763,7 @@ var LWC = (function (exports) {
   }
   function getNearestNativeShadowComponent(vm) {
       const owner = getNearestShadowComponent(vm);
-      if (!isNull(owner) && owner.shadowMode === 1 /* Synthetic */) {
+      if (!isNull(owner) && owner.shadowMode === 1 /* ShadowMode.Synthetic */) {
           // Synthetic-within-native is impossible. So if the nearest shadow component is
           // synthetic, we know we won't find a native component if we go any further.
           return null;
@@ -4772,7 +4772,7 @@ var LWC = (function (exports) {
   }
   function createStylesheet(vm, stylesheets) {
       const { renderMode, shadowMode, renderer: { ssr, insertStylesheet }, } = vm;
-      if (renderMode === 1 /* Shadow */ && shadowMode === 1 /* Synthetic */) {
+      if (renderMode === 1 /* RenderMode.Shadow */ && shadowMode === 1 /* ShadowMode.Synthetic */) {
           for (let i = 0; i < stylesheets.length; i++) {
               insertStylesheet(stylesheets[i]);
           }
@@ -4875,7 +4875,7 @@ var LWC = (function (exports) {
           start(markName);
       }
       if (isProfilerEnabled) {
-          currentDispatcher(opId, 0 /* Start */, vm.tagName, vm.idx, vm.renderMode, vm.shadowMode);
+          currentDispatcher(opId, 0 /* Phase.Start */, vm.tagName, vm.idx, vm.renderMode, vm.shadowMode);
       }
   }
   function logOperationEnd(opId, vm) {
@@ -4885,7 +4885,7 @@ var LWC = (function (exports) {
           end(measureName, markName);
       }
       if (isProfilerEnabled) {
-          currentDispatcher(opId, 1 /* Stop */, vm.tagName, vm.idx, vm.renderMode, vm.shadowMode);
+          currentDispatcher(opId, 1 /* Phase.Stop */, vm.tagName, vm.idx, vm.renderMode, vm.shadowMode);
       }
   }
   function logGlobalOperationStart(opId, vm) {
@@ -4895,7 +4895,7 @@ var LWC = (function (exports) {
           start(markName);
       }
       if (isProfilerEnabled) {
-          currentDispatcher(opId, 0 /* Start */, vm === null || vm === void 0 ? void 0 : vm.tagName, vm === null || vm === void 0 ? void 0 : vm.idx, vm === null || vm === void 0 ? void 0 : vm.renderMode, vm === null || vm === void 0 ? void 0 : vm.shadowMode);
+          currentDispatcher(opId, 0 /* Phase.Start */, vm === null || vm === void 0 ? void 0 : vm.tagName, vm === null || vm === void 0 ? void 0 : vm.idx, vm === null || vm === void 0 ? void 0 : vm.renderMode, vm === null || vm === void 0 ? void 0 : vm.shadowMode);
       }
   }
   function logGlobalOperationEnd(opId, vm) {
@@ -4905,7 +4905,7 @@ var LWC = (function (exports) {
           end(opName, markName);
       }
       if (isProfilerEnabled) {
-          currentDispatcher(opId, 1 /* Stop */, vm === null || vm === void 0 ? void 0 : vm.tagName, vm === null || vm === void 0 ? void 0 : vm.idx, vm === null || vm === void 0 ? void 0 : vm.renderMode, vm === null || vm === void 0 ? void 0 : vm.shadowMode);
+          currentDispatcher(opId, 1 /* Phase.Stop */, vm === null || vm === void 0 ? void 0 : vm.tagName, vm === null || vm === void 0 ? void 0 : vm.idx, vm === null || vm === void 0 ? void 0 : vm.renderMode, vm === null || vm === void 0 ? void 0 : vm.shadowMode);
       }
   }
 
@@ -4931,11 +4931,11 @@ var LWC = (function (exports) {
       const { cmpSlots } = vm;
       const { slots = EmptyArray } = html;
       for (const slotName in cmpSlots) {
-          // eslint-disable-next-line lwc-internal/no-production-assert
+          // eslint-disable-next-line @lwc/lwc-internal/no-production-assert
           assert.isTrue(isArray$1(cmpSlots[slotName]), `Slots can only be set to an array, instead received ${toString$1(cmpSlots[slotName])} for slot "${slotName}" in ${vm}.`);
           if (slotName !== '' && ArrayIndexOf.call(slots, slotName) === -1) {
               // TODO [#1297]: this should never really happen because the compiler should always validate
-              // eslint-disable-next-line lwc-internal/no-production-assert
+              // eslint-disable-next-line @lwc/lwc-internal/no-production-assert
               logError(`Ignoring unknown provided slot name "${slotName}" in ${vm}. Check for a typo on the slot attribute.`, vm);
           }
       }
@@ -4943,7 +4943,7 @@ var LWC = (function (exports) {
   function validateLightDomTemplate(template, vm) {
       if (template === defaultEmptyTemplate)
           return;
-      if (vm.renderMode === 0 /* Light */) {
+      if (vm.renderMode === 0 /* RenderMode.Light */) {
           assert.isTrue(template.renderMode === 'light', `Light DOM components can't render shadow DOM templates. Add an 'lwc:render-mode="light"' directive to the root template tag of ${getComponentTag(vm)}.`);
       }
       else {
@@ -4956,13 +4956,13 @@ var LWC = (function (exports) {
           return function () {
               const { context: { hasScopedStyles, stylesheetToken }, shadowMode, renderer, } = getVMBeingRendered();
               const hasStyleToken = !isUndefined$1(stylesheetToken);
-              const isSyntheticShadow = shadowMode === 1 /* Synthetic */;
+              const isSyntheticShadow = shadowMode === 1 /* ShadowMode.Synthetic */;
               let cacheKey = 0;
               if (hasStyleToken && hasScopedStyles) {
-                  cacheKey |= 1 /* HAS_SCOPED_STYLE */;
+                  cacheKey |= 1 /* FragmentCache.HAS_SCOPED_STYLE */;
               }
               if (hasStyleToken && isSyntheticShadow) {
-                  cacheKey |= 2 /* SHADOW_MODE_SYNTHETIC */;
+                  cacheKey |= 2 /* FragmentCache.SHADOW_MODE_SYNTHETIC */;
               }
               if (!isUndefined$1(cache[cacheKey])) {
                   return cache[cacheKey];
@@ -5017,7 +5017,7 @@ var LWC = (function (exports) {
       runWithBoundaryProtection(vm, vm.owner, () => {
           // pre
           vmBeingRendered = vm;
-          logOperationStart(1 /* Render */, vm);
+          logOperationStart(1 /* OperationId.Render */, vm);
       }, () => {
           // job
           const { component, context, cmpSlots, cmpTemplate, tro } = vm;
@@ -5075,7 +5075,7 @@ var LWC = (function (exports) {
           // post
           isUpdatingTemplate = isUpdatingTemplateInception;
           vmBeingRendered = vmOfTemplateBeingUpdatedInception;
-          logOperationEnd(1 /* Render */, vm);
+          logOperationEnd(1 /* OperationId.Render */, vm);
       });
       if (process.env.NODE_ENV !== 'production') {
           assert.invariant(isArray$1(vnodes), `Compiler should produce html functions that always return an array.`);
@@ -5114,7 +5114,7 @@ var LWC = (function (exports) {
   function invokeComponentConstructor(vm, Ctor) {
       const vmBeingConstructedInception = vmBeingConstructed;
       let error;
-      logOperationStart(0 /* Constructor */, vm);
+      logOperationStart(0 /* OperationId.Constructor */, vm);
       vmBeingConstructed = vm;
       /**
        * Constructors don't need to be wrapped with a boundary because for root elements
@@ -5136,7 +5136,7 @@ var LWC = (function (exports) {
           error = Object(e);
       }
       finally {
-          logOperationEnd(0 /* Constructor */, vm);
+          logOperationEnd(0 /* OperationId.Constructor */, vm);
           vmBeingConstructed = vmBeingConstructedInception;
           if (!isUndefined$1(error)) {
               addErrorComponentStack(vm, error);
@@ -5317,12 +5317,12 @@ var LWC = (function (exports) {
   function connectRootElement(elm) {
     const vm = getAssociatedVM(elm);
     logGlobalOperationStart(7
-    /* GlobalHydrate */
+    /* OperationId.GlobalHydrate */
     , vm); // Usually means moving the element from one place to another, which is observable via
     // life-cycle hooks.
 
     if (vm.state === 1
-    /* connected */
+    /* VMState.connected */
     ) {
       disconnectRootElement(elm);
     }
@@ -5330,7 +5330,7 @@ var LWC = (function (exports) {
     runConnectedCallback(vm);
     rehydrate(vm);
     logGlobalOperationEnd(7
-    /* GlobalHydrate */
+    /* OperationId.GlobalHydrate */
     , vm);
   }
   function disconnectRootElement(elm) {
@@ -5348,7 +5348,7 @@ var LWC = (function (exports) {
     } = vm;
 
     if (state !== 2
-    /* disconnected */
+    /* VMState.disconnected */
     ) {
       const {
         oar,
@@ -5377,9 +5377,9 @@ var LWC = (function (exports) {
   function removeVM(vm) {
     if (process.env.NODE_ENV !== 'production') {
       assert.isTrue(vm.state === 1
-      /* connected */
+      /* VMState.connected */
       || vm.state === 2
-      /* disconnected */
+      /* VMState.disconnected */
       , `${vm} must have been connected.`);
     }
 
@@ -5390,7 +5390,7 @@ var LWC = (function (exports) {
     let ancestor = vm.owner;
 
     while (!isNull(ancestor) && ancestor.renderMode === 0
-    /* Light */
+    /* RenderMode.Light */
     ) {
       ancestor = ancestor.owner;
     }
@@ -5411,7 +5411,7 @@ var LWC = (function (exports) {
       def,
       idx: idx++,
       state: 0
-      /* created */
+      /* VMState.created */
       ,
       isScheduled: false,
       isDirty: true,
@@ -5460,7 +5460,7 @@ var LWC = (function (exports) {
 
       if (runtimeFlags.ENABLE_FORCE_NATIVE_SHADOW_MODE_FOR_TEST) {
         vm.shadowMode = 0
-        /* Native */
+        /* ShadowMode.Native */
         ;
       }
     } // Create component instance associated to the vm and the element.
@@ -5487,57 +5487,57 @@ var LWC = (function (exports) {
 
     if (isSyntheticShadowDefined) {
       if (def.renderMode === 0
-      /* Light */
+      /* RenderMode.Light */
       ) {
         // ShadowMode.Native implies "not synthetic shadow" which is consistent with how
         // everything defaults to native when the synthetic shadow polyfill is unavailable.
         shadowMode = 0
-        /* Native */
+        /* ShadowMode.Native */
         ;
       } else if (isNativeShadowDefined) {
         // Not combined with above condition because @lwc/features only supports identifiers in
         // the if-condition.
         if (runtimeFlags.ENABLE_MIXED_SHADOW_MODE) {
           if (def.shadowSupportMode === "any"
-          /* Any */
+          /* ShadowSupportMode.Any */
           ) {
             shadowMode = 0
-            /* Native */
+            /* ShadowMode.Native */
             ;
           } else {
             const shadowAncestor = getNearestShadowAncestor(vm);
 
             if (!isNull(shadowAncestor) && shadowAncestor.shadowMode === 0
-            /* Native */
+            /* ShadowMode.Native */
             ) {
               // Transitive support for native Shadow DOM. A component in native mode
               // transitively opts all of its descendants into native.
               shadowMode = 0
-              /* Native */
+              /* ShadowMode.Native */
               ;
             } else {
               // Synthetic if neither this component nor any of its ancestors are configured
               // to be native.
               shadowMode = 1
-              /* Synthetic */
+              /* ShadowMode.Synthetic */
               ;
             }
           }
         } else {
           shadowMode = 1
-          /* Synthetic */
+          /* ShadowMode.Synthetic */
           ;
         }
       } else {
         // Synthetic if there is no native Shadow DOM support.
         shadowMode = 1
-        /* Synthetic */
+        /* ShadowMode.Synthetic */
         ;
       }
     } else {
       // Native if the synthetic shadow polyfill is unavailable.
       shadowMode = 0
-      /* Native */
+      /* ShadowMode.Native */
       ;
     }
 
@@ -5597,7 +5597,7 @@ var LWC = (function (exports) {
         runWithBoundaryProtection(vm, vm, () => {
           // pre
           logOperationStart(2
-          /* Patch */
+          /* OperationId.Patch */
           , vm);
         }, () => {
           // job
@@ -5605,14 +5605,14 @@ var LWC = (function (exports) {
         }, () => {
           // post
           logOperationEnd(2
-          /* Patch */
+          /* OperationId.Patch */
           , vm);
         });
       }
     }
 
     if (vm.state === 1
-    /* connected */
+    /* VMState.connected */
     ) {
       // If the element is connected, that means connectedCallback was already issued, and
       // any successive rendering should finish with the call to renderedCallback, otherwise
@@ -5646,11 +5646,11 @@ var LWC = (function (exports) {
 
     if (!isUndefined$1(renderedCallback)) {
       logOperationStart(4
-      /* RenderedCallback */
+      /* OperationId.RenderedCallback */
       , vm);
       invokeComponentCallback(vm, renderedCallback);
       logOperationEnd(4
-      /* RenderedCallback */
+      /* OperationId.RenderedCallback */
       , vm);
     }
   }
@@ -5658,7 +5658,7 @@ var LWC = (function (exports) {
 
   function flushRehydrationQueue() {
     logGlobalOperationStart(8
-    /* GlobalRehydrate */
+    /* OperationId.GlobalRehydrate */
     );
 
     if (process.env.NODE_ENV !== 'production') {
@@ -5685,7 +5685,7 @@ var LWC = (function (exports) {
 
 
         logGlobalOperationEnd(8
-        /* GlobalRehydrate */
+        /* OperationId.GlobalRehydrate */
         ); // re-throwing the original error will break the current tick, but since the next tick is
         // already scheduled, it should continue patching the rest.
 
@@ -5694,7 +5694,7 @@ var LWC = (function (exports) {
     }
 
     logGlobalOperationEnd(8
-    /* GlobalRehydrate */
+    /* OperationId.GlobalRehydrate */
     );
   }
 
@@ -5704,13 +5704,13 @@ var LWC = (function (exports) {
     } = vm;
 
     if (state === 1
-    /* connected */
+    /* VMState.connected */
     ) {
       return; // nothing to do since it was already connected
     }
 
     vm.state = 1
-    /* connected */
+    /* VMState.connected */
     ; // reporting connection
 
     const {
@@ -5731,11 +5731,11 @@ var LWC = (function (exports) {
 
     if (!isUndefined$1(connectedCallback)) {
       logOperationStart(3
-      /* ConnectedCallback */
+      /* OperationId.ConnectedCallback */
       , vm);
       invokeComponentCallback(vm, connectedCallback);
       logOperationEnd(3
-      /* ConnectedCallback */
+      /* OperationId.ConnectedCallback */
       , vm);
     }
   }
@@ -5747,7 +5747,7 @@ var LWC = (function (exports) {
   function runDisconnectedCallback(vm) {
     if (process.env.NODE_ENV !== 'production') {
       assert.isTrue(vm.state !== 2
-      /* disconnected */
+      /* VMState.disconnected */
       , `${vm} must be inserted.`);
     }
 
@@ -5760,7 +5760,7 @@ var LWC = (function (exports) {
     }
 
     vm.state = 2
-    /* disconnected */
+    /* VMState.disconnected */
     ; // reporting disconnection
 
     const {
@@ -5781,11 +5781,11 @@ var LWC = (function (exports) {
 
     if (!isUndefined$1(disconnectedCallback)) {
       logOperationStart(5
-      /* DisconnectedCallback */
+      /* OperationId.DisconnectedCallback */
       , vm);
       invokeComponentCallback(vm, disconnectedCallback);
       logOperationEnd(5
-      /* DisconnectedCallback */
+      /* OperationId.DisconnectedCallback */
       , vm);
     }
   }
@@ -5841,13 +5841,13 @@ var LWC = (function (exports) {
       if (!isNull(vnode) && !isUndefined$1(vnode.elm)) {
         switch (vnode.type) {
           case 2
-          /* Element */
+          /* VNodeType.Element */
           :
             recursivelyDisconnectChildren(vnode.children);
             break;
 
           case 3
-          /* CustomElement */
+          /* VNodeType.CustomElement */
           :
             {
               const vm = getAssociatedVM(vnode.elm);
@@ -5938,13 +5938,13 @@ var LWC = (function (exports) {
         resetComponentRoot(vm); // remove offenders
 
         logOperationStart(6
-        /* ErrorCallback */
+        /* OperationId.ErrorCallback */
         , vm); // error boundaries must have an ErrorCallback
 
         const errorCallback = errorBoundaryVm.def.errorCallback;
         invokeComponentCallback(errorBoundaryVm, errorCallback, [error, error.wcStack]);
         logOperationEnd(6
-        /* ErrorCallback */
+        /* OperationId.ErrorCallback */
         , vm);
       }
     }
@@ -6039,7 +6039,7 @@ var LWC = (function (exports) {
 
     const computeConfigAndUpdate = () => {
       let config;
-      ro.observe(() => config = configCallback(component)); // eslint-disable-next-line lwc-internal/no-invalid-todo
+      ro.observe(() => config = configCallback(component)); // eslint-disable-next-line @lwc/lwc-internal/no-invalid-todo
       // TODO: dev-mode validation of config based on the adapter.configSchema
       // @ts-ignore it is assigned in the observe() callback
 
@@ -6081,7 +6081,7 @@ var LWC = (function (exports) {
       // guarantee that the linkage can be forged.
       const contextRegistrationEvent = new WireContextRegistrationEvent(adapterContextToken, {
         setNewContext(newContext) {
-          // eslint-disable-next-line lwc-internal/no-invalid-todo
+          // eslint-disable-next-line @lwc/lwc-internal/no-invalid-todo
           // TODO: dev-mode validation of config based on the adapter.contextSchema
           callbackWhenContextIsReady(newContext);
         },
@@ -6145,7 +6145,7 @@ var LWC = (function (exports) {
           // (ever), while context can have identity
 
           if (vm.state === 1
-          /* connected */
+          /* VMState.connected */
           ) {
             computeConfigAndUpdate();
           }
@@ -6349,22 +6349,22 @@ var LWC = (function (exports) {
       var _a, _b;
       let hydratedNode;
       switch (vnode.type) {
-          case 0 /* Text */:
+          case 0 /* VNodeType.Text */:
               // VText has no special capability, fallback to the owner's renderer
               hydratedNode = hydrateText(node, vnode, renderer);
               break;
-          case 1 /* Comment */:
+          case 1 /* VNodeType.Comment */:
               // VComment has no special capability, fallback to the owner's renderer
               hydratedNode = hydrateComment(node, vnode, renderer);
               break;
-          case 4 /* Static */:
+          case 4 /* VNodeType.Static */:
               // VStatic are cacheable and cannot have custom renderer associated to them
               hydratedNode = hydrateStaticElement(node, vnode, renderer);
               break;
-          case 2 /* Element */:
+          case 2 /* VNodeType.Element */:
               hydratedNode = hydrateElement(node, vnode, (_a = vnode.data.renderer) !== null && _a !== void 0 ? _a : renderer);
               break;
-          case 3 /* CustomElement */:
+          case 3 /* VNodeType.CustomElement */:
               hydratedNode = hydrateCustomElement(node, vnode, (_b = vnode.data.renderer) !== null && _b !== void 0 ? _b : renderer);
               break;
       }
@@ -6372,7 +6372,7 @@ var LWC = (function (exports) {
   }
   function hydrateText(node, vnode, renderer) {
       var _a;
-      if (!hasCorrectNodeType(vnode, node, 3 /* TEXT */, renderer)) {
+      if (!hasCorrectNodeType(vnode, node, 3 /* EnvNodeTypes.TEXT */, renderer)) {
           return handleMismatch(node, vnode, renderer);
       }
       if (process.env.NODE_ENV !== 'production') {
@@ -6389,7 +6389,7 @@ var LWC = (function (exports) {
   }
   function hydrateComment(node, vnode, renderer) {
       var _a;
-      if (!hasCorrectNodeType(vnode, node, 8 /* COMMENT */, renderer)) {
+      if (!hasCorrectNodeType(vnode, node, 8 /* EnvNodeTypes.COMMENT */, renderer)) {
           return handleMismatch(node, vnode, renderer);
       }
       if (process.env.NODE_ENV !== 'production') {
@@ -6412,14 +6412,14 @@ var LWC = (function (exports) {
       return elm;
   }
   function hydrateElement(elm, vnode, renderer) {
-      if (!hasCorrectNodeType(vnode, elm, 1 /* ELEMENT */, renderer) ||
+      if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) ||
           !isMatchingElement(vnode, elm, renderer)) {
           return handleMismatch(elm, vnode, renderer);
       }
       vnode.elm = elm;
       const { owner } = vnode;
       const { context } = vnode.data;
-      const isDomManual = Boolean(!isUndefined$1(context) && !isUndefined$1(context.lwc) && context.lwc.dom === "manual" /* Manual */);
+      const isDomManual = Boolean(!isUndefined$1(context) && !isUndefined$1(context.lwc) && context.lwc.dom === "manual" /* LwcDomMode.Manual */);
       if (isDomManual) {
           // it may be that this element has lwc:inner-html, we need to diff and in case are the same,
           // remove the innerHTML from props so it reuses the existing dom elements.
@@ -6445,7 +6445,7 @@ var LWC = (function (exports) {
       return elm;
   }
   function hydrateCustomElement(elm, vnode, renderer) {
-      if (!hasCorrectNodeType(vnode, elm, 1 /* ELEMENT */, renderer) ||
+      if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) ||
           !isMatchingElement(vnode, elm, renderer)) {
           return handleMismatch(elm, vnode, renderer);
       }
@@ -6462,10 +6462,10 @@ var LWC = (function (exports) {
       patchElementPropsAndAttrs(vnode, renderer);
       // Insert hook section:
       if (process.env.NODE_ENV !== 'production') {
-          assert.isTrue(vm.state === 0 /* created */, `${vm} cannot be recycled.`);
+          assert.isTrue(vm.state === 0 /* VMState.created */, `${vm} cannot be recycled.`);
       }
       runConnectedCallback(vm);
-      if (vm.renderMode !== 0 /* Light */) {
+      if (vm.renderMode !== 0 /* RenderMode.Light */) {
           const { getFirstChild } = renderer;
           // VM is not rendering in Light DOM, we can proceed and hydrate the slotted content.
           // Note: for Light DOM, this is handled while hydrating the VM
@@ -6648,19 +6648,19 @@ var LWC = (function (exports) {
   }
   function areCompatibleNodes(client, ssr, vnode, renderer) {
       const { getProperty, getAttribute } = renderer;
-      if (getProperty(client, 'nodeType') === 3 /* TEXT */) {
-          if (!hasCorrectNodeType(vnode, ssr, 3 /* TEXT */, renderer)) {
+      if (getProperty(client, 'nodeType') === 3 /* EnvNodeTypes.TEXT */) {
+          if (!hasCorrectNodeType(vnode, ssr, 3 /* EnvNodeTypes.TEXT */, renderer)) {
               return false;
           }
           return getProperty(client, 'nodeValue') === getProperty(ssr, 'nodeValue');
       }
-      if (getProperty(client, 'nodeType') === 8 /* COMMENT */) {
-          if (!hasCorrectNodeType(vnode, ssr, 8 /* COMMENT */, renderer)) {
+      if (getProperty(client, 'nodeType') === 8 /* EnvNodeTypes.COMMENT */) {
+          if (!hasCorrectNodeType(vnode, ssr, 8 /* EnvNodeTypes.COMMENT */, renderer)) {
               return false;
           }
           return getProperty(client, 'nodeValue') === getProperty(ssr, 'nodeValue');
       }
-      if (!hasCorrectNodeType(vnode, ssr, 1 /* ELEMENT */, renderer)) {
+      if (!hasCorrectNodeType(vnode, ssr, 1 /* EnvNodeTypes.ELEMENT */, renderer)) {
           return false;
       }
       let isCompatibleElements = true;
@@ -6814,7 +6814,7 @@ var LWC = (function (exports) {
       }
       return ctor;
   }
-  /* version: 2.18.0 */
+  /* version: 2.20.0 */
 
   /*
    * Copyright (c) 2018, salesforce.com, inc.
@@ -7343,7 +7343,7 @@ var LWC = (function (exports) {
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // TODO [#2472]: Remove this workaround when appropriate.
-  // eslint-disable-next-line lwc-internal/no-global-node
+  // eslint-disable-next-line @lwc/lwc-internal/no-global-node
   const _Node$1 = Node;
   const ConnectingSlot = new WeakMap();
   const DisconnectingSlot = new WeakMap();
@@ -7432,7 +7432,7 @@ var LWC = (function (exports) {
    * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
    */
   // TODO [#2472]: Remove this workaround when appropriate.
-  // eslint-disable-next-line lwc-internal/no-global-node
+  // eslint-disable-next-line @lwc/lwc-internal/no-global-node
   const _Node = Node;
   /**
    * EXPERIMENTAL: The purpose of this function is to detect shadowed nodes. THIS API WILL BE REMOVED
@@ -7493,7 +7493,7 @@ var LWC = (function (exports) {
   });
   freeze(LightningElement);
   seal(LightningElement.prototype);
-  /* version: 2.18.0 */
+  /* version: 2.20.0 */
 
   exports.LightningElement = LightningElement;
   exports.__unstable__ProfilerControl = profilerControl;