@lwc/engine-core 2.48.0 → 2.49.0

package/dist/framework/utils.d.ts

@@ -1,6 +1,6 @@
 import { StylesheetFactory, TemplateStylesheetFactories } from './stylesheet';
 import { VM } from './vm';
-import { VBaseElement } from './vnodes';
+import { VBaseElement, VStatic } from './vnodes';
 type Callback = () => void;
 export declare const SPACE_CHAR = 32;
 export declare const EmptyObject: any;
@@ -16,6 +16,6 @@ export declare function cloneAndOmitKey(object: {
     [key: string]: any;
 };
 export declare function flattenStylesheets(stylesheets: TemplateStylesheetFactories): StylesheetFactory[];
-export declare function setRefVNode(vm: VM, ref: string, vnode: VBaseElement): void;
+export declare function setRefVNode(vm: VM, ref: string, vnode: VBaseElement | VStatic): void;
 export declare function assertNotProd(): void;
 export {};

package/dist/framework/vm.d.ts

@@ -3,7 +3,7 @@ import { Template } from './template';
 import { ComponentDef } from './def';
 import { LightningElement, LightningElementConstructor } from './base-lightning-element';
 import { ReactiveObserver } from './mutation-tracker';
-import { VNodes, VCustomElement, VNode, VBaseElement } from './vnodes';
+import { VNodes, VCustomElement, VNode, VBaseElement, VStatic } from './vnodes';
 import { TemplateStylesheetFactories } from './stylesheet';
 type ShadowRootMode = 'open' | 'closed';
 export interface TemplateCache {
@@ -55,7 +55,7 @@ export interface Context {
     wiredDisconnecting: Array<() => void>;
 }
 export type RefVNodes = {
-    [name: string]: VBaseElement;
+    [name: string]: VBaseElement | VStatic;
 };
 export interface VM<N = HostNode, E = HostElement> {
     /** The host element */

package/dist/framework/vnodes.d.ts

@@ -27,13 +27,14 @@ export interface VScopedSlotFragment extends BaseVNode {
     type: VNodeType.ScopedSlotFragment;
     slotName: unknown;
 }
-export type VStaticElementData = Pick<VNodeData, 'on'>;
+export type VStaticElementData = Pick<VElementData, 'on' | 'ref'>;
 export interface VStatic extends BaseVNode {
     readonly type: VNodeType.Static;
     readonly sel: undefined;
     readonly key: Key;
     readonly fragment: Element;
     readonly data: VStaticElementData | undefined;
+    elm: Element | undefined;
 }
 export interface VFragment extends BaseVNode, BaseVParent {
     sel: undefined;

package/dist/index.cjs.js

@@ -4354,15 +4354,21 @@ function ssf(slotName, factory) {
 }
 // [st]atic node
 function st(fragment, key, data) {
-    return {
+    const owner = getVMBeingRendered();
+    const vnode = {
         type: 4 /* VNodeType.Static */,
         sel: undefined,
         key,
         elm: undefined,
         fragment,
-        owner: getVMBeingRendered(),
+        owner,
         data,
     };
+    const ref = data === null || data === void 0 ? void 0 : data.ref;
+    if (!shared.isUndefined(ref)) {
+        setRefVNode(owner, ref, vnode);
+    }
+    return vnode;
 }
 // [fr]agment node
 function fr(key, children, stable) {
@@ -6156,7 +6162,7 @@ function hydrateRoot(vm) {
     hasMismatch = false;
     runConnectedCallback(vm);
     hydrateVM(vm);
-    if (hasMismatch) {
+    if (hasMismatch && process.env.NODE_ENV !== 'production') {
         logError('Hydration completed with errors.', vm);
     }
 }
@@ -6228,7 +6234,9 @@ function getValidationPredicate(optOutStaticProp) {
     if (shared.isArray(optOutStaticProp) && shared.arrayEvery(optOutStaticProp, shared.isString)) {
         return (attrName) => !shared.ArrayIncludes.call(optOutStaticProp, attrName);
     }
-    logWarn('Validation opt out must be `true` or an array of attributes that should not be validated.');
+    if (process.env.NODE_ENV !== 'production') {
+        logWarn('Validation opt out must be `true` or an array of attributes that should not be validated.');
+    }
     return (_attrName) => true;
 }
 function hydrateText(node, vnode, renderer) {
@@ -6264,7 +6272,8 @@ function hydrateComment(node, vnode, renderer) {
     return node;
 }
 function hydrateStaticElement(elm, vnode, renderer) {
-    if (!areCompatibleNodes(vnode.fragment, elm, vnode, renderer)) {
+    if (!hasCorrectNodeType(vnode, elm, 1 /* EnvNodeTypes.ELEMENT */, renderer) ||
+        !areCompatibleNodes(vnode.fragment, elm, vnode, renderer)) {
         return handleMismatch(elm, vnode, renderer);
     }
     vnode.elm = elm;
@@ -6603,7 +6612,9 @@ function areCompatibleNodes(client, ssr, vnode, renderer) {
     const clientAttrsNames = getProperty(client, 'getAttributeNames').call(client);
     clientAttrsNames.forEach((attrName) => {
         if (getAttribute(client, attrName) !== getAttribute(ssr, attrName)) {
-            logError(`Mismatch hydrating element <${getProperty(client, 'tagName').toLowerCase()}>: attribute "${attrName}" has different values, expected "${getAttribute(client, attrName)}" but found "${getAttribute(ssr, attrName)}"`, vnode.owner);
+            if (process.env.NODE_ENV !== 'production') {
+                logError(`Mismatch hydrating element <${getProperty(client, 'tagName').toLowerCase()}>: attribute "${attrName}" has different values, expected "${getAttribute(client, attrName)}" but found "${getAttribute(ssr, attrName)}"`, vnode.owner);
+            }
             isCompatibleElements = false;
         }
     });
@@ -6915,5 +6926,5 @@ exports.swapTemplate = swapTemplate;
 exports.track = track;
 exports.unwrap = unwrap;
 exports.wire = wire;
-/** version: 2.48.0 */
+/** version: 2.49.0 */
 //# sourceMappingURL=index.cjs.js.map