@lwc/template-compiler 3.8.0 → 4.0.0

package/dist/codegen/codegen.d.ts

@@ -1,3 +1,4 @@
+import { APIVersion } from '@lwc/shared';
 import * as t from '../shared/estree';
 import { ChildNode, Expression, ComplexExpression, Literal, LWCDirectiveRenderMode, Root, EventListener, RefDirective, StaticElement } from '../shared/types';
 import State from '../state';
@@ -45,6 +46,7 @@ export default class CodeGen {
     slotNames: Set<string>;
     memorizedIds: t.Identifier[];
     referencedComponents: Set<string>;
+    apiVersion: APIVersion;
     constructor({ root, state, scopeFragmentId, }: {
         root: Root;
         state: State;

package/dist/index.cjs.js

@@ -12327,8 +12327,10 @@ function shouldFlatten(codeGen, children) {
         return (
         // ForBlock will generate a list of iterable vnodes
         isForBlock(child) ||
-            // light DOM slots
-            (isSlot(child) && codeGen.renderMode === exports.LWCDirectiveRenderMode.light) ||
+            // light DOM slots - backwards-compatible behavior uses flattening, new behavior uses fragments
+            (!shared.isAPIFeatureEnabled(2 /* APIFeature.USE_FRAGMENTS_FOR_LIGHT_DOM_SLOTS */, codeGen.apiVersion) &&
+                isSlot(child) &&
+                codeGen.renderMode === exports.LWCDirectiveRenderMode.light) ||
             // If node is only a control flow node and does not map to a stand alone element.
             // Search children to determine if it should be flattened.
             (isIf(child) && shouldFlatten(codeGen, child.children)));
@@ -12811,6 +12813,7 @@ class CodeGen {
         this.scopeFragmentId = scopeFragmentId;
         this.scope = this.createScope();
         this.state = state;
+        this.apiVersion = shared.getAPIVersionFromNumber(state.config.apiVersion);
     }
     generateKey() {
         return this.currentKey++;
@@ -13839,5 +13842,5 @@ function compile(source, config) {
 exports.compile = compile;
 exports.default = compile;
 exports.parse = parse;
-/** version: 3.8.0 */
+/** version: 4.0.0 */
 //# sourceMappingURL=index.cjs.js.map